/** ANIMATIONS **/
.coiOverlay .ds-btn--primary:not(:disabled) {
    box-shadow: 0 2px 8px 0 rgba(34, 34, 34, .2);
}

@charset "UTF-8";

/*! normalize-scss | MIT/GPLv2 License | bit.ly/normalize-scss */
html {
    line-height: 1.15;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

main {
    display: block
}

button,
input {
    font-family: sans-serif;
    font-size: 100%;
    line-height: 1.15;
    margin: 0
}

button {
    overflow: visible
}

button {
    text-transform: none
}

[type=submit],
button {
    -webkit-appearance: button
}

[type=submit]::-moz-focus-inner,
button::-moz-focus-inner {
    border-style: none;
    padding: 0
}

[type=submit]:-moz-focusring,
button:-moz-focusring {
    outline: 1px dotted ButtonText
}

input {
    overflow: visible
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

fieldset {
    padding: .35em .75em .625em
}

body,
html {
    height: 100%
}

html {
    font: normal 1rem/1rem Nunito Sans, "sans-serif";
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    min-height: 100%
}

*,
:after,
:before {
    -webkit-box-sizing: inherit;
    box-sizing: inherit
}

body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    min-height: 100vh;
    color: #313535;
    font: inherit;
    line-height: 1.33;
    overflow-y: scroll;
    overflow-x: hidden
}

fieldset,
form,
h2,
p {
    margin: 0;
    padding: 0
}

em {
    font-weight: 300;
    font-style: italic
}

.wrapper {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto
}

[type=submit],
button {
    color: #313535;
    font-size: 14px;
    text-align: center;
    border: none;
    border-radius: 0;
    outline: none;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

[type=submit]:active,
[type=submit]:focus,
[type=submit]:hover,
button:active,
button:focus,
button:hover {
    -webkit-transition: background-color .1s ease, color .1s ease;
    transition: background-color .1s ease, color .1s ease
}

[type=submit]:disabled,
button:disabled {
    opacity: .4;
    cursor: not-allowed;
    pointer-events: none
}

[type=submit]:disabled:active,
[type=submit]:disabled:focus,
[type=submit]:disabled:hover,
button:disabled:active,
button:disabled:focus,
button:disabled:hover {
    opacity: .4
}

button span {
    padding: 0
}

button span:hover {
    color: inherit
}

[type=submit] {
    text-decoration: none
}

fieldset {
    margin: 0;
    padding: 0;
    border-width: 0
}

label {
    cursor: pointer;
    font-size: 14px
}

h2 {
    font-size: 36px
}

h2 {
    margin-bottom: .5em;
    color: #313535;
    font-family: Nunito Sans, sans-serif;
    font-weight: 800;
    text-transform: none
}

svg {
    max-width: 100%;
    width: 100%;
    height: auto
}

svg:not(:root) {
    overflow: hidden
}

[type=text] {
    width: 100%;
    padding: .785em;
    background-color: #fff;
    font-size: 14px;
    border: 1px solid #979797;
    border-radius: 0;
    -webkit-transition: -webkit-box-shadow .1s ease;
    transition: -webkit-box-shadow .1s ease;
    transition: box-shadow .1s ease;
    transition: box-shadow .1s ease, -webkit-box-shadow .1s ease
}

[type=text]:active,
[type=text]:focus {
    -webkit-box-shadow: inset 0 -2px 0 #b3b2af;
    box-shadow: inset 0 -2px 0 #b3b2af;
    outline: none
}

[type=text]:disabled {
    border: 1px solid #d8d8d8
}

[type=text]:active,
[type=text]:focus {
    cursor: text;
    outline: none
}

[type=text] {
    background-image: none
}

input::-webkit-inner-spin-button,
input::-webkit-outer-spin-button {
    -webkit-appearance: none;
    appearance: none;
    margin: 0
}

p {
    margin-bottom: 1.5em;
    font-size: inherit
}

.btn-primary {
    background-color: #ddd;
    font-weight: 700;
    text-transform: uppercase
}

.btn-primary:active,
.btn-primary:hover {
    background-color: #eee
}

.form-list {
    list-style: none;
    padding-left: 0
}

.icon {
    display: inline-block;
    width: 32px;
    height: 32px;
    position: relative;
    vertical-align: middle;
    line-height: 1;
    text-align: center;
    zoom: 1
}

.input-box {
    position: relative
}

[type=text]:invalid:focus {
    border-color: #e74c3c;
    -webkit-box-shadow: 0 0 2px 0 #e74c3c;
    box-shadow: 0 0 2px 0 #e74c3c
}

[type=email]:invalid:not(:focus):not(:-moz-placeholder-shown),
[type=number]:invalid:not(:focus):not(:-moz-placeholder-shown),
[type=password]:invalid:not(:focus):not(:-moz-placeholder-shown),
[type=text]:invalid:not(:focus):not(:-moz-placeholder-shown),
textarea:invalid:not(:focus):not(:-moz-placeholder-shown) {
    border-color: #e74c3c
}

[type=email]:invalid:not(:focus):not(:-ms-input-placeholder),
[type=number]:invalid:not(:focus):not(:-ms-input-placeholder),
[type=password]:invalid:not(:focus):not(:-ms-input-placeholder),
[type=text]:invalid:not(:focus):not(:-ms-input-placeholder),
textarea:invalid:not(:focus):not(:-ms-input-placeholder) {
    border-color: #e74c3c
}

[type=email]:invalid:not(:focus):not(:placeholder-shown),
[type=number]:invalid:not(:focus):not(:placeholder-shown),
[type=password]:invalid:not(:focus):not(:placeholder-shown),
[type=text]:invalid:not(:focus):not(:placeholder-shown),
textarea:invalid:not(:focus):not(:placeholder-shown) {
    border-color: #e74c3c
}

label {
    color: #4a4a4a;
    font-size: 1em
}

.input-box {
    margin-bottom: 20px
}

.h-captcha {
    margin-top: 40px
}

.button {
    background-color: #f3f3f3;
    font-family: Nunito Sans, "sans-serif";
    text-transform: uppercase;
    line-height: 1.25
}

.button:disabled {
    opacity: .5;
    cursor: not-allowed;
    pointer-events: none
}

.input-text {
    border: none;
    width: 100%;
    background-color: #f7f7f7;
    -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;
    padding: 22px 16px 12px;
    color: #4a4a4a;
    -webkit-box-shadow: inset 0 -2px 0 #b3b2af;
    box-shadow: inset 0 -2px 0 #b3b2af;
    font-size: 16px;
    font-family: Nunito Sans, "sans-serif";
    line-height: 1
}

.input-text ::-webkit-input-placeholder {
    color: #9b9b9b
}

.input-text ::-moz-placeholder {
    color: #9b9b9b
}

.input-text :-ms-input-placeholder {
    color: #9b9b9b
}

.input-text ::-ms-input-placeholder {
    color: #9b9b9b
}

.input-text:active,
.input-text:focus {
    -webkit-box-shadow: inset 0 -2px 0 0 #ffd400;
    box-shadow: inset 0 -2px 0 0 #ffd400;
    outline: none
}

.dropdown__label:not(:focus):not(:-moz-read-only):not(:disabled):hover,
.input-text:not(:focus):not(:-moz-read-only):not(:disabled):hover,
select:not(:focus):not(:-moz-read-only):not(:disabled):hover,
textarea:not(:focus):not(:-moz-read-only):not(:disabled):hover {
    box-shadow: inset 0 -2px 0 0 #313535
}

.dropdown__label:not(:focus):not(:read-only):not(:disabled):hover,
.input-text:not(:focus):not(:read-only):not(:disabled):hover,
select:not(:focus):not(:read-only):not(:disabled):hover,
textarea:not(:focus):not(:read-only):not(:disabled):hover {
    -webkit-box-shadow: inset 0 -2px 0 0 #313535;
    box-shadow: inset 0 -2px 0 0 #313535
}

.input-text:disabled {
    opacity: .5
}

.input-text:-moz-read-only {
    opacity: .5;
    cursor: default;
    box-shadow: inset 0 -2px 0 #b3b2af
}

input:-webkit-autofill {
    -webkit-animation-name: onAutoFillStart;
    animation-name: onAutoFillStart
}

input:not(:-webkit-autofill),
textarea:not(:-webkit-autofill) {
    -webkit-animation-name: onAutoFillCancel;
    animation-name: onAutoFillCancel
}

@-webkit-keyframes onAutoFillStart {
    0% {
        opacity: 1
    }

    to {
        opacity: 1
    }
}

@keyframes onAutoFillStart {
    0% {
        opacity: 1
    }

    to {
        opacity: 1
    }
}

@-webkit-keyframes onAutoFillCancel {
    0% {
        opacity: 1
    }

    to {
        opacity: 1
    }
}

@keyframes onAutoFillCancel {
    0% {
        opacity: 1
    }

    to {
        opacity: 1
    }
}

.container {
    max-width: 1600px;
    margin-left: auto;
    margin-right: auto;
    padding: 20px
}

.container:after {
    content: " ";
    display: block;
    clear: both
}

.section-heading {
    padding-bottom: 40px
}

.section-heading:after {
    display: block;
    content: "";
    width: 70px;
    height: 5px;
    background-color: #ffd400;
    margin-top: 20px
}

.md-input-field {
    position: relative
}

.md-input-field label {
    margin-bottom: 0;
    position: absolute;
    top: 0;
    left: 0;
    right: 16px;
    z-index: 5;
    color: #9b9b9b;
    -webkit-transform: translate(16px, 15px);
    transform: translate(16px, 15px);
    -webkit-transition: color .4s ease, -webkit-transform .1s ease;
    transition: color .4s ease, -webkit-transform .1s ease;
    transition: color .4s ease, transform .1s ease;
    transition: color .4s ease, transform .1s ease, -webkit-transform .1s ease;
    cursor: text;
    pointer-events: none;
    font-family: Nunito Sans, "sans-serif"
}

.md-input-field label>em {
    display: none
}

.validation-failed:not(:focus):hover {
    border-color: #313535;
    background-color: #fff5f7;
    -webkit-box-shadow: inset 0 -2px 0 0 #e10030;
    box-shadow: inset 0 -2px 0 0 #e10030
}

body,
html {
    -webkit-overflow-scrolling: touch
}

body {
    line-height: 1
}

.wrapper {
    z-index: 1
}

.button__text {
    display: inline;
    vertical-align: middle
}

.btn-primary {
    color: #313535;
    background: #ffd400;
    font-weight: 600;
    -webkit-box-shadow: 0 6px 24px 0 rgba(82, 97, 115, .12);
    box-shadow: 0 6px 24px 0 rgba(82, 97, 115, .12);
    -webkit-transition: -webkit-box-shadow .3s ease;
    transition: -webkit-box-shadow .3s ease;
    transition: box-shadow .3s ease;
    transition: box-shadow .3s ease, -webkit-box-shadow .3s ease;
    padding: 1em 1.5em;
    border: 1px solid #e8c100;
    border-radius: 3px
}

.btn-primary:hover {
    background: #ffd400;
    -webkit-box-shadow: 0 5px 30px 0 rgba(82, 97, 115, .3);
    box-shadow: 0 5px 30px 0 rgba(82, 97, 115, .3)
}

.btn-primary:active {
    -webkit-box-shadow: 0 6px 24px 0 rgba(82, 97, 115, .12);
    box-shadow: 0 6px 24px 0 rgba(82, 97, 115, .12)
}

.btn-icon--right {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.btn-icon--right .icon {
    width: 1em;
    height: 1em;
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    margin-left: .5em
}

h2 {
    color: inherit
}

h2 {
    margin-bottom: 0
}

p {
    line-height: 1.75
}

p {
    margin-bottom: 0
}

label {
    display: inline-block;
    margin-bottom: 1em
}

.field {
    margin: 20px 0
}

.input-helper {
    padding: 20px 16px 12px;
    display: inline-block;
    color: #9b9b9b;
    font-size: 80%;
    position: relative
}

.form-list>.field:first-child {
    margin-top: 0
}

.wrapper {
    -webkit-transition: -webkit-transform .3s ease;
    transition: -webkit-transform .3s ease;
    transition: transform .3s ease;
    transition: transform .3s ease, -webkit-transform .3s ease
}

.site-search__input:not(:valid)~.site-search__clear {
    display: none
}

.wrapper {
    padding-bottom: 80px
}

.widget {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
    margin-bottom: 40px
}

.section--one-column {
    padding: 40px 20px;
    max-width: 1200px;
    margin: auto
}

.section--one-column .section-heading {
    text-align: left
}

.widget-column__body p {
    margin-bottom: 30px
}

.widget-column__buttons-set {
    width: 100%;
    display: block;
    text-align: right
}

.widget--section-one-column {
    padding: 40px 40px 50px
}

.widget--section-one-column .section-heading {
    font-size: 32px;
    margin-bottom: 25px
}

.widget--form-section .field {
    margin: 2.5em 0
}

.form-builder__submit-form {
    padding-top: 0
}

.widget--form-section .section-heading {
    margin-bottom: 0
}

.file-upload__file-input:not(:focus):not(:-moz-read-only):not(:disabled):hover {
    box-shadow: inset 0 -2px 0 0 #313535
}

.file-upload__file-input:not(:focus):not(:read-only):not(:disabled):hover {
    -webkit-box-shadow: inset 0 -2px 0 0 #313535;
    box-shadow: inset 0 -2px 0 0 #313535
}

@media (min-width:480px) {
    .container {
        padding: 40px
    }

    .section--one-column {
        padding: 40px 40px 70px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .widget--section-one-column .widget-column__body p {
        margin-bottom: 40px
    }
}

@media (min-width:768px) {
    .widget {
        padding-left: 40px;
        padding-right: 40px;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }

    .section--one-column {
        padding: 40px 40px 55px
    }

    .section--one-column {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .widget--section-one-column .section-heading {
        margin-bottom: 40px
    }

    .widget--section-one-column .section-heading:after {
        margin-top: 40px
    }

    .widget--section-one-column .widget-column__body p {
        margin-bottom: 30px
    }

    .widget--form-section .section-heading {
        margin-bottom: 0
    }
}

@media (min-width:992px) {
    .section--one-column {
        padding: 40px 40px 110px
    }

    .widget--section-one-column .widget-column__body p {
        margin-bottom: 30px
    }
}

@media (min-width:1200px) {
    .container {
        padding: 60px
    }

    .section--one-column {
        padding: 85px 45px 60px;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }

    .section--one-column .widget-column__heading {
        width: 33.33333%
    }

    .section--one-column .widget-column__content {
        width: 66.66667%;
        padding-left: 100px
    }

    .widget--section-one-column .section-heading {
        margin-bottom: 0
    }

    .widget--section-one-column .section-heading:after {
        margin-top: 30px
    }

    .widget--section-one-column .widget-column__body p {
        margin-bottom: 30px
    }

    .widget--section-one-column .widget-column__heading {
        position: sticky;
        -ms-flex-item-align: start;
        align-self: flex-start;
        top: 77px;
        background-color: #fff
    }
}

@media (min-width:1600px) {
    .section--one-column {
        padding: 80px 85px 40px
    }

    .widget--section-one-column .section-heading {
        font-size: 28px
    }

    .widget--section-one-column .widget-column__body p {
        margin-bottom: 30px
    }
}

@media (max-width:1199px) {
    html {
        overflow: auto
    }
}

.checkbox-container {
    display: flex;
    align-items: center;
    gap: 8px;
    /* Space between checkbox and label */
}

.input-checkbox {
    width: 18px;
    height: 18px;
    cursor: pointer;
}

label {
    font-size: 14px;
    cursor: pointer;
}

label[for="emailOptIn"] {
    cursor: pointer;
    /* Ensures clicking on the label works */
    display: inline-block;
    /* Proper alignment */
}

input#emailOptIn {
    position: relative;
    z-index: 1;
}

.recently-added {
    margin-top: 40px;
    margin-bottom: 10px
}

.content {
    max-width: 1600px;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    float: left
}

.content:after {
    content: " ";
    display: block;
    clear: both
}

@charset "UTF-8";

/*! normalize-scss | MIT/GPLv2 License | bit.ly/normalize-scss */
html {
    line-height: 1.15;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

article,
aside,
footer,
header,
nav,
section {
    display: block
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

figcaption,
figure {
    display: block
}

figure {
    margin: 1em 40px
}

hr {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
    overflow: visible
}

main {
    display: block
}

pre {
    font-family: monospace, monospace;
    font-size: 1em
}

a {
    background-color: transparent;
    -webkit-text-decoration-skip: objects
}

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted
}

b,
strong {
    font-weight: inherit;
    font-weight: bolder
}

code,
kbd,
samp {
    font-family: monospace, monospace;
    font-size: 1em
}

dfn {
    font-style: italic
}

mark {
    background-color: #ff0;
    color: #000
}

small {
    font-size: 80%
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

audio,
video {
    display: inline-block
}

audio:not([controls]) {
    display: none;
    height: 0
}

img {
    border-style: none
}

button,
input,
optgroup,
select,
textarea {
    font-family: sans-serif;
    font-size: 100%;
    line-height: 1.15;
    margin: 0
}

button {
    overflow: visible
}

button,
select {
    text-transform: none
}

[type=reset],
[type=submit],
button,
html [type=button] {
    -webkit-appearance: button
}

[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,
button::-moz-focus-inner {
    border-style: none;
    padding: 0
}

[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring,
button:-moz-focusring {
    outline: 1px dotted ButtonText
}

input {
    overflow: visible
}

[type=checkbox],
[type=radio] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

[type=search]::-webkit-search-cancel-button,
[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

fieldset {
    padding: .35em .75em .625em
}

legend {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: table;
    max-width: 100%;
    padding: 0;
    color: inherit;
    white-space: normal
}

progress {
    display: inline-block;
    vertical-align: baseline
}

textarea {
    overflow: auto
}

details {
    display: block
}

summary {
    display: list-item
}

menu {
    display: block
}

canvas {
    display: inline-block
}

[hidden],
template {
    display: none
}

body,
html {
    height: 100%
}

html {
    font: normal 1rem/1rem Nunito Sans, "sans-serif";
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    min-height: 100%
}

*,
:after,
:before {
    -webkit-box-sizing: inherit;
    box-sizing: inherit
}

body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    min-height: 100vh;
    color: #313535;
    font: inherit;
    line-height: 1.33;
    overflow-y: scroll;
    overflow-x: hidden
}

blockquote,
caption,
dd,
dl,
fieldset,
form,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
legend,
ol,
p,
pre,
table,
td,
th,
ul {
    margin: 0;
    padding: 0
}

a {
    color: inherit;
    font: inherit
}

abbr[title],
dfn[title] {
    cursor: help
}

ins,
u {
    border-bottom: 1px solid;
    text-decoration: none
}

.em,
em,
i {
    font-weight: 300;
    font-style: italic
}

.address,
address {
    font-weight: 400
}

.wrapper {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto
}

[aria-selected=true] {
    display: block
}

[aria-hidden=true] {
    display: none
}

[tabindex]:focus {
    outline: none
}

.hidden-text,
.is-text-hidden,
.sr-only {
    border: 0;
    clip: rect(0, 0, 0, 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

[type=button],
[type=submit],
button {
    color: #313535;
    font-size: 14px;
    text-align: center;
    border: none;
    border-radius: 0;
    outline: none;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

[type=button]:active,
[type=button]:focus,
[type=button]:hover,
[type=submit]:active,
[type=submit]:focus,
[type=submit]:hover,
button:active,
button:focus,
button:hover {
    -webkit-transition: background-color .1s ease, color .1s ease;
    transition: background-color .1s ease, color .1s ease
}

[type=button].disabled,
[type=button]:disabled,
[type=submit].disabled,
[type=submit]:disabled,
button.disabled,
button:disabled {
    opacity: .4;
    cursor: not-allowed;
    pointer-events: none
}

[type=button].disabled:active,
[type=button].disabled:focus,
[type=button].disabled:hover,
[type=button]:disabled:active,
[type=button]:disabled:focus,
[type=button]:disabled:hover,
[type=submit].disabled:active,
[type=submit].disabled:focus,
[type=submit].disabled:hover,
[type=submit]:disabled:active,
[type=submit]:disabled:focus,
[type=submit]:disabled:hover,
button.disabled:active,
button.disabled:focus,
button.disabled:hover,
button:disabled:active,
button:disabled:focus,
button:disabled:hover {
    opacity: .4
}

button a,
button a span,
button span,
button span span {
    padding: 0
}

button a:hover,
button span:hover {
    color: inherit
}

[type=button],
[type=submit] {
    text-decoration: none
}

fieldset {
    margin: 0;
    padding: 0;
    border-width: 0
}

.label,
label {
    cursor: pointer;
    font-size: 14px
}

.h1,
h1 {
    font-size: 48px
}

.h2,
h2 {
    font-size: 36px
}

.h3,
h3 {
    font-size: 28px
}

.h4,
h4 {
    font-size: 24px
}

.h5,
h5 {
    font-size: 18px
}

.h6,
h6 {
    font-size: 12px
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
    margin-bottom: .5em;
    color: #313535;
    font-family: Nunito Sans, sans-serif;
    font-weight: 800;
    text-transform: none
}

img {
    width: 100%;
    max-width: 100%;
    font-style: italic
}

img[height],
img[width] {
    max-width: 100%
}

figcaption,
figure {
    margin: 0
}

figure>img {
    display: block
}

svg {
    max-width: 100%;
    width: 100%;
    height: auto
}

svg:not(:root) {
    overflow: hidden
}

option,
select {
    cursor: pointer
}

select {
    background: #fff url("data:image/svg+xml;charset=utf8,%3Csvg width='1792' height='1792' viewBox='0 0 1792 1792' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1395 736q0 13-10 23l-466 466q-10 10-23 10t-23-10l-466-466q-10-10-10-23t10-23l50-50q10-10 23-10t23 10l393 393 393-393q10-10 23-10t23 10l50 50q10 10 10 23z'/%3E%3C/svg%3E") no-repeat 98% 50%;
    background-size: 1.5em;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

[type=email],
[type=number],
[type=password],
[type=text],
select,
textarea {
    width: 100%;
    padding: .785em;
    background-color: #fff;
    font-size: 14px;
    border: 1px solid #979797;
    border-radius: 0;
    -webkit-transition: -webkit-box-shadow .1s ease;
    transition: -webkit-box-shadow .1s ease;
    transition: box-shadow .1s ease;
    transition: box-shadow .1s ease, -webkit-box-shadow .1s ease
}

[type=email]:active,
[type=email]:focus,
[type=number]:active,
[type=number]:focus,
[type=password]:active,
[type=password]:focus,
[type=text]:active,
[type=text]:focus,
select:active,
select:focus,
textarea:active,
textarea:focus {
    -webkit-box-shadow: inset 0 -2px 0 #b3b2af;
    box-shadow: inset 0 -2px 0 #b3b2af;
    outline: none
}

[type=email].disabled,
[type=email]:disabled,
[type=number].disabled,
[type=number]:disabled,
[type=password].disabled,
[type=password]:disabled,
[type=text].disabled,
[type=text]:disabled,
select.disabled,
select:disabled,
textarea.disabled,
textarea:disabled {
    border: 1px solid #d8d8d8
}

[type=email]:active,
[type=email]:focus,
[type=number]:active,
[type=number]:focus,
[type=password]:active,
[type=password]:focus,
[type=text]:active,
[type=text]:focus,
textarea:active,
textarea:focus {
    cursor: text;
    outline: none
}

[type=number],
[type=password],
[type=text] {
    background-image: none
}

[type=file],
[type=range] {
    display: block
}

[type=range] {
    width: 100%
}

[type=checkbox]:focus,
[type=file]:focus,
[type=radio]:focus {
    outline: thin dotted
}

[multiple],
[size] {
    height: auto
}

[disabled] {
    cursor: not-allowed;
    pointer-events: none
}

[type=checkbox],
[type=radio] {
    position: relative;
    top: 2px
}

input::-webkit-inner-spin-button,
input::-webkit-outer-spin-button {
    -webkit-appearance: none;
    appearance: none;
    margin: 0
}

input[type=number],
input[type=number]:focus,
input[type=number]:hover {
    -webkit-appearance: textfield;
    -moz-appearance: textfield;
    appearance: textfield
}

.back-link,
.link--previous {
    text-align: left
}

.link--forward,
.link--read-more,
.next-link {
    text-align: right
}

li {
    font: inherit
}

li>ol,
li>ul {
    margin-bottom: 0
}

.ol {
    list-style-type: decimal
}

q {
    quotes: '"\\‘"''"\\’"''"\\“"''"\\”"'
}

q:before {
    content: '"\\‘"'
}

q:after {
    content: '"\\’"'
}

q q:before {
    content: '"\\“"'
}

q q:after {
    content: '"\\”"'
}

blockquote {
    quotes: '"\\“"''"\\”"';
    text-indent: -.4em
}

blockquote p:first-of-type:before {
    content: "\“"
}

blockquote p:after {
    content: " "
}

blockquote p:last-of-type:after {
    content: "\”"
}

blockquote q:before {
    content: "\‘"
}

blockquote q:after {
    content: "\’"
}

blockquote p:last-of-type {
    margin-bottom: 0
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

td,
th {
    text-align: left
}

[colspan] {
    text-align: center
}

[colspan="1"] {
    text-align: left
}

[rowspan] {
    vertical-align: middle
}

[rowspan="1"] {
    vertical-align: top
}

.table--bordered td,
.table--bordered th {
    border: 1px solid #e4e4e4
}

.table--bordered td:empty,
.table--bordered th:empty {
    border: 0
}

.table--bordered thead tr:last-child th {
    border-bottom-width: 2px
}

.table--bordered tbody tr th:last-of-type {
    border-right-width: 2px
}

.table--striped tr:nth-of-type(odd) {
    background-color: #e4e4e4
}

.p,
p {
    margin-bottom: 1.5em;
    font-size: inherit
}

.text--lead {
    font-size: 18px;
    line-height: 1.44
}

.text--small,
small {
    font-size: 14px
}

.text--tiny {
    font-size: 12px
}

.text--muted {
    color: #666
}

.text--center {
    text-align: center
}

.text--success {
    color: #2ecc71
}

.text--warning {
    color: #d35400
}

.text--error {
    color: #e74c3c
}

.text--note {
    color: #1abc9c
}

.text--notice {
    color: #16a085
}

audio[height],
audio[width],
canvas[height],
canvas[width],
iframe[height],
iframe[width],
meter[height],
meter[width],
progress[height],
progress[width],
video[height],
video[width] {
    max-width: none
}

audio:not([height]),
audio:not([width]),
canvas:not([height]),
canvas:not([width]),
iframe:not([height]),
iframe:not([width]),
meter:not([height]),
meter:not([width]),
progress:not([height]),
progress:not([width]),
video:not([height]),
video:not([width]) {
    width: 100%;
    max-width: 100%
}

.badge,
.badge--circle,
.badge--rounded {
    display: inline-block;
    background-color: #ddd;
    color: #000;
    padding: .15em .5rem;
    font-size: 14px;
    line-height: 1.5;
    text-align: center
}

.badge--rounded {
    border-radius: 1rem
}

.badge--circle {
    width: 1.25rem;
    height: 1.25rem;
    padding: 0;
    line-height: 1.25;
    border-radius: 50%
}

.badge--accent {
    text-transform: uppercase
}

.badge--rounded.badge--large,
.badge.badge--large {
    padding: 1rem 2rem
}

.badge--circle.badge--large {
    padding: 0;
    width: 4em;
    height: 4em;
    line-height: 4
}

.btn {
    min-width: 10em;
    padding: .74074em 2em
}

.btn-default {
    background-color: #bbb
}

.btn-primary {
    background-color: #ddd;
    font-weight: 700;
    text-transform: uppercase
}

.btn-primary:active,
.btn-primary:hover,
.btn-secondary {
    background-color: #eee
}

.btn-secondary:active,
.btn-secondary:hover {
    background-color: #ddd
}

.btn-success {
    background-color: #2ecc71
}

.btn-warning {
    background-color: #d35400
}

.btn-error {
    background-color: #e74c3c
}

.btn-note {
    background-color: #1abc9c
}

.btn-notice {
    background-color: #16a085
}

.btn-muted {
    background-color: #f3f3f3
}

.btn--full {
    display: block;
    width: 100%;
    padding-right: 0;
    padding-left: 0
}

.btn--switch .button__item--chosen,
.btn--switch.is-chosen .button__item {
    display: none
}

.btn--switch.is-chosen .button__item--chosen {
    display: inline-block
}

.form-list,
.form-list ul {
    list-style: none;
    padding-left: 0
}

.form-list>li:last-child,
.form-list ul>li:last-child {
    margin-bottom: 0
}

.icon {
    display: inline-block;
    width: 32px;
    height: 32px;
    position: relative;
    vertical-align: middle;
    line-height: 1;
    text-align: center;
    zoom: 1
}

.icon--small {
    width: 16px;
    height: 16px
}

.icon--large {
    width: 64px;
    height: 64px
}

.input-addon {
    position: relative
}

.input-addon .icon {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.input-addon-group {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.input-addon-group .input-text:not(:first-child) {
    border-right: 0
}

.input-addon-group .input-text:not(:last-child) {
    border-left: 0
}

.input-box {
    position: relative
}

.pagination {
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.pagination a {
    padding: .25em .65em;
    text-decoration: none
}

.pagination__item,
.pagination__next,
.pagination__prev,
.pagination a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative
}

.pagination__item,
.pagination__next,
.pagination__prev {
    margin: 0 .25em;
    background-color: #f3f3f3;
    letter-spacing: normal;
    word-spacing: normal;
    font-size: 16px;
    text-align: center
}

.is-current.pagination__next,
.is-current.pagination__prev,
.pagination__item.is-current {
    background-color: #ddd
}

.pagination__next a:after,
.pagination__next a:before,
.pagination__prev a:after,
.pagination__prev a:before {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    top: -.075em;
    font-size: 36px
}

.pagination__prev a:before {
    content: "‹"
}

.pagination__next a:after {
    content: "›"
}

[type=email]:invalid:focus,
[type=number]:invalid:focus,
[type=password]:invalid:focus,
[type=text]:invalid:focus,
textarea:invalid:focus {
    border-color: #e74c3c;
    -webkit-box-shadow: 0 0 2px 0 #e74c3c;
    box-shadow: 0 0 2px 0 #e74c3c
}

[type=email]:invalid:not(:focus):not(:-moz-placeholder-shown),
[type=number]:invalid:not(:focus):not(:-moz-placeholder-shown),
[type=password]:invalid:not(:focus):not(:-moz-placeholder-shown),
[type=text]:invalid:not(:focus):not(:-moz-placeholder-shown),
textarea:invalid:not(:focus):not(:-moz-placeholder-shown) {
    border-color: #e74c3c
}

[type=email]:invalid:not(:focus):not(:-ms-input-placeholder),
[type=number]:invalid:not(:focus):not(:-ms-input-placeholder),
[type=password]:invalid:not(:focus):not(:-ms-input-placeholder),
[type=text]:invalid:not(:focus):not(:-ms-input-placeholder),
textarea:invalid:not(:focus):not(:-ms-input-placeholder) {
    border-color: #e74c3c
}

[type=email]:invalid:not(:focus):not(:placeholder-shown),
[type=number]:invalid:not(:focus):not(:placeholder-shown),
[type=password]:invalid:not(:focus):not(:placeholder-shown),
[type=text]:invalid:not(:focus):not(:placeholder-shown),
textarea:invalid:not(:focus):not(:placeholder-shown) {
    border-color: #e74c3c
}

.checkbox,
.input-checkbox,
.input-radio,
.radio {
    border: 0;
    clip: rect(0, 0, 0, 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.checkbox~label,
.input-checkbox~label,
.input-radio~label,
.radio~label {
    padding-left: 1.75em;
    position: relative
}

.checkbox~label:before,
.input-checkbox~label:before,
.input-radio~label:before,
.radio~label:before {
    content: "";
    display: block;
    width: 1.25em;
    height: 1.25em;
    position: absolute;
    top: 50%;
    left: 0;
    background: #fff no-repeat 50% 50%;
    background-size: 1.25em 1.25em;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.checkbox:disabled,
.checkbox:disabled~label,
.input-checkbox:disabled,
.input-checkbox:disabled~label,
.input-radio:disabled,
.input-radio:disabled~label,
.radio:disabled,
.radio:disabled~label {
    opacity: .4
}

.checkbox~label:before,
.input-checkbox~label:before {
    background-image: none
}

.checkbox:checked~label:before,
.input-checkbox:checked~label:before {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='1792' height='1792' viewBox='0 0 1792 1792' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23979797' d='M1472 930v318q0 119-84.5 203.5t-203.5 84.5h-832q-119 0-203.5-84.5t-84.5-203.5v-832q0-119 84.5-203.5t203.5-84.5h832q63 0 117 25 15 7 18 23 3 17-9 29l-49 49q-10 10-23 10-3 0-9-2-23-6-45-6h-832q-66 0-113 47t-47 113v832q0 66 47 113t113 47h832q66 0 113-47t47-113v-254q0-13 9-22l64-64q10-10 23-10 6 0 12 3 20 8 20 29zm231-489l-814 814q-24 24-57 24t-57-24l-430-430q-24-24-24-57t24-57l110-110q24-24 57-24t57 24l263 263 647-647q24-24 57-24t57 24l110 110q24 24 24 57t-24 57z'/%3E%3C/svg%3E")
}

.input-radio~label:before,
.radio~label:before {
    background-image: none
}

.input-radio:checked~label:before,
.radio:checked~label:before {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='1792' height='1792' viewBox='0 0 1792 1792' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23979797' d='M1152 896q0 106-75 181t-181 75-181-75-75-181 75-181 181-75 181 75 75 181zm-256-544q-148 0-273 73t-198 198-73 273 73 273 198 198 273 73 273-73 198-198 73-273-73-273-198-198-273-73zm768 544q0 209-103 385.5t-279.5 279.5-385.5 103-385.5-103-279.5-279.5-103-385.5 103-385.5 279.5-279.5 385.5-103 385.5 103 279.5 279.5 103 385.5z'/%3E%3C/svg%3E")
}

.is-hidden {
    display: none !important
}

.is-display-block {
    display: block !important
}

.is-display-inline {
    display: inline !important
}

.is-display-inline-block {
    display: inline-block !important
}

#ninja {
    color: #000;
    visibility: hidden
}

.is-invisible {
    opacity: 0 !important
}

.is-visible {
    opacity: 1 !important
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

@-webkit-keyframes spin-rotate-in {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg)
    }
}

@-webkit-keyframes spin-rotate-out {
    0% {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg)
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@-webkit-keyframes fade-in {
    0% {
        opacity: 0;
        visibility: hidden
    }

    to {
        opacity: 1;
        visibility: visible
    }
}

@-webkit-keyframes fade-out {
    0% {
        opacity: 1;
        visibility: visible
    }

    to {
        opacity: 0;
        visibility: hidden
    }
}

@-webkit-keyframes fade-in-up {
    0% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        transform: translateY(20px)
    }

    to {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@-webkit-keyframes fade-in-down {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px)
    }

    to {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@-webkit-keyframes fade-out-down {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    to {
        opacity: 0;
        -webkit-transform: translateY(20px);
        transform: translateY(20px)
    }
}

@-webkit-keyframes fade-in-left {
    0% {
        opacity: 0;
        -webkit-transform: translateX(15px);
        transform: translateX(15px)
    }

    to {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@-webkit-keyframes fade-out-left {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    90% {
        opacity: 0;
        -webkit-transform: translateX(-15px);
        transform: translateX(-15px)
    }

    to {
        opacity: 0;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@-webkit-keyframes pulse {

    0%,
    80%,
    to {
        opacity: 0;
        -webkit-transform: scale(0);
        transform: scale(0)
    }

    40% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@-webkit-keyframes ripple {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }

    20% {
        -webkit-transform: scale(.6);
        transform: scale(.6)
    }

    80% {
        -webkit-transform: scale(1.15);
        transform: scale(1.15)
    }

    to {
        -webkit-transform: scale(1.35);
        transform: scale(1.35)
    }
}

@-webkit-keyframes ripple-fadeout {
    to {
        opacity: 0
    }
}

@-webkit-keyframes draw-line {
    to {
        stroke-dashoffset: 0
    }
}

@-webkit-keyframes fill-in {
    0% {
        fill-opacity: 0
    }

    to {
        fill-opacity: 1
    }
}

.fade-enter-active,
.fade-leave-active {
    -webkit-transition: opacity .3s ease;
    transition: opacity .3s ease
}

.fade-enter,
.fade-leave-to {
    opacity: 0
}

.fade-enter-active {
    opacity: 1
}

.fade-in {
    -webkit-animation: fade-in .3s linear forwards;
    animation: fade-in .3s linear forwards
}

.fade-out {
    -webkit-animation: fade-out .3s linear forwards;
    animation: fade-out .3s linear forwards
}

strong {
    font-weight: 800
}

ol li,
ul li {
    line-height: 1.25
}

ol {
    margin-left: 20px
}

.list--flush {
    list-style: none;
    padding-left: 0;
    margin-top: 0;
    margin-bottom: 0
}

.label,
label {
    color: #4a4a4a;
    font-size: 1em
}

.input-box {
    margin-bottom: 20px
}

.control {
    position: relative
}

.h-captcha {
    margin-top: 40px
}

.button {
    background-color: #f3f3f3;
    font-family: Nunito Sans, "sans-serif";
    text-transform: uppercase;
    line-height: 1.25
}

.button:disabled {
    opacity: .5;
    cursor: not-allowed;
    pointer-events: none
}

.std a.button,
a.button {
    text-decoration: none;
    display: inline-block
}

.button.back-link,
a.back-link {
    background-color: #f3f3f3;
    font-family: Nunito Sans, "sans-serif";
    text-transform: uppercase;
    line-height: 1.25;
    background-color: transparent;
    border: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    text-shadow: none;
    text-transform: none;
    padding: 1em 1.5em;
    color: #222;
    text-align: center;
    text-decoration: none !important;
    font-weight: 500;
    font-size: 14px
}

.button.back-link:disabled,
a.back-link:disabled {
    opacity: .5;
    cursor: not-allowed;
    pointer-events: none
}

.button.back-link .icon,
a.back-link .icon {
    margin-right: 20px;
    -webkit-transition: -webkit-transform .1s ease;
    transition: -webkit-transform .1s ease;
    transition: transform .1s ease;
    transition: transform .1s ease, -webkit-transform .1s ease
}

.button.back-link:hover .icon,
a.back-link:hover .icon {
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px)
}

.buttons-set .button+.button,
.links-set .button+.button {
    margin-top: 20px
}

.btn--full,
.links-set .button {
    text-align: center
}

.dropdown__label,
.input-text,
select,
textarea {
    border: none;
    width: 100%;
    background-color: #f7f7f7;
    -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;
    padding: 22px 16px 0px;
    color: #4a4a4a;
    -webkit-box-shadow: inset 0 -2px 0 #b3b2af;
    box-shadow: inset 0 -2px 0 #b3b2af;
    font-size: 16px;
    font-family: Nunito Sans, "sans-serif";
    line-height: 3;
}

.dropdown__label ::-webkit-input-placeholder,
.input-text ::-webkit-input-placeholder,
select ::-webkit-input-placeholder,
textarea ::-webkit-input-placeholder {
    color: #9b9b9b
}

.dropdown__label ::-moz-placeholder,
.input-text ::-moz-placeholder,
select ::-moz-placeholder,
textarea ::-moz-placeholder {
    color: #9b9b9b
}

.dropdown__label :-ms-input-placeholder,
.input-text :-ms-input-placeholder,
select :-ms-input-placeholder,
textarea :-ms-input-placeholder {
    color: #9b9b9b
}

.dropdown__label ::-ms-input-placeholder,
.input-text ::-ms-input-placeholder,
select ::-ms-input-placeholder,
textarea ::-ms-input-placeholder {
    color: #9b9b9b
}

.dropdown__label ::placeholder,
.input-text ::placeholder,
select ::placeholder,
textarea ::placeholder {
    color: #9b9b9b
}

.dropdown__label:active,
.dropdown__label:focus,
.input-text:active,
.input-text:focus,
select:active,
select:focus,
textarea:active,
textarea:focus {
    -webkit-box-shadow: inset 0 -2px 0 0 #ffd400;
    box-shadow: inset 0 -2px 0 0 #ffd400;
    outline: none
}

.dropdown__label:not(:focus):not(:-moz-read-only):not(:disabled):hover,
.input-text:not(:focus):not(:-moz-read-only):not(:disabled):hover,
select:not(:focus):not(:-moz-read-only):not(:disabled):hover,
textarea:not(:focus):not(:-moz-read-only):not(:disabled):hover {
    box-shadow: inset 0 -2px 0 0 #313535
}

.dropdown__label:not(:focus):not(:read-only):not(:disabled):hover,
.input-text:not(:focus):not(:read-only):not(:disabled):hover,
select:not(:focus):not(:read-only):not(:disabled):hover,
textarea:not(:focus):not(:read-only):not(:disabled):hover {
    -webkit-box-shadow: inset 0 -2px 0 0 #313535;
    box-shadow: inset 0 -2px 0 0 #313535
}

.dropdown__label.disabled,
.dropdown__label.is-disabled,
.dropdown__label:disabled,
.input-text.disabled,
.input-text.is-disabled,
.input-text:disabled,
select.disabled,
select.is-disabled,
select:disabled,
textarea.disabled,
textarea.is-disabled,
textarea:disabled {
    opacity: .5
}

.input-text:-moz-read-only,
select:-moz-read-only,
textarea:-moz-read-only {
    opacity: .5;
    cursor: default;
    box-shadow: inset 0 -2px 0 #b3b2af
}

.dropdown__label.is-read-only,
.dropdown__label.read-only,
.input-text.is-read-only,
.input-text.read-only,
.input-text:read-only,
select.is-read-only,
select.read-only,
select:read-only,
textarea.is-read-only,
textarea.read-only,
textarea:read-only {
    opacity: .5;
    cursor: default;
    -webkit-box-shadow: inset 0 -2px 0 #b3b2af;
    box-shadow: inset 0 -2px 0 #b3b2af
}

textarea {
    resize: vertical
}

.dropdown__label,
select {
    background-image: url(../../default/images/icons/double-arrow.svg);
    background-size: 1rem 1rem;
    background-position: 98% 50%;
    background-repeat: no-repeat
}

.checkbox~label,
.radio~label {
    margin-bottom: 0
}

.checkbox:checked~label:before,
.radio:checked~label:before {
    background-image: none
}

.switch,
.switch__label span {
    border: 0;
    clip: rect(0, 0, 0, 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.switch__label {
    position: relative
}

.switch__label:after,
.switch__label:before {
    content: "";
    display: block;
    position: absolute
}

.switch__label:before {
    width: 2rem;
    height: 1rem;
    top: 0;
    left: 0;
    background-color: #b3b2af;
    border-radius: 8px;
    z-index: 1;
    -webkit-transition: background-color .15s linear;
    transition: background-color .15s linear
}

.switch__label:after {
    width: 12px;
    height: 12px;
    top: 2px;
    left: 2px;
    background-color: #fff;
    border-radius: 50%;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    z-index: 2;
    -webkit-transition: -webkit-transform .15s ease-in;
    transition: -webkit-transform .15s ease-in;
    transition: transform .15s ease-in;
    transition: transform .15s ease-in, -webkit-transform .15s ease-in
}

.switch:checked+.switch__label:before {
    background-color: #fda929
}

.switch:checked+.switch__label:after {
    -webkit-transform: translateX(calc(100% + 4px));
    transform: translateX(calc(100% + 4px))
}

input:-webkit-autofill,
textarea:-webkit-autofill {
    -webkit-animation-name: onAutoFillStart;
    animation-name: onAutoFillStart
}

input:not(:-webkit-autofill),
textarea:not(:-webkit-autofill) {
    -webkit-animation-name: onAutoFillCancel;
    animation-name: onAutoFillCancel
}

@-webkit-keyframes onAutoFillStart {
    0% {
        opacity: 1
    }

    to {
        opacity: 1
    }
}

@keyframes onAutoFillStart {
    0% {
        opacity: 1
    }

    to {
        opacity: 1
    }
}

@-webkit-keyframes onAutoFillCancel {
    0% {
        opacity: 1
    }

    to {
        opacity: 1
    }
}

@keyframes onAutoFillCancel {
    0% {
        opacity: 1
    }

    to {
        opacity: 1
    }
}

.container {
    max-width: 1600px;
    margin-left: auto;
    margin-right: auto;
    padding: 20px
}

.container:after {
    content: " ";
    display: block;
    clear: both
}

address {
    font-style: normal;
    line-height: 1.5
}

.embed {
    position: relative;
    display: block;
    width: 100%;
    margin-top: 20px;
    padding: 0;
    overflow: hidden
}

.embed:before {
    display: block;
    content: ""
}

.embed iframe {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0
}

.flex-embed {
    width: 100%;
    max-width: 100%;
    overflow: auto
}

.flex-embed__object {
    border: none;
    overflow: hidden
}

.embed-21by9:before {
    padding-top: 42.85714%
}

.embed-16by9:before {
    padding-top: 56.25%
}

.embed-4by3:before {
    padding-top: 75%
}

.embed-1by1:before {
    padding-top: 100%
}

.clearfix:after {
    content: "";
    display: table;
    clear: both
}

.btn-switch .button__item--chosen,
.is-chosen .btn-switch .button__item {
    display: none
}

.is-chosen .btn-switch .button__item--chosen {
    display: inline
}

.section-heading {
    padding-bottom: 40px
}

.section-heading:after {
    display: block;
    content: "";
    width: 70px;
    height: 5px;
    background-color: #ffd400;
    margin-top: 20px
}

.section-heading--spacing {
    padding-bottom: 40px
}

.icon--medium {
    width: 24px;
    height: 24px
}

.icon--big {
    width: 48px;
    height: 48px
}

.is-toggling-in .icon--rotate-toggle,
.is-toggling-out .icon--rotate-toggle {
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-transition-duration: .4s;
    transition-duration: .4s;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease;
    -webkit-transition-delay: .4s;
    transition-delay: .4s
}

.is-open .icon--rotate-toggle,
.is-toggling-in .icon--rotate-toggle {
    -webkit-animation-name: spin-rotate-in;
    animation-name: spin-rotate-in;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-duration: .4s;
    animation-duration: .4s;
    -webkit-animation-timing-function: ease;
    animation-timing-function: ease
}

.is-toggling-out .icon--rotate-toggle {
    -webkit-animation-name: spin-rotate-out;
    animation-name: spin-rotate-out;
    -webkit-animation-duration: .4s;
    animation-duration: .4s;
    -webkit-animation-timing-function: ease;
    animation-timing-function: ease
}

.preloader--muted .preloader__item {
    background-color: #d1d1d1
}

.icon-oval {
    position: relative;
    background-color: #ffd400;
    border-radius: 50%
}

.icon-badge--round {
    width: 30px;
    height: 30px;
    font-weight: 700;
    line-height: 30px
}

.icon-user {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 50px;
    height: 50px;
    background-color: #ffd400;
    border-radius: 50%
}

.icon-user svg {
    width: 24px;
    height: 24px;
    stroke: #313535
}

.svg-user {
    stroke: #313535
}

.link-list {
    list-style: none
}

.link-list:after {
    content: "";
    display: table;
    clear: both
}

.link-list__list {
    margin-top: 1em
}

.link-list .link-list__item {
    font-size: 18px;
    display: block;
    margin-top: 1em;
    margin-bottom: 1em
}

.link-list .link-list__link {
    line-height: 1.25;
    -webkit-transition: color .3s ease;
    transition: color .3s ease
}

.link-list__link--button {
    padding: 0;
    background: 0;
    font-family: Nunito Sans, "sans-serif"
}

.btn-content-link {
    background-color: transparent;
    border: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: 0;
    padding: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    text-shadow: none;
    text-transform: none;
    text-decoration: none;
    color: inherit;
    -webkit-box-shadow: inset 0 -6px 0 rgba(255, 212, 0, .6);
    box-shadow: inset 0 -6px 0 rgba(255, 212, 0, .6)
}

.btn-content-link:hover {
    text-decoration: none;
    -webkit-box-shadow: inset 0 -6px 0 #ffd400;
    box-shadow: inset 0 -6px 0 #ffd400
}

button.btn-content-link {
    padding-bottom: .1em;
    font-size: 16px;
    text-align: left
}

.btn-circle {
    width: 2.8125rem;
    height: 2.8125rem;
    position: relative;
    border-radius: 50%
}

.btn-circle:hover {
    background: #ffd400;
    -webkit-box-shadow: 0 5px 30px 0 rgba(82, 97, 115, .3);
    box-shadow: 0 5px 30px 0 rgba(82, 97, 115, .3)
}

.btn-circle.has-inline-spinner .icon {
    margin-left: 2px
}

.btn-close {
    padding: 0;
    background: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    text-shadow: none;
    text-transform: none;
    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;
    text-align: center;
    -webkit-transition: fill .1s ease, color .1s ease;
    transition: fill .1s ease, color .1s ease
}

.btn-close .icon,
.btn-close .nobr {
    display: block;
    color: inherit
}

.btn-close .nobr {
    margin-top: 5px
}

.btn--flush,
.btn-flush {
    background-color: transparent;
    border: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: 0;
    padding: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    text-shadow: none;
    text-transform: none
}

.btn--small {
    padding: .5em;
    font-size: 14px
}

.btn--small.btn-primary,
.btn--small.btn-secondary {
    font-weight: 600;
    text-transform: uppercase
}

.checkbox~.label,
.checkbox~label,
.radio~.label,
.radio~label {
    font-size: 14px
}

.checkbox~.label:after,
.checkbox~.label:before,
.checkbox~label:after,
.checkbox~label:before,
.radio~.label:after,
.radio~.label:before,
.radio~label:after,
.radio~label:before {
    width: 1.15em;
    height: 1.15em;
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    border-radius: 3px;
    -webkit-transition: border-color .2s ease;
    transition: border-color .2s ease;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%
}

.checkbox~.label:before,
.checkbox~label:before,
.radio~.label:before,
.radio~label:before {
    z-index: 0;
    border: 2px solid #d1d1d1
}

.checkbox~.label:after,
.checkbox~label:after,
.radio~.label:after,
.radio~label:after {
    z-index: 5;
    background-color: #d1d1d1;
    border: 2px solid transparent;
    -webkit-transition: background-color .2s ease, -webkit-transform .4s ease;
    transition: background-color .2s ease, -webkit-transform .4s ease;
    transition: background-color .2s ease, transform .4s ease;
    transition: background-color .2s ease, transform .4s ease, -webkit-transform .4s ease
}

.checkbox~.label:after,
.checkbox~label:after {
    -webkit-transform: translateY(-50%) scale(0);
    transform: translateY(-50%) scale(0)
}

.checkbox:checked~.label:after,
.checkbox:checked~label:after {
    z-index: 0;
    background-color: #313535;
    border-color: #313535;
    -webkit-transform: translateY(-50%) scale(1);
    transform: translateY(-50%) scale(1)
}

.checkbox.validation-failed:checked~.label:before,
.checkbox.validation-failed:checked~label:before,
.checkbox:checked~.label:before,
.checkbox:checked~label:before {
    border-radius: 0;
    width: 7px;
    height: 12px;
    z-index: 5;
    background-color: transparent;
    border-color: transparent #fff #fff transparent;
    -webkit-transform: translate(4px, -65%) rotate(40deg);
    transform: translate(4px, -65%) rotate(40deg)
}

.checkbox.validation-failed~.label:before,
.checkbox.validation-failed~label:before {
    border-color: #e10030
}

.checkbox.validation-failed~.label:after,
.checkbox.validation-failed~label:after {
    background-color: #e10030
}

.checkbox.validation-failed:checked~.label:after,
.checkbox.validation-failed:checked~label:after {
    border-color: #e10030
}

.radio~.label:after,
.radio~.label:before,
.radio~label:after,
.radio~label:before {
    border-radius: 50%
}

.radio~.label:after,
.radio~label:after {
    -webkit-transform: translateY(-50%) scale(0);
    transform: translateY(-50%) scale(0)
}

.radio~.button {
    text-align: center
}

.radio~.button:after,
.radio~.button:before {
    display: none
}

.radio.validation-failed:checked~.label:after,
.radio.validation-failed:checked~label:after,
.radio:checked~.label:after,
.radio:checked~label:after {
    -webkit-transform: translateY(-50%) scale(.5);
    transform: translateY(-50%) scale(.5)
}

.radio:checked~.label:before,
.radio:checked~label:before {
    border-color: #313535
}

.radio:checked~.label:after,
.radio:checked~label:after {
    background-color: #313535
}

.radio.validation-failed:checked~.label:after,
.radio.validation-failed:checked~.label:before,
.radio.validation-failed:checked~label:after,
.radio.validation-failed:checked~label:before,
.radio.validation-failed~.label:after,
.radio.validation-failed~.label:before,
.radio.validation-failed~label:after,
.radio.validation-failed~label:before {
    border-color: #e10030
}

.radio.validation-failed:checked~.label:after,
.radio.validation-failed:checked~label:after,
.radio.validation-failed~.label:after,
.radio.validation-failed~label:after {
    background-color: #e10030
}

.tabview:after {
    content: "";
    display: table;
    clear: both
}

.tabview-tabs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.tabview-tabs .tab-toggle {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.tab-toggle {
    background: 0;
    text-decoration: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: calc(1em - 4px) 1em 1em;
    color: inherit;
    font-size: 16px;
    text-align: center;
    text-transform: uppercase;
    cursor: pointer;
    -webkit-transition: border-color .3s ease;
    transition: border-color .3s ease
}

.tab-toggle--default {
    font-weight: 700;
    border-bottom: 4px solid #f3f3f3
}

.tab-toggle--default:hover {
    border-color: #d1d1d1
}

.tab-toggle--default.is-active {
    border-bottom: 4px solid #ffd400
}

.tab-content:after {
    content: "";
    display: table;
    clear: both
}

.progress--list .progress {
    cursor: default
}

.progress--list .progress:not(.is-complete) {
    pointer-events: none
}

.progress--list .progress.is-complete {
    cursor: pointer
}

.progress--list .progress:not(.is-active):not(.is-complete) .progress__step-number,
.progress--list .progress:not(.is-active):not(.is-complete) .progress__step-title {
    color: #9b9b9b
}

.progress--list .is-complete {
    border-bottom-color: rgba(255, 212, 0, .5)
}

.progress--list .is-complete:after {
    content: "";
    display: inline-block;
    width: 1em;
    height: 1em;
    background-image: url(../../default/images/icons/check.svg);
    background-size: contain;
    -webkit-transform: translateX(1em);
    transform: translateX(1em)
}

.content-box {
    padding: 20px;
    background-color: #f3f3f3;
    border-color: #d1d1d1;
    width: 100%
}

.content-box--align-center {
    margin: auto
}

.content-box--align-start {
    float: left
}

.content-box--align-end {
    float: right
}

.content-box--slim {
    max-width: 420px
}

.hr {
    margin-top: 10px;
    margin-bottom: 10px;
    border-color: inherit;
    border-style: solid;
    border-bottom-width: 0
}

.stacked-items {
    list-style: none
}

.stacked-items:after {
    content: "";
    display: table;
    clear: both
}

.stacked-item {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    margin-bottom: 10px;
    padding: 5px 10px;
    background-color: #fff;
    -webkit-box-shadow: 0 10px 16px 0 rgba(82, 97, 115, .14);
    box-shadow: 0 10px 16px 0 rgba(82, 97, 115, .14);
    border: 1px solid hsla(0, 0%, 86.7%, .5)
}

.stacked-item,
.stacked-item__items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.stacked-item__items {
    padding-left: 10px
}

.stacked-item__item:not(:last-of-type):after {
    color: inherit
}

.stacked-item__item:not(:last-of-type):not(:last-of-type):after {
    content: "|";
    margin-right: .5em;
    margin-left: .5em
}

.stacked-item__spacer {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.stacked-item__actions {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-height: 50px
}

.list-title {
    margin-top: .5em;
    margin-bottom: .5em
}

.lead {
    max-width: 480px;
    margin: auto
}

.lead-title {
    padding-bottom: 20px
}

.has-inline-spinner {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative
}

.has-inline-spinner.is-loading .title {
    display: none
}

.placeholder {
    opacity: .35
}

.data-table--totals tr td:last-of-type {
    text-align: right
}

.data-list {
    -webkit-box-shadow: 0 8px 20px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 8px 20px 0 rgba(0, 0, 0, .1);
    -webkit-transition: -webkit-transform .1s ease-out, -webkit-box-shadow .1s ease;
    transition: -webkit-transform .1s ease-out, -webkit-box-shadow .1s ease;
    transition: transform .1s ease-out, box-shadow .1s ease;
    transition: transform .1s ease-out, box-shadow .1s ease, -webkit-transform .1s ease-out, -webkit-box-shadow .1s ease
}

.data-list:focus,
.data-list:hover {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
    -webkit-box-shadow: 0 8px 24px 0 rgba(0, 0, 0, .175);
    box-shadow: 0 8px 24px 0 rgba(0, 0, 0, .175)
}

.data-list--default {
    background-color: #fff
}

a.content-link {
    color: inherit;
    -webkit-box-shadow: inset 0 -6px 0 rgba(255, 212, 0, .6);
    box-shadow: inset 0 -6px 0 rgba(255, 212, 0, .6);
    text-decoration: none
}

a.content-link:hover {
    text-decoration: none;
    -webkit-box-shadow: inset 0 -6px 0 #ffd400;
    box-shadow: inset 0 -6px 0 #ffd400
}

.container--slim {
    max-width: 600px;
    margin: auto
}

.container--small,
.modal-body.modal-body--small {
    max-width: 480px;
    margin: auto
}

.container--medium {
    max-width: 1000px;
    margin: auto
}

.info-bubble {
    position: relative;
    background-color: #e9e9e9;
    border-radius: 50%
}

.brand-bg--transparent {
    background-color: transparent
}

.brand-bg--brand {
    background-color: #ffd400
}

.brand-bg--grey {
    background-color: #f3f3f3
}

.brand-bg--white {
    background-color: #fff
}

.ribbon {
    position: absolute;
    width: 120px;
    height: 80px;
    overflow: hidden
}

.ribbon:after,
.ribbon:before {
    position: absolute;
    content: "";
    display: block;
    width: 100%;
    width: 15px;
    height: 10px;
    z-index: -1;
    background-color: #e8c100
}

.ribbon__title {
    margin-bottom: 0;
    display: block;
    position: absolute;
    width: 160px;
    text-align: center;
    padding: 5px 0;
    text-transform: uppercase;
    background-color: #ffd400;
    color: #e10030;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .1);
    box-shadow: 0 5px 10px rgba(0, 0, 0, .1)
}

.ribbon--top-right {
    top: -10px;
    right: -10px
}

.ribbon--top-right:before {
    top: 0;
    left: 0
}

.ribbon--top-right:after {
    bottom: 0;
    right: 0
}

.ribbon--top-right .ribbon__title {
    bottom: 100%;
    -webkit-transform: rotate(34deg);
    transform: rotate(34deg);
    -webkit-transform-origin: bottom left;
    transform-origin: bottom left
}

.dropdown {
    position: relative;
    width: 100%
}

.dropdown.is-open {
    z-index: 1
}

.dropdown.is-open .dropdown__content {
    display: block
}

.dropdown.is-disabled .dropdown__label {
    cursor: default
}

.dropdown.is-touch .dropdown__fallback {
    display: block !important
}

.dropdown.is-touch .dropdown__fallback~.dropdown__content,
.dropdown.is-touch .dropdown__fallback~.dropdown__label {
    display: none
}

.dropdown__label {
    cursor: pointer;
    display: block;
    position: relative;
    text-align: left
}

.dropdown__label:after {
    content: "\25BC";
    position: absolute;
    right: 0
}

.dropdown__fallback {
    display: none !important;
    width: 100%
}

.dropdown__fallback~.dropdown__options {
    display: none
}

.dropdown__content {
    display: none;
    position: absolute;
    top: 100%;
    width: 100%
}

.dropdown__search-field {
    width: 100%
}

.dropdown__options {
    padding: 0;
    margin: 0;
    max-height: 250px;
    text-align: left;
    overflow: auto;
    list-style-type: none
}

.dropdown__option {
    cursor: pointer;
    display: block
}

.dropdown__option.is-hidden {
    display: none
}

.accordion-item__toggle {
    margin: 0 !important
}

.accordion-item__content {
    padding: 0 !important
}

.accordion-item.is-toggling .accordion-item__content {
    -webkit-transition: height .3s ease 0s;
    transition: height .3s ease 0s;
    overflow: hidden
}

.pepperidge {
    width: 100%;
    max-width: 360px;
    position: fixed;
    top: 120px;
    right: 0;
    z-index: 9000;
    overflow: hidden
}

.pepperidge-item {
    margin-bottom: 20px;
    -webkit-transition: opacity .2s linear;
    transition: opacity .2s linear
}

.pepperidge-item:hover {
    opacity: .5
}

.pepperidge-item.enter-animation {
    -webkit-animation: fade-in-up .25s ease-in forwards;
    animation: fade-in-up .25s ease-in forwards
}

.pepperidge-item.leave-animation {
    -webkit-animation: fade-out .1s linear forwards;
    animation: fade-out .1s linear forwards
}

.accordion-item__toggle {
    cursor: pointer
}

.swipeable {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    overflow-x: hidden
}

.swipeable.is-animate {
    -webkit-transition: -webkit-transform .4s cubic-bezier(.215, .61, .355, 1);
    transition: -webkit-transform .4s cubic-bezier(.215, .61, .355, 1);
    transition: transform .4s cubic-bezier(.215, .61, .355, 1);
    transition: transform .4s cubic-bezier(.215, .61, .355, 1), -webkit-transform .4s cubic-bezier(.215, .61, .355, 1)
}

.primary-prefooter {
    background-color: #f3f3f3
}

.std a {
    text-decoration: underline
}

.std ol,
.std ul {
    margin-bottom: 35px
}

.std ul {
    list-style: none
}

.std ul li {
    margin-left: 1.15em;
    text-indent: -.9em
}

.std ol {
    margin-left: 1em;
    list-style: decimal
}

.std p {
    margin-bottom: 35px
}

.std b {
    font-weight: 800
}

.totals-table {
    border-color: #d1d1d1
}

.totals-table .totals-items,
.totals-table tbody,
.totals-table tfoot,
.totals-table thead {
    padding-top: 5px;
    padding-bottom: 5px
}

.totals-table .totals-item,
.totals-table tr {
    line-height: 1.5
}

.cart-info {
    font-family: Nunito Sans, "sans-serif";
    display: block;
    padding: 20px
}

.cart-info:after {
    content: "";
    display: table;
    clear: both
}

.cart-info .info-bubble,
.cart-info .info-text {
    float: left
}

.cart-info .info-bubble {
    width: 48px;
    height: 48px;
    margin: 0 15px 0 0
}

.cart-info .info-text {
    width: calc(100% - 65px);
    font-weight: 500;
    font-size: 16px
}

.cart-info p {
    margin-top: 0;
    margin-bottom: 0;
    font-family: Nunito Sans, "sans-serif";
    line-height: 1.25
}

.cart-info a {
    text-decoration: none;
    color: inherit;
    -webkit-box-shadow: inset 0 -6px 0 rgba(255, 212, 0, .6);
    box-shadow: inset 0 -6px 0 rgba(255, 212, 0, .6);
    display: inline-block;
    text-transform: uppercase;
    margin-top: 10px;
    font-size: 14px
}

.cart-info a:hover {
    text-decoration: none;
    -webkit-box-shadow: inset 0 -6px 0 #ffd400;
    box-shadow: inset 0 -6px 0 #ffd400
}

.price-box {
    display: inline-block;
    line-height: 1;
    overflow: hidden
}

.price-box .price-label {
    display: none
}

.price-box>p {
    margin-bottom: 0;
    margin-top: 0
}

.list-items:after {
    content: "";
    display: table;
    clear: both
}

.list-items__title {
    font-weight: 600;
    margin-bottom: 10px
}

.list-items ul {
    margin: 0;
    list-style: none
}

.list-items li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    position: relative;
    color: #313535;
    margin-bottom: 10px
}

.list-items li a {
    font: inherit
}

.list-items li:after {
    content: "";
    display: block;
    width: 100%;
    width: 24px;
    height: 24px;
    background: #ffd400 url(../../default/images/icons/checkmark-white.svg) no-repeat 50% 50%;
    background-size: 16px 16px;
    border-radius: 3px
}

.list-items li.product-content--not-included:after {
    background: #f3f3f3 url(../../default/images/icons/blocked.svg) no-repeat 50% 50%;
    background-size: 16px 16px
}

.list-items li .input-box {
    margin-top: 0;
    margin-bottom: 0
}

.list-items li:not(:last-child) {
    margin-bottom: 10px
}

.md-input-field {
    position: relative
}

.md-input-field .label,
.md-input-field label {
    margin-bottom: 0;
    position: absolute;
    top: 0;
    left: 0;
    right: 16px;
    z-index: 5;
    color: #9b9b9b;
    -webkit-transform: translate(16px, 15px);
    transform: translate(16px, 15px);
    -webkit-transition: color .4s ease, -webkit-transform .1s ease;
    transition: color .4s ease, -webkit-transform .1s ease;
    transition: color .4s ease, transform .1s ease;
    transition: color .4s ease, transform .1s ease, -webkit-transform .1s ease;
    cursor: text;
    pointer-events: none;
    font-family: Nunito Sans, "sans-serif"
}

.md-input-field .label>em,
.md-input-field label>em {
    display: none
}

.md-input-field .label.validation-failed-label,
.md-input-field label.validation-failed-label {
    color: #e10030
}

.md-input-field .dropdown~.label,
.md-input-field .dropdown~label {
    display: none
}

.md-input-field .dropdown.is-open~.label,
.md-input-field .dropdown.is-open~label {
    display: inline-block;
    z-index: 100
}

.md-input-field.is-focused .label,
.md-input-field.is-focused label {
    color: #313535;
    font-size: 12px;
    font-weight: 700;
    -webkit-transform: translate(16px, 5px);
    transform: translate(16px, 5px);
    font-family: Open Sans, "sans-serif"
}

.dropdown.is-open {
    z-index: 100
}

.dropdown.has-selected-value .dropdown__label {
    color: #222
}

.dropdown__label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #9b9b9b
}

.dropdown__label:after {
    width: 1em;
    height: 1em;
    content: "";
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    margin-left: .75em;
    position: static;
    display: inline
}

.dropdown__label.validation-failed-label {
    color: #e10030
}

.dropdown__content {
    background-color: #fff;
    -webkit-filter: drop-shadow(2px 2px 5px #706f6e);
    filter: drop-shadow(2px 2px 5px #706f6e)
}

.dropdown__option {
    padding: 10px;
    color: #9b9b9b
}

.dropdown__option.is-focused {
    background-color: #f3f3f3;
    color: #222
}

.dropdown__option.is-selected {
    background-color: #e9e9e9
}

.dropdown__option.is-disabled {
    background-color: #fff;
    opacity: .5;
    cursor: default
}

.dropdown__option::-moz-selection {
    background-color: transparent
}

.dropdown__option::selection {
    background-color: transparent
}

.dropdown__search {
    padding-bottom: 10px
}

.dropdown__options [data-value="0"],
.dropdown__options [data-value=""] {
    display: none
}

.backdrop {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity .3s linear, visibility .3s ease;
    transition: opacity .3s linear, visibility .3s ease;
    background-color: rgba(49, 53, 53, .6);
    z-index: 8000;
    cursor: pointer
}

.backdrop.is-disabled,
.is-disabled .backdrop {
    opacity: 0;
    visibility: hidden;
    pointer-events: none
}

.backdrop.is-active,
.is-active .backdrop {
    opacity: 1;
    visibility: visible
}

.modal {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity .3s linear, visibility .3s ease;
    transition: opacity .3s linear, visibility .3s ease;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    z-index: 9000;
    -webkit-box-shadow: 0 8px 20px 0 rgba(0, 0, 0, .1), 0 5px 10px 0 rgba(34, 34, 34, .5);
    box-shadow: 0 8px 20px 0 rgba(0, 0, 0, .1), 0 5px 10px 0 rgba(34, 34, 34, .5);
    border-radius: 3px;
    cursor: pointer
}

.is-disabled .modal,
.modal.is-disabled {
    opacity: 0;
    visibility: hidden;
    pointer-events: none
}

.is-active .modal,
.modal.is-active {
    opacity: 1;
    visibility: visible
}

.modal,
.modal-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.modal-body {
    width: 92.5%;
    max-width: 710px;
    height: auto;
    background-color: #fff;
    position: relative;
    z-index: 9500;
    cursor: auto;
    border-radius: 5px;
    overflow: hidden;
    -webkit-transition: opacity .15s linear, -webkit-transform .15s ease-in-out;
    transition: opacity .15s linear, -webkit-transform .15s ease-in-out;
    transition: transform .15s ease-in-out, opacity .15s linear;
    transition: transform .15s ease-in-out, opacity .15s linear, -webkit-transform .15s ease-in-out
}

.modal.is-disabled .modal-body {
    opacity: 0;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%)
}

.modal.is-active .modal-body {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.modal-body .modal-actions {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-top: 40px;
    padding-bottom: 40px
}

.modal-body .modal-actions .action {
    padding-right: 10px;
    padding-left: 10px
}

.modal-body .modal-actions .action:first-of-type {
    padding-left: 0
}

.modal-body .modal-actions .action:last-of-type {
    padding-right: 0
}

.modal-content {
    padding: 0 30px 40px 40px;
    font-size: 12px;
    overflow: auto
}

.modal-content h1 {
    font-size: 18px
}

.modal-content h1,
.modal-content h2 {
    padding-top: .5rem;
    padding-bottom: .5rem;
    color: #222
}

.modal-content h2 {
    font-size: 16px
}

.modal-content h3 {
    font-size: 14px
}

.modal-content h3,
.modal-content h4 {
    padding-top: .5rem;
    padding-bottom: .5rem;
    color: #222
}

.modal-content h4 {
    font-size: 12px
}

.modal-content h5 {
    font-size: 10px;
    padding-top: .5rem;
    padding-bottom: .5rem;
    color: #222
}

.modal-header {
    font-size: 24px;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding: 40px 40px 10px;
    position: relative;
    color: #222;
    font-family: Nunito Sans, "sans-serif";
    font-weight: 700
}

.modal-footer,
.modal-header {
    min-height: 50px;
    background-color: #fff
}

.modal-footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding: 20px 40px 30px;
    border-top: 1px solid #e6e5e3
}

.modal-close {
    position: absolute;
    top: 20px;
    right: 20px
}

.modal-close .button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 32px;
    height: 32px
}

.modal-close .icon {
    width: 100%;
    height: auto
}

.modal-close .nobr {
    border: 0;
    clip: rect(0, 0, 0, 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.icon-preloader {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    min-width: 48px;
    height: 8px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.icon-preloader:after {
    content: "";
    display: table;
    clear: both
}

.icon-preloader--accent .preloader__item {
    background-color: #ffd400
}

.preloader__item {
    float: left;
    display: block;
    width: 8px;
    height: 8px;
    margin-right: 2px;
    margin-left: 2px;
    background-color: #313535;
    border-radius: 50%;
    -webkit-animation: pulse 1.2s ease-in-out infinite both;
    animation: pulse 1.2s ease-in-out infinite both;
    -webkit-animation-direction: alternate;
    animation-direction: alternate;
    will-change: opacity, transform
}

.preloader__item:first-child {
    -webkit-animation-delay: 0ms;
    animation-delay: 0ms
}

.preloader__item:nth-child(2) {
    -webkit-animation-delay: .12s;
    animation-delay: .12s
}

.preloader__item:nth-child(3) {
    -webkit-animation-delay: .24s;
    animation-delay: .24s
}

.preloader__item:nth-child(4) {
    -webkit-animation-delay: .36s;
    animation-delay: .36s
}

.icon-loading {
    -webkit-animation: spin .6s linear infinite;
    animation: spin .6s linear infinite
}

.countdown {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: auto;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition: opacity .1s linear, visibility .1s linear;
    transition: opacity .1s linear, visibility .1s linear;
    color: #313535
}

.countdown__helper,
.countdown__items {
    font-family: Nunito Sans, "sans-serif";
    font-size: 18px;
    font-weight: 600
}

.countdown__item:not(:last-child):after {
    color: inherit
}

.countdown__item:not(:last-child):not(:last-of-type):after {
    content: " ";
    margin-right: .2em;
    margin-left: .2em
}

[data-countdown-loading] {
    opacity: 0;
    visibility: hidden
}

[data-countdown-days]:before {
    content: attr(data-countdown-days)
}

[data-countdown-hours]:before {
    content: attr(data-countdown-hours)
}

[data-countdown-minutes]:before {
    content: attr(data-countdown-minutes)
}

[data-countdown-seconds]:before {
    content: attr(data-countdown-seconds)
}

.countdown__icon {
    width: 2em;
    float: left;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.countdown__body {
    float: left;
    text-align: left
}

.countdown__helper,
.countdown__items {
    width: 100%;
    padding-left: .4em
}

.product-card__media {
    height: 220px
}

.product-card__media img {
    width: auto;
    max-height: 100%
}

.product-card__content {
    padding: 30px 25px
}

.product-card__highlight-label {
    position: absolute;
    bottom: calc(100% + 2px);
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    background-color: #ffd400;
    padding: 5px 10px;
    white-space: nowrap
}

.product-card__highlight-label span {
    text-transform: uppercase
}

.survey-hero__product-card--highlight .product-card__highlight-label {
    display: none
}

.product-card__name {
    font-weight: 600;
    margin-top: 0
}

.product-card__title {
    margin-bottom: 10px
}

.product-card__info {
    padding: 20px;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    color: #313535
}

.product-card__items {
    margin-bottom: auto
}

.product-card__price {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 10px;
    margin-bottom: 20px;
    font-family: Nunito Sans, "sans-serif"
}

.product-card__price,
.product-card__price .price-box {
    font-size: 18px;
    font-weight: 600
}

.product-card__buttons-set {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.product-card__buttons-set>:not(:only-child):not(:last-child) {
    margin-right: 10px
}

.product-card__buttons-set .button {
    text-transform: none;
    padding: 10px;
    min-width: 90px
}

.product-card__wrapper {
    padding: 0 5px
}

.survey-hero__products>div>div:first-child>.product-card__wrapper {
    padding-left: 0
}

.survey-hero__products>div>div:last-child>.product-card__wrapper {
    padding-right: 0
}

.product-card--wash .product-rating {
    position: absolute;
    top: 20px;
    left: 20px
}

.product-card--comparison .product-rating {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 10px;
    margin-bottom: 40px
}

.product-card--comparison .product-card__info {
    padding: 30px
}

.async-notification-item,
.messages li,
.notification,
.notification-item {
    list-style-type: none;
    font-family: Nunito Sans, "sans-serif";
    font-size: 16px;
    text-align: left;
    color: #222;
    position: relative;
    border-width: 4px 0 0;
    border-style: solid;
    -webkit-box-shadow: 0 6px 24px 0 rgba(82, 97, 115, .1), inset 0 -2px 0 0 #f3f3f3;
    box-shadow: 0 6px 24px 0 rgba(82, 97, 115, .1), inset 0 -2px 0 0 #f3f3f3
}

.async-notification-item .btn-close,
.messages .close-button,
.notification-item .btn-close,
.notification .btn-close {
    background-image: url(https://image.posti.st1.fi/lib/fe8b12727c67017e7d/m/1/6cbe7782-8fcc-4f35-9b93-94b6a834ce99.png);
    width: 32px;
    height: 32px;
    position: absolute;
    right: 15px;
    top: 15px;
    margin: 0;
    display: block;
    background-size: 32px;
    cursor: pointer
}

.messages {
    max-width: 1600px;
    margin-left: auto;
    margin-right: auto;
    list-style: none;
    width: 100%;
    padding: 1.5em 1rem;
    position: relative;
    text-align: center;
    font-size: 28px;
    font-weight: 600;
    opacity: 1;
    z-index: 6;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.messages:after {
    content: " ";
    display: block;
    clear: both
}

.messages>li {
    margin-bottom: 20px
}

.messages span {
    display: inline-block;
    margin: 20px 0 20px 60px
}

.messages span:first-child:before {
    content: "";
    width: 35px;
    height: 40px;
    display: block;
    position: absolute;
    background-position: 50% 40%;
    -webkit-transform: translate(-45px, -15%);
    transform: translate(-45px, -15%)
}

.messages .error-msg,
.messages .info-msg,
.messages .notice-msg,
.messages .success-msg,
.messages .warning-msg {
    border-top: 0
}

.error-msg a,
.info-msg a,
.notice-msg a,
.success-msg a,
.warning-msg a {
    display: block;
    margin: 1em 0 0;
    text-decoration: underline
}

.error-msg a.content-link,
.info-msg a.content-link,
.notice-msg a.content-link,
.success-msg a.content-link,
.warning-msg a.content-link {
    display: inline;
    text-decoration: none
}

.error-msg,
.messages .error-msg li {
    background-color: #fff5f7;
    border-top-color: #e10030
}

.error-msg .notification-icon,
.error-msg span:before {
    background-image: url(../../default/images/icons/icon-alert.svg)
}

.messages .warning-msg li,
.warning-msg {
    background-color: #fffdf3;
    border-top-color: #ffd400
}

.warning-msg .notification-icon,
.warning-msg span:before {
    background-image: url(../../default/images/icons/icon-warning.svg)
}

.messages .success-msg li,
.success-msg {
    background-color: #fafdf6;
    border-top-color: #90c840
}

.success-msg .notification-icon,
.success-msg span:before {
    background-image: url(../../default/images/icons/icon-success.svg)
}

.messages .notice-msg li,
.notice-msg {
    background-color: #f6fbfc;
    border-top-color: #3faec1
}

.notice-msg .notification-icon,
.notice-msg span:before {
    background-image: url(../../default/images/icons/icon-message.svg)
}

.messages .note-msg li,
.note-msg {
    background-color: #fff;
    border-top-color: transparent
}

.note-msg .notification-icon,
.note-msg span:before {
    background-image: url(../../default/images/icons/icon-note.svg)
}

.info-msg,
.messages .info-msg li {
    background-color: #f3f3f3;
    border-top-color: transparent
}

.info-msg .notification-icon,
.info-msg span:before {
    background-image: url(../../default/images/icons/icon-note.svg)
}

.async-notification-item,
.notification,
.notification-item {
    padding: 1.5em
}

.notification-icon {
    display: inline-block;
    width: 48px;
    height: 48px;
    margin-top: .25em;
    position: absolute;
    top: 50%;
    background-position: 50% 50%;
    background-size: cover;
    -webkit-transform: translate(-20px, -50%);
    transform: translate(-20px, -50%)
}

.notification-msg {
    display: inline-block;
    max-width: 80%;
    padding-left: 20px
}

.website-cookie-notification {
    width: 100%;
    position: fixed;
    left: 50%;
    bottom: 0;
    z-index: 100;
    -webkit-transform: translate(-50%, 100%);
    transform: translate(-50%, 100%);
    opacity: 0;
    -webkit-transition: opacity .3s linear, -webkit-transform .3s ease-out;
    transition: opacity .3s linear, -webkit-transform .3s ease-out;
    transition: opacity .3s linear, transform .3s ease-out;
    transition: opacity .3s linear, transform .3s ease-out, -webkit-transform .3s ease-out;
    will-change: transform, opacity
}

.website-cookie-notification.is-active {
    opacity: 1;
    -webkit-transform: translate(-50%);
    transform: translate(-50%)
}

.website-cookie-notification .messages {
    padding: 0
}

.website-cookie-notification .messages>li {
    margin-bottom: 0
}

.website-cookie-notification .notification-msg {
    max-width: 100%
}

.validation-failed,
.validation-failed.input-text:focus,
.validation-failed:not(:focus):hover,
.validation-failed~.dropdown__label {
    border-color: #313535;
    background-color: #fff5f7;
    -webkit-box-shadow: inset 0 -2px 0 0 #e10030;
    box-shadow: inset 0 -2px 0 0 #e10030
}

.field label.validation-failed-label {
    color: #e10030
}

.validation-advice {
    margin-top: 1em;
    margin-bottom: 1em;
    margin-left: 3em;
    position: relative;
    color: #313535;
    font-size: 12px
}

.validation-advice:before {
    display: block;
    content: "";
    background: url(https://image.posti.st1.fi/lib/fe8b12727c67017e7d/m/1/fb064201-0c19-427a-9dc6-7993b1a240ba.png);
    width: 20px;
    height: 20px;
    position: absolute;
    top: 50%;
    left: -2.25em;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

body,
html {
    -webkit-overflow-scrolling: touch
}

body {
    line-height: 1
}

a {
    text-decoration: none
}

.wrapper {
    z-index: 1
}

.button__text {
    display: inline;
    vertical-align: middle
}

.btn-primary {
    color: #313535;
    background: #ffd400;
    font-weight: 600;
    -webkit-box-shadow: 0 6px 24px 0 rgba(82, 97, 115, .12);
    box-shadow: 0 6px 24px 0 rgba(82, 97, 115, .12);
    -webkit-transition: -webkit-box-shadow .3s ease;
    transition: -webkit-box-shadow .3s ease;
    transition: box-shadow .3s ease;
    transition: box-shadow .3s ease, -webkit-box-shadow .3s ease;
    padding: 1em 1.5em;
    border: 1px solid #e8c100;
    border-radius: 3px
}

.btn-primary:hover {
    background: #ffd400;
    -webkit-box-shadow: 0 5px 30px 0 rgba(82, 97, 115, .3);
    box-shadow: 0 5px 30px 0 rgba(82, 97, 115, .3)
}

.btn-primary:active {
    -webkit-box-shadow: 0 6px 24px 0 rgba(82, 97, 115, .12);
    box-shadow: 0 6px 24px 0 rgba(82, 97, 115, .12)
}

.btn-transparent {
    border: 0;
    background-color: transparent
}

.btn-secondary {
    color: #313535;
    background: #fff;
    font-weight: 600;
    -webkit-box-shadow: 0 6px 24px 0 rgba(82, 97, 115, .12);
    box-shadow: 0 6px 24px 0 rgba(82, 97, 115, .12);
    -webkit-transition: -webkit-box-shadow .3s ease;
    transition: -webkit-box-shadow .3s ease;
    transition: box-shadow .3s ease;
    transition: box-shadow .3s ease, -webkit-box-shadow .3s ease;
    padding: 1em 1.5em;
    border: 1px solid #e9e9e9;
    border-radius: 3px
}

.btn-secondary:hover {
    background: #fff;
    -webkit-box-shadow: 0 5px 30px 0 rgba(82, 97, 115, .3);
    box-shadow: 0 5px 30px 0 rgba(82, 97, 115, .3)
}

.btn-secondary:active {
    -webkit-box-shadow: 0 6px 24px 0 rgba(82, 97, 115, .12);
    box-shadow: 0 6px 24px 0 rgba(82, 97, 115, .12)
}

.btn-flush {
    background-color: transparent;
    border: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: 0;
    padding: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    text-shadow: none;
    text-transform: none
}

.btn-accent,
.btn-proceed,
.btn-success {
    color: #fff;
    background: #90c840;
    font-weight: 600;
    -webkit-box-shadow: 0 6px 24px 0 rgba(82, 97, 115, .1), inset 0 1px 0 1px hsla(0, 0%, 100%, .2);
    box-shadow: 0 6px 24px 0 rgba(82, 97, 115, .1), inset 0 1px 0 1px hsla(0, 0%, 100%, .2);
    -webkit-transition: -webkit-box-shadow .3s ease;
    transition: -webkit-box-shadow .3s ease;
    transition: box-shadow .3s ease;
    transition: box-shadow .3s ease, -webkit-box-shadow .3s ease;
    padding: 1em 1.5em;
    border: 1px solid #90c840;
    border-radius: 3px
}

.btn-accent:hover,
.btn-proceed:hover,
.btn-success:hover {
    background: #73a033;
    -webkit-box-shadow: 0 12px 24px 0 rgba(34, 34, 34, .1), inset 0 1px 0 0 hsla(0, 0%, 100%, .2);
    box-shadow: 0 12px 24px 0 rgba(34, 34, 34, .1), inset 0 1px 0 0 hsla(0, 0%, 100%, .2)
}

.btn-accent:active,
.btn-accent:focus,
.btn-proceed:active,
.btn-proceed:focus,
.btn-success:active,
.btn-success:focus {
    -webkit-box-shadow: 0 12px 24px 0 rgba(34, 34, 34, .1), 0 12px 24px 0 rgba(34, 34, 34, .1), inset 0 1px 0 0 hsla(0, 0%, 100%, .2), inset 0 2px 5px 0 rgba(110, 156, 46, .6);
    box-shadow: 0 12px 24px 0 rgba(34, 34, 34, .1), 0 12px 24px 0 rgba(34, 34, 34, .1), inset 0 1px 0 0 hsla(0, 0%, 100%, .2), inset 0 2px 5px 0 rgba(110, 156, 46, .6)
}

.btn-icon,
.btn-link {
    background-color: transparent;
    border: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: 0;
    padding: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    text-shadow: none;
    text-transform: none
}

.btn-icon--right {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.btn-icon--right .icon {
    width: 1em;
    height: 1em;
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    margin-left: .5em
}

.h1,
h1 {
    color: inherit
}

h1 {
    margin-bottom: 0
}

.h1 {
    margin-top: .5em;
    margin-bottom: .5em
}

.h2,
h2 {
    color: inherit
}

h2 {
    margin-bottom: 0
}

.h2 {
    margin-top: .5em;
    margin-bottom: .5em
}

.h3,
h3 {
    color: inherit
}

h3 {
    margin-bottom: 0
}

.h3 {
    margin-top: .5em;
    margin-bottom: .5em
}

.h4,
h4 {
    color: inherit
}

h4 {
    margin-bottom: 0
}

.h4 {
    margin-top: .5em;
    margin-bottom: .5em
}

.h5,
h5 {
    color: inherit
}

h5 {
    margin-bottom: 0
}

.h5 {
    margin-top: .5em;
    margin-bottom: .5em
}

.p,
p {
    line-height: 1.75
}

p {
    margin-bottom: 0
}

.b,
b {
    font-weight: 700
}

.label,
label {
    display: inline-block;
    margin-bottom: 1em
}

.field {
    margin: 20px 0
}

.input-helper {
    padding: 20px 16px 12px;
    display: inline-block;
    color: #9b9b9b;
    font-size: 80%;
    position: relative
}

.validation-advice:not([style*="display: none;"])~.input-helper {
    display: none
}

.form-list>.field:first-child {
    margin-top: 0
}

.control .control__options {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 1em;
    margin: .5em 0 0
}

.control .control__options--column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.control .input-box {
    margin-bottom: 0;
    display: inline-block
}

.field-group__date {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap
}

.field-group__date .dropdown {
    margin-bottom: 1em
}

.icon--menu-toggle,
.icon--menu-toggle svg {
    width: 20px;
    height: 20px
}

.icon--hero-link {
    width: 40px;
    height: 40px
}

.content-overlay:before {
    position: absolute;
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 2;
    background-color: #000;
    opacity: .2;
    pointer-events: none;
    z-index: 0
}

.collection-item {
    margin-bottom: 10px;
    border-radius: 3px;
    background-color: #fff;
    border: 1px solid #e9e9e9;
    -webkit-box-shadow: 0 10px 16px 0 rgba(82, 97, 115, .14);
    box-shadow: 0 10px 16px 0 rgba(82, 97, 115, .14);
    -webkit-transition: -webkit-box-shadow .3s ease;
    transition: -webkit-box-shadow .3s ease;
    transition: box-shadow .3s ease;
    transition: box-shadow .3s ease, -webkit-box-shadow .3s ease
}

.collection-item.is-open,
.collection-item.is-toggling,
.collection-item:hover {
    -webkit-box-shadow: 0 10px 16px 3px rgba(82, 97, 115, .2);
    box-shadow: 0 10px 16px 3px rgba(82, 97, 115, .2)
}

.collection-item__content {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    font-weight: 600;
    padding: 1em
}

.collection-item__content,
.collection-item__content .secondary-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.collection-item__content .secondary-content {
    margin-left: auto
}

.collection-item__content .icon {
    margin-left: 10px
}

.collection-item__details {
    padding: .5em 1em 2em
}

.general-system-notification-popup {
    cursor: auto;
    overflow-y: scroll;
    padding: 20px
}

.gsnp-popup {
    position: relative;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    max-width: 470px;
    background: #fff;
    padding: 20px;
    margin: 0 auto;
    border: 1px solid #eaeaea;
    border-radius: 5px
}

.gsnp-close-btn,
.gsnp-popup {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.gsnp-close-btn {
    width: 100%;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin-bottom: 20px
}

.gsnp-close-btn span {
    width: 34px;
    height: 34px;
    cursor: pointer
}

.gsnp-icon {
    border-radius: 50%;
    display: none;
    margin-bottom: 20px
}

.gsnp-icon svg {
    height: 48px;
    width: 48px
}

.info .gsnp-icon,
.warning .gsnp-icon {
    display: block
}

.info .gsnp-icon svg path {
    fill: #ffd400
}

.gsnp-subtitle {
    font-weight: 700;
    margin: 20px
}

.gsnp-body {
    margin-bottom: 20px
}

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

.gsnp-buttons .gsnp-btn {
    margin: 0 10px 10px;
    cursor: pointer
}

.header {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    position: fixed;
    top: 0;
    width: 100%;
    background-color: #fff;
    z-index: 5;
    -webkit-box-shadow: 0 2px 4px 0 rgba(49, 53, 53, .15);
    box-shadow: 0 2px 4px 0 rgba(49, 53, 53, .15)
}

.header,
.header__side {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.header__logo {
    margin: 0 10px;
    max-height: 80px
}

.header__logo .logo {
    width: 60px;
    display: block
}

.header__logo--sticky {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    display: none;
    width: 70px;
    left: 1em
}

.language-menu {
    font-weight: 400;
    font-size: 14px
}

.language-menu--list .language-menu__items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.language-menu--list .language-menu__item {
    padding: 0 8px;
    color: #d1d1d1
}

.language-menu--list .menu-item__link {
    text-transform: uppercase
}

.language-menu--list .language-menu__item--current {
    color: #313535
}

.language-menu--dropdown {
    display: none
}

.language-menu--dropdown .dropdown {
    max-width: 75px
}

.language-menu--dropdown .dropdown__fallback,
.language-menu--dropdown .dropdown__label,
.language-menu--dropdown .dropdown__option {
    text-transform: uppercase
}

.language-menu--dropdown .dropdown__fallback,
.language-menu--dropdown .dropdown__label {
    background-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none
}

.language-menu--dropdown .dropdown__fallback:active,
.language-menu--dropdown .dropdown__fallback:focus,
.language-menu--dropdown .dropdown__fallback:hover,
.language-menu--dropdown .dropdown__label:active,
.language-menu--dropdown .dropdown__label:focus,
.language-menu--dropdown .dropdown__label:hover {
    -webkit-box-shadow: none;
    box-shadow: none
}

body.is-login-menu-open {
    overflow: hidden
}

body.is-login-menu-open .wrapper {
    -webkit-transform: translateX(-90px);
    transform: translateX(-90px)
}

.wrapper {
    -webkit-transition: -webkit-transform .3s ease;
    transition: -webkit-transform .3s ease;
    transition: transform .3s ease;
    transition: transform .3s ease, -webkit-transform .3s ease
}

.backdrop--is-login-menu-open {
    z-index: 1
}

.login-menu {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    z-index: 100
}

.login-menu.is-opening .login-menu__background {
    display: block;
    opacity: 0
}

.login-menu.is-opening .login-menu__content-container {
    display: block;
    -webkit-transform: translateX(100%);
    transform: translateX(100%)
}

.login-menu.is-open .login-menu__background {
    opacity: 1
}

.login-menu.is-open .login-menu__content-container {
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

.login-menu__background {
    display: none;
    width: 100%;
    height: 100vh;
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, .4);
    -webkit-transition: opacity .3s ease;
    transition: opacity .3s ease
}

.login-menu__content-container {
    display: none;
    position: absolute;
    width: calc(100% - 50px);
    max-width: 420px;
    height: 100vh;
    top: 0;
    right: 0;
    background-color: #fff;
    overflow: hidden;
    -webkit-transition: -webkit-transform .3s ease;
    transition: -webkit-transform .3s ease;
    transition: transform .3s ease;
    transition: transform .3s ease, -webkit-transform .3s ease
}

.login-menu__close-button-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-shadow: 0 2px 4px 0 rgba(49, 53, 53, .15);
    box-shadow: 0 2px 4px 0 rgba(49, 53, 53, .15)
}

.login-menu__close-button {
    padding: 15px
}

.login-menu__close-icon {
    width: 20px;
    height: 20px
}

.login-menu__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 20px 15px;
    max-height: calc(100% - 50px);
    overflow: hidden auto
}

.login-menu__banner {
    display: none
}

.login-menu__login {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.login-menu__login h2 {
    font-size: 14px;
    margin-bottom: 20px;
    text-transform: uppercase
}

.login-menu__login .button {
    text-align: center;
    padding-left: 0;
    padding-right: 0
}

.login-menu__login .button+.button {
    margin-top: 10px
}

.login-menu__login p {
    margin-top: 20px;
    margin-bottom: 42px;
    font-size: 14px;
    line-height: 1.29
}

.login-menu__login a:not(.button) {
    text-decoration: none;
    color: inherit;
    -webkit-box-shadow: inset 0 -6px 0 rgba(255, 212, 0, .6);
    box-shadow: inset 0 -6px 0 rgba(255, 212, 0, .6)
}

.login-menu__login a:not(.button):hover {
    text-decoration: none;
    -webkit-box-shadow: inset 0 -6px 0 #ffd400;
    box-shadow: inset 0 -6px 0 #ffd400
}

.login-menu__links {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-top: 41px;
    padding-bottom: 30px
}

.login-menu__links h2 {
    font-size: 14px;
    margin-bottom: 21px;
    text-transform: uppercase
}

.login-menu__links ul {
    list-style: none;
    margin-bottom: 41px
}

.login-menu__links li:not(:last-child) {
    margin-bottom: 20px
}

.login-menu__links a {
    -webkit-transition: color .3s ease;
    transition: color .3s ease
}

.login-menu__links a:hover {
    color: #9b9b9b
}

.login-menu__separator {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    height: 1px;
    width: calc(100% + 30px);
    margin-left: -15px;
    background-color: #e6e5e3
}

body.is-search-menu-open {
    overflow: hidden
}

body.is-main-menu-opening .footer,
body.is-main-menu-opening .wrapper {
    -webkit-transition: -webkit-transform .3s ease;
    transition: -webkit-transform .3s ease;
    transition: transform .3s ease;
    transition: transform .3s ease, -webkit-transform .3s ease
}

body.is-main-menu-open {
    width: 100%;
    overflow: hidden
}

body.is-main-menu-open .footer,
body.is-main-menu-open .wrapper {
    -webkit-transform: translateX(90px);
    transform: translateX(90px)
}

.main-menu__container {
    z-index: 100
}

.main-menu__container.is-opening .main-menu__background {
    display: block
}

.main-menu__container.is-open .main-menu--sliding {
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

.main-menu__container.is-open .main-menu__background {
    opacity: 1;
    display: block
}

.main-menu__container.is-open .main-menu--overlay {
    z-index: 100
}

.main-menu__toggle {
    padding: 15px
}

.main-menu__background {
    width: 100%;
    height: 100vh;
    position: absolute;
    top: 0;
    left: 0;
    display: none;
    opacity: 0;
    -webkit-transition: opacity .3s ease;
    transition: opacity .3s ease;
    background-color: rgba(49, 53, 53, .8)
}

.main-menu__header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    position: relative
}

.main-menu,
.site-search {
    height: 100vh;
    top: 0;
    left: 0;
    background-color: #fff
}

.main-menu .menu-item__title,
.site-search .menu-item__title {
    text-transform: uppercase;
    position: relative
}

.main-menu .menu-item__title.is-active:before,
.site-search .menu-item__title.is-active:before {
    position: absolute;
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    width: 5px;
    right: calc(100% + 15px);
    background-color: #ffd400
}

.main-menu .menu-item__link,
.site-search .menu-item__link {
    display: block
}

.main-menu .main-menu__item:first-child>.menu-item__link,
.site-search .main-menu__item:first-child>.menu-item__link {
    margin-top: 0
}

.main-menu .main-menu__item:last-child>.menu-item__link,
.site-search .main-menu__item:last-child>.menu-item__link {
    margin-bottom: 0
}

.main-menu .main-menu__item .menu-item__items,
.site-search .main-menu__item .menu-item__items {
    margin-top: 20px
}

.main-menu .main-menu__item--account .menu-item,
.site-search .main-menu__item--account .menu-item {
    line-height: 1.75
}

.main-menu .main-menu__item--account .menu-item+.menu-item,
.site-search .main-menu__item--account .menu-item+.menu-item {
    margin-top: 20px
}

.main-menu--sliding {
    display: block;
    position: absolute;
    width: 270px;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    -webkit-transition: -webkit-transform .3s ease;
    transition: -webkit-transform .3s ease;
    transition: transform .3s ease;
    transition: transform .3s ease, -webkit-transform .3s ease;
    overflow: hidden
}

.main-menu--sliding .main-menu__header {
    -webkit-box-shadow: 0 2px 4px 0 rgba(49, 53, 53, .15);
    box-shadow: 0 2px 4px 0 rgba(49, 53, 53, .15)
}

.main-menu--sliding .main-menu__header .header__logo {
    margin-left: 20px
}

.main-menu--sliding .main-menu__items {
    position: relative;
    overflow-y: auto;
    max-height: calc(100% - 50px);
    margin-top: 4px;
    -webkit-transition: -webkit-transform .4s ease;
    transition: -webkit-transform .4s ease;
    transition: transform .4s ease;
    transition: transform .4s ease, -webkit-transform .4s ease
}

.main-menu--sliding .main-menu__items.menu-item--open {
    overflow-y: visible
}

.main-menu--sliding .main-menu__item .menu-item__title {
    font-size: 12px;
    text-transform: uppercase
}

.main-menu--sliding .main-menu__item .menu-item__link {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 20px 0
}

.main-menu--sliding .main-menu__item .menu-item__back,
.main-menu--sliding .main-menu__item .menu-item__link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.main-menu--sliding .main-menu__item .menu-item__back {
    padding: 14px 20px;
    width: 100%;
    position: absolute;
    top: -2px;
    left: 0;
    right: 0;
    background-color: #f3f3f3;
    font-size: 12px;
    font-family: Nunito Sans, "sans-serif";
    font-weight: 800
}

.main-menu--sliding .main-menu__item .menu-item__back .icon {
    margin-right: 1em
}

.main-menu--sliding .main-menu__item .menu-item__content {
    padding: 20px;
    border-bottom: 1px solid #f3f3f3;
    background-color: #fff;
    -webkit-transition: -webkit-transform .4s ease;
    transition: -webkit-transform .4s ease;
    transition: transform .4s ease;
    transition: transform .4s ease, -webkit-transform .4s ease
}

.main-menu--sliding .main-menu__item .main-menu__item .menu-item__content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    min-height: 100%;
    padding-top: 60px;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    display: none
}

.main-menu--sliding .main-menu__item .main-menu__item.is-open>.menu-item__content,
.main-menu--sliding .main-menu__item .main-menu__item.is-opening>.menu-item__content {
    display: block;
    z-index: 5
}

.main-menu--sliding .main-menu__item .main-menu__item.is-open>.menu-item__content {
    -webkit-transform: translate(33.33333%);
    transform: translate(33.33333%)
}

.main-menu--overlay {
    display: none;
    position: fixed;
    width: 100%;
    opacity: 0;
    -webkit-transform: scale(2);
    transform: scale(2);
    -webkit-transition: opacity .3s ease, -webkit-transform .3s ease;
    transition: opacity .3s ease, -webkit-transform .3s ease;
    transition: transform .3s ease, opacity .3s ease;
    transition: transform .3s ease, opacity .3s ease, -webkit-transform .3s ease;
    -webkit-transform-origin: center 25%;
    transform-origin: center 25%
}

.main-menu--overlay .main-menu__header {
    margin-bottom: 80px
}

.main-menu--overlay .main-menu__items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.main-menu--overlay .main-menu__item {
    margin: 0 40px
}

.main-menu--overlay .main-menu__item .main-menu__item {
    margin-left: 0;
    margin-right: 0
}

.main-menu--overlay .main-menu__item .main-menu__item .menu-item__link {
    margin: 20px 0
}

.site-search__container.is-opening .main-menu--overlay {
    display: block
}

.site-search__container.is-open .main-menu--overlay {
    display: block;
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1)
}

.sites-menu {
    font-size: 14px;
    font-family: Nunito Sans, "sans-serif";
    font-weight: 800;
    display: none
}

.sites-menu .menu-item__link {
    padding: 10px 0 6px;
    margin: 0 10px;
    border-bottom: 4px solid transparent;
    display: block;
    font-weight: 600
}

.sites-menu .menu-item__link.is-active,
.sites-menu .menu-item__link:hover {
    border-bottom-color: #ffd400
}

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

.sites-menu__items .menu-item:only-child {
    display: none
}

.links {
    list-style: none;
    display: inline;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 10px;
    font-family: Nunito Sans, "sans-serif";
    font-size: 14px;
    font-weight: 800
}

.links .button__text {
    display: none
}

.links .links__list-item {
    display: inline;
    line-height: 1.75;
    opacity: 1;
    -webkit-transition: opacity .1s ease;
    transition: opacity .1s ease
}

.links .links__list-item:hover {
    opacity: .8
}

.links .links__list-item+.links__list-item {
    margin-left: 10px
}

.links .link-item,
.links .menu-item__link {
    text-transform: none;
    padding: 0 5px;
    font-weight: 600
}

.links .link-item .icon,
.links .menu-item__link .icon {
    margin-right: 10px
}

.links .link-item {
    border-bottom: 4px solid transparent;
    padding: 10px 5px 6px;
    line-height: 1.75
}

.links .dropdown__fallback,
.links .dropdown__label {
    padding-top: 12px
}

.site-menu__container {
    display: none;
    width: 100%;
    background-color: #fff
}

.site-menu__container.is-sticky {
    position: fixed;
    top: 0
}

.site-menu__container.is-sticky .header__logo--sticky {
    -webkit-animation-name: move-in-down--valign;
    animation-name: move-in-down--valign;
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    display: block
}

.site-menu {
    -webkit-box-shadow: 0 2px 4px 0 rgba(49, 53, 53, .15);
    box-shadow: 0 2px 4px 0 rgba(49, 53, 53, .15);
    z-index: 5;
    position: relative
}

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

.site-menu__item {
    margin: 0 15px
}

.site-menu__item .menu-item__title {
    text-transform: uppercase;
    font-size: 14px
}

.site-menu__item .menu-item__link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 20px 0 16px;
    border-bottom: 4px solid transparent;
    -webkit-transition: border-color .3s ease;
    transition: border-color .3s ease
}

.site-menu__item.is-open .menu-item__link,
.site-menu__item:hover .menu-item__link {
    border-bottom-color: #ffd400
}

.site-menu__item.is-open .menu-item__link:after {
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg)
}

.site-menu__item--has-children .menu-item__link:after {
    width: 1em;
    height: 1em;
    content: " ";
    margin-left: .75em;
    background: url(../../default/images/icons/chevron-down.svg) no-repeat 50% 50%;
    background-size: 100%;
    display: inline;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    -webkit-transition: -webkit-transform .25s;
    transition: -webkit-transform .25s;
    transition: transform .25s;
    transition: transform .25s, -webkit-transform .25s
}

.mega-menu {
    display: none;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    padding: 40px 45px;
    background-color: #fff;
    -webkit-box-shadow: 0 15px 20px 0 rgba(49, 53, 53, .35);
    box-shadow: 0 15px 20px 0 rgba(49, 53, 53, .35);
    -webkit-transition: opacity .1s ease;
    transition: opacity .1s ease
}

.mega-menu.is-opening {
    opacity: 0
}

.mega-menu.is-open,
.mega-menu.is-opening {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.mega-menu.is-open {
    opacity: 1;
    z-index: 4
}

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

.sitemenu__backdrop {
    -webkit-transition: opacity .2s ease;
    transition: opacity .2s ease;
    z-index: 4
}

.mega-menu__item {
    margin-left: 10px;
    margin-right: 30px
}

.mega-menu__item .menu-item__link {
    display: block
}

.mega-menu__item .menu-item__title {
    text-transform: uppercase;
    font-size: 14px
}

.mega-menu__item .mega-menu__item {
    margin-left: 0;
    margin-right: 0
}

.mega-menu__item .mega-menu__item .menu-item__link {
    margin: 20px 0;
    color: #313535;
    -webkit-transition: color .3s ease;
    transition: color .3s ease
}

.mega-menu__item .mega-menu__item .menu-item__link:hover {
    color: #9b9b9b
}

.mega-menu__item:first-child {
    margin-left: 0
}

.mega-menu__item:last-child {
    margin-right: 0
}

.site-search__container {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%
}

.site-search__wrapper {
    width: 100%;
    font-size: 18px;
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translate(-50%, 40vh);
    transform: translate(-50%, 40vh);
    padding: 0 20px;
    margin: auto;
    -webkit-transition: -webkit-transform .4s ease;
    transition: -webkit-transform .4s ease;
    transition: transform .4s ease;
    transition: transform .4s ease, -webkit-transform .4s ease
}

.site-search__wrapper.is-active {
    -webkit-transform: translate(-50%, 90px);
    transform: translate(-50%, 90px)
}

.site-search__wrapper.is-active .search-result__wrapper {
    display: block
}

.site-search__maps-container,
.site-search__products-container {
    position: relative;
    padding: 5px;
    overflow: hidden
}

.site-search__header {
    position: relative;
    padding: 10px 0;
    margin-bottom: 20px;
    text-align: right
}

.site-search__logo {
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.main-menu__toggle--site-search {
    background-color: #f3f3f3;
    border-radius: 50%;
    margin-right: 20px;
    padding: 15px
}

.main-menu__toggle--site-search .icon,
.main-menu__toggle--site-search svg {
    width: 15px;
    height: 15px
}

.site-search__input {
    border: none;
    font-size: inherit;
    text-align: left;
    background-color: #fafafa
}

.site-search__input:-moz-placeholder-shown~.site-search__submit {
    display: block
}

.site-search__input:-ms-input-placeholder~.site-search__submit {
    display: block
}

.site-search__input:placeholder-shown~.site-search__submit {
    display: block
}

.site-search__input:not(:valid)~.site-search__clear {
    display: none
}

.site-search__input[type=text]:focus {
    -webkit-box-shadow: inset 0 -2px 0 0 #ffd400;
    box-shadow: inset 0 -2px 0 0 #ffd400
}

.site-search__submit {
    display: none
}

.site-search__clear,
.site-search__submit {
    position: absolute;
    top: 0;
    right: 20px;
    font-size: inherit;
    padding: .785em;
    background: none
}

.site-search__submit .icon {
    width: 20px;
    height: 20px
}

.site-search__clear .icon {
    width: 15px;
    height: 15px
}

@keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

@keyframes spin-rotate-in {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg)
    }
}

@keyframes spin-rotate-out {
    0% {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg)
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes fade-in {
    0% {
        opacity: 0;
        visibility: hidden
    }

    to {
        opacity: 1;
        visibility: visible
    }
}

@keyframes fade-out {
    0% {
        opacity: 1;
        visibility: visible
    }

    to {
        opacity: 0;
        visibility: hidden
    }
}

@keyframes fade-out-left {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    90% {
        opacity: 0;
        -webkit-transform: translateX(-15px);
        transform: translateX(-15px)
    }

    to {
        opacity: 0;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes pulse {

    0%,
    80%,
    to {
        opacity: 0;
        -webkit-transform: scale(0);
        transform: scale(0)
    }

    40% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes ripple {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }

    20% {
        -webkit-transform: scale(.6);
        transform: scale(.6)
    }

    80% {
        -webkit-transform: scale(1.15);
        transform: scale(1.15)
    }

    to {
        -webkit-transform: scale(1.35);
        transform: scale(1.35)
    }
}

@keyframes ripple-fadeout {
    to {
        opacity: 0
    }
}

@keyframes draw-line {
    to {
        stroke-dashoffset: 0
    }
}

@keyframes fill-in {
    0% {
        fill-opacity: 0
    }

    to {
        fill-opacity: 1
    }
}

.search-result__wrapper {
    margin-top: 40px;
    height: 75vh;
    padding-right: 20px;
    padding-left: 20px;
    overflow-y: auto;
    display: none
}

.site-search__result-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 20px
}

.search-results__show-on-map {
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase
}

.search-results__show-on-map:after {
    content: "";
    display: block;
    width: 100%;
    width: 1.5em;
    height: 1.5em;
    margin-left: 20px;
    display: inline-block;
    background: url(../images/icons/arrow-right.svg) no-repeat;
    vertical-align: middle
}

.site-search__card {
    margin: 20px 0;
    padding: 20px;
    -webkit-box-shadow: 0 2px 10px 2px rgba(148, 147, 124, .2);
    box-shadow: 0 2px 10px 2px rgba(148, 147, 124, .2);
    -webkit-animation-name: fade-in-left;
    animation-name: fade-in-left;
    -webkit-animation-duration: .1s;
    animation-duration: .1s;
    border: 1px solid hsla(0, 0%, 82%, .5);
    border-radius: 3px
}

.search__keyword {
    color: #ffd400
}

.site-search__tabs {
    list-style: none;
    border-bottom: 2px solid #f3f3f3;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.site-search__tab {
    font-size: 15px;
    margin-right: 10px;
    padding: 10px;
    color: #d1d1d1;
    font-weight: 500;
    position: relative;
    text-transform: uppercase;
    cursor: pointer;
    min-width: 5em;
    text-align: center
}

.site-search__tab.is-active {
    color: #313535
}

.site-search__tab.is-active:after {
    position: absolute;
    content: "";
    display: block;
    width: 100%;
    background: #ffd400;
    height: 2px;
    bottom: -2px;
    left: 0
}

.site-search__maps-container {
    margin-bottom: 20px
}

.site-search__maps {
    padding-bottom: 5px;
    padding-left: 5px
}

.site-search__maps>div:not([class]) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.site-search__map {
    -webkit-animation-name: fade-in-left;
    animation-name: fade-in-left;
    -webkit-animation-duration: .2s;
    animation-duration: .2s;
    -webkit-box-shadow: 0 2px 10px 2px rgba(148, 147, 124, .2);
    box-shadow: 0 2px 10px 2px rgba(148, 147, 124, .2);
    margin-right: 20px;
    display: block;
    height: 100%;
    font-size: 12px
}

.site-search__map img {
    display: block
}

.site-search__map-content {
    padding: 20px
}

.site-search__map-description {
    color: #b9b9b8;
    font-size: inherit
}

.site-search__map-title {
    font-weight: 500;
    font-size: inherit
}

.site-search__map-image-container {
    position: relative
}

.site-search__map-brand {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 50px;
    height: 50px;
    border-radius: 5px
}

.site-search__map-brand[data-brand] {
    background-size: 80%;
    background-position: 50%;
    background-repeat: no-repeat
}

.site-search__map-brand[data-brand=st1] {
    background-color: #ffd400;
    background-image: url(https://image.posti.st1.fi/lib/fe8b12727c67017e7d/m/2/8579cfec-82eb-460d-a9cc-20c5200f2b79.jpeg)
}

.site-search__map-brand[data-brand=shell] {
    background-color: #fff;
    background-image: url(https://image.posti.st1.fi/lib/fe8b12727c67017e7d/m/1/bc229db5-c760-4404-9495-6bd7e7695794.png)
}

.site-search__map-brand:after {
    position: absolute;
    content: "";
    display: block;
    width: 100%;
    width: 16px;
    height: 16px;
    top: calc(100% - 8px);
    left: 50%;
    -webkit-transform: translateX(-50%) rotate(45deg);
    transform: translateX(-50%) rotate(45deg);
    border-radius: 3px;
    background-color: inherit
}

.map__controls {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 100%;
    pointer-events: none
}

.map__control {
    background: #ffd400;
    padding: 10px;
    border-radius: 50%;
    margin: 0 20px;
    pointer-events: auto
}

.map__next {
    float: right
}

.map__control svg {
    width: 20px;
    height: 20px
}

.site-search__loading-indicator {
    height: 25px;
    margin-bottom: 20px
}

.site-search--loading,
.site-search__loading-indicator {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.site-search--loading:after {
    -webkit-animation: spin 1s linear infinite;
    animation: spin 1s linear infinite;
    border-radius: 50%;
    border: 2px solid #b3b2af;
    border-top-color: #4a4a4a;
    content: "";
    display: inline-block;
    height: 25px;
    width: 25px;
    margin: 0 10px;
    -webkit-transform: translateY(50%);
    transform: translateY(50%)
}

.site-search__card-title {
    margin-bottom: 20px
}

.site-search__card-content {
    font-size: 14px
}

.site-search__card-tag {
    font-size: 12px;
    font-weight: 800;
    margin-right: 20px;
    background: #f3f3f3;
    border-radius: 3px;
    padding: 5px 10px;
    text-transform: uppercase
}

.site-search__card-url {
    color: #9b9b9b;
    font-size: 14px;
    line-height: 1.5
}

.site-search__card-meta {
    margin-bottom: 20px
}

.site-search__highlight {
    -webkit-box-shadow: inset 0 -2px 0 rgba(255, 212, 0, .6);
    box-shadow: inset 0 -2px 0 rgba(255, 212, 0, .6)
}

.site-search__suggestions {
    margin-top: 20px
}

.site-search__suggestions .search-suggestions__title {
    margin-bottom: 10px
}

.site-search__suggestions .search-suggestions__list ul {
    list-style: none
}

.site-search__suggestions .search-suggestions__list li,
.site-search__suggestions .search-suggestions__list li a {
    cursor: pointer;
    margin-bottom: 10px;
    color: #9b9b9b;
    -webkit-transition: color .3s ease;
    transition: color .3s ease
}

.site-search__suggestions .search-suggestions__list li:hover,
.site-search__suggestions .search-suggestions__list li a:hover {
    color: #313535
}

.std ul li:before {
    width: .3em;
    height: .3em;
    display: inline-block;
    vertical-align: top;
    content: "";
    margin-right: .5em;
    position: relative;
    top: .5em;
    background-color: currentColor;
    border-radius: 50%
}

.std ol li,
.std ul li {
    line-height: 1.75
}

.std ol li p,
.std ul li p {
    display: inline
}

.std ol li:before,
.std ul li:before {
    top: .625em
}

.std table {
    border: none
}

.std table thead {
    background-color: #ffd400
}

.std table td,
.std table th {
    padding: 15px 10px
}

.std .table--striped thead,
.std .table--striped thead tr {
    background: 0
}

.std strong {
    font-weight: 800
}

.footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative;
    -webkit-tap-highlight-color: transparent
}

.footer:before {
    position: absolute;
    content: "";
    display: block;
    background: #f3f3f3;
    width: 100%;
    height: 2px;
    top: 0;
    left: 0
}

.app-store-links {
    padding: 35px 0 40px
}

.app-store-links__text {
    margin: 0 10px 20px;
    text-align: center;
    font-size: 18px;
    font-weight: 800;
    line-height: 1.25
}

.app-store-links__text:only-child {
    margin-bottom: 0
}

.app-store-links__text a:not([class]) {
    text-decoration: none;
    color: inherit;
    -webkit-box-shadow: inset 0 -6px 0 rgba(255, 212, 0, .6);
    box-shadow: inset 0 -6px 0 rgba(255, 212, 0, .6)
}

.app-store-links__text a:not([class]):hover {
    text-decoration: none;
    -webkit-box-shadow: inset 0 -6px 0 #ffd400;
    box-shadow: inset 0 -6px 0 #ffd400
}

.app-store-links__links {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.app-store-links__link:not(:first-child) {
    margin-left: 10px
}

.app-store-links__link:only-child {
    margin-left: 0
}

.app-store-links__image {
    display: block;
    height: 40px;
    width: auto
}

.footer__social-media-links {
    padding-top: 30px;
    padding-bottom: 30px;
    background-color: #f3f3f3;
    text-align: center
}

.footer__social-media-links .icon {
    width: 20px;
    height: 20px
}

.footer__social-media-links .icon path {
    fill: #313535
}

.footer__links .footer__social-media-links {
    display: none;
    padding-right: 20px;
    margin-top: 50px;
    text-align: left;
    background-color: transparent
}

.some-icon__link {
    display: inline-block
}

.some-icon__link:not(:last-child) {
    margin-right: 30px
}

.footer__links {
    padding: 20px
}

.footer__link-list.is-open .icon,
.footer__link-list.is-toggling-in .icon {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.footer__link-list.is-open .icon,
.footer__link-list.is-toggling-in .icon,
.footer__link-list.is-toggling-out .icon {
    -webkit-transition: -webkit-transform ease;
    transition: -webkit-transform ease;
    transition: transform ease;
    transition: transform ease, -webkit-transform ease
}

.footer__link-list.is-toggling-out .icon {
    -webkit-transform: rotate(1turn);
    transform: rotate(1turn)
}

.footer__link-list .link-list__heading {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-top: 1em;
    padding-bottom: 1.5em
}

.footer__link-list .link-list__title {
    font-size: 18px
}

.footer__link-list .link-list__content {
    -webkit-transition: height .5s;
    transition: height .5s;
    overflow: hidden;
    padding-right: 1.5em
}

.footer__link-list .link-list__link {
    font-size: 16px;
    color: #9b9b9b;
    line-height: 1.25;
    display: block;
    margin-bottom: 1em;
    -webkit-transition: color .3s ease;
    transition: color .3s ease
}

.footer__link-list .link-list__link:hover {
    color: #313535
}

.subfooter {
    border-top: 2px solid #f3f3f3
}

.subfooter__wrapper {
    font-size: 12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 2em
}

.copyright__text {
    margin-bottom: 1em
}

.copyright-title {
    margin-bottom: 0;
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2
}

.copyright__link-list,
.copyright__link-list:first-child:after,
.copyright__link-list:first-child:before {
    display: none
}

.copyright__link-list .link-list__title {
    font-size: 18px
}

.copyright__link-list .link-list__link {
    font-size: 12px
}

.article__body a:not([class]),
.widget a:not([class]) {
    text-decoration: none;
    color: inherit;
    -webkit-box-shadow: inset 0 -6px 0 rgba(255, 212, 0, .6);
    box-shadow: inset 0 -6px 0 rgba(255, 212, 0, .6)
}

.article__body a:not([class]):hover,
.widget a:not([class]):hover {
    text-decoration: none;
    -webkit-box-shadow: inset 0 -6px 0 #ffd400;
    box-shadow: inset 0 -6px 0 #ffd400
}

.wrapper {
    padding-bottom: 80px
}

.widget {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
    margin-bottom: 40px
}

.widget--boxed {
    max-width: 1600px;
    margin-left: auto;
    margin-right: auto
}

.widget--boxed:after {
    content: " ";
    display: block;
    clear: both
}

.widget-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%
}

.widget-heading {
    margin-top: 5em
}

.widget-heading__title {
    font-size: 24px;
    margin-bottom: 1rem
}

.widget-heading__body {
    font-size: 16px;
    font-weight: 600
}

.widget--bg-grey .widget-box {
    background-color: #f3f3f3
}

.widget--bg-white .widget-box {
    background-color: #fff
}

.widget--bg-brand .widget-box,
.widget--bg-red .widget-box,
.widget--bg-yellow .widget-box {
    background-color: #ffd400
}

.widget--bg-image .widget-box {
    position: relative;
    background-size: cover;
    background-color: #f3f3f3;
    background-position: 50% 50%;
    background-repeat: no-repeat
}

.widget--bg-image .widget-box__body,
.widget--bg-image .widget-box__buttons-set,
.widget--bg-image .widget-box__title {
    z-index: 5;
    position: relative
}

.widget--bg-image:not(.widget--exclude-overlay) .widget-box:after {
    position: absolute;
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 2;
    background-color: #000;
    opacity: .4
}

.widget--text-align-left {
    text-align: left
}

.widget--text-align-left .widget-box__buttons-set {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.widget--text-align-center {
    text-align: center
}

.widget--text-align-center .widget-box__buttons-set,
.widget-box .widget-box__buttons-set {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.widget--text-color-primary {
    color: #313535
}

.widget--text-color-secondary {
    color: #fff
}

.widget-box:not(:last-child) {
    margin-bottom: 10px
}

.widget-box iframe {
    max-width: 100%
}

.widget-box--content {
    padding: 70px 20px
}

.widget-box__title {
    margin-bottom: 20px
}

.widget-box__body {
    width: 100%;
    overflow-wrap: break-word
}

.widget-box__body p {
    margin-bottom: 0
}

.widget-box__body p:not(:only-child):not(:last-child) {
    margin-bottom: 40px
}

.widget--alternative-box-layout .widget-box--content {
    padding: 20px
}

.widget-box__buttons-set {
    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-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 1rem
}

.widget-box__buttons-set .button {
    text-align: center
}

.widget-box__buttons-set .button:not(:only-child):not(:last-child) {
    margin-bottom: 1em
}

.widget-box__background-image {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    -o-object-fit: cover;
    object-fit: cover
}

.widget-box__cover-image {
    width: 100%;
    position: relative;
    padding-top: 56.25%
}

.widget--type-full .widget-box__title {
    font-size: 28px
}

.widget.widget--type-halves {
    background-color: transparent
}

.widget--type-halves .widget-box__title {
    font-size: 22px
}

.widget.widget--type-thirds {
    background-color: transparent
}

.widget--type-thirds+.widget--type-thirds {
    margin-top: -30px
}

.widget--type-thirds .widget-box {
    -ms-flex-preferred-size: 33.33333%;
    flex-basis: 33.33333%
}

.widget--type-thirds:not(.widget--alternative-box-layout) .widget-box {
    padding: 80px 20px
}

.widget--type-thirds .widget-box__title {
    font-size: 18px
}

.widget--type-fourth>.widget--type-fourth__content {
    max-width: 1600px;
    margin-left: auto;
    margin-right: auto;
    padding: 20px
}

.widget--type-fourth>.widget--type-fourth__content:after {
    content: " ";
    display: block;
    clear: both;
    display: none
}

.widget.widget--type-fourth {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: transparent
}

.widget--type-fourth__card {
    width: 100%
}

.widget--type-fourth__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    gap: 1rem
}

.widget--type-fourth__content--align-bottom {
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch
}

.widget--type-fourth__image {
    max-width: 100px;
    max-height: 150px;
    width: auto;
    height: auto
}

.widget--type-fourth__image--large {
    max-width: 180px;
    max-height: 180px
}

.widget--type-fourth__image-wrapper {
    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;
    width: 100%;
    height: 150px
}

.widget--type-fourth__image-wrapper--large {
    height: 180px
}

.widget--type-fourth {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-family: Nunito Sans
}

.widget--type-fourth__title {
    margin: 60px auto 40px;
    color: #222;
    max-width: 600px
}

.widget--type-fourth__explanation {
    max-width: 950px
}

.widget--type-fourth__card {
    max-width: 350px;
    margin: 0 10px
}

.widget--type-fourth__card-content {
    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-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 50px
}

.widget--type-fourth__card-content--empty {
    margin-bottom: 0
}

.widget--type-fourth__card-content--align-bottom {
    height: calc(100% - 50px)
}

.widget--type-fourth__text {
    font-size: 24px;
    font-weight: 600;
    line-height: 1.25;
    margin-bottom: 10px
}

.widget--type-fourth__text--small {
    font-size: 16px;
    font-weight: 300;
    line-height: 1.75;
    font-family: Nunito Sans, "sans-serif"
}

.widget--type-fourth__text--small p {
    margin-bottom: 0
}

.widget--type-fourth__texts {
    padding: 20px;
    width: 100%;
    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-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center
}

.widget--type-fourth__button {
    margin-top: auto
}

.section--one-column {
    padding: 40px 20px;
    max-width: 1200px;
    margin: auto
}

.section--one-column .section-heading {
    text-align: left
}

.widget-column__body h2,
.widget-column__body h3,
.widget-column__body h4,
.widget-column__body h5,
.widget-column__body h6 {
    margin-bottom: 10px
}

.widget-column__body h2 {
    font-size: 24px
}

.widget-column__body h3,
.widget-column__body h4,
.widget-column__body h5,
.widget-column__body h6 {
    font-size: 18px
}

.widget-column__body p {
    margin-bottom: 30px
}

.widget-column__body ol,
.widget-column__body ul {
    padding-left: 1.5em;
    margin-bottom: 30px
}

.widget-column__body ol li:not(:last-child),
.widget-column__body ul li:not(:last-child) {
    margin-bottom: 10px
}

.widget-column__buttons-set {
    width: 100%;
    display: block;
    text-align: right
}

.hero {
    position: relative;
    padding-left: 0;
    padding-right: 0
}

.widget-hero__content {
    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;
    -webkit-box-flex: 2;
    -ms-flex-positive: 2;
    flex-grow: 2;
    padding: 0 10%;
    background-size: cover;
    background-position: 50% 50%;
    text-align: center
}

.hero--full-height {
    height: 100vh
}

.widget--bg-image .widget-hero__content {
    background-color: #f3f3f3
}

.widget--bg-white .widget-hero__content,
.widget--bg-white .widget-slider-hero__content {
    color: #313535
}

.widget--bg-white .content-overlay:before {
    background-color: #fff
}

.widget--bg-grey .widget-hero__content,
.widget--bg-grey .widget-slider-hero__content {
    background-color: #f3f3f3
}

.widget--bg-brand .widget-hero__content,
.widget--bg-brand .widget-slider-hero__content,
.widget--bg-grey .widget-hero__content,
.widget--bg-yellow .widget-hero__content,
.widget--bg-yellow .widget-slider-hero__content {
    color: #313535
}

.widget--bg-brand .content-overlay:before,
.widget--bg-yellow .content-overlay:before {
    opacity: 1;
    background-color: #ffd400
}

.hero-nav {
    max-width: 100%
}

.widget-hero__hero-links {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.hero-links__link-wrapper {
    position: relative
}

.hero-links__link {
    z-index: 2
}

.widget-hero__body {
    width: 100%
}

.hero-links__title {
    font-size: 12px;
    display: block;
    font-family: Nunito Sans, "sans-serif";
    font-weight: 400;
    -webkit-transition: opacity .2s ease;
    transition: opacity .2s ease
}

.hero-links__title:hover {
    opacity: .5
}

.cards {
    padding: 0;
    margin-bottom: 0;
    background-color: #f3f3f3
}

.cards .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%
}

.card-wrapper {
    width: 100%;
    float: left;
    padding-left: 5px;
    padding-right: 5px;
    margin-bottom: 20px
}

.cards--flex {
    -ms-flex-flow: column;
    flex-flow: column;
    width: 100%
}

.card,
.cards--flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal
}

.card {
    border-radius: 3px;
    overflow: hidden;
    -webkit-box-shadow: 0 8px 24px 0 rgba(82, 97, 115, .14);
    box-shadow: 0 8px 24px 0 rgba(82, 97, 115, .14);
    background-color: #fff;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: 100%
}

.card__footer {
    border-top: 1px solid #f3f3f3
}

.card__title {
    font-size: 22px;
    margin-bottom: 5px
}

.card__content {
    padding: 30px 25px 40px
}

.card__description {
    text-align: left
}

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

.card__buttons-set.card__buttons-set--stacked {
    margin: 0 20px 20px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    display: block
}

.card__buttons-set.card__buttons-set--stacked a {
    width: 100%
}

.card__buttons-set .icon {
    -webkit-transition: -webkit-transform .3s ease;
    transition: -webkit-transform .3s ease;
    transition: transform .3s ease;
    transition: transform .3s ease, -webkit-transform .3s ease
}

.card__buttons-set:hover .icon {
    -webkit-transform: translateX(10px);
    transform: translateX(10px)
}

.card__button {
    padding: 25px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.card__button .icon {
    -webkit-transition: -webkit-transform .3s ease;
    transition: -webkit-transform .3s ease;
    transition: transform .3s ease;
    transition: transform .3s ease, -webkit-transform .3s ease
}

.card__button:hover .icon {
    -webkit-transform: translateX(10px);
    transform: translateX(10px)
}

.card__button--secondary {
    padding: .75em 0 1em
}

.card-tab {
    padding: 35px 5%;
    text-align: center
}

.card-tab__content {
    text-align: left
}

.card-tab__image {
    padding: 0 15%
}

.card-tab__image img {
    -webkit-box-shadow: 0 16px 24px 0 rgba(82, 97, 115, .14);
    box-shadow: 0 16px 24px 0 rgba(82, 97, 115, .14)
}

.card-tab__title {
    font-size: 22px;
    margin: 35px 0 20px
}

.card-tab__buttons-set {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 50px
}

.card-tab__buttons-set .card-tab__button {
    min-width: 140px;
    text-align: center
}

.card-tab__buttons-set .card-tab__button:last-child {
    margin-top: 10px
}

.widget--flockler-social-media-wall {
    padding-top: 2em
}

.widget--flockler-social-media-wall svg {
    max-width: none;
    width: auto;
    height: auto
}

.some-wall__body,
.some-wall__subtitle,
.some-wall__title {
    text-align: center;
    margin: auto
}

.some-wall__title {
    font-size: 24px;
    margin: 1em auto
}

.some-wall__subtitle {
    font-size: 18px;
    margin-bottom: 10px
}

.some-wall__texts {
    margin-bottom: 20px
}

.widget--image-half-content-half:not(.widget--boxed) {
    padding: 0
}

.widget--image-half-content-half,
.widget--image-half-content-half .widget-box:not(:last-child) {
    margin-bottom: 0
}

.widget--image-half-content-half .widget-box__subtitle,
.widget--image-half-content-half .widget-box__title {
    margin-bottom: 10px;
    line-height: 1.25
}

.widget--image-half-content-half .widget-box__title {
    font-size: 22px
}

.widget--image-half-content-half .widget-box__subtitle {
    font-size: 18px;
    font-weight: 600
}

.widget--image-half-content-half .widget-box__buttons-set {
    margin-top: 20px
}

.image-half-content-half__app-store-image {
    height: 50px;
    background-color: unset
}

.image-half-content-half__app-store-image svg {
    height: 100%
}

.widget--image-half-content-half .widget-box__image {
    -o-object-fit: cover;
    object-fit: cover
}

.widget--section-one-column {
    padding: 40px 40px 50px
}

.widget--section-one-column .section-heading {
    font-size: 32px;
    margin-bottom: 25px
}

.widget--landing-hero .widget-hero__title {
    font-size: 32px;
    z-index: 5
}

.widget--landing-hero .widget-hero__body {
    z-index: 5
}

.widget--landing-hero .widget-hero__body p {
    margin-bottom: 0
}

.widget--landing-hero .widget-hero__button {
    margin-top: 20px;
    z-index: 5
}

.widget--landing-hero .widget-hero__video-wrapper {
    position: relative;
    overflow: hidden
}

.widget--landing-hero .widget-hero__video-content {
    left: 50%;
    top: 50%;
    height: auto;
    min-height: 100%;
    width: auto;
    min-width: 100%;
    max-width: none;
    position: absolute;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    z-index: -1
}

.widget--landing-hero .widget-hero__hero-links {
    z-index: 5
}

.widget--landing-hero .hero-links__link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 10px;
    min-height: 40px;
    border-bottom: 1px solid #e9e9e9;
    background-color: #fff
}

.widget--landing-hero .hero-links__link .icon {
    margin-left: auto;
    background-color: #ffd400;
    border-radius: 50%;
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: .8;
    -webkit-transition: opacity .3s ease, -webkit-transform .3s ease;
    transition: opacity .3s ease, -webkit-transform .3s ease;
    transition: opacity .3s ease, transform .3s ease;
    transition: opacity .3s ease, transform .3s ease, -webkit-transform .3s ease
}

.widget--landing-hero .hero-links__link .icon svg {
    width: 1em;
    height: 1em;
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    fill: #313535;
    -webkit-transition: scale .3s ease;
    transition: scale .3s ease
}

.widget--landing-hero .hero-links__link:hover .icon {
    opacity: 1;
    -webkit-transform: scale(1.05);
    transform: scale(1.05)
}

.widget--landing-hero .hero-links__link:hover .icon svg {
    -webkit-transform: translateY(-50%) scale(1.05);
    transform: translateY(-50%) scale(1.05)
}

.widget--landing-hero .hero-links__link-wrapper {
    margin-left: 10px
}

.widget--landing-hero .hero-links__title {
    font-size: 12px;
    font-weight: 800;
    text-transform: uppercase
}

.widget--landing-hero .hero-links__subtitle {
    display: none
}

.widget--header-hero .widget-hero__title {
    font-size: 32px;
    z-index: 5
}

.widget--header-hero .widget-hero__button {
    margin-top: 20px;
    z-index: 5
}

.widget--header-hero .widget-hero__video-wrapper {
    position: relative;
    overflow: hidden
}

.widget--header-hero .widget-hero__video-content {
    left: 50%;
    top: 50%;
    height: auto;
    min-height: 100%;
    width: auto;
    min-width: 100%;
    max-width: none;
    position: absolute;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    z-index: -1
}

.widget--header-hero .widget-hero__hero-links {
    z-index: 5
}

.widget--header-hero .hero-links__link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 10px;
    min-height: 40px;
    border-bottom: 1px solid #e9e9e9;
    background-color: #fff
}

.widget--header-hero .hero-links__link .icon {
    margin-left: auto;
    background-color: #ffd400;
    border-radius: 50%;
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: .8;
    -webkit-transition: opacity .3s ease, -webkit-transform .3s ease;
    transition: opacity .3s ease, -webkit-transform .3s ease;
    transition: opacity .3s ease, transform .3s ease;
    transition: opacity .3s ease, transform .3s ease, -webkit-transform .3s ease
}

.widget--header-hero .hero-links__link .icon svg {
    width: 1em;
    height: 1em;
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    fill: #313535;
    -webkit-transition: scale .3s ease;
    transition: scale .3s ease
}

.widget--header-hero .hero-links__link:hover .icon {
    opacity: 1;
    -webkit-transform: scale(1.05);
    transform: scale(1.05)
}

.widget--header-hero .hero-links__link:hover .icon svg {
    -webkit-transform: translateY(-50%) scale(1.05);
    transform: translateY(-50%) scale(1.05)
}

.widget--header-hero .hero-links__link-wrapper {
    margin-left: 10px
}

.widget--header-hero .hero-links__title {
    font-size: 12px;
    font-weight: 800;
    text-transform: uppercase
}

.widget--header-hero .hero-links__subtitle {
    display: none
}

.widget--hero-content {
    overflow: hidden
}

.widget--hero-content .widget-hero__content {
    height: auto;
    min-height: 50vh;
    padding-top: 2em;
    padding-bottom: 2em
}

.widget--hero-content .widget-hero__title {
    font-size: 32px;
    z-index: 5
}

.widget--hero-content .widget-hero__body,
.widget--hero-content .widget-hero__button {
    z-index: 5
}

.widget--hero-content .widget-hero__title+.widget-hero__button {
    margin-top: 20px
}

.widget--hero-content .widget-hero__hero-links {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    white-space: nowrap;
    text-transform: uppercase;
    font-weight: 600;
    z-index: 5;
    background-color: #fff
}

.widget--hero-content .hero-links__link {
    line-height: 2.5;
    font-size: 16px;
    opacity: .8;
    padding-top: 5px;
    padding-right: 15px;
    padding-bottom: 5px
}

.widget--hero-content .hero-links__link:first-child {
    padding-left: 15px
}

.widget--hero-content .hero-links__link--active {
    opacity: 1
}

.widget--hero-content .hero-links__link--active .hero-links__link-wrapper:after {
    display: block;
    position: absolute;
    content: "";
    bottom: 0;
    width: 100%;
    height: 2px;
    background-color: #ffd400
}

.widget-hero__body {
    font-size: 16px;
    margin-top: 10px
}

.widget-hero__body a:not([class]) {
    color: inherit
}

.contact-info {
    padding: 0 5%;
    margin: 50px auto
}

.contact-info__title {
    font-size: 28px;
    text-align: center;
    margin-top: 50px;
    margin-bottom: 40px
}

.contact-info__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    margin-bottom: 50px
}

.contact-info__item .info-item__image {
    width: 40px;
    height: 40px;
    max-width: 40px;
    min-width: 40px;
    margin-right: 10px
}

.contact-info__item .info-item__description,
.contact-info__item .info-item__details,
.contact-info__item .info-item__title {
    margin-bottom: 10px
}

.contact-info__item .info-item__description p,
.contact-info__item .info-item__details p,
.contact-info__item .info-item__title p {
    margin-bottom: 0
}

.contact-info__item .info-item__title {
    font-size: 22px
}

.contact-info__item .info-item__details {
    font-size: 16px;
    text-transform: uppercase;
    color: #9b9b9b
}

.contact-info__item .info-item__link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-transform: uppercase;
    font-weight: 600
}

.contact-info__item .info-item__link .link-icon {
    width: 1em;
    height: 1em;
    margin-right: 1em
}

.faq {
    padding: 45px 10px 30px
}

.faq__title {
    font-size: 24px;
    text-align: center
}

.faq__title:after {
    margin-left: auto;
    margin-right: auto
}

.card-tabs {
    -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-top: 20px;
    padding-left: 0;
    padding-right: 0
}

.card-tabs__title {
    font-size: 28px;
    display: none;
    text-align: center;
    margin: 60px 0 30px
}

.card-tabs__pagination {
    font-size: 12px;
    text-align: center;
    margin-bottom: 2em
}

.tab-pagination__index:after {
    content: "/"
}

.card-tabs__links {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.card-tab__link-title {
    font-size: 16px;
    font-weight: 800;
    text-align: center;
    white-space: nowrap
}

.card-tabs__content {
    cursor: default !important
}

.widget__card-comparison-table {
    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
}

.widget__card-comparison-table__title {
    font-size: 22px;
    margin: 70px 0
}

.widget__card-comparison-table__image-title {
    margin: 1em
}

.widget__card-comparison-table__table {
    width: 100%;
    overflow-y: auto
}

.widget__card-comparison-table__table table {
    width: 100%
}

.widget__card-comparison-table__table th {
    text-align: center
}

.widget__card-comparison-table__table td {
    border-bottom: 1px solid #ddd;
    height: 50px;
    text-align: center;
    padding: 1em
}

.widget__card-comparison-table__table tr td:not(:last-child) {
    border-right: 1px solid #ddd
}

.widget__card-comparison-table__table tr td:first-of-type {
    text-align: right
}

.widget__card-comparison-table__table span {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    border: 4.5px solid #ffed9a;
    background-color: #ffd400;
    display: inline-block
}

.widget__card-comparison-table__buttons td,
.widget__card-comparison-table__buttons tr td:not(:last-child) {
    border: 0
}

.widget__card-comparison-table__image {
    width: 84px;
    height: 53px
}

.downloadable-content {
    padding: 40px 0 0
}

.downloadable-content .widget-box--content {
    padding: 0 20px
}

.downloadable-content .widget-box--content h4 {
    margin-bottom: 10px
}

.downloadable-content .downloadable-content__collection {
    margin-top: 30px;
    margin-bottom: 50px
}

.downloadable-content__title {
    font-size: 24px;
    text-align: center;
    margin-bottom: 20px
}

.downloadable-content__title:after {
    margin-left: auto;
    margin-right: auto
}

.downloadable-content__collection-item .secondary-content {
    margin-left: 20px;
    font-weight: 300
}

.downloadable-content__buttons-set {
    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
}

.downloadable-content__buttons-set .icon {
    margin-left: 10px;
    -webkit-transition: -webkit-transform .3s ease;
    transition: -webkit-transform .3s ease;
    transition: transform .3s ease;
    transition: transform .3s ease, -webkit-transform .3s ease
}

.downloadable-content__buttons-set:hover .icon {
    -webkit-transform: translateX(10px);
    transform: translateX(10px)
}

.download-text {
    display: none;
    margin-right: .5em
}

.widget--contact-form .widget-column__buttons-set {
    margin-top: 2em
}

.widget--contact-form .widget-column__buttons-set .button .icon {
    margin-bottom: 1px
}

.widget--timeline {
    padding: 0 15px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    margin-bottom: 0
}

.widget-timeline__year {
    width: 40px;
    margin-top: 50px;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.widget-timeline__year-title {
    font-size: 16px;
    font-weight: 700;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.widget-timeline__line-wrapper {
    position: relative
}

.widget-timeline__line {
    width: 6px;
    height: 100%;
    position: absolute;
    background-color: #f3f3f3;
    margin-left: 19px;
    z-index: -1
}

.widget-timeline__ball {
    width: 33px;
    height: 33px;
    margin: 40px 15px 0 5px;
    background-color: #ffd400;
    border-radius: 50%;
    border: 6px solid #fff
}

.widget-timeline__content {
    margin-top: 45px;
    text-align: left;
    width: 75%;
    float: left;
    padding-left: 5px;
    padding-right: 5px;
    margin-left: 8.33333%
}

.widget-timeline__title {
    font-size: 18px;
    line-height: 1;
    margin-bottom: 10px
}

.widget-timeline__image {
    margin-bottom: 10px
}

.widget-timeline__body {
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 20px
}

.widget-timeline__buttons-set {
    text-align: left
}

.staff-cards__card {
    display: block
}

.staff-cards__main-title-wrapper {
    width: 100%;
    float: left;
    padding-left: 5px;
    padding-right: 5px
}

.staff-cards__main-title {
    width: 58.33333%;
    float: left;
    padding-left: 5px;
    padding-right: 5px;
    font-size: 28px
}

.staff-cards__main-title-underline {
    width: 70px;
    height: 5px;
    margin-top: 15px;
    margin-bottom: 40px;
    background-color: #ffd400
}

.staff-cards__content {
    font-size: 18px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    padding: 30px 35px 50px
}

.staff-cards__content .card__title {
    margin-bottom: 1em
}

.widget--content-cards .container {
    width: 100%
}

.widget--content-cards .card__button {
    -webkit-transition: color .275s;
    transition: color .275s
}

.widget--content-cards .card__button .icon * {
    -webkit-transition: stroke .275s;
    transition: stroke .275s
}

.widget--content-cards .card__button:active,
.widget--content-cards .card__button:hover {
    color: #fa0
}

.content-cards__title {
    font-size: 24px;
    width: 100%;
    margin-bottom: 10px
}

.content-cards__subtitle {
    font-size: 16px;
    width: 100%;
    margin-bottom: 30px
}

.content-card {
    border: 1px solid hsla(0, 0%, 82%, .8)
}

.content-card__content {
    margin-bottom: auto
}

.content-card__image-wrapper {
    width: 100%;
    padding-top: 66.666667%;
    overflow: hidden;
    position: relative
}

.content-card__image {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.content-card__title {
    font-size: 24px
}

.featured-content-cards__card {
    border-top: 4px solid #ffd400;
    cursor: pointer;
    text-align: center;
    position: relative
}

.featured-content-cards__card.active {
    -webkit-box-shadow: none;
    box-shadow: none;
    border-bottom-left-radius: unset;
    border-bottom-right-radius: unset;
    margin-bottom: 0
}

.open-card:after {
    position: absolute;
    content: "";
    display: block;
    width: 100%;
    width: 30px;
    height: 30px;
    bottom: 0;
    left: 50%;
    -webkit-transform: translate(-50%, 50%) rotate(45deg);
    transform: translate(-50%, 50%) rotate(45deg);
    background-color: #f3f3f3
}

.featured-content-cards__heading {
    padding-top: 25px;
    padding-right: 25px;
    padding-left: 25px;
    margin-top: auto
}

.featured-content-cards__image {
    width: 40px;
    height: 40px;
    margin-bottom: 5px
}

.card__title.featured-content-cards__title {
    font-size: 18px;
    margin-bottom: 10px
}

.featured-content-cards__body-toggle-wrapper {
    margin-top: auto;
    text-align: center
}

.card__body-toggle-icon {
    font-size: 16px;
    padding: 8px;
    border-radius: 50%;
    margin-top: 15px;
    margin-bottom: 30px;
    display: inline-block
}

.card__body-toggle-icon.open {
    -webkit-box-shadow: 0 5px 24px 0 rgba(82, 97, 115, .14);
    box-shadow: 0 5px 24px 0 rgba(82, 97, 115, .14)
}

.card__body-toggle-icon.close {
    background-color: #ffd400
}

.card__body-toggle-icon.close path {
    fill: #313535
}

.card__body-toggle-icon.hidden {
    display: none
}

.featured-content-cards__body-wrapper {
    width: 100%;
    float: left;
    padding-left: 5px;
    padding-right: 5px;
    position: relative
}

.featured-content-cards__body-container {
    padding: 40px;
    text-align: left;
    -webkit-box-shadow: 0 16px 24px 0 rgba(82, 97, 115, .14);
    box-shadow: 0 16px 24px 0 rgba(82, 97, 115, .14);
    margin-bottom: 20px;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px
}

.featured-content-cards__body-container h1,
.featured-content-cards__body-container h2,
.featured-content-cards__body-container h3,
.featured-content-cards__body-container h4,
.featured-content-cards__body-container h5,
.featured-content-cards__body-container h6,
.featured-content-cards__body-container ol,
.featured-content-cards__body-container p,
.featured-content-cards__body-container ul {
    margin-bottom: 1em
}

.featured-content-cards__body-container ol,
.featured-content-cards__body-container ul {
    padding-left: 1.5em
}

.featured-content-cards__body-content {
    height: 0;
    overflow: hidden
}

.widget--section-two-columns .section-heading {
    font-size: 32px
}

.widget--section-two-columns .section-heading:after {
    margin-left: auto;
    margin-right: auto
}

.widget--section-two-columns .widget-box__buttons-set {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.widget--location-cards {
    background-color: #fff
}

.location-cards__main-title-wrapper {
    width: 100%;
    padding-bottom: 30px;
    text-align: center
}

.location-cards__main-title {
    font-size: 24px;
    margin-bottom: 10px
}

.location-cards__card {
    border: 1px solid hsla(0, 0%, 82%, .8)
}

.location-cards__content {
    padding: 30px 25px 20px
}

.card__title.location-cards__title {
    font-size: 24px
}

.location-cards__map {
    position: relative;
    line-height: 0;
    margin-top: auto
}

.location-cards__map-large {
    display: none
}

.location-cards__map-marker-wrapper {
    width: 45px;
    height: 45px;
    margin-top: -20px;
    background-color: #ffd400
}

.location-cards__map-marker-wrapper,
.location-cards__map-marker-wrapper .location-cards__map-marker {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.location-cards__map-marker-wrapper .location-cards__map-marker {
    width: 34px;
    height: 16px
}

.location-cards__map-marker-wrapper:after {
    width: 12px;
    height: 12px;
    display: block;
    content: "";
    background-color: inherit;
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateY(6px) translateX(-40%) rotate(45deg);
    transform: translateY(6px) translateX(-40%) rotate(45deg)
}

.widget--mosaic-gallery {
    text-align: center;
    margin: 0;
    padding: 0
}

.widget--mosaic-gallery .widget {
    width: 100%
}

.mosaic-tile {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%
}

.mosaic-item {
    position: relative;
    overflow: hidden;
    border-radius: 5px;
    width: 100%;
    margin-bottom: 10px
}

.mosaic-item__link-wrapper {
    width: 100%;
    height: 100%;
    position: relative
}

.mosaic-item__overlay:before {
    position: absolute;
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 2;
    background-color: #000;
    opacity: .4;
    -webkit-transition: opacity .3s;
    transition: opacity .3s
}

.mosaic-item__title {
    font-size: 20px;
    z-index: 100;
    font-weight: 600;
    line-height: 1.36
}

.mosaic-item__content-wrapper {
    position: absolute;
    z-index: 100;
    text-align: left;
    left: 30px
}

.mosaic-item__large .mosaic-item__text--bottom,
.mosaic-item__large .mosaic-item__text--top,
.mosaic-item__medium .mosaic-item__text--bottom,
.mosaic-item__medium .mosaic-item__text--top,
.mosaic-item__small .mosaic-item__text--bottom,
.mosaic-item__small .mosaic-item__text--top {
    top: 30px;
    padding-right: 30px;
    bottom: auto
}

.mosaic-item__large .mosaic-item__text--center,
.mosaic-item__medium .mosaic-item__text--center,
.mosaic-item__small .mosaic-item__text--center {
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    padding-right: 30px;
    bottom: auto
}

.mosaic-item__large .mosaic-item__content-wrapper {
    max-width: calc(100% - 180px)
}

.mosaic-item__medium .mosaic-item__content-wrapper,
.mosaic-item__small .mosaic-item__content-wrapper {
    padding-right: 30px
}

.mosaic-item__text {
    font-size: 16px
}

.mosaic-item__text--light {
    color: #fff
}

.mosaic-item__text--dark {
    color: #313535
}

.mosaic-item__button {
    position: absolute;
    z-index: 100;
    right: 30px
}

.mosaic-item__large .mosaic-item__button {
    bottom: 30px
}

.mosaic-item__medium .mosaic-item__button,
.mosaic-item__small .mosaic-item__button {
    bottom: 20px
}

.mosaic-item__background {
    padding-bottom: 0;
    height: 100%;
    background-position: 50%;
    background-size: cover;
    -webkit-transition: -webkit-transform .4s ease;
    transition: -webkit-transform .4s ease;
    transition: transform .4s ease;
    transition: transform .4s ease, -webkit-transform .4s ease
}

.mosaic-item__large .mosaic-item__background {
    padding-bottom: 100%
}

.mosaic-item__medium .mosaic-item__background,
.mosaic-item__small .mosaic-item__background {
    padding-bottom: 70%
}

.mosaic-item__link-wrapper:hover .mosaic-item__background {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
    -webkit-transform-origin: center;
    transform-origin: center
}

.widget-download-select.download-select {
    padding-top: 0
}

.download-select__select-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%
}

.download-select__subtitle {
    font-size: 14px;
    color: #4a4a4a;
    margin-bottom: 15px;
    font-weight: 600
}

.widget--content-slots {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    padding-top: 80px;
    padding-bottom: 80px
}

.content-slots__title {
    font-size: 24px
}

.content-slots__list {
    display: block;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    width: 100%;
    max-width: 250px;
    padding: 60px 25px
}

.content-slot {
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
    padding-top: 25px;
    padding-bottom: 25px
}

.content-slot:not(:last-child) {
    border-bottom: 1px solid #e9e9e9
}

.content-slot__title {
    font-size: 44px;
    margin-bottom: 20px
}

.content-slot__subtitle {
    font-size: 18px;
    font-weight: 600;
    color: #9b9b9b
}

.widget--product-slider {
    text-align: center;
    overflow: hidden;
    background-color: #f3f3f3
}

.widget--product-slider .buttons-set--mobile {
    margin-top: 40px
}

.widget--product-slider .buttons-set--desktop {
    display: none
}

.widget--product-slider .buttons-set .button {
    display: inline-block
}

.product-slider__control {
    display: none;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    text-align: right;
    margin-right: 45px
}

.product-slider__control .slider-control:first-child {
    margin-right: 15px
}

.product-slider__control .icon {
    width: 1.5em;
    height: 1.5em
}

.product-slider__title {
    font-size: 26px;
    margin-bottom: .5em
}

.product-slider__subtitle {
    font-size: 16px
}

.product-slider__list {
    max-width: 320px;
    width: 100%;
    margin: auto;
    overflow: visible !important
}

.product-slider__list>div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.product-slider__card {
    height: 100%;
    -webkit-transform: scale(.9);
    transform: scale(.9);
    -webkit-transition: visibility .3s ease, opacity .3s ease, -webkit-transform .3s ease;
    transition: visibility .3s ease, opacity .3s ease, -webkit-transform .3s ease;
    transition: transform .3s ease, visibility .3s ease, opacity .3s ease;
    transition: transform .3s ease, visibility .3s ease, opacity .3s ease, -webkit-transform .3s ease
}

.product-slider__card.current-slide {
    -webkit-transform: scale(1);
    transform: scale(1)
}

.product-slide__content p {
    margin-bottom: 0
}

.product-slide__image {
    height: 150px;
    position: relative;
    overflow: hidden
}

.product-slide__image img {
    bottom: -100%;
    left: -100%;
    margin: auto;
    position: absolute;
    right: -100%;
    top: -100%;
    max-width: none;
    max-height: none;
    min-height: 100%;
    min-width: 100%;
    height: auto;
    width: 100%
}

.product-slide__title {
    font-size: 18px
}

.product-slide__body,
.product-slide__buttons-set {
    font-size: 16px
}

.product-slide__buttons-set .card__button {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center
}

.related-products__title {
    font-size: 24px;
    margin-bottom: 1em;
    margin-top: 1em
}

.related-products__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column wrap;
    flex-flow: column wrap
}

.related-products__list-item {
    display: block;
    padding: 40px 60px
}

.related-products__list-item .list-item__image {
    max-width: 160px
}

.widget--testimonial {
    background-color: #f3f3f3
}

.testimonial {
    background-color: #fff;
    border-radius: 3px;
    -webkit-box-shadow: 0 2px 0 0 rgba(0, 0, 0, .1);
    box-shadow: 0 2px 0 0 rgba(0, 0, 0, .1);
    -webkit-transition: border-color .1s ease;
    transition: border-color .1s ease;
    border: none;
    -webkit-box-shadow: 0 10px 20px 0 rgba(0, 0, 0, .2);
    box-shadow: 0 10px 20px 0 rgba(0, 0, 0, .2)
}

.testimonial,
.testimonial__heading {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.testimonial__heading {
    padding: 40px 50px 70px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    position: relative;
    background-color: #ffd400;
    color: #313535
}

.testimonial__image {
    width: 100px;
    height: 100px;
    position: absolute;
    top: 100%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    border-radius: 50%;
    overflow: hidden;
    -webkit-box-shadow: 0 10px 20px 0 rgba(0, 0, 0, .2);
    box-shadow: 0 10px 20px 0 rgba(0, 0, 0, .2)
}

.testimonial__image img {
    bottom: -100%;
    left: -100%;
    margin: auto;
    position: absolute;
    right: -100%;
    top: -100%;
    max-width: none;
    max-height: none;
    min-height: 100%;
    min-width: 100%;
    height: auto;
    width: 100%
}

.testimonial__content {
    font-size: 16px;
    padding: 80px 30px 60px
}

.testimonial__content>:last-child {
    margin-bottom: 0
}

.widget--cta-button {
    background-color: #f3f3f3;
    text-align: center
}

.widget--cta-button .container:after {
    display: none
}

.widget--cta-button--white {
    background-color: #fff
}

.cta-button__subtitle,
.cta-button__title {
    font-size: 28px;
    line-height: 1.25
}

.cta-button__subtitle {
    font-weight: 500
}

.cta-button__app-store-image {
    height: 50px;
    background-color: unset
}

.cta-button__app-store-image svg {
    height: 100%
}

.widget--subfooter {
    border-top: 1px solid #f3f3f3
}

.widget--subfooter .container {
    padding: 70px 20px 20px
}

.subfooter__title {
    font-size: 24px
}

.subfooter__description .h1,
.subfooter__description .h2,
.subfooter__description .h3,
.subfooter__description .h4,
.subfooter__description .h5,
.subfooter__description .h6,
.subfooter__description h1,
.subfooter__description h2,
.subfooter__description h3,
.subfooter__description h4,
.subfooter__description h5,
.subfooter__description h6 {
    font-size: 18px;
    margin-bottom: 10px
}

.subfooter__link-list {
    list-style-type: none
}

.subfooter-list__item:not(:last-child) {
    margin-bottom: 1em
}

.widget--hero-card .card-tab {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.widget--hero-card .widget-box__body {
    font-size: 16px;
    font-weight: 400
}

.widget--hero-card .widget-box__buttons-set {
    padding-top: 0
}

.hero-card__heading {
    margin-top: 5em
}

.hero-card__title {
    font-size: 24px;
    margin-bottom: 1rem
}

.card-display {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column wrap;
    flex-flow: column wrap;
    text-align: left
}

.card-display__title {
    text-align: center;
    margin: 20px 0
}

.card-display__description {
    font-size: 18px
}

.card-display__description ul li {
    margin-left: 1.75em;
    text-indent: -1.7em;
    line-height: 1.75
}

.card-display__description ul li:before {
    top: 0;
    width: .75em;
    height: .75em;
    background: transparent url(../../default/images/icons/check-default.svg) no-repeat;
    background-size: .75em;
    margin-right: .75em;
    vertical-align: middle
}

.widget--hero-card .card-display__image {
    -webkit-perspective: 1000px;
    perspective: 1000px;
    -webkit-perspective-origin: 25% 50%;
    perspective-origin: 25% 50%;
    -webkit-transform-origin: center;
    transform-origin: center;
    position: relative
}

.widget--hero-card .card-display__image img {
    height: 100%;
    display: block;
    -webkit-transition: -webkit-transform .1s ease, -webkit-box-shadow .1s ease;
    transition: -webkit-transform .1s ease, -webkit-box-shadow .1s ease;
    transition: transform .1s ease, box-shadow .1s ease;
    transition: transform .1s ease, box-shadow .1s ease, -webkit-transform .1s ease, -webkit-box-shadow .1s ease
}

.widget--hero-card .card-display__image:hover img {
    -webkit-box-shadow: 0 16px 24px 0 rgba(82, 97, 115, .14);
    box-shadow: 0 16px 24px 0 rgba(82, 97, 115, .14)
}

.widget--hero-cards {
    margin-bottom: -60px
}

.widget--hero-cards .widget-hero__title {
    font-size: 32px
}

.widget--hero-cards .hero-cards-list,
.widget--hero-cards .widget-hero__title {
    margin-top: 20px;
    margin-bottom: 20px;
    z-index: 5
}

.widget--hero-cards .cards {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column wrap;
    flex-flow: column wrap;
    color: #313535;
    background-color: transparent
}

.widget--hero-cards .card__title {
    font-size: 18px
}

.widget--hero-cards .card__image,
.widget--hero-cards .card__title {
    margin-bottom: 1rem
}

.widget--hero-cards .card__image {
    max-width: 90px;
    margin-left: auto;
    margin-right: auto
}

.widget--hero-cards .card__content {
    padding: 30px 20px;
    position: relative
}

.widget--hero-cards .card__description {
    font-size: 14px;
    text-align: center
}

.widget--hero-cards .card__description ol,
.widget--hero-cards .card__description p,
.widget--hero-cards .card__description ul {
    margin-bottom: 0
}

.widget--hero-cards .card__description ol,
.widget--hero-cards .card__description ul {
    text-align: left
}

.widget--hero-cards .card__description ol li,
.widget--hero-cards .card__description ul li {
    margin-left: 1.75em;
    text-indent: -1.7em;
    line-height: 1.75
}

.widget--hero-cards .card__description ol li:before,
.widget--hero-cards .card__description ul li:before {
    top: 0;
    width: .75em;
    height: .75em;
    background: transparent url(../../default/images/icons/check-default.svg) no-repeat;
    background-size: .75em;
    margin-right: .75em;
    vertical-align: middle
}

.widget--hero-cards .card__button {
    padding: 1em;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.hero__background-image {
    width: 100%;
    height: 100%;
    max-height: 15%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    overflow: hidden
}

.hero__background-image img {
    bottom: -100%;
    left: -100%;
    margin: auto;
    position: absolute;
    right: -100%;
    top: -100%;
    max-width: none;
    max-height: none;
    min-height: 100%;
    min-width: 100%;
    height: auto;
    width: 100%
}

.card-hero__content {
    padding-top: 0;
    width: 100%
}

.widget-hero-search__search-wrapper {
    width: 100%;
    z-index: 5;
    position: relative
}

.widget-hero-search .widget-hero__content {
    padding-top: 10%;
    padding-bottom: 10%
}

.widget-hero-search__input {
    font-size: 12px;
    font-weight: 400;
    border-radius: 3px
}

.widget-hero-search__submit {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 20px;
    background: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.widget-hero-search__submit .icon {
    width: 20px;
    height: 20px
}

.widget--related-content .widget-heading__body {
    font-weight: 300
}

.widget--related-content .container {
    width: 100%
}

.widget--related-content .widget-box {
    position: relative;
    overflow: hidden
}

.widget--related-content .widget-box__background {
    bottom: -100%;
    left: -100%;
    margin: auto;
    position: absolute;
    right: -100%;
    top: -100%;
    max-width: none;
    max-height: none;
    min-height: 100%;
    min-width: 100%;
    height: auto;
    width: 100%;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: -webkit-transform .4s ease;
    transition: -webkit-transform .4s ease;
    transition: transform .4s ease;
    transition: transform .4s ease, -webkit-transform .4s ease
}

.widget--related-content .widget-box:hover .widget-box__background {
    -webkit-transform: scale(1.3);
    transform: scale(1.3)
}

.widget-menu-list,
.widget-menu-list--toggle {
    z-index: 9000;
    position: fixed;
    bottom: 2em;
    left: 2em;
    padding: 1em 2em;
    color: #313535;
    list-style-type: none;
    cursor: pointer;
    -webkit-transition: -webkit-transform .8s ease;
    transition: -webkit-transform .8s ease;
    transition: transform .8s ease;
    transition: transform .8s ease, -webkit-transform .8s ease;
    background: #ffd400
}

.widget-menu-list {
    -webkit-transform: translateX(-200%);
    transform: translateX(-200%)
}

.js-nav-line {
    position: fixed;
    z-index: 9000;
    top: 0;
    left: 3em;
    height: 1em;
    width: 3px;
    -webkit-transition: top .5s ease;
    transition: top .5s ease
}

.widget--form-section .field {
    margin: 2.5em 0
}

.form-builder__submit-form {
    padding-top: 0
}

.widget--form-section .section-heading {
    margin-bottom: 0
}

.file-upload.file-selected .file-upload__select-file,
.file-upload .file-upload__remove-file {
    display: none
}

.file-upload.file-selected .file-upload__remove-file {
    display: block
}

.file-upload__file-input {
    border: none;
    margin-bottom: 0;
    width: 100%;
    background-color: #f7f7f7;
    -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;
    color: #4a4a4a;
    -webkit-box-shadow: inset 0 -2px 0 #b3b2af;
    box-shadow: inset 0 -2px 0 #b3b2af;
    font-size: 16px;
    font-family: Nunito Sans, "sans-serif";
    line-height: 1;
    padding: 16px 12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-height: 70px
}

.file-upload__file-input ::-webkit-input-placeholder {
    color: #9b9b9b
}

.file-upload__file-input ::-moz-placeholder {
    color: #9b9b9b
}

.file-upload__file-input :-ms-input-placeholder {
    color: #9b9b9b
}

.file-upload__file-input ::-ms-input-placeholder {
    color: #9b9b9b
}

.file-upload__file-input ::placeholder {
    color: #9b9b9b
}

.file-upload__file-input:active,
.file-upload__file-input:focus {
    -webkit-box-shadow: inset 0 -2px 0 0 #ffd400;
    box-shadow: inset 0 -2px 0 0 #ffd400;
    outline: none
}

.file-upload__file-input:not(:focus):not(:-moz-read-only):not(:disabled):hover {
    box-shadow: inset 0 -2px 0 0 #313535
}

.file-upload__file-input:not(:focus):not(:read-only):not(:disabled):hover {
    -webkit-box-shadow: inset 0 -2px 0 0 #313535;
    box-shadow: inset 0 -2px 0 0 #313535
}

.file-upload__file-input.disabled,
.file-upload__file-input.is-disabled,
.file-upload__file-input:disabled {
    opacity: .5
}

.file-upload__remove-file {
    padding: 1em 1.5em
}

.panel {
    padding: .35em
}

.panel--default {
    color: #fff;
    font-weight: 700;
    text-align: center
}

.panel--primary {
    background-color: #90c840
}

.panel--accent {
    background-color: #3faec1
}

.panel--secondary {
    background-color: #222
}

.widget--station-prices {
    padding: 0 !important
}

.widget--station-prices.widget--bg-grey {
    background-color: #f3f3f3;
    color: #313535
}

.widget--station-prices>.container {
    width: 100%
}

.price-item__price,
.station-prices__station-name,
.station-prices__updated-at {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative
}

.station-prices__station-name {
    min-height: 2em
}

.price-item__price {
    min-height: 4em
}

.station-prices__updated-at {
    min-height: 1em
}

.widget-station-prices__title {
    font-size: 24px
}

.widget-station-prices__subtitle {
    font-size: 12px;
    margin-bottom: 0;
    color: #313535;
    font-family: Open Sans;
    font-weight: 300;
    line-height: 2;
    text-transform: uppercase;
    text-align: center
}

.widget-station-prices__field-body {
    font-size: 14px;
    margin: auto;
    padding-right: 10px;
    padding-left: 10px;
    font-weight: 300;
    line-height: 1.5
}

.station-prices__updated-at.station-prices__updated-at {
    font-size: 12px;
    margin-top: 20px;
    margin-bottom: 20px
}

@-webkit-keyframes color-in-stroke {
    to {
        stroke: #fff
    }
}

@keyframes color-in-stroke {
    to {
        stroke: #fff
    }
}

.widget-station-prices__media .current {
    fill: #ffd400
}

.widget-station-prices__media .map-item {
    stroke: #d1d1d1;
    stroke-width: 3px;
    fill-opacity: 0;
    stroke-dasharray: 9500;
    stroke-dashoffset: 15000
}

.widget-station-prices__media .muted {
    fill: #e9e9e9
}

.widget-station-prices__body.fade-in-up .map-item {
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-name: draw-line, color-in-stroke, fill-in;
    animation-name: draw-line, color-in-stroke, fill-in;
    -webkit-animation-duration: 1.5s, .6s, .6s;
    animation-duration: 1.5s, .6s, .6s;
    -webkit-animation-delay: 0s, .5s, 1.5s;
    animation-delay: 0s, .5s, 1.5s;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1
}

.station-prices__station-name {
    font-size: 20px;
    margin-bottom: .5em;
    line-height: 2
}

.station-prices__items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.station-prices__item {
    width: 33.33333%;
    max-width: 175px;
    margin-right: .25em;
    margin-left: .25em;
    text-align: center
}

.price-item__meta-data,
.price-item__price {
    padding-right: .75rem;
    padding-left: .75rem
}

.price-item__unit {
    font-size: 14px;
    text-transform: capitalize
}

.price-item__price {
    padding-top: .5em;
    font-weight: 700
}

.price-item__price .regular-price {
    margin: 0;
    font-size: 18px
}

.price-item__meta-data {
    padding-bottom: .75em;
    font-size: 12px;
    color: #9b9b9b
}

.widget-station-prices__station-messages {
    margin-top: 3em;
    margin-bottom: 3em
}

.slide,
.slider-hero,
.slider-hero__slides {
    position: relative
}

.widget--slider-hero-ext--image-left .slide__body {
    margin-left: 8.33333%
}

.widget--slider-hero-ext--image-left .slide__media {
    margin-left: 0;
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1
}

.slide {
    padding-bottom: 40px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 50%
}

.slide:after {
    content: "";
    display: table;
    clear: both
}

.slide.brand-bg--image:not(.widget--text-color-primary) {
    color: #fff
}

.slide__contents {
    max-width: 1600px;
    margin-left: auto;
    margin-right: auto;
    padding-right: 15px;
    padding-left: 15px
}

.slide__contents:after {
    content: " ";
    display: block;
    clear: both
}

.slide__body {
    width: 83.33333%;
    float: left;
    margin-left: 8.33333%;
    padding: 40px 5px;
    position: relative;
    opacity: 0;
    -webkit-transition: opacity .4s linear;
    transition: opacity .4s linear
}

.is-active .slide__body,
[data-slider-hero=static] .slide__body {
    -webkit-transition: opacity .4s linear;
    transition: opacity .4s linear;
    -webkit-animation: fade-in-up .4s linear forwards;
    animation: fade-in-up .4s linear forwards;
    -webkit-animation-delay: .4s;
    animation-delay: .4s
}

.slide.brand-bg--image:not(.widget--text-color-primary) .countdown__icon svg {
    fill: #fff
}

.slide.brand-bg--image:not(.widget--text-color-primary) .countdown {
    color: #fff
}

.slide.brand-bg--brand .countdown {
    color: #313535
}

.slide__media {
    width: 83.33333%;
    float: left;
    padding-left: 5px;
    padding-right: 5px;
    margin-left: 8.33333%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-bottom: 20px;
    position: relative;
    opacity: 0;
    -webkit-transition: opacity .4s linear;
    transition: opacity .4s linear
}

.is-active .slide__media,
[data-slider-hero=static] .slide__media {
    -webkit-transition: opacity .4s linear;
    transition: opacity .4s linear;
    -webkit-animation: fade-in-up .4s linear forwards;
    animation: fade-in-up .4s linear forwards;
    -webkit-animation-delay: .8s;
    animation-delay: .8s
}

.slide__image-button {
    background-color: transparent
}

.slide__subtitle,
.slide__title {
    display: block
}

.slide__subtitle {
    margin-top: 5px;
    margin-bottom: 5px;
    font-family: Nunito Sans, "sans-serif"
}

.slide__actions {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-top: 15px;
    padding-bottom: 15px;
    position: relative
}

.slide__actions .button {
    text-transform: none
}

.slide__actions .minimal-price .price,
.slide__actions .old-price .price,
.slide__actions .regular-price .price {
    font-size: 28px
}

.slide .price-box--top .minimal-price,
.slide .price-box--top .old-price,
.slide .price-box--top .regular-price,
.slide__actions .special-price {
    display: none
}

.slide .price-box .special-price {
    width: auto;
    padding: 8px;
    margin-bottom: 10px;
    position: static;
    font-size: 14px
}

.slide__action:first-child {
    margin-right: 10px
}

.slide__action:last-child {
    margin-left: 10px
}

.slide__action:first-child:last-child {
    margin: 0;
    width: auto
}

a.slide__action {
    font-size: 14px
}

.slider__controls {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: absolute;
    left: 50%;
    bottom: 20px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    opacity: 0;
    -webkit-animation: fade-in-up--centered .8s ease-out forwards;
    animation: fade-in-up--centered .8s ease-out forwards;
    -webkit-animation-delay: 1.6s;
    animation-delay: 1.6s
}

.slider__control {
    width: 20px;
    height: 20px;
    margin-right: 10px;
    margin-left: 10px;
    border: 2px solid transparent;
    -webkit-transition: background-color .1s linear, border-color .1s linear, -webkit-transform 175ms ease-out;
    transition: background-color .1s linear, border-color .1s linear, -webkit-transform 175ms ease-out;
    transition: transform 175ms ease-out, background-color .1s linear, border-color .1s linear;
    transition: transform 175ms ease-out, background-color .1s linear, border-color .1s linear, -webkit-transform 175ms ease-out
}

.slider__control.is-active {
    background-color: #313535
}

.slider__control:not(.is-active) {
    -webkit-transform: scale(.75);
    transform: scale(.75);
    background-color: #fff;
    border-color: rgba(49, 53, 53, .5)
}

.widget--product-comparison-table {
    background-color: #f3f3f3
}

.widget--product-comparison-table .container {
    max-width: 1600px;
    margin-left: auto;
    margin-right: auto;
    max-width: 1920px
}

.widget--product-comparison-table .container:after {
    content: " ";
    display: block;
    clear: both
}

.ecom-campaign-hero {
    position: relative;
    width: 100%;
    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: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.ecom-campaign-hero .countdown__helper {
    color: #313535
}

.ecom-campaign-hero .product-row__item {
    width: calc(100% - 10px)
}

.ecom-campaign-hero .widget-hero__hero-links:before {
    content: none
}

.ecom-campaign-hero__background {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 420px;
    background-position: 50%;
    background-size: cover
}

.ecom-campaign-hero__timer {
    top: 0;
    width: 100%;
    height: 60px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 18px;
    background-color: #ffd400;
    z-index: 5
}

.ecom-campaign-hero__timer-text {
    margin: .5em auto
}

.ecom-campaign-hero__texts {
    width: 100%;
    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;
    text-align: center;
    z-index: 5;
    margin-top: 80px;
    margin-bottom: 60px
}

.ecom-campaign-hero__title {
    font-size: 32px
}

.ecom-campaign-hero__content {
    font-size: 18px
}

.ecom-campaign-hero__products {
    opacity: 0;
    z-index: 5;
    width: 100%
}

.ecom-campaign-hero .widget-hero__hero-links {
    opacity: 0;
    -webkit-animation-name: fade-in-up;
    animation-name: fade-in-up;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-delay: 1.5s;
    animation-delay: 1.5s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.widget--bg-grey {
    background-color: #f3f3f3
}

.widget--bg-brand {
    background-color: #ffd400
}

.widget--bg-white {
    background-color: #fff
}

.widget--bg-image {
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover
}

.survey-hero {
    position: relative;
    padding: 15px
}

.survey-hero__background {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: -1;
    width: 100%;
    height: 270px
}

.survey-hero .widget {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.survey-hero__title {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    margin: 20px 0
}

.survey-hero__title-text {
    font-family: Nunito Sans, "sans-serif";
    font-weight: 800;
    font-size: 30px;
    text-align: center;
    white-space: normal;
    word-break: break-word
}

.survey-hero__survey {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    background-color: #fff;
    border-radius: 3px;
    -webkit-box-shadow: 0 8px 24px 0 rgba(82, 97, 115, .14);
    box-shadow: 0 8px 24px 0 rgba(82, 97, 115, .14)
}

.survey-hero__survey-tabs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: space-evenly;
    -ms-flex-pack: space-evenly;
    justify-content: space-evenly;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    width: 100%;
    height: 54px;
    list-style: none
}

.survey-hero__survey-tab {
    width: 100%;
    height: 100%;
    border-right: 1px solid #f3f3f3
}

.survey-hero__survey-tab:last-child {
    border-right: 0
}

.survey-hero__survey-tab-bottom-border {
    position: absolute;
    bottom: 0;
    left: 0;
    top: 0;
    width: 0;
    border-bottom: 3px solid #ffd400;
    -webkit-transition: width .3s ease-in-out;
    transition: width .3s ease-in-out
}

.survey-hero__survey-tab-button {
    padding: 0;
    background-color: #fff;
    border-bottom: 1px solid #f3f3f3;
    width: 100%;
    height: 100%;
    position: relative
}

.survey-hero__survey-tab-button:hover .survey-hero__survey-tab-bottom-border {
    width: 100%;
    -webkit-transition: width .3s ease-in-out;
    transition: width .3s ease-in-out
}

.survey-hero__survey-tab-marker {
    width: 28px;
    height: 28px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 100%;
    margin: .5em auto;
    background-color: #f3f3f3
}

.survey-hero__survey-tab-marker--number {
    font-size: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-weight: 600;
    color: #9b9b9b
}

.survey-hero__survey-tab-marker--number:hover {
    color: #9b9b9b
}

.survey-hero__survey-tab-marker--checkmark {
    display: none
}

.survey-hero__survey-tab-marker--checkmark svg {
    width: 1em;
    height: 1em
}

.survey-hero__survey-tab--checked .survey-hero__survey-tab-marker {
    width: 34px;
    height: 34px;
    background-color: #ffd400;
    color: #313535;
    -webkit-transition: background-color .1s ease-in, color .1s ease-in;
    transition: background-color .1s ease-in, color .1s ease-in
}

.survey-hero__survey-tab--checked .survey-hero__survey-tab-marker--number {
    display: none
}

.survey-hero__survey-tab--checked .survey-hero__survey-tab-marker--checkmark {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.survey-hero__survey-tab-button--active .survey-hero__survey-tab-marker {
    background-color: #ffd400;
    -webkit-transition: background-color .1s ease-in;
    transition: background-color .1s ease-in
}

.survey-hero__survey-tab-button--active .survey-hero__survey-tab-marker--number {
    color: #313535;
    -webkit-transition: color .1s ease-in;
    transition: color .1s ease-in
}

.survey-hero__survey-tab-button--active .survey-hero__survey-tab-bottom-border {
    width: 100%;
    opacity: 1;
    border-bottom-width: 3px;
    border-bottom-style: solid
}

.survey-hero__panel {
    display: none
}

.survey-hero__panel--active {
    display: block
}

.survey-hero__survey-content {
    width: 100%;
    padding: 10px 15px
}

.survey-hero__survey-question {
    font-size: 20px;
    margin-bottom: 10px;
    font-family: Nunito Sans, "sans-serif";
    font-weight: 600
}

.survey-hero__survey-answers {
    width: 100%
}

.survey-hero__survey-answers-list {
    list-style: none
}

.survey-hero__survey-answer-card {
    -webkit-animation: fade-in-down .4s ease-in forwards;
    animation: fade-in-down .4s ease-in forwards;
    width: 100%;
    height: 30px;
    min-height: 50px;
    margin-bottom: 8px;
    border: 1px solid #9b9b9b;
    border-radius: 5px;
    background-color: #f3f3f3;
    padding: 5px
}

.survey-hero__survey-answer-card--active {
    border: 3px solid #ffd400
}

.survey-hero__survey-answer-card-texts {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.survey-hero__survey-answer-radio {
    margin-left: 5px;
    margin-right: 15px
}

.survey-hero__survey-answer-title {
    font-size: 16px;
    font-family: Nunito Sans, "sans-serif";
    font-weight: 600
}

.survey-hero__survey-answer-text {
    font-family: Nunito Sans, "sans-serif";
    font-size: 14px;
    padding-left: 30px
}

.survey-hero__survey-answer-card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    padding-left: 22px;
    margin-bottom: 12px;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.survey-hero__survey-answer-radio {
    position: absolute;
    opacity: 0;
    cursor: pointer
}

.survey-hero__survey-answer-checkmark {
    position: relative;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    border: 2px solid #000
}

.survey-hero__survey-answer-checkmark:after {
    content: "";
    position: absolute;
    display: none
}

.survey-hero__survey-answer-card .survey-hero__survey-answer-radio:checked~.survey-hero__survey-answer-checkmark:after {
    display: block
}

.survey-hero__survey-answer-card .survey-hero__survey-answer-checkmark:after {
    top: 2px;
    left: 2px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #000
}

.survey-hero__products .product-row__item {
    padding: 10px;
    margin: 60px auto
}

.survey-hero__products .product-card__info .linked-products {
    margin-top: 40px
}

.survey-hero__products .product-card__info .product-contents__items {
    height: 400px
}

.survey-product__highlight-tag {
    position: absolute;
    margin-left: auto;
    margin-right: auto;
    top: -35px;
    left: 0;
    right: 0;
    height: 35px;
    width: 210px;
    background-color: #90c840;
    display: none;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 3px
}

.survey-product__highlight-tag-text {
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: .5px;
    font-family: Nunito Sans, "sans-serif";
    text-transform: uppercase
}

.product-row__item.survey-hero__product-card--highlight {
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 2px solid #90c840;
    -webkit-box-shadow: inset 3px 0 #90c840, inset 0 3px #90c840, inset 0 -3px #90c840, inset -3px 0 #90c840, inset -3px -3px 10px 0 #90c840, inset 3px 3px 10px 0 #90c840, 0 8px 24px 0 rgba(82, 97, 115, .14);
    box-shadow: inset 3px 0 #90c840, inset 0 3px #90c840, inset 0 -3px #90c840, inset -3px 0 #90c840, inset -3px -3px 10px 0 #90c840, inset 3px 3px 10px 0 #90c840, 0 8px 24px 0 rgba(82, 97, 115, .14)
}

.product-row__item.survey-hero__product-card--highlight .survey-product__highlight-tag,
.survey-hero__controls {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.survey-hero__controls {
    width: 100%;
    padding: 0 30px 15px
}

.survey-hero__controls-button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: .5em 1em
}

.survey-hero__controls-button svg {
    width: 2em;
    height: 2em
}

.survey-hero__controls-button--hide {
    display: none
}

.survey-hero__controls-button--prev {
    -ms-flex-item-align: start;
    align-self: flex-start;
    margin-right: auto
}

.survey-hero__controls-button--next,
.survey-hero__controls-button--reset {
    -ms-flex-item-align: end;
    align-self: flex-end;
    margin-left: auto
}

.survey-hero__controls-button--reset {
    height: 46px
}

.widget--windpower-metrics {
    max-width: 1600px
}

.widget--windpower-metrics .widget-column__content,
.windpower-metrics__content {
    width: 100%
}

.windpower-metrics__chart {
    width: 100%;
    max-width: 1070px;
    margin: auto;
    padding-right: 20px;
    padding-top: 40px
}

.apexcharts-tooltip {
    position: relative;
    color: #313535;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    font-weight: 700;
    left: 50% !important;
    overflow: visible !important
}

.apexcharts-tooltip-series-group.active:only-child {
    padding-top: 5px;
    padding-bottom: 5px
}

#apexcharts-bar-area-0:hover,
#apexcharts-bar-area-0[selected=true] {
    fill: url(#windpower-metrics-chart-bar-hover)
}

.chart-table__legend {
    padding: 1.5em 1em 1.5em 80px;
    font-size: 12px
}

.chart-legend__text {
    position: relative;
    line-height: 1.25
}

.chart-legend__text:before {
    position: absolute;
    content: "";
    display: block;
    width: 100%;
    width: 15px;
    height: 15px;
    right: calc(100% + .5em);
    background-color: #27509b;
    border-radius: 50%
}

.chart__table {
    width: 100%;
    font-size: 12px
}

.chart__table thead {
    border-bottom: 1px solid #ddd
}

.chart__table th {
    font-weight: 600
}

.chart__table td,
.chart__table th {
    padding: 1.5em 1em
}

.chart__table td:first-child,
.chart__table th:first-child {
    padding-left: 80px
}

.chart__table td:last-child,
.chart__table th:last-child {
    text-align: right;
    padding-right: 2em
}

.chart__table td b,
.chart__table th b {
    font-weight: 600
}

.chart-table__column--series-name {
    width: 35%
}

.telephone:after {
    content: "";
    display: table;
    clear: both
}

.telephone .input-box {
    margin-bottom: 0
}

.telephone__number,
.telephone__prefix {
    width: 100%;
    float: left
}

.dropdown__label {
    padding: 22px 16px 18px;
    line-height: 1
}

.mastercard-app .wrapper {
    position: relative;
    padding-bottom: 0
}

.mastercard-app .container {
    padding-top: 0
}

.mastercard-app .container-content {
    padding-top: 40px;
    padding-bottom: 40px
}

.mastercard-app .header-underlined:after {
    content: "";
    display: block;
    width: 100%;
    margin-top: 30px;
    width: 60px;
    height: 5px;
    background-color: #ffd400
}

.mastercard-app p:empty {
    margin-bottom: 16px
}

.mastercard-app .bucket {
    padding: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.mastercard-app .bucket-box {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.mastercard-app .bucket-box>span {
    vertical-align: middle
}

.mastercard-app .bucket-box--form-description>* {
    margin-right: 120px
}

.mastercard-app .bucket-box__text {
    display: block;
    padding-top: 8px;
    padding-bottom: 8px
}

.mastercard-app .button.disabled {
    cursor: not-allowed
}

.mastercard-app .button.pointer-allowed {
    pointer-events: all
}

.mastercard-app .button {
    -webkit-transition: .4s ease-in;
    transition: .4s ease-in
}

.mastercard-app .flex-right {
    margin-left: auto
}

.mastercard-app .bucket-emphasized {
    margin: 40px;
    padding: 0;
    -webkit-box-shadow: 0 0 10px #ddd;
    box-shadow: 0 0 10px #ddd
}

.mastercard-app .bucket-emphasized .bucket-box--form-description,
.mastercard-app .bucket-image,
.mastercard-app .form-wrapper {
    padding: 40px
}

.mastercard-app .bucket-image {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50%;
    min-height: 500px
}

.mastercard-app .bucket--narrow {
    padding: 40px 120px
}

.mastercard-app .bucket-box__text--inline>p {
    display: inline
}

.mastercard-app .field.telephone .input-box {
    margin-bottom: -10px
}

.mastercard-app .icon-question {
    cursor: pointer
}

.mastercard-app .input-helper.field-error:not(.is-hidden)~.input-helper,
.mastercard-app .validation-advice:not([style*="display: none;"])~.input-helper {
    display: none
}

.mastercard-app .validation-advice~.input-helper {
    display: block
}

.mastercard-app .fade-out {
    -webkit-animation-duration: 1s;
    animation-duration: 1s
}

.mastercard-app .input-helper {
    margin-left: 16px;
    padding: 0;
    height: 12px;
    color: #9b9b9b;
    display: block
}

.mastercard-app .input-helper,
.mastercard-app .validation-advice {
    margin-top: 1em;
    margin-bottom: 1em;
    position: relative;
    font-size: 12px
}

.mastercard-app .validation-advice {
    margin-left: 3em;
    color: #313535
}

.mastercard-app .dropdown__content {
    top: auto;
    z-index: 5
}

.mastercard-app .btn-approval {
    margin-top: 20px
}

.widget-newsletter .newsletter-card__text,
.widget-newsletter .newsletter-card__text>p {
    margin-bottom: 5px
}

.widget-newsletter .newsletter-card__form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.widget-newsletter .newsletter-card__form.newsletter-card__form--multiple-fields {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.widget-newsletter .newsletter-card__form.newsletter-card__form--multiple-fields .md-input-field {
    margin-bottom: 0
}

.widget-newsletter .newsletter-card__form.newsletter-card__form--multiple-fields .article__box__submit {
    margin-left: 0
}

.widget-newsletter .validation-advice {
    text-align: left
}

.take-away-menu {
    margin-bottom: 48px;
    width: 100%
}

.take-away-menu__title {
    margin: 24px auto;
    text-align: center
}

.take-away-menu__products {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.take-away-menu__products,
.take-away-product {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.take-away-product {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    border: 1px solid #e6e5e3;
    border-radius: 5px;
    background-color: #fff;
    margin-bottom: 16px;
    max-width: 930px
}

.take-away-product--selected {
    border-color: #ffd400;
    -webkit-box-shadow: 0 2px 8px 0 rgba(34, 34, 34, .2);
    box-shadow: 0 2px 8px 0 rgba(34, 34, 34, .2)
}

.take-away-product__details {
    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
}

.take-away-product__image {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-bottom: 16px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px
}

.take-away-product__name {
    margin: 0 16px 16px
}

.take-away-product__details-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 0 16px 16px
}

.take-away-product__dietary-details {
    font-size: 14px;
    color: #222;
    text-transform: uppercase
}

.take-away-product__price {
    font-size: 24px;
    font-weight: 700;
    color: #222
}

.progress-tracker-container:after {
    position: absolute;
    content: "";
    display: block;
    width: 100%;
    left: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-item-align: end;
    align-self: flex-end;
    height: 1px;
    background-color: #e9e9e9
}

.widget--plain-text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-top: 40px;
    padding-bottom: 40px;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover
}

.widget--plain-text.align--left {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.widget--plain-text.align--center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.widget--plain-text.align--right {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.widget--plain-text.widget--type-full {
    margin-top: 0;
    margin-bottom: 0;
    text-align: center
}

.widget--image {
    margin-top: 40px
}

.widget--image__img {
    max-width: 1200px;
    margin: auto
}

.widget--product-showcase {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 80px 40px 20px
}

.widget--product-showcase.widget {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.widget--product-showcase+.widget--product-showcase {
    margin-top: -140px
}

.widget--product-showcase+.widget--product-showcase .product-showcase__title {
    margin-top: 140px
}

.widget--product-showcase+.widget--product-showcase .product-showcase__title:empty {
    margin: 0
}

.product-showcase__content,
.product-showcase__cta,
.product-showcase__title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-item-align: center;
    align-self: center;
    width: 100%
}

.product-showcase__title {
    margin-bottom: 40px;
    text-align: center
}

.product-showcase__content,
.product-showcase__title {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.product-showcase__content {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.product-showcase__cta {
    margin-top: 20px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.product-showcase__product {
    padding: 5px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    max-width: 25%;
    -ms-flex-preferred-size: calc(25% - 10px);
    flex-basis: calc(25% - 10px);
    position: relative
}

.product-showcase__product-image {
    background-size: cover;
    background-color: #fff;
    height: 0;
    padding-bottom: 66%;
    width: 100%
}

.product-showcase__product-image-fake-alt {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-top: 33%;
    position: relative;
    z-index: -1
}

.product-showcase__product-description {
    padding: 20px 16px
}

.product-showcase__product-description p {
    line-height: 1
}

p.product-showcase__product-name {
    font-size: 18px;
    font-weight: 700;
    line-height: 1.33;
    margin-bottom: 10px
}

.product-showcase__product-price {
    font-size: 24px;
    font-weight: 700;
    margin: 15px 0 5px
}

.product-showcase__product-detail {
    color: #9b9b9b;
    font-size: 14px;
    font-weight: 600
}

p.product-showcase__product-info {
    font-size: 14px;
    line-height: 1.5
}

.product-showcase__product-info-underlined:before {
    background-color: #ffd400;
    content: "";
    display: block;
    height: 6px;
    margin: 16px 0;
    position: relative;
    width: 48px
}

p.product-showcase__product-additional-info {
    color: #9b9b9b;
    font-weight: 600;
    line-height: 1.5;
    margin-top: 8px
}

.product-showcase__badge {
    border-radius: 3px;
    display: block;
    font-size: 14px;
    font-weight: 900;
    padding: 10px;
    position: absolute;
    text-transform: uppercase;
    -webkit-transform: translate(20px, 20px);
    transform: translate(20px, 20px)
}

.product-showcase__badge-brand {
    background-color: #ffd400;
    color: #313535
}

.product-showcase__badge-red {
    background-color: #e10030;
    color: #fff
}

.product-showcase__badge-yellow {
    background-color: #ffd400
}

.product-showcase__badge-white {
    background-color: #fff
}

.odometer.odometer-auto-theme,
.odometer.odometer-auto-theme .odometer-digit,
.odometer.odometer-theme-default,
.odometer.odometer-theme-default .odometer-digit {
    display: inline-block;
    vertical-align: middle;
    position: relative
}

.odometer.odometer-auto-theme .odometer-digit .odometer-digit-spacer,
.odometer.odometer-theme-default .odometer-digit .odometer-digit-spacer {
    display: inline-block;
    vertical-align: middle;
    visibility: hidden
}

.odometer.odometer-auto-theme .odometer-digit .odometer-digit-inner,
.odometer.odometer-theme-default .odometer-digit .odometer-digit-inner {
    text-align: left;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden
}

.odometer.odometer-auto-theme .odometer-digit .odometer-ribbon,
.odometer.odometer-theme-default .odometer-digit .odometer-ribbon {
    display: block
}

.odometer.odometer-auto-theme .odometer-digit .odometer-ribbon-inner,
.odometer.odometer-theme-default .odometer-digit .odometer-ribbon-inner {
    display: block;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.odometer.odometer-auto-theme .odometer-digit .odometer-value,
.odometer.odometer-theme-default .odometer-digit .odometer-value {
    display: block;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.odometer.odometer-auto-theme .odometer-digit .odometer-value.odometer-last-value,
.odometer.odometer-theme-default .odometer-digit .odometer-value.odometer-last-value {
    position: absolute
}

.odometer.odometer-auto-theme.odometer-animating-up .odometer-ribbon-inner,
.odometer.odometer-theme-default.odometer-animating-up .odometer-ribbon-inner {
    -webkit-transition: -webkit-transform 2s;
    transition: -webkit-transform 2s;
    transition: transform 2s;
    transition: transform 2s, -webkit-transform 2s
}

.odometer.odometer-auto-theme.odometer-animating-down .odometer-ribbon-inner,
.odometer.odometer-auto-theme.odometer-animating-up.odometer-animating .odometer-ribbon-inner,
.odometer.odometer-theme-default.odometer-animating-down .odometer-ribbon-inner,
.odometer.odometer-theme-default.odometer-animating-up.odometer-animating .odometer-ribbon-inner {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%)
}

.odometer.odometer-auto-theme.odometer-animating-down.odometer-animating .odometer-ribbon-inner,
.odometer.odometer-theme-default.odometer-animating-down.odometer-animating .odometer-ribbon-inner {
    -webkit-transition: -webkit-transform 2s;
    transition: -webkit-transform 2s;
    transition: transform 2s;
    transition: transform 2s, -webkit-transform 2s;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.odometer.odometer-auto-theme,
.odometer.odometer-theme-default {
    font-family: Helvetica Neue, sans-serif;
    line-height: 1.1em
}

.odometer.odometer-auto-theme .odometer-value,
.odometer.odometer-theme-default .odometer-value {
    text-align: center
}

.fade-in-up {
    -webkit-animation-name: fade-in-up;
    animation-name: fade-in-up;
    -webkit-animation-duration: .2s;
    animation-duration: .2s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
    -webkit-animation-direction: normal;
    animation-direction: normal
}

@keyframes fade-in-up {
    0% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        transform: translateY(20px)
    }

    to {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

.fade-in-up--centered {
    -webkit-animation-name: fade-in-up--centered;
    animation-name: fade-in-up--centered;
    -webkit-animation-duration: .2s;
    animation-duration: .2s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
    -webkit-animation-direction: normal;
    animation-direction: normal
}

@-webkit-keyframes fade-in-up--centered {
    0% {
        opacity: 0;
        -webkit-transform: translate(-50%, -40px);
        transform: translate(-50%, -40px)
    }

    to {
        opacity: 1;
        -webkit-transform: translate(-50%);
        transform: translate(-50%)
    }
}

@keyframes fade-in-up--centered {
    0% {
        opacity: 0;
        -webkit-transform: translate(-50%, -40px);
        transform: translate(-50%, -40px)
    }

    to {
        opacity: 1;
        -webkit-transform: translate(-50%);
        transform: translate(-50%)
    }
}

.zoom-in {
    -webkit-animation-name: zoom-in;
    animation-name: zoom-in;
    -webkit-animation-duration: .2s;
    animation-duration: .2s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
    -webkit-animation-direction: normal;
    animation-direction: normal
}

@-webkit-keyframes zoom-in {
    0% {
        -webkit-transform: translate(-50%, -50%) scale(0);
        transform: translate(-50%, -50%) scale(0)
    }

    to {
        -webkit-transform: translate(-50%, -50%) scale(1);
        transform: translate(-50%, -50%) scale(1)
    }
}

@keyframes zoom-in {
    0% {
        -webkit-transform: translate(-50%, -50%) scale(0);
        transform: translate(-50%, -50%) scale(0)
    }

    to {
        -webkit-transform: translate(-50%, -50%) scale(1);
        transform: translate(-50%, -50%) scale(1)
    }
}

.bounce-in {
    -webkit-animation-name: bounce-in;
    animation-name: bounce-in;
    -webkit-animation-duration: .6;
    animation-duration: .6;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
    -webkit-animation-direction: normal;
    animation-direction: normal
}

@-webkit-keyframes bounce-in {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }

    95% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes bounce-in {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }

    95% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

.fade-in-down--big {
    -webkit-animation-name: fade-in-down--big;
    animation-name: fade-in-down--big;
    -webkit-animation-duration: .2s;
    animation-duration: .2s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
    -webkit-animation-direction: normal;
    animation-direction: normal
}

@-webkit-keyframes fade-in-down--big {
    0% {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
        opacity: 0
    }

    to {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }
}

@keyframes fade-in-down--big {
    0% {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
        opacity: 0
    }

    to {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }
}

.fade-in-down {
    -webkit-animation-name: fade-in-down;
    animation-name: fade-in-down;
    -webkit-animation-duration: .2s;
    animation-duration: .2s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
    -webkit-animation-direction: normal;
    animation-direction: normal
}

@keyframes fade-in-down {
    0% {
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px);
        opacity: 0
    }

    to {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }
}

.fade-in-up--big {
    -webkit-animation-name: fade-in-up--big;
    animation-name: fade-in-up--big;
    -webkit-animation-duration: .2s;
    animation-duration: .2s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
    -webkit-animation-direction: normal;
    animation-direction: normal
}

@-webkit-keyframes fade-in-up--big {
    0% {
        opacity: 0
    }

    33% {
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
        opacity: 0
    }

    to {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }
}

@keyframes fade-in-up--big {
    0% {
        opacity: 0
    }

    33% {
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
        opacity: 0
    }

    to {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }
}

.fade-in-left--big {
    -webkit-animation-name: fade-in-left--big;
    animation-name: fade-in-left--big;
    -webkit-animation-duration: .2s;
    animation-duration: .2s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
    -webkit-animation-direction: normal;
    animation-direction: normal
}

@-webkit-keyframes fade-in-left--big {
    0% {
        opacity: 0
    }

    33% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
        opacity: 0
    }

    to {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }
}

@keyframes fade-in-left--big {
    0% {
        opacity: 0
    }

    33% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
        opacity: 0
    }

    to {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }
}

.fade-in-left {
    -webkit-animation-name: fade-in-left;
    animation-name: fade-in-left;
    -webkit-animation-duration: .2s;
    animation-duration: .2s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
    -webkit-animation-direction: normal;
    animation-direction: normal
}

@keyframes fade-in-left {
    0% {
        opacity: 0
    }

    33% {
        -webkit-transform: translateX(-20px);
        transform: translateX(-20px);
        opacity: 0
    }

    to {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }
}

.fade-in-right {
    -webkit-animation-name: fade-in-right;
    animation-name: fade-in-right;
    -webkit-animation-duration: .2s;
    animation-duration: .2s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
    -webkit-animation-direction: normal;
    animation-direction: normal
}

@-webkit-keyframes fade-in-right {
    0% {
        opacity: 0
    }

    33% {
        -webkit-transform: translateX(20px);
        transform: translateX(20px);
        opacity: 0
    }

    to {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }
}

@keyframes fade-in-right {
    0% {
        opacity: 0
    }

    33% {
        -webkit-transform: translateX(20px);
        transform: translateX(20px);
        opacity: 0
    }

    to {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }
}

.fade-out-down {
    -webkit-animation-name: fade-out-down;
    animation-name: fade-out-down;
    -webkit-animation-duration: .2s;
    animation-duration: .2s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
    -webkit-animation-direction: normal;
    animation-direction: normal
}

@keyframes fade-out-down {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    to {
        opacity: 0;
        -webkit-transform: translateY(20px);
        transform: translateY(20px)
    }
}

.fade-in-right--big {
    -webkit-animation-name: fade-in-right--big;
    animation-name: fade-in-right--big;
    -webkit-animation-duration: .2s;
    animation-duration: .2s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
    -webkit-animation-direction: normal;
    animation-direction: normal
}

@-webkit-keyframes fade-in-right--big {
    0% {
        opacity: 0
    }

    33% {
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
        opacity: 0
    }

    to {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }
}

@keyframes fade-in-right--big {
    0% {
        opacity: 0
    }

    33% {
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
        opacity: 0
    }

    to {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }
}

.timeline__transition {
    -webkit-animation-name: timeline__transition;
    animation-name: timeline__transition;
    -webkit-animation-duration: .2s;
    animation-duration: .2s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
    -webkit-animation-direction: normal;
    animation-direction: normal
}

@-webkit-keyframes timeline__transition {
    0% {
        height: 0
    }

    to {
        height: 100%
    }
}

@keyframes timeline__transition {
    0% {
        height: 0
    }

    to {
        height: 100%
    }
}

@-webkit-keyframes aui-widget-box-image {
    0% {
        opacity: 0
    }

    50% {
        opacity: 0
    }

    51% {
        opacity: 1
    }

    to {
        opacity: 1
    }
}

@keyframes aui-widget-box-image {
    0% {
        opacity: 0
    }

    50% {
        opacity: 0
    }

    51% {
        opacity: 1
    }

    to {
        opacity: 1
    }
}

@-webkit-keyframes aui-widget-box-image--after {
    0% {
        max-width: 0;
        left: 0
    }

    50% {
        max-width: 100%;
        left: 0
    }

    51% {
        left: auto;
        right: 0;
        max-width: 100%
    }

    to {
        max-width: 0;
        right: 0
    }
}

@keyframes aui-widget-box-image--after {
    0% {
        max-width: 0;
        left: 0
    }

    50% {
        max-width: 100%;
        left: 0
    }

    51% {
        left: auto;
        right: 0;
        max-width: 100%
    }

    to {
        max-width: 0;
        right: 0
    }
}

@-webkit-keyframes aui-widget-box-image--before {
    0% {
        opacity: 1
    }

    50% {
        opacity: 1
    }

    51% {
        opacity: 0
    }

    to {
        opacity: 0
    }
}

@keyframes aui-widget-box-image--before {
    0% {
        opacity: 1
    }

    50% {
        opacity: 1
    }

    51% {
        opacity: 0
    }

    to {
        opacity: 0
    }
}

@-webkit-keyframes section-heading-transition-after {
    0% {
        width: 0
    }

    80% {
        width: 80px
    }

    to {
        width: 70px
    }
}

@keyframes section-heading-transition-after {
    0% {
        width: 0
    }

    80% {
        width: 80px
    }

    to {
        width: 70px
    }
}

.section-heading-transition:after {
    -webkit-animation-name: section-heading-transition-after;
    animation-name: section-heading-transition-after;
    -webkit-animation-duration: 1s;
    animation-duration: 1s
}

.content-cards__card {
    overflow: hidden
}

.aui-reveal {
    position: relative
}

.aui-reveal:after,
.aui-reveal:before {
    position: absolute;
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.aui-reveal:before {
    background: #f3f3f3
}

.aui-reveal-animation img {
    -webkit-animation-name: aui-widget-box-image;
    animation-name: aui-widget-box-image;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.aui-reveal-animation:before {
    -webkit-animation-name: aui-widget-box-image--before;
    animation-name: aui-widget-box-image--before
}

.aui-reveal-animation:after {
    max-width: 0;
    background: #ffd400;
    -webkit-animation-name: aui-widget-box-image--after;
    animation-name: aui-widget-box-image--after
}

.widget-hero__title {
    -webkit-animation-name: fade-in-down;
    animation-name: fade-in-down;
    -webkit-animation-delay: .5s;
    animation-delay: .5s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.widget-hero__button,
.widget-hero__title {
    opacity: 0;
    -webkit-animation-duration: 1s;
    animation-duration: 1s
}

.widget-hero__button {
    -webkit-animation-name: fade-in-up;
    animation-name: fade-in-up;
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.card-tab.is-active {
    -webkit-animation-name: fade-in;
    animation-name: fade-in;
    -webkit-animation-duration: 1.25s;
    animation-duration: 1.25s
}

.drupal-page-st1-release .wrapper,
.drupal-page-st1-story .wrapper {
    max-width: 1600px;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    margin-top: 20px
}

.drupal-page-st1-release .wrapper:after,
.drupal-page-st1-story .wrapper:after {
    content: " ";
    display: block;
    clear: both
}

.drupal-page-st1-release .sidebar>[class*=widget-],
.drupal-page-st1-story .sidebar>[class*=widget-] {
    margin-bottom: 10px
}

.widget-article__badge-wrapper {
    position: absolute;
    top: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.widget-article__badge-wrapper:not(.widget-article__badge-wrapper) {
    width: 45px
}

.hero .widget-article__badge-wrapper {
    font-family: Nunito Sans, "sans-serif";
    position: relative
}

.widget-hero__content--article .widget-article__badge-wrapper {
    height: 50px;
    width: 50px
}

.most-read .widget-article__badge-wrapper {
    top: 50%;
    left: 20px
}

.widget-article__badge-wrapper--hero {
    width: 80px;
    height: 80px;
    font-size: 28px;
    font-weight: 700;
    z-index: 5
}

.widget-article__badge-wrapper--image {
    width: 80px;
    height: 80px;
    background-size: cover
}

.article__view {
    padding: 20px
}

.article__body {
    padding: 40px 0;
    line-height: 1.75
}

.article__body h1,
.article__body h2,
.article__body h3,
.article__body h4,
.article__body h5,
.article__body h6 {
    margin-top: 1em
}

.article__body figcaption {
    margin-top: .5em;
    font-size: 14px;
    line-height: 18px;
    color: #222
}

.article__image {
    height: 450px;
    background-size: cover;
    background-position: 50%;
    margin-bottom: 20px
}

.article__meta {
    font-family: Nunito Sans, "sans-serif";
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
    color: #9b9b9b
}

.article__box {
    padding: 40px 20px
}

.article-author {
    font-size: 24px;
    font-weight: 800;
    margin: 20px 0
}

.article__title {
    font-size: 32px;
    margin-top: 20px;
    margin-bottom: 10px;
    word-wrap: break-word
}

.article-taxonomy__list {
    list-style: none
}

.article-list__item {
    font-size: 14px;
    font-weight: 600;
    color: #9b9b9b
}

.article-taxonomy__list-item {
    padding-top: 20px
}

.article-taxonomy__list-item[data-amount]:before {
    font-size: 12px;
    font-weight: 600;
    content: attr(data-amount);
    padding: 5px;
    margin-right: 10px;
    background: #ffd400;
    border-radius: 50%;
    min-width: 25px;
    display: inline-block;
    text-align: center;
    color: #313535
}

.widget-article-tiles.widget-article-tiles,
.widget-thesis-list.widget-thesis-list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-top: 2em
}

.widget-articles__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%
}

.widget-articles__container .pager {
    width: 100%;
    padding-top: 60px
}

.widget-article__backdrop,
.widget-article__background,
.widget-article__hero-backdrop {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 3px
}

.widget-article__hero-backdrop {
    background: rgba(0, 0, 0, .4)
}

.widget-article__background {
    background-size: cover;
    background-position: 50% 50%;
    -webkit-transition: -webkit-transform 1s ease;
    transition: -webkit-transform 1s ease;
    transition: transform 1s ease;
    transition: transform 1s ease, -webkit-transform 1s ease
}

.widget-article__backdrop {
    background: -webkit-gradient(linear, left top, left bottom, from(hsla(0, 0%, 100%, .2)), to(rgba(0, 0, 0, .5)));
    background: linear-gradient(180deg, hsla(0, 0%, 100%, .2), rgba(0, 0, 0, .5));
    z-index: 1
}

.widget-articles__tabs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    list-style: none;
    margin: 0 auto;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.widget-article-tab {
    margin-right: 20px;
    margin-bottom: 20px
}

.widget-article-tab button {
    background: none;
    color: #9b9b9b;
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase
}

.widget-article-tab.is-active button {
    color: #313535;
    border-bottom: 4px solid #ffd400
}

.widget-thesis-grid .widget-articles__item {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transition: opacity .4s ease, -webkit-transform .4s ease;
    transition: opacity .4s ease, -webkit-transform .4s ease;
    transition: transform .4s ease, opacity .4s ease;
    transition: transform .4s ease, opacity .4s ease, -webkit-transform .4s ease;
    visibility: hidden;
    position: absolute
}

.widget-thesis-grid .widget-articles__item.is-active {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
    visibility: visible;
    position: relative
}

.widget-article-grid {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.widget-articles__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.widget-article-grid--most-read {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.widget-article-grid--most-read .widget-articles__item {
    margin: 0
}

.widget-article-grid--most-read .widget-article__title {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 100%;
    flex: 0 1 100%
}

.most-read--sidebar .widget-articles__list-item {
    min-height: 0;
    padding: 1em
}

.most-read .widget-article__id {
    -webkit-box-shadow: none;
    box-shadow: none;
    background: #f3f3f3;
    color: #d1d1d1
}

.most-read .widget-articles__list-title {
    text-transform: uppercase;
    padding: 30px 0 0 30px
}

.widget-articles__list-item {
    position: relative;
    -webkit-box-shadow: inset 0 -2px 0 0 #f3f3f3;
    box-shadow: inset 0 -2px 0 0 #f3f3f3;
    min-height: 150px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.widget-articles__list-item:last-child {
    -webkit-box-shadow: none;
    box-shadow: none
}

.widget-articles__list-item .widget-article__content {
    padding-top: 30px;
    padding-left: 80px;
    margin: auto 0
}

.widget-articles__list-item--image .widget-article__content {
    padding-left: 120px
}

.widget-article-tiles .widget-article--card .widget-article__content-tag,
.widget-article-tiles .widget-article--card .widget-article__text-content {
    color: #fff
}

.widget-article-tiles .widget-article--card .widget-article__content {
    margin-bottom: 0;
    margin-top: auto
}

.widget-article__title {
    margin: 1em auto;
    text-align: center
}

.widget-article__header {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 16px;
    font-weight: 600
}

.widget-article__header,
.widget-articles__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.widget-articles__item {
    min-height: 420px;
    font-family: Nunito Sans, "sans-serif";
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    background-size: cover;
    background-position: 50% 50%;
    margin-bottom: 10px;
    border-radius: 3px;
    position: relative;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    overflow: hidden
}

.widget-articles__item:hover .widget-article__background {
    -webkit-transform: scale(1.05);
    transform: scale(1.05)
}

.widget-articles__item:hover .widget-article__deed {
    color: #ffd400
}

.widget-articles__item--featured {
    min-height: 420px
}

.widget-articles__item--featured .widget-article__content {
    margin: auto;
    text-align: center
}

.widget-articles__item--featured .widget-article__text-content {
    font-size: 28px
}

.widget-article__content {
    padding: 15px;
    z-index: 4
}

.widget-article__text-content {
    font-size: 18px;
    font-weight: 600;
    color: #fff;
    line-height: 1.5
}

.widget-article__content-tag {
    font-size: 14px;
    text-transform: uppercase;
    min-height: 1em;
    font-weight: 700;
    color: #fff;
    -webkit-transition: color .1s ease;
    transition: color .1s ease;
    margin-bottom: .5em;
    margin-top: .5em;
    letter-spacing: 1px
}

.widget-article__footer {
    z-index: 4;
    padding: 15px 0 15px 15px;
    border-top: 1px solid hsla(0, 0%, 100%, .5);
    font-weight: 600;
    color: hsla(0, 0%, 100%, .5);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.widget-article__type {
    font-size: 14px;
    margin-right: auto
}

.widget-article__social {
    float: right;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.widget-article__social svg {
    width: 25px;
    height: 25px;
    fill: hsla(0, 0%, 100%, .5);
    margin: 0 5px
}

.widget-article__views {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: inherit;
    cursor: pointer
}

.widget-thesis-list--slider .widget-articles__container {
    display: block
}

.widget-article--card .widget-article__text-content {
    color: #313535
}

.widget-article--card .widget-article__content-tag {
    color: #9b9b9b
}

.widget-article--card .widget-article__content {
    padding-top: 55px;
    margin-top: 0;
    margin-bottom: auto;
    position: relative
}

.widget-article--card .widget-article__footer {
    border-top: 1px solid #f3f3f3;
    color: #d1d1d1
}

.widget-article--card .widget-article__social {
    color: #d1d1d1
}

.widget-article--card .widget-article__social svg {
    fill: #d1d1d1
}

.widget-article--card .widget-article__like.liked {
    color: #ffd400
}

.widget-article--card .widget-article__like.liked svg {
    fill: #ffd400
}

.widget-article__image-container {
    height: 180px;
    position: relative;
    overflow: hidden
}

.widget-article__image {
    background-size: cover;
    background-position: 50% 50%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    -webkit-transition: -webkit-transform .3s ease;
    transition: -webkit-transform .3s ease;
    transition: transform .3s ease;
    transition: transform .3s ease, -webkit-transform .3s ease
}

.widget-article--card {
    -webkit-box-shadow: 0 5px 15px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 5px 15px 0 rgba(0, 0, 0, .1)
}

.widget-article--card:hover .widget-article__id {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

.widget-article--card:hover .widget-article__image {
    -webkit-transform: scale(1.05);
    transform: scale(1.05)
}

.widget-article__id {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    color: #313535;
    background-color: #ffd400;
    -webkit-box-shadow: 0 8px 24px 0 rgba(82, 97, 115, .24);
    box-shadow: 0 8px 24px 0 rgba(82, 97, 115, .24);
    font-size: 18px;
    border-radius: 50%;
    width: 60px;
    height: 60px;
    line-height: 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transition: -webkit-transform .2s ease;
    transition: -webkit-transform .2s ease;
    transition: transform .2s ease;
    transition: transform .2s ease, -webkit-transform .2s ease
}

.article-share__like-icon {
    width: 65px;
    height: 65px;
    display: inline-block;
    position: relative;
    border-radius: 50%;
    -webkit-box-shadow: 0 8px 24px 0 rgba(82, 97, 115, .14);
    box-shadow: 0 8px 24px 0 rgba(82, 97, 115, .14);
    background-color: #fff;
    border: 1px solid hsla(0, 0%, 60.8%, .2);
    margin-left: 20px
}

.article-share__like-icon svg {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 50%;
    height: 50%;
    stroke: #d1d1d1;
    stroke-width: 2px;
    fill: transparent
}

.article-share__like-icon--social {
    margin-right: 20px
}

.article-share__like-icon--social svg {
    width: 25px;
    height: 25px
}

.article-share {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-top: 40px;
    border-top: 1px solid #f3f3f3
}

.article-share__title {
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 1em
}

.article-share__box--icons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center
}

.article-share__box--icons .article-share__title {
    width: 100%;
    padding-bottom: 1em
}

.article-share__box--like {
    margin-left: auto;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.article-share__box--like,
.deed-share {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.deed-share {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 2em 1em;
    border-top: 1px solid #f3f3f3
}

.deed-share__button {
    width: 25px;
    height: 25px;
    margin-right: 30px;
    font-size: 18px;
    -webkit-transition: opacity .1s ease;
    transition: opacity .1s ease
}

.deed-share__button:hover {
    opacity: .7
}

.deed-share__button:last-child {
    margin-right: 0
}

.social-link__item {
    padding-top: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.social-link__icon {
    margin-right: 20px
}

.social-link__icon svg {
    width: 20px;
    height: 20px
}

.social-link__link {
    text-transform: lowercase;
    word-break: break-all
}

.article__box__submit {
    display: inline-block
}

.deed-pagination {
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.deed-pagination__link,
.deed-pagination__title {
    display: block;
    margin-bottom: 20px
}

.deed-pagination__link {
    font-size: 16px;
    font-weight: 300
}

.deed-pagination__date,
.widget-release__date {
    font-size: 14px;
    font-family: Nunito Sans, "sans-serif";
    font-weight: 600;
    color: #9b9b9b;
    text-transform: uppercase;
    letter-spacing: 1px
}

.deed-pagination__title {
    font-size: 14px;
    text-transform: uppercase
}

.deed-pagination__button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 20px 10px;
    cursor: pointer;
    -webkit-transition: background-color .1s ease-in;
    transition: background-color .1s ease-in;
    border: 1px solid transparent;
    border-top-color: #f3f3f3
}

.deed-pagination__button:hover {
    background-color: #f3f3f3
}

.deed-pagination__arrow {
    width: 20px;
    height: 20px;
    display: none
}

.deed-pagination__button {
    padding: 1em;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.deed-pagination__button.deed-pagination__button--prev {
    width: 50%;
    float: left;
    border-right: 1px solid #f3f3f3;
    text-align: right
}

.deed-pagination__button.deed-pagination__button--prev .deed-pagination__content {
    margin-left: auto
}

.deed-pagination__button.deed-pagination__button--next {
    width: 50%;
    float: right;
    text-align: left
}

.deed-pagination__button.deed-pagination__button--next .deed-pagination__content {
    margin-right: auto
}

.deed-pagination__button.deed-pagination__button--next:only-of-type {
    margin-left: 50%;
    border-left: 1px solid #f3f3f3
}

.pagination {
    margin: 0
}

.pager {
    margin: auto
}

.pagination__item,
.pagination__next,
.pagination__prev {
    padding: 0;
    margin: 0;
    width: 40px;
    height: 40px;
    font-size: 20px;
    font-weight: 400;
    color: #9b9b9b;
    border: 1px solid #eaeaea;
    border-left: 0;
    background: transparent
}

.pagination__item a,
.pagination__next a,
.pagination__prev a {
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%
}

.current.pagination__next,
.current.pagination__prev,
.pagination__item.current {
    color: #313535;
    -webkit-box-shadow: inset 0 0 0 2px #ffd400;
    box-shadow: inset 0 0 0 2px #ffd400
}

.pagination__item.pagination__prev,
.pagination__prev {
    border: 1px solid #eaeaea;
    border-radius: 5px 0 0 5px
}

.pagination__item.pagination__next,
.pagination__next {
    border-radius: 0 5px 5px 0
}

.drupal-page-st1-release .widget-article__content.widget-article__content {
    padding-left: 30px
}

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

.widget-release__filter {
    width: 180px;
    margin-right: 20px;
    font-size: 16px;
    font-weight: 400;
    color: #9b9b9b;
    min-height: 45px
}

.widget-article__image,
.widget-hero__content--article {
    background-color: #ffd400
}

.widget--bg-brand .widget-article__id {
    background: #fff
}

.widget-release__filter {
    padding: .5em
}

.widget-release__body {
    margin-bottom: 65px
}

.widget-release__content {
    margin: 10px 0 40px;
    line-height: 1.5
}

.widget-release__title.widget-release__title {
    margin-bottom: 20px
}

.widget-release__link {
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: none;
    font-size: 16px;
    font-weight: 600;
    font-style: normal;
    font-family: Nunito Sans, "sans-serif";
    text-transform: uppercase;
    text-decoration: none !important
}

.widget-release__link .icon {
    width: 16px;
    height: 16px;
    margin-left: 15px;
    -webkit-transition: -webkit-transform .1s ease;
    transition: -webkit-transform .1s ease;
    transition: transform .1s ease;
    transition: transform .1s ease, -webkit-transform .1s ease
}

.widget-release__link:hover .icon {
    -webkit-transform: translateX(10px);
    transform: translateX(10px)
}

.widget-release__link--desktop {
    display: none
}

.widget-release__link__mobile-wrapper {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 20px
}

.content-after {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto
}

.product-short-description {
    font-size: 14px;
    margin-bottom: 1em;
    color: #9b9b9b
}

.product-row {
    text-align: center
}

.product-row__title {
    margin-top: 40px;
    margin-bottom: 40px
}

.product-row__products {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column wrap;
    flex-flow: column wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.product-row__products--slider {
    display: none;
    overflow: visible !important
}

.product-row__products--slider .product-row__item {
    width: auto
}

.product-row__control {
    display: none;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    text-align: right;
    margin-right: 40px;
    margin-bottom: 20px
}

.product-row__control .slider-control:first-child {
    margin-right: 10px
}

.product-row__control .slider-control:hover {
    opacity: .5
}

.product-row__control .icon {
    width: 20px;
    height: 20px
}

.product-row__item {
    position: relative;
    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: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    text-align: center;
    max-width: 380px;
    margin-bottom: 20px;
    height: auto;
    border: 2px solid #d1d1d1;
    overflow: visible
}

.recently-added {
    margin-top: 40px;
    margin-bottom: 10px
}

.notification-banner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    padding: 0 40px;
    font-weight: 600;
    background-color: #4a4a4a;
    color: #fff
}

.notification-banner svg>line {
    stroke: #fff
}

.notification-banner--hidden {
    display: none
}

.notification-banner--color-brand {
    background-color: #ffd400;
    color: #313535
}

.notification-banner--color-brand svg>line {
    stroke: #313535
}

.notification-banner--color-error {
    background-color: #e4031f
}

.notification-banner__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    line-height: 1.5;
    padding: 20px 0
}

.notification-banner__content p {
    line-height: 1.5
}

.notification-banner__link {
    margin-left: 16px;
    font-weight: 800;
    text-transform: uppercase;
    white-space: nowrap
}

.notification-banner__close {
    margin-left: 16px
}

.wrapper>.messages {
    position: absolute
}

.cms-index-noroute.cms-page .wrapper {
    padding: 0
}

.cms-index-noroute.cms-page .wrapper .content {
    padding: 0;
    margin-top: 0;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.pagenotfound {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.pagenotfound .page-content {
    margin: calc(3em + 50px) 20px 50px
}

.pagenotfound .pagenotfound__content,
.pagenotfound .pagenotfound__error-code,
.pagenotfound .pagenotfound__title {
    text-align: center
}

.pagenotfound .pagenotfound__error-code {
    font-size: 100px;
    font-weight: 700;
    margin-bottom: 50px
}

.pagenotfound .pagenotfound__buttons {
    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;
    margin: 40px
}

.pagenotfound .pagenotfound__buttons>:first-child {
    margin-bottom: 20px
}

.cover-image {
    display: none
}

.useful-links {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-top: 1px solid #e6e5e3;
    padding-top: 40px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.useful-links .link {
    margin-bottom: 20px;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%
}

.useful-links .link__chevron-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    background-color: #ffd400;
    margin-right: 10px
}

.useful-links .link__texts {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.useful-links .link__link,
.useful-links .link__texts {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.useful-links .link__label {
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 8px
}

.useful-links .link__link:hover .link__label {
    color: #9b9b9b
}

.useful-links .link__subtitle {
    font-size: 16px;
    color: #222;
    line-height: 1.25
}

@media (min-width:320px) {
    .featured-content-cards__image {
        margin-bottom: 15px
    }

    .card__title.featured-content-cards__title {
        font-size: 20px
    }

    .product-slider__list {
        max-width: 280px
    }

    .survey-hero__products .product-row__item {
        max-width: 100%
    }
}

@media (min-width:480px) {
    .container {
        padding: 40px
    }

    .messages a {
        text-decoration: underline;
        margin-left: 5px;
        margin-top: 0;
        display: inline-block
    }

    .website-cookie-notification {
        max-width: 1600px
    }

    .field-group__date {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row nowrap;
        flex-flow: row nowrap
    }

    .field-group__date .dropdown {
        margin-bottom: 0;
        -ms-flex-preferred-size: 33.33333%;
        flex-basis: 33.33333%;
        max-width: 150px
    }

    .field-group__date .dropdown:not(:first-child):not(:last-child) {
        margin-right: 20px;
        margin-left: 20px
    }

    .main-menu--sliding {
        width: 340px;
        -webkit-transform: translate(-340px);
        transform: translate(-340px)
    }

    .links .menu-item__link,
    .links a {
        padding: 0 15px
    }

    .footer__links {
        padding: 40px
    }

    .subfooter__wrapper {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        padding: 1em 30px
    }

    .copyright__text {
        margin-right: 10px;
        margin-bottom: 0
    }

    .copyright-title {
        margin-left: auto;
        margin-right: 0
    }

    .widget-heading__title {
        font-size: 30px
    }

    .widget-box--content {
        padding: 80px 20px
    }

    .widget-box__buttons-set {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }

    .widget-box__buttons-set .button:not(:only-child):not(:last-child) {
        margin-bottom: 0;
        margin-right: 2em
    }

    .widget--type-fourth>.widget--type-fourth__content {
        padding: 40px
    }

    .section--one-column {
        padding: 40px 40px 70px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .hero {
        padding-left: 0;
        padding-right: 0
    }

    .card-tab__title {
        font-size: 28px
    }

    .card-tab {
        padding: 20px 10% 50px
    }

    .card-tab__image {
        padding: 35px 25%
    }

    .card-tab__title {
        margin: 0 0 10px
    }

    .card-tab__buttons-set {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }

    .card-tab__buttons-set .card-tab__button:first-child,
    .card-tab__buttons-set .card-tab__button:last-child {
        margin-top: 0
    }

    .card-tab__buttons-set .card-tab__button:first-child:not(:only-child) {
        margin-right: 20px
    }

    .widget--image-half-content-half .widget-box--content {
        padding: 60px 20px
    }

    .widget--image-half-content-half .widget-box__buttons-set {
        margin-top: 30px
    }

    .widget--section-one-column .widget-column__body p {
        margin-bottom: 40px
    }

    .widget--header-hero .widget-hero__title,
    .widget--landing-hero .widget-hero__title {
        font-size: 36px
    }

    .widget--hero-content .widget-hero__title {
        font-size: 34px
    }

    .contact-info {
        padding: 0 10%
    }

    .contact-info__title {
        margin-top: 60px
    }

    .contact-info__item .info-item__image {
        width: 50px;
        height: 50px;
        max-width: 50px;
        min-width: 50px;
        margin-right: 25px
    }

    .faq__title {
        font-size: 28px
    }

    .faq {
        padding: 50px 10px 30px
    }

    .downloadable-content .widget-box--content {
        padding: 0 30px
    }

    .widget--timeline {
        padding: 0 25px
    }

    .widget-timeline__line-wrapper,
    .widget-timeline__year {
        width: 8.33333%;
        float: left;
        padding-left: 5px;
        padding-right: 5px
    }

    .staff-cards__main-title {
        width: 100%;
        float: left;
        padding-left: 5px;
        padding-right: 5px
    }

    .staff-cards__main-title-underline {
        width: 110px;
        height: 5px
    }

    .staff-cards__content {
        padding: 30px 45px 50px
    }

    .card__title.featured-content-cards__title {
        margin-bottom: 5px
    }

    .location-cards__map-small {
        display: none
    }

    .location-cards__map-large {
        display: block
    }

    .product-slider__title {
        font-size: 28px
    }

    .product-slide__image {
        height: 180px
    }

    .related-products__list {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
        -ms-flex-pack: distribute;
        justify-content: space-around
    }

    .related-products__list-item {
        padding-left: 0;
        padding-right: 0
    }

    .testimonial__heading {
        padding: 40px 70px 100px
    }

    .testimonial__content {
        padding: 75px 55px
    }

    .cta-button__subtitle,
    .cta-button__title {
        font-size: 32px
    }

    .cta-button__buttons-set {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .widget--subfooter .container {
        padding: 40px;
        padding-top: 90px
    }

    .subfooter__content {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap
    }

    .subfooter__link-list {
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        margin-bottom: 40px
    }

    .hero-card__title {
        font-size: 30px
    }

    .card-display {
        width: 66.66667%;
        float: none;
        margin: auto
    }

    .hero__background-image {
        max-height: 35%
    }

    .widget--hero-cards .cards {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .widget--hero-cards .card-wrapper {
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        max-width: 50%
    }

    .widget-station-prices__title {
        font-size: 28px
    }

    .station-prices__item {
        margin-right: .5em;
        margin-left: .5em
    }

    .price-item__unit {
        font-size: 18px
    }

    .price-item__price .regular-price {
        font-size: 22px
    }

    .slide__contents {
        padding-right: 25px;
        padding-left: 25px
    }

    .slide__body {
        padding-top: 95px;
        padding-bottom: 95px
    }

    .ecom-campaign-hero__background {
        height: 700px
    }

    .ecom-campaign-hero__texts {
        margin-top: 200px;
        margin-bottom: 130px
    }

    .survey-hero {
        padding: 25px
    }

    .survey-hero__title {
        margin: 15px 0 20px
    }

    .survey-hero__survey-answer-title,
    .survey-hero__survey-tab-marker--number {
        font-size: 18px
    }

    .survey-hero__survey-question {
        margin-bottom: 0
    }

    .survey-hero__survey-answer-card {
        margin-bottom: 15px;
        padding: 15px
    }

    .telephone__prefix {
        margin-bottom: 0;
        width: 50%;
        padding-right: 5px
    }

    .telephone__number {
        width: 50%;
        padding-left: 5px
    }

    .take-away-menu__title {
        margin: 24px 0
    }

    .take-away-product {
        -ms-flex-preferred-size: 48%;
        flex-basis: 48%
    }

    .take-away-product:nth-child(odd) {
        margin-right: 8px
    }

    .take-away-product:nth-child(2n) {
        margin-left: 8px
    }

    .widget-article__content,
    .widget-article__footer {
        padding: 25px
    }

    .product-short-description {
        font-size: 16px
    }
}

@media (min-width:768px) {
    .modal-content {
        font-size: 16px
    }

    .modal-content h1 {
        font-size: 22px
    }

    .modal-content h2 {
        font-size: 20px
    }

    .modal-content h3 {
        font-size: 18px
    }

    .modal-content h4 {
        font-size: 16px
    }

    .modal-content h5 {
        font-size: 14px
    }

    .website-cookie-notification {
        width: 90%
    }

    .website-cookie-notification.is-active {
        opacity: 1;
        -webkit-transform: translate(-50%, -20px);
        transform: translate(-50%, -20px)
    }

    .website-cookie-notification .notification-msg {
        max-width: 70%
    }

    .website-cookie-notification .btn--dismiss {
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        right: 20px
    }

    .general-system-notification-popup {
        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
    }

    .login-menu__content {
        padding-left: 24px;
        padding-right: 24px
    }

    .login-menu__separator {
        width: calc(100% + 48px);
        margin-left: -24px
    }

    .main-menu--sliding {
        width: 420px;
        -webkit-transform: translate(-420px);
        transform: translate(-420px)
    }

    .links .button__text {
        display: inline-block
    }

    .footer__link-list .link-list__heading {
        padding-bottom: .5em
    }

    .footer__link-list .link-list__link:first-child {
        margin-top: 1em
    }

    .widget {
        padding-left: 40px;
        padding-right: 40px;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }

    .widget--boxed {
        padding-left: 45px;
        padding-right: 45px
    }

    .widget-heading__title {
        font-size: 36px
    }

    .widget-heading {
        width: 66.66667%;
        float: left;
        padding-left: 5px;
        padding-right: 5px;
        float: none;
        margin: auto
    }

    .widget--img-float-left .widget-box--image {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1
    }

    .widget--img-float-right .widget-box--image {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    .widget--img-float-right .widget-box--content {
        margin-left: 0
    }

    .widget-box:not(:last-child) {
        margin-bottom: 0
    }

    .widget-box--content {
        padding: 40px 35px
    }

    .widget--alternative-box-layout .widget-box--content {
        padding: 40px
    }

    .widget--type-full .widget-box--content {
        padding: 50px 35px
    }

    .widget--type-halves .widget-box {
        -ms-flex-preferred-size: calc(50% - 5px);
        flex-basis: calc(50% - 5px)
    }

    .widget--type-halves .widget-box:first-child {
        margin-right: 5px
    }

    .widget--type-halves .widget-box:last-child {
        margin-left: 5px
    }

    .widget.widget--type-thirds {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .widget--type-thirds:not(.widget--alternative-box-layout) {
        padding: 80px 35px
    }

    .widget--type-thirds .widget-box:not(:last-child) {
        margin-bottom: 10px
    }

    .section--one-column {
        padding: 40px 40px 55px
    }

    .section--one-column,
    .section--two-columns {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .widget-two-columns__column {
        width: 83.33333%;
        float: left;
        padding-left: 5px;
        padding-right: 5px;
        margin-left: 8.33333%
    }

    .hero {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding-left: 0;
        padding-right: 0
    }

    .cards--three-cards .card-wrapper {
        width: 50%;
        float: left;
        padding-left: 5px;
        padding-right: 5px
    }

    .cards--three-cards .card-wrapper:nth-of-type(2n) {
        width: 50%;
        float: right;
        padding-left: 5px;
        padding-right: 5px
    }

    .cards--four-cards .card-wrapper {
        width: 50%;
        float: left;
        padding-left: 5px;
        padding-right: 5px;
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%
    }

    .cards--four-cards .card-wrapper:nth-of-type(2n) {
        width: 50%;
        float: right;
        padding-left: 5px;
        padding-right: 5px
    }

    .card__content {
        padding: 30px 30px 50px
    }

    .card__button {
        padding: 25px 30px
    }

    .card-tab__title {
        font-size: 20px
    }

    .card-tab {
        display: none
    }

    .card-tab.is-active {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .card-tab__content,
    .card-tab__image {
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%
    }

    .card-tab {
        padding: 40px 0 70px
    }

    .card-tab__image {
        padding: 35px 65px
    }

    .card-tab__content {
        padding: 0 0 0 10px;
        text-align: left
    }

    .card-tab__buttons-set .card-tab__button {
        text-align: center
    }

    .cards--flex {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap
    }

    .cards--flex .card-wrapper {
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%
    }

    .card-tab__content:first-child {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%
    }

    .card-tab__content--left {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1
    }

    .some-wall__title {
        font-size: 30px
    }

    .some-wall__subtitle,
    .widget--image-half-content-half .widget-box__subtitle {
        font-size: 14px
    }

    .widget--image-half-content-half .widget-box {
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        max-width: 50%
    }

    .widget--image-half-content-half .widget-box:last-child {
        margin-left: 0
    }

    .widget--image-half-content-half .widget-box--content {
        padding: 40px 30px
    }

    .widget--image-half-content-half .widget-box--image {
        position: relative;
        overflow: hidden
    }

    .widget--image-half-content-half .widget-box__image {
        bottom: -100%;
        left: -100%;
        margin: auto;
        position: absolute;
        right: -100%;
        top: -100%;
        max-width: none;
        max-height: none;
        min-height: 100%;
        min-width: 100%;
        height: 100%;
        width: auto
    }

    .widget--section-one-column .section-heading {
        margin-bottom: 40px
    }

    .widget--section-one-column .section-heading:after {
        margin-top: 40px
    }

    .widget--section-one-column .widget-column__body p {
        margin-bottom: 30px
    }

    .widget--header-hero .hero-links__link .icon,
    .widget--landing-hero .hero-links__link .icon {
        display: block;
        margin-left: auto
    }

    .widget--hero-content .widget-hero__title {
        font-size: 36px
    }

    .contact-info__title {
        font-size: 32px
    }

    .contact-info {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        margin: 100px auto
    }

    .contact-info__items {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .contact-info__item {
        width: 50%;
        padding-right: 10px;
        margin-bottom: 60px
    }

    .contact-info__item .info-item__image {
        margin-right: 1em
    }

    .contact-info__item .info-item__content {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        width: 100%
    }

    .contact-info__item .info-item__link {
        margin-top: auto
    }

    .faq {
        padding: 50px 45px 40px
    }

    .card-tabs {
        padding: 0 5%
    }

    .card-tabs__title {
        display: block
    }

    .card-tab__link-title {
        font-size: 14px
    }

    .card-tabs__pagination {
        display: none
    }

    .card-tabs__links {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        border: 0
    }

    .card-tab-link {
        border-bottom: 4px solid #f3f3f3;
        padding-bottom: 1em;
        cursor: pointer;
        -webkit-transition: border-color .3s ease;
        transition: border-color .3s ease
    }

    .card-tab-link:hover {
        border-color: #d1d1d1
    }

    .card-tab-link.is-active .card-tab__link-title:after {
        display: none
    }

    .card-tab-link.is-active {
        border-bottom: 4px solid #ffd400
    }

    .card-tabs {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .downloadable-content__title {
        font-size: 28px
    }

    .downloadable-content {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .downloadable-content .widget-box:not(:first-child) {
        margin-left: 0
    }

    .downloadable-content .widget-box--content {
        padding: 0 40px
    }

    .downloadable-content .downloadable-content__collection {
        margin-bottom: 40px
    }

    .widget-timeline__title {
        font-size: 22px
    }

    .widget--timeline {
        padding: 0 45px
    }

    .widget-timeline__year {
        text-align: center;
        margin-top: 55px
    }

    .widget-timeline__year-title {
        font-size: 18px
    }

    .widget-timeline__line {
        right: 0;
        margin-right: 15px
    }

    .widget-timeline__ball {
        width: 47px;
        height: 47px;
        border-width: 8px;
        position: absolute;
        right: -5px;
        margin: 40px 0 0
    }

    .widget-timeline__content {
        width: 66.66667%;
        float: left;
        padding-left: 5px;
        padding-right: 5px;
        margin-top: 50px
    }

    .widget-timeline__title {
        margin-bottom: 27px
    }

    .widget-timeline__image {
        margin-bottom: 20px
    }

    .widget-timeline__body {
        font-size: 18px
    }

    .staff-cards__main-title-underline-wrapper {
        width: 100%;
        float: left;
        padding-left: 5px;
        padding-right: 5px
    }

    .staff-cards__main-title-underline {
        width: 70px;
        height: 5px
    }

    .content-cards__subtitle {
        margin-bottom: 55px
    }

    .location-cards__content {
        padding: 30px
    }

    .location-cards__map-small {
        display: block
    }

    .location-cards__map-large {
        display: none
    }

    .widget--mosaic-gallery .widget {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .widget.mosaic__layout--left {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }

    .widget.mosaic__layout--right {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse
    }

    .widget.mosaic__layout--right .mosaic-item__large {
        margin-right: 0;
        margin-left: 10px
    }

    .mosaic-item {
        margin-bottom: 10px
    }

    .mosaic-item__large .mosaic-item__background {
        padding-bottom: 0;
        height: 600px
    }

    .mosaic-item__medium {
        width: 100%
    }

    .mosaic-item__small {
        width: 50%
    }

    .mosaic-item__small:first-of-type {
        width: calc(50% - 10px);
        margin-right: 10px
    }

    .mosaic-item__medium .mosaic-item__background,
    .mosaic-item__small .mosaic-item__background {
        padding-bottom: 0;
        height: 300px
    }

    .mosaic-item__medium .mosaic-item__text--bottom,
    .mosaic-item__small .mosaic-item__text--bottom {
        top: auto;
        padding-right: 30px;
        bottom: 30px
    }

    .mosaic-item__large .mosaic-item__text--top {
        top: 40px;
        padding-right: 40px;
        bottom: auto
    }

    .mosaic-item__large .mosaic-item__text--center {
        padding-right: 40px
    }

    .mosaic-item__large .mosaic-item__text--bottom {
        top: auto;
        padding-right: 40px;
        bottom: 40px
    }

    .mosaic-item__large .mosaic-item__content-wrapper {
        max-width: calc(100% - 200px)
    }

    .mosaic-item__text {
        font-size: 16px
    }

    .mosaic-item__button {
        position: absolute;
        z-index: 100;
        right: 30px
    }

    .mosaic-item__large .mosaic-item__button {
        bottom: 40px
    }

    .mosaic-item__medium .mosaic-item__button,
    .mosaic-item__small .mosaic-item__button {
        bottom: 30px
    }

    .widget-download-select .widget-column__content {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }

    .download-select__select-group {
        width: 50%
    }

    .download-select__select-group:first-of-type {
        margin-right: 15px
    }

    .widget--content-slots,
    .widget--product-slider .widget {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .product-slider__list {
        max-width: 350px
    }

    .related-products__title {
        font-size: 28px
    }

    .widget--related-products {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .related-products__description {
        max-width: 83.33333%;
        margin: 1em auto
    }

    .related-products__list-item {
        padding-left: 30px;
        padding-right: 30px
    }

    .widget--cta-button .widget {
        -ms-flex-pack: distribute;
        justify-content: space-around;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .cta-button__buttons-set,
    .cta-button__heading {
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1
    }

    .cta-button__buttons-set {
        padding-top: 0;
        margin-top: 0;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .subfooter__heading {
        -ms-flex-preferred-size: 33.33333%;
        flex-basis: 33.33333%
    }

    .subfooter__content {
        -ms-flex-preferred-size: 66.66667%;
        flex-basis: 66.66667%
    }

    .subfooter__link-list {
        margin-bottom: 80px
    }

    .hero-card__title {
        font-size: 36px
    }

    .widget--hero-card {
        display: block
    }

    .widget--hero-card .widget-heading {
        margin-top: 2em
    }

    .widget--hero-card .widget-box__buttons-set {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .widget--hero-card .widget-box__buttons-set .button {
        width: 100%
    }

    .widget--hero-card .widget-box__buttons-set .button:not(:only-child):not(:last-child) {
        margin-bottom: 1em;
        margin-right: 10px
    }

    .hero-card__heading {
        width: 66.66667%;
        float: left;
        padding-left: 5px;
        padding-right: 5px;
        float: none;
        margin: auto
    }

    .card-display {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .card-display__content,
    .card-display__image {
        width: 50%;
        float: left;
        padding-left: 5px;
        padding-right: 5px
    }

    .widget--hero-cards .widget-hero__title {
        font-size: 36px
    }

    .widget--hero-cards .card__title {
        font-size: 24px
    }

    .widget--hero-cards .card__image {
        max-width: 130px
    }

    .widget--hero-cards .card__content {
        padding: 30px 20px
    }

    .hero__background-image {
        max-height: 40%
    }

    .widget--form-section .section-heading {
        margin-bottom: 0
    }

    .widget-station-prices__field-body {
        font-size: 12px
    }

    .station-prices__updated-at.station-prices__updated-at {
        font-size: 14px
    }

    .widget-station-prices__container {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .widget-station-prices__content-block {
        width: 50%
    }

    .station-prices__station-name {
        font-size: 24px
    }

    .price-item__unit {
        font-size: 16px
    }

    .price-item__price .regular-price {
        font-size: 18px
    }

    .slide__contents {
        padding-right: 45px;
        padding-left: 45px;
        font-size: 18px
    }

    .slide__body {
        padding-top: 155px;
        padding-bottom: 155px
    }

    .slide__body,
    .slide__media {
        width: 66.66667%;
        float: left;
        padding-left: 5px;
        padding-right: 5px;
        margin-left: 16.66667%
    }

    .slide__actions .minimal-price .price,
    .slide__actions .old-price .price,
    .slide__actions .regular-price .price {
        font-size: 36px
    }

    .widget--product-comparison-table .container {
        padding-left: 45px;
        padding-right: 45px
    }

    .ecom-campaign-hero__background {
        height: 860px
    }

    .ecom-campaign-hero__texts {
        margin-top: 300px;
        margin-bottom: 200px
    }

    .ecom-campaign-hero .product-row__item {
        width: calc(50% - 10px);
        margin-bottom: 10px
    }

    .ecom-campaign-hero .product-row__item:nth-child(odd) {
        margin-right: 10px
    }

    .survey-hero {
        padding: 40px
    }

    .survey-hero__title {
        margin: 0 0 40px
    }

    .survey-hero__survey-question {
        font-size: 24px;
        margin-bottom: 10px
    }

    .survey-hero__products .product-row__item {
        width: 100%
    }

    .survey-hero__products .product-row__item:nth-child(odd) {
        margin-right: auto
    }

    .widget--windpower-metrics .section-heading {
        margin-bottom: 0
    }

    .widget-newsletter .newsletter-card__form {
        padding: 0 60px
    }

    .widget-newsletter .newsletter-card__form .md-input-field {
        -webkit-box-flex: 90;
        -ms-flex: 90;
        flex: 90
    }

    .widget-newsletter .newsletter-card__form .validation-advice {
        position: absolute
    }

    .widget-newsletter .newsletter-card__form .article__box__submit {
        -webkit-box-flex: 10;
        -ms-flex: 10;
        flex: 10;
        margin: 20px 0 40px 10px
    }

    .take-away-menu__products {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .take-away-product {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .take-away-product:nth-child(odd) {
        margin-right: 0
    }

    .take-away-product:nth-child(2n) {
        margin-left: 0
    }

    .take-away-product__image {
        margin-bottom: 0;
        margin-right: 24px;
        -webkit-box-flex: unset;
        -ms-flex: unset;
        flex: unset;
        -o-object-fit: cover;
        object-fit: cover;
        width: 132px;
        height: 88px;
        border-radius: 5px 0 0 5px
    }

    .take-away-product__details-wrapper,
    .take-away-product__name {
        margin: 0 24px 0 0
    }

    .take-away-product__details-wrapper {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }

    .take-away-product__details {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

    .take-away-product__details p {
        text-align: right;
        margin-right: 24px
    }

    .take-away-product__dietary-details p {
        min-width: 64px
    }

    .take-away-product__price p {
        min-width: 100px
    }

    .take-away-product__quantity .dropdown__options [data-value="0"] {
        display: block
    }

    .take-away-product__quantity label {
        display: none
    }

    .drupal-page-st1-release .wrapper,
    .drupal-page-st1-story .wrapper {
        padding-left: 45px;
        padding-right: 45px
    }

    .drupal-page-st1-release .content {
        width: 66.66667%;
        float: left;
        padding-left: 5px;
        padding-right: 5px
    }

    .drupal-page-st1-release .sidebar {
        width: 33.33333%;
        float: right;
        padding-left: 5px;
        padding-right: 5px
    }

    .drupal-page-st1-story {
        margin-top: 0
    }

    .drupal-page-st1-story .content {
        width: 58.33333%;
        float: left;
        padding-left: 5px;
        padding-right: 5px
    }

    .drupal-page-st1-story .sidebar {
        width: 41.66667%;
        float: right;
        padding-left: 5px;
        padding-right: 5px
    }

    .drupal-page-st1-story .sidebar .widget-articles__list-title {
        padding: 25px 0 0 25px
    }

    .drupal-page-st1-release.drupal-page-st1-release-landing .sidebar,
    .drupal-page-st1-story.drupal-page-st1-release-landing .sidebar {
        margin-top: 0
    }

    .widget--most-read .sidebar {
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%
    }

    .widget-hero__content--article .widget-article__badge-wrapper {
        height: 80px;
        width: 80px
    }

    .widget-article__badge-wrapper--image {
        display: none
    }

    .article__view {
        padding: 0 20px 0 0
    }

    .widget-article-grid--most-read .widget-articles__wrapper .widget-articles__item--featured.widget-articles__item--featured {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%
    }

    .widget-article-grid--most-read .widget-articles__wrapper .most-read {
        -ms-flex-preferred-size: calc(50% - 10px);
        flex-basis: calc(50% - 10px)
    }

    .widget-articles__list-item--image .widget-article__content {
        padding-left: 25px;
        padding-right: 25px
    }

    .widget-articles__item {
        margin-right: 9px;
        -ms-flex-preferred-size: calc(50% - 10px);
        flex-basis: calc(50% - 10px)
    }

    .widget-article__landing .widget-articles__item--featured {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%
    }

    .article-share {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }

    .article-share__box--icons {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        text-align: left
    }

    .article-share__box--icons .article-share__title {
        padding-bottom: 0
    }

    .deed-pagination__link {
        font-size: 20px
    }

    .deed-pagination__title {
        font-size: 18px
    }

    .deed-pagination__arrow {
        display: block
    }

    .deed-pagination__button {
        padding: 100px 45px
    }

    .product-row {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .product-row__products {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch
    }

    .widget--product-comparison-table .product-row__products {
        display: none
    }

    .product-row__products--slider {
        display: block
    }

    .product-row__item {
        width: calc(50% - 10px)
    }

    .product-row__item:nth-child(odd) {
        margin-right: 20px
    }

    .pagenotfound .page-content {
        margin: calc(3em + 50px) 50px 50px
    }

    .pagenotfound .pagenotfound__buttons {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        margin: 60px 0 140px
    }

    .pagenotfound .pagenotfound__buttons>:first-child {
        margin-bottom: 0;
        margin-right: 32px
    }

    .useful-links {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

@media (min-width:992px) {
    .subfooter__wrapper {
        padding: 1em 50px
    }

    .widget-heading__title {
        font-size: 48px
    }

    .widget-heading__body {
        font-size: 18px
    }

    .widget-heading {
        width: 50%
    }

    .widget--type-full .widget-box__title {
        font-size: 32px
    }

    .widget--type-halves .widget-box__title {
        font-size: 26px
    }

    .widget--type-halves:not(.widget--alternative-box-layout) .widget-box--content {
        padding: 50px 40px
    }

    .widget--type-thirds .widget-box__title {
        font-size: 20px
    }

    .widget.widget--type-thirds {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }

    .widget--type-thirds:not(.widget--alternative-box-layout) .widget-box {
        padding: 80px 40px
    }

    .widget--type-thirds .widget-box:not(:first-child) {
        margin-left: 10px
    }

    .widget--type-thirds .widget-box:not(:last-child) {
        margin-bottom: 0
    }

    .widget--type-fourth__card {
        width: 50%;
        float: left;
        padding-left: 5px;
        padding-right: 5px;
        margin-left: auto;
        margin-right: auto
    }

    .widget--type-fourth__card:nth-of-type(3) .widget--type-fourth__card-content,
    .widget--type-fourth__card:nth-of-type(4) .widget--type-fourth__card-content {
        margin-bottom: 0
    }

    .widget--type-fourth__content {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch
    }

    .section--one-column {
        padding: 40px 40px 110px
    }

    .section--two-columns {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }

    .widget-two-columns__column {
        width: 37.5%;
        float: left;
        padding-left: 5px;
        padding-right: 5px;
        margin-left: 8.33333%;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .card__button {
        padding: 25px
    }

    .card-tab__title {
        font-size: 24px
    }

    .card-tab {
        padding: 60px 0 120px
    }

    .card-tab__image {
        padding: 0 60px
    }

    .some-wall__subtitle {
        font-size: 16px;
        margin-bottom: 10px
    }

    .widget--image-half-content-half .widget-box__title {
        font-size: 26px
    }

    .widget--image-half-content-half .widget-box__subtitle {
        font-size: 16px
    }

    .widget--image-half-content-half .widget-box--content {
        padding: 55px 85px
    }

    .widget--image-half-content-half .widget-box__buttons-set {
        margin-top: 20px
    }

    .widget--section-one-column .widget-column__body p {
        margin-bottom: 30px
    }

    .contact-info__title {
        margin-top: 80px;
        margin-bottom: 60px
    }

    .contact-info__item {
        width: 33.33333%;
        padding-right: 1em
    }

    .card-tabs__title {
        font-size: 32px;
        margin: 80px 0 70px
    }

    .card-tab__link-title {
        font-size: 16px
    }

    .widget__card-comparison-table__title {
        font-size: 26px
    }

    .downloadable-content .downloadable-content__collection {
        padding: 0 40px;
        margin-top: 50px;
        margin-bottom: 50px
    }

    .downloadable-content__buttons-set {
        margin-top: 40px
    }

    .widget--timeline {
        padding: 0 50px
    }

    .widget-timeline__year {
        margin-top: 75px
    }

    .widget-timeline__year-title {
        -webkit-transform: none;
        transform: none
    }

    .widget-timeline__ball {
        margin: 60px 0 0
    }

    .widget-timeline__content {
        margin-top: 75px
    }

    .staff-cards__content {
        padding: 40px 35px 50px
    }

    .staff-cards__content .card__title {
        margin-bottom: 1em
    }

    .content-cards__subtitle {
        margin-bottom: 40px
    }

    .card__title.featured-content-cards__title {
        font-size: 22px
    }

    .card__body-toggle-icon {
        margin-top: 15px;
        margin-bottom: 40px
    }

    .widget--section-two-columns .section-heading {
        font-size: 28px
    }

    .location-cards__map-small {
        display: none
    }

    .location-cards__map-large {
        display: block
    }

    .content-slots__title {
        font-size: 28px
    }

    .product-slider__title,
    .related-products__title {
        font-size: 32px
    }

    .related-products__list-item {
        padding-left: 65px;
        padding-right: 65px
    }

    .testimonial__heading {
        padding: 0 80px 0 40px
    }

    .testimonial__image {
        width: 120px;
        height: 120px
    }

    .testimonial__content {
        padding: 70px 55px 70px 100px
    }

    .testimonial {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        margin-left: 10px;
        margin-right: 10px
    }

    .testimonial__heading {
        -ms-flex-preferred-size: 30%;
        flex-basis: 30%;
        text-align: right
    }

    .testimonial__title {
        margin-top: 0
    }

    .testimonial__image {
        left: 100%;
        top: 50%
    }

    .testimonial__content {
        -ms-flex-preferred-size: 70%;
        flex-basis: 70%
    }

    .cta-button__buttons-set {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }

    .widget--cta-button .buttons-set .button+.button,
    .widget--cta-button .links-set .button+.button {
        margin-top: 0
    }

    .widget--hero-card .widget-box__body {
        font-size: 18px
    }

    .hero-card__title {
        font-size: 48px
    }

    .widget--hero-card .widget-box__buttons-set {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }

    .hero-card__heading {
        width: 50%
    }

    .card-display {
        width: 83.33333%
    }

    .widget-station-prices__title {
        font-size: 36px
    }

    .widget-station-prices__field-body,
    .widget-station-prices__subtitle {
        font-size: 14px
    }

    .price-item__unit {
        font-size: 18px
    }

    .price-item__price .regular-price {
        font-size: 22px
    }

    .slide,
    .slider-hero__slides {
        height: 600px !important;
        max-height: 600px !important
    }

    .slide__contents {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .slide__body {
        padding-right: 10px
    }

    .slide__body,
    .slide__media {
        width: 50%;
        float: left;
        padding-left: 5px;
        padding-right: 5px
    }

    .slide__body {
        padding-right: 25px
    }

    .slide__body,
    .slide__media {
        margin-left: 0
    }

    .slide__media {
        padding-bottom: 0;
        padding-top: 20px
    }

    .slide__actions {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

    .ecom-campaign-hero__background {
        height: 590px
    }

    .ecom-campaign-hero__texts {
        margin-top: 110px;
        margin-bottom: 170px
    }

    .survey-hero__survey-answers-list {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .survey-hero__survey-answer-card {
        min-height: 120px;
        margin-right: 20px
    }

    .survey-hero__survey-answer-card:last-child {
        margin-right: 0
    }

    .survey-hero__survey-content {
        padding: 10px 30px
    }

    .chart-table__column--series-name {
        width: 40%
    }

    .take-away-menu__wrapper {
        margin: auto
    }

    .take-away-menu {
        margin: 16px auto
    }

    .article__title {
        font-size: 48px
    }

    .widget-release__link__mobile-wrapper {
        display: none
    }

    .widget-release__link--desktop {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

@media (min-width:1200px) {
    .container {
        padding: 60px
    }

    .cart-info {
        padding: 40px
    }

    .cart-info-blocks p {
        font-size: 18px
    }

    .header {
        -webkit-box-shadow: none;
        box-shadow: none;
        padding-top: 10px;
        position: relative
    }

    .header__side {
        height: 60px
    }

    .header__logo {
        margin: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        position: absolute;
        width: auto;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        z-index: 0
    }

    .header__logo .logo {
        width: 90px
    }

    .language-menu {
        font-weight: 700
    }

    .language-menu--list {
        display: none
    }

    .language-menu--dropdown {
        display: block
    }

    .login-menu {
        position: relative;
        z-index: 6
    }

    .login-menu.is-opening .login-menu__background {
        display: none
    }

    .login-menu.is-opening .login-menu__content-container {
        -webkit-transform: none;
        transform: none;
        opacity: 0
    }

    .login-menu.is-open .login-menu__content-container {
        opacity: 1
    }

    .login-menu__content-container {
        position: absolute;
        left: 0;
        right: 0;
        max-width: none;
        width: auto;
        height: auto;
        border-top: 1px solid #e6e5e3;
        -webkit-transition: opacity .3s ease;
        transition: opacity .3s ease
    }

    .login-menu__close-button-container {
        display: none
    }

    .login-menu__content {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        max-width: 1600px;
        margin: auto;
        padding: 40px 85px 80px
    }

    .login-menu__banner {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 30px;
        margin-right: 40px;
        background-color: #ffd400;
        background-size: cover;
        background-position: 50%
    }

    .login-menu__banner h2 {
        font-size: 24px;
        line-height: 1.33
    }

    .login-menu__banner .button {
        -ms-flex-item-align: start;
        align-self: flex-start;
        margin-top: auto
    }

    .login-menu__login {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        border-left: 1px solid #e6e5e3;
        margin-bottom: auto;
        padding-left: 40px;
        margin-left: 40px
    }

    .login-menu__login p {
        font-size: 16px
    }

    .login-menu__login p:last-child {
        margin-bottom: 0
    }

    .login-menu__links {
        padding: 0;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        gap: 20px
    }

    .login-menu__links>* {
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%
    }

    .login-menu__links ul {
        margin-bottom: 0
    }

    .login-menu__separator {
        display: none
    }

    body.is-main-menu-opening .footer,
    body.is-main-menu-opening .wrapper {
        -webkit-transition: none;
        transition: none
    }

    body.is-main-menu-open .footer,
    body.is-main-menu-open .wrapper {
        -webkit-transform: none;
        transform: none
    }

    .main-menu__toggle {
        padding: 20px
    }

    .main-menu__header {
        padding: 10px 0
    }

    .main-menu--sliding {
        display: none
    }

    .main-menu--sliding .main-menu__header .language-menu {
        margin-left: auto;
        margin-right: 10px
    }

    .main-menu__container.is-opening .main-menu--overlay {
        display: block
    }

    .main-menu__container.is-open .main-menu--overlay {
        display: block;
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    .sites-menu {
        display: block
    }

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

    .links .link-item.is-open {
        border-bottom-color: #ffd400
    }

    .site-menu__container {
        display: block
    }

    .site-search__wrapper {
        width: 992px
    }

    .footer:before {
        top: 1.5em
    }

    .app-store-links {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        padding: 35px 0;
        margin-top: -60px;
        border-top: 2px solid #f3f3f3
    }

    .footer__social-media-links {
        display: none
    }

    .footer__links .footer__social-media-links {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        padding-right: 30px
    }

    .footer__links {
        padding: 60px
    }

    .footer__link-list .link-list__title {
        font-size: 16px
    }

    .footer__link-list .link-list__link {
        font-size: 14px
    }

    .footer__links {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        max-width: 1600px;
        margin: auto
    }

    .footer__link-list {
        -ms-flex-preferred-size: 20%;
        flex-basis: 20%;
        margin-bottom: 0;
        padding-left: 20px
    }

    .footer__link-list:first-child {
        position: relative;
        -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
        padding-left: 30px;
        padding-bottom: 60px;
        margin-bottom: 2em;
        background-color: #ffd400;
        color: #313535;
        -webkit-box-shadow: 0 16px 24px 0 rgba(82, 97, 115, .14);
        box-shadow: 0 16px 24px 0 rgba(82, 97, 115, .14)
    }

    .footer__link-list:first-child:before {
        width: 100%;
        height: 70px;
        position: absolute;
        top: -70px;
        left: 0;
        content: "";
        background-color: #ffd400
    }

    .footer__link-list:first-child .link-list__link {
        color: #313535
    }

    .footer__link-list .link-list__heading .icon {
        display: none
    }

    .subfooter__wrapper {
        font-size: 14px
    }

    .copyright__link-list .link-list__title {
        font-size: 16px
    }

    .copyright__link-list .link-list__link {
        font-size: 14px
    }

    .subfooter {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }

    .subfooter__wrapper {
        max-width: 1600px;
        margin: auto;
        padding: 2em 45px
    }

    .copyright__link-list {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
        order: 0
    }

    .copyright__link-list .link-list__title {
        margin-right: 20px
    }

    .copyright__link-list .link-list__content {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin-right: 50px;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .copyright__link-list .link-list__link {
        margin: 0 5px
    }

    .copyright__link-list .link-list__link:not(:last-child):after {
        display: inline-block;
        content: "|";
        margin-left: 5px;
        text-decoration: none
    }

    .copyright__text {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }

    .copyright-title {
        margin-right: 10px;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    .widget--text-align-center .widget-box__body {
        -ms-flex-item-align: center;
        align-self: center
    }

    .widget--type-full .widget-box__title {
        font-size: 38px
    }

    .widget--type-full {
        margin-top: 50px;
        margin-bottom: 50px
    }

    .widget--type-full .widget-box--content {
        padding: 100px 40px
    }

    .widget--type-full .widget-box__body {
        max-width: 600px
    }

    .widget--type-full .widget-box__body--full-width {
        max-width: none
    }

    .widget--type-halves .widget-box__title {
        font-size: 30px
    }

    .widget--type-halves:not(.widget--alternative-box-layout) .widget-box--content {
        padding: 70px 40px
    }

    .widget--type-thirds .widget-box__title {
        font-size: 30px
    }

    .widget--type-fourth>.widget--type-fourth__content {
        padding: 60px
    }

    .widget--type-fourth__content {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row nowrap;
        flex-flow: row nowrap
    }

    .widget--type-fourth__card {
        width: 25%;
        float: left;
        padding-left: 5px;
        padding-right: 5px
    }

    .widget--type-fourth__card-content {
        margin-bottom: 0
    }

    .section--one-column {
        padding: 85px 45px 60px;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }

    .section--one-column .widget-column__heading {
        width: 33.33333%
    }

    .section--one-column .widget-column__content {
        width: 66.66667%;
        padding-left: 100px
    }

    .hero-links__title {
        font-size: 18px
    }

    .widget-hero__body,
    .widget-hero__title {
        max-width: 50%
    }

    .widget-hero__hero-links {
        position: absolute;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        bottom: 0;
        width: 100%;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .widget-hero__hero-links:before {
        content: "";
        background: -webkit-gradient(linear, left top, left bottom, color-stop(25%, transparent), to(rgba(0, 0, 0, .6)));
        background: linear-gradient(transparent 25%, rgba(0, 0, 0, .6));
        display: block;
        position: absolute;
        bottom: 0;
        width: 100%;
        height: 100%;
        z-index: 1
    }

    .link-text__wrapper {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .cards--three-cards .card-wrapper,
    .cards--three-cards .card-wrapper:nth-of-type(2n) {
        width: 33.33333%;
        float: left;
        padding-left: 5px;
        padding-right: 5px
    }

    .cards--three-cards .card-wrapper:nth-of-type(3n+2) {
        width: 33.33333%;
        float: right;
        padding-left: 5px;
        padding-right: 5px
    }

    .cards--four-cards .card-wrapper,
    .cards--four-cards .card-wrapper:nth-of-type(2n) {
        width: 25%;
        float: left;
        padding-left: 5px;
        padding-right: 5px
    }

    .cards--four-cards .card-wrapper:nth-of-type(4n+2) {
        width: 25%;
        float: right;
        padding-left: 5px;
        padding-right: 5px
    }

    .card__title {
        font-size: 16px;
        margin-bottom: 10px
    }

    .card__content {
        padding: 30px 25px 40px
    }

    .card-tab__title {
        font-size: 28px
    }

    .card-tab {
        padding: 80px 0 130px
    }

    .card-tab__image {
        padding: 0 70px
    }

    .card-tab__title {
        margin: 0 0 20px
    }

    .card-tab__buttons-set .card-tab__button:first-child:not(:only-child) {
        margin-right: 30px
    }

    .cards--flex {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row nowrap;
        flex-flow: row nowrap
    }

    .cards--flex .card-wrapper {
        -ms-flex-preferred-size: 25%;
        flex-basis: 25%
    }

    .some-wall__subtitle {
        font-size: 18px;
        margin-bottom: 20px
    }

    .widget--image-half-content-half .widget-box__title {
        font-size: 32px
    }

    .widget--image-half-content-half .widget-box__subtitle {
        font-size: 18px
    }

    .widget--image-half-content-half .widget-box--image {
        min-height: 480px
    }

    .widget--image-half-content-half .widget-box--content {
        padding: 110px 85px
    }

    .widget--image-half-content-half .widget-box__buttons-set {
        margin-top: 30px
    }

    .widget--section-one-column .section-heading {
        margin-bottom: 0
    }

    .widget--section-one-column .section-heading:after {
        margin-top: 30px
    }

    .widget--section-one-column .widget-column__body p {
        margin-bottom: 30px
    }

    .widget--landing-hero .widget-hero__title {
        font-size: 52px
    }

    .widget--landing-hero .hero-links__title {
        font-size: 18px
    }

    .widget--landing-hero .widget-hero__hero-links {
        padding: 1.5em;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .widget--landing-hero .hero-links__link {
        padding: 0;
        border-bottom: 0;
        -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        background-color: transparent
    }

    .widget--landing-hero .hero-links__link .icon {
        margin-left: 0;
        min-width: 40px;
        min-height: 40px;
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1
    }

    .widget--landing-hero .hero-links__link .icon svg {
        width: 1em;
        height: 1em
    }

    .widget--landing-hero .hero-links__title {
        margin-bottom: 10px
    }

    .widget--landing-hero .hero-links__subtitle {
        display: inline
    }

    .widget--header-hero .widget-hero__title {
        font-size: 52px
    }

    .widget--header-hero .hero-links__title {
        font-size: 18px
    }

    .widget--header-hero {
        max-height: 100vh
    }

    .widget--header-hero .widget-hero__hero-links {
        padding: 1.5em;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .widget--header-hero .hero-links__link {
        padding: 0;
        border-bottom: 0;
        -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        background-color: transparent
    }

    .widget--header-hero .hero-links__link .icon {
        margin-left: 0;
        min-width: 40px;
        min-height: 40px;
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1
    }

    .widget--header-hero .hero-links__link .icon svg {
        width: 1em;
        height: 1em
    }

    .widget--header-hero .hero-links__title {
        margin-bottom: 10px
    }

    .widget--header-hero .hero-links__subtitle {
        display: inline
    }

    .header-hero__header--transparent {
        background: transparent
    }

    .header-hero__header--white {
        background: #fff
    }

    .widget--hero-content .widget-hero__title {
        font-size: 48px
    }

    .widget--hero-content .hero-links__link {
        line-height: 3.75
    }

    .widget-hero__body {
        font-size: 22px
    }

    .widget--hero-content {
        max-height: 50vh
    }

    .widget--hero-content .widget-hero__hero-links {
        font-weight: 800;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        text-transform: none;
        background-color: transparent;
        width: 100% !important
    }

    .widget--hero-content .widget-hero__hero-links:after {
        display: block;
        position: absolute;
        content: "";
        width: calc(100% - 150px);
        top: 0;
        left: 75px;
        height: 1px;
        background-color: currentColor;
        opacity: .8
    }

    .widget--hero-content .hero-links__link {
        padding-right: 40px
    }

    .widget--hero-content .hero-links__link:first-child {
        padding-left: 40px
    }

    .widget--hero-content .hero-links__link--active .hero-links__link-wrapper:after {
        display: none
    }

    .contact-info__title {
        font-size: 36px
    }

    .contact-info__item .info-item__title {
        font-size: 24px
    }

    .contact-info {
        margin: 100px auto
    }

    .contact-info__item .info-item__image {
        margin-right: 3em
    }

    .faq {
        padding: 40px 45px
    }

    .faq__title {
        text-align: left
    }

    .faq__title:after {
        margin-left: 0
    }

    .card-tabs__title {
        font-size: 38px
    }

    .card-tabs {
        max-width: 1400px;
        padding: 0 120px;
        margin-left: auto;
        margin-right: auto
    }

    .widget__card-comparison-table__title {
        font-size: 30px
    }

    .downloadable-content {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding: 120px 40px 40px
    }

    .downloadable-content .widget-box {
        padding: 0
    }

    .downloadable-content .widget-box:first-child {
        margin-bottom: 2em
    }

    .downloadable-content .downloadable-content__collection {
        margin-top: 0;
        margin-bottom: 60px
    }

    .downloadable-content__title {
        text-align: left
    }

    .downloadable-content__title:after {
        margin-left: 0
    }

    .downloadable-content__buttons-set {
        margin-top: 20px;
        margin-left: auto;
        background-color: transparent
    }

    .download-text {
        display: inline
    }

    .widget-timeline__title {
        font-size: 28px
    }

    .widget--timeline {
        padding: 0 80px
    }

    .widget-timeline__line {
        width: 10px;
        margin-right: 13px
    }

    .widget-timeline__title {
        margin-bottom: 20px
    }

    .widget--staff-cards .card-wrapper {
        -ms-flex-preferred-size: 25%;
        flex-basis: 25%
    }

    .staff-cards__content {
        font-size: 14px;
        padding: 30px 45px 20px
    }

    .content-cards__title {
        font-size: 36px
    }

    .content-card__title {
        font-size: 20px
    }

    .widget--section-two-columns .section-heading:after {
        margin: 30px auto 20px
    }

    .location-cards__main-title {
        font-size: 36px
    }

    .location-cards__content {
        padding: 30px 25px 20px
    }

    .card__title.location-cards__title {
        font-size: 20px
    }

    .location-cards__map-small {
        display: block
    }

    .location-cards__map-large {
        display: none
    }

    .widget--mosaic-gallery .widget {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }

    .mosaic-tile {
        width: auto;
        width: 50%
    }

    .mosaic-item {
        margin-bottom: 0;
        width: auto
    }

    .mosaic-item__small {
        width: 50%;
        margin-bottom: 10px
    }

    .mosaic-item__medium {
        width: 100%
    }

    .mosaic-item__medium .mosaic-item__background {
        height: 290px
    }

    .mosaic-item__large {
        width: calc(50% - 10px);
        margin-right: 10px
    }

    .mosaic-item__large .mosaic-item__background {
        height: 100%
    }

    .mosaic-item__large .mosaic-item__button {
        right: 40px
    }

    .content-slots__title {
        font-size: 36px
    }

    .content-slots__list {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        padding: 30px 0 40px;
        max-width: 950px;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }

    .content-slot {
        padding-left: 10px;
        padding-right: 10px
    }

    .content-slot:not(:last-child) {
        border-bottom: 0;
        border-right: 1px solid #e9e9e9;
        margin-right: 10px
    }

    .widget--product-slider .buttons-set--mobile {
        display: none
    }

    .widget--product-slider .buttons-set--desktop {
        display: block
    }

    .widget--product-slider .widget {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .product-slider__control {
        display: block
    }

    .product-slider__subtitle {
        font-size: 18px
    }

    .product-slider__heading {
        position: relative;
        -ms-flex-preferred-size: 33.33333%;
        flex-basis: 33.33333%;
        background-color: #f3f3f3;
        text-align: left;
        z-index: 5
    }

    .product-slider__heading:after,
    .product-slider__heading:before {
        position: absolute;
        content: "";
        display: block;
        width: 100%;
        background-color: #f3f3f3;
        height: calc(100% + 60px);
        top: -20px;
        bottom: 0
    }

    .product-slider__heading:before {
        right: 0;
        z-index: -1;
        width: calc(100% + 100vw)
    }

    .product-slider__heading:after {
        left: 100%;
        width: 45px;
        background: -webkit-gradient(linear, left top, right top, from(#f3f3f3), to(hsla(0, 0%, 100%, 0)));
        background: linear-gradient(90deg, #f3f3f3 0, hsla(0, 0%, 100%, 0))
    }

    .product-slider__heading-inner {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        height: 100%;
        -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
    }

    .product-slider__list {
        max-width: calc(66.66667% - 45px);
        margin-left: 45px
    }

    .product-slider__card.previous-slide {
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }

    .product-slide__content {
        padding: 25px 15px 30px
    }

    .product-slide__image {
        height: 200px
    }

    .product-slide__title {
        font-size: 24px
    }

    .product-slide__buttons-set {
        font-size: 14px
    }

    .related-products__description {
        max-width: 66.66667%
    }

    .testimonial__image {
        width: 140px;
        height: 140px
    }

    .testimonial__content {
        font-size: 18px;
        padding: 110px 55px 110px 130px
    }

    .cta-button__subtitle,
    .cta-button__title {
        font-size: 36px
    }

    .widget--subfooter .container {
        padding: 60px
    }

    .subfooter__title {
        font-size: 28px
    }

    .widget--subfooter .container {
        padding-top: 130px
    }

    .subfooter__heading,
    .subfooter__link-list {
        padding-left: 20px
    }

    .subfooter__heading {
        -ms-flex-preferred-size: 25%;
        flex-basis: 25%
    }

    .subfooter__content {
        -ms-flex-preferred-size: 75%;
        flex-basis: 75%
    }

    .subfooter__link-list {
        margin-bottom: 0;
        -ms-flex-preferred-size: 25%;
        flex-basis: 25%
    }

    .widget--hero-card .card-display__title {
        text-align: left
    }

    .widget--hero-card .container {
        padding-left: 0;
        padding-right: 0
    }

    .widget--hero-card .widget-heading {
        width: 100%
    }

    .widget--hero-card .widget-heading__body {
        font-weight: 300
    }

    .widget--hero-card .card-display {
        width: 100%;
        max-width: 925px
    }

    .widget--hero-card .widget-box__buttons-set {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

    .widget--hero-card .widget-box__buttons-set .button {
        width: auto
    }

    .card-display__content,
    .card-display__image {
        margin-left: auto;
        margin-right: auto
    }

    .card-display__image {
        margin-left: 0;
        margin-right: 0;
        width: 41.66667%
    }

    .card-display__content {
        margin-right: 0;
        margin-left: 8.33333%;
        width: 50%
    }

    .widget--hero-cards .widget-hero__title {
        font-size: 48px
    }

    .widget--hero-cards .card__title {
        font-size: 22px
    }

    .widget--hero-cards .card__image {
        max-width: 150px
    }

    .widget--hero-cards .card__content {
        padding: 90px 20px 30px
    }

    .widget--hero-cards .card__description {
        font-size: 16px
    }

    .hero__background-image {
        max-height: 60%
    }

    .widget--hero-cards .widget-hero__title {
        max-width: none;
        margin-bottom: 100px
    }

    .widget--hero-cards .card {
        overflow: visible
    }

    .widget--hero-cards .card-wrapper {
        -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
        max-width: 25%
    }

    .widget--hero-cards .card__image {
        position: absolute;
        top: 0;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        border-radius: 5%
    }

    .widget-hero-search__search-wrapper {
        width: 550px
    }

    .widget-hero-search__input {
        font-size: 18px
    }

    .widget-hero__title--search {
        margin-bottom: 50px
    }

    .slide__body {
        padding-right: 0;
        width: 41.66667%
    }

    .slide__body,
    .slide__media {
        float: left;
        padding-left: 5px;
        padding-right: 5px
    }

    .slide__media {
        width: 50%;
        margin-left: 8.33333%
    }

    .ecom-campaign-hero {
        margin: 0 0 40px
    }

    .ecom-campaign-hero .product-row__item:first-child {
        margin-left: 10px
    }

    .ecom-campaign-hero .widget-hero__hero-links {
        position: static;
        color: #313535
    }

    .ecom-campaign-hero__products.product-row__products {
        padding: 0;
        margin-bottom: 0;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row nowrap;
        flex-flow: row nowrap
    }

    .widget--windpower-metrics .widget-column__content {
        padding-left: 60px
    }

    .windpower-metrics__heading {
        max-width: 350px
    }

    .widget--faq .widget-column__heading,
    .widget--section-one-column .widget-column__heading,
    .widget-downloadable-content .widget-column__heading {
        position: sticky;
        -ms-flex-item-align: start;
        align-self: flex-start;
        top: 77px;
        background-color: #fff
    }

    .widget-hero__hero-links {
        opacity: 0;
        -webkit-animation-name: fade-in-up;
        animation-name: fade-in-up;
        -webkit-animation-duration: 1s;
        animation-duration: 1s;
        -webkit-animation-delay: 1.5s;
        animation-delay: 1.5s;
        -webkit-animation-fill-mode: forwards;
        animation-fill-mode: forwards
    }

    .drupal-page-st1-story .content {
        width: 66.66667%;
        float: left;
        padding-left: 5px;
        padding-right: 5px
    }

    .drupal-page-st1-release .content {
        width: 58.33333%;
        float: left;
        padding-left: 5px;
        padding-right: 5px;
        margin-left: 8.33333%
    }

    .drupal-page-st1-release .content,
    .drupal-page-st1-story .content {
        padding-right: 20px
    }

    .drupal-page-st1-release .sidebar,
    .drupal-page-st1-story .sidebar {
        width: 33.33333%;
        float: right;
        padding-left: 5px;
        padding-right: 5px
    }

    .widget-hero__content--article .widget-article__badge-wrapper {
        height: 100px;
        width: 100px
    }

    .widget-article__badge-wrapper--image {
        display: block
    }

    .widget-article-grid .widget-articles__item {
        -ms-flex-preferred-size: calc(33.33333% - 10px);
        flex-basis: calc(33.33333% - 10px)
    }

    .widget-article-grid .widget-articles__item--featured {
        -ms-flex-preferred-size: calc(66.66667% - 10px);
        flex-basis: calc(66.66667% - 10px)
    }

    .widget-article-grid--most-read .widget-articles__wrapper {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        max-height: 980px
    }

    .widget-article-grid--most-read .widget-articles__wrapper .most-read {
        width: 33.33333%;
        height: 990px
    }

    .widget-articles__list-item--image .widget-article__content {
        padding-left: 120px
    }

    .widget-articles__item {
        -ms-flex-preferred-size: calc(25% - 10px);
        flex-basis: calc(25% - 10px)
    }

    .widget-article__landing .widget-articles__item,
    .widget-articles__item--featured {
        -ms-flex-preferred-size: calc(50% - 10px);
        flex-basis: calc(50% - 10px)
    }

    .widget-article__landing .widget-articles__item--featured {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%
    }

    .widget-article__content,
    .widget-article__footer {
        padding: 30px
    }

    .widget-article__type {
        font-size: 18px
    }

    .widget-article__image-container {
        height: 220px
    }

    .widget-thesis-list .widget-articles__container {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .product-row__control {
        display: block
    }

    .product-row__item {
        width: calc(25% - 10px)
    }

    .product-row__item:not(:only-child):not(:last-child) {
        margin-right: 10px
    }

    .product-row__products--five .product-row__item {
        width: calc(33.33333% - 10px)
    }

    .pagenotfound {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }

    .cover-image {
        display: block;
        height: calc(100vh - 127px);
        width: 100%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(66.66667vh - 84.66667px);
        flex: 0 0 calc(66.66667vh - 84.66667px);
        margin-right: 50px
    }

    .cover-image img {
        -o-object-fit: cover;
        object-fit: cover;
        height: 100%;
        width: 100%
    }
}

@media (min-width:1600px) {
    .sites-menu {
        margin-left: 20px
    }

    .site-menu__item {
        margin-left: 25px;
        margin-right: 25px
    }

    .site-menu__item .menu-item__link:after {
        margin-left: 1em
    }

    .mega-menu {
        padding: 60px 85px
    }

    .mega-menu__item {
        margin-left: 15px;
        margin-right: 35px
    }

    .footer__links .footer__social-media-links {
        padding-right: 40px
    }

    .footer__link-list .link-list__title {
        font-size: 18px
    }

    .footer__link-list .link-list__link {
        font-size: 16px
    }

    .footer__link-list,
    .footer__link-list:first-child {
        padding-left: 40px
    }

    .copyright__link-list .link-list__title {
        font-size: 18px
    }

    .subfooter__wrapper {
        padding: 2em 85px
    }

    .widget--boxed {
        padding-left: 85px;
        padding-right: 85px
    }

    .widget-heading__body {
        font-size: 22px
    }

    .widget--type-full .widget-box__title {
        font-size: 48px
    }

    .widget--type-full .widget-box--content {
        padding: 120px 75px
    }

    .widget--type-halves .widget-box__title {
        font-size: 36px
    }

    .widget--type-halves:not(.widget--alternative-box-layout) .widget-box--content {
        padding: 100px 75px
    }

    .widget--type-thirds .widget-box__title {
        font-size: 36px
    }

    .section--one-column {
        padding: 80px 85px 40px
    }

    .widget-two-columns__column {
        width: 33.33333%;
        float: left;
        padding-left: 5px;
        padding-right: 5px;
        margin-left: 8.33333%
    }

    .widget-two-columns__column:last-of-type {
        margin-left: 16.66667%
    }

    .card__title {
        font-size: 22px
    }

    .card__content {
        padding: 30px 40px 40px
    }

    .card__button {
        padding: 30px 40px
    }

    .card-tab {
        padding: 90px 0 180px
    }

    .widget--image-half-content-half .widget-box__title {
        font-size: 36px
    }

    .widget--image-half-content-half .widget-box--content {
        padding: 120px 85px
    }

    .widget--image-half-content-half .widget-box__buttons-set {
        margin-top: 40px
    }

    .widget--section-one-column .section-heading {
        font-size: 28px
    }

    .widget--section-one-column .widget-column__body p {
        margin-bottom: 30px
    }

    .widget--header-hero .widget-hero__title,
    .widget--hero-content .widget-hero__title,
    .widget--landing-hero .widget-hero__title {
        font-size: 60px
    }

    .contact-info__item .info-item__title {
        font-size: 28px
    }

    .contact-info__item .info-item__details {
        font-size: 18px
    }

    .contact-info {
        margin: 100px auto;
        padding: 0 5%
    }

    .contact-info__item {
        padding-right: 2.5em
    }

    .contact-info__item .info-item__image {
        margin-right: 2.5em
    }

    .faq {
        padding: 40px 85px
    }

    .card-tabs__title {
        font-size: 48px
    }

    .widget__card-comparison-table__title {
        font-size: 36px
    }

    .downloadable-content {
        padding: 120px 40px 50px
    }

    .downloadable-content .downloadable-content__collection {
        margin-bottom: 50px
    }

    .downloadable-content__buttons-set {
        margin-top: 0
    }

    .widget--timeline {
        padding: 0 85px
    }

    .staff-cards__main-title-underline {
        margin-top: 35px;
        margin-bottom: 80px
    }

    .staff-cards__content {
        font-size: 18px
    }

    .content-cards__subtitle {
        margin-bottom: 65px
    }

    .content-card__title {
        font-size: 24px
    }

    .featured-content-cards__card {
        border-top: 0
    }

    .featured-content-cards__image {
        width: 50px;
        height: 50px
    }

    .card__title.featured-content-cards__title {
        font-size: 18px
    }

    .location-cards__content {
        padding: 30px 40px 20px
    }

    .card__title.location-cards__title {
        font-size: 24px
    }

    .product-slider__heading {
        -ms-flex-preferred-size: 20%;
        flex-basis: 20%
    }

    .product-slide__image {
        height: 230px
    }

    .related-products__title {
        font-size: 48px
    }

    .related-products__list-item {
        padding-left: 50px;
        padding-right: 50px
    }

    .testimonial__heading {
        padding: 0 140px 0 60px
    }

    .testimonial__image {
        width: 160px;
        height: 160px
    }

    .testimonial__content {
        padding: 140px 55px 140px 130px
    }

    .subfooter__heading,
    .subfooter__link-list {
        padding-left: 40px
    }

    .subfooter__content {
        -ms-flex-preferred-size: 66.66667%;
        flex-basis: 66.66667%
    }

    .widget--hero-card .widget-box__body {
        font-size: 22px
    }

    .widget--hero-cards .card__title {
        font-size: 28px
    }

    .widget--hero-cards .card__content {
        padding: 90px 25px 30px
    }

    .panel {
        padding: .65em
    }

    .widget-station-prices__subtitle {
        font-size: 16px
    }

    .widget-station-prices__field-body {
        font-size: 18px
    }

    .station-prices__updated-at.station-prices__updated-at {
        font-size: 16px
    }

    .station-prices__station-name {
        font-size: 28px
    }

    .station-prices__item {
        margin-right: 1em;
        margin-left: 1em
    }

    .price-item__price .regular-price {
        font-size: 36px
    }

    .slide__contents,
    .widget--product-comparison-table .container {
        padding-right: 85px;
        padding-left: 85px
    }

    .ecom-campaign-hero {
        height: 100vh
    }

    .ecom-campaign-hero__background {
        height: calc(100vh - 300px)
    }

    .ecom-campaign-hero__products {
        margin-bottom: 40px
    }

    .widget--windpower-metrics .widget-column__content {
        padding-left: 120px
    }

    .chart-table__column--series-name {
        width: 45%
    }

    .mastercard-app .bucket-image,
    .mastercard-app .form-wrapper {
        padding: 60px 120px
    }

    .mastercard-app .bucket-box--narrow {
        padding-left: 360px;
        padding-right: 360px
    }

    .drupal-page-st1-release .wrapper,
    .drupal-page-st1-story .wrapper {
        padding-left: 85px;
        padding-right: 85px
    }

    .deed-pagination__button {
        padding: 100px 90px
    }
}

@media (max-width:991px) {
    .link-list {
        margin-top: 1rem
    }

    .countdown {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .language-menu {
        margin-left: auto;
        margin-right: auto
    }

    .widget--type-thirds {
        display: block
    }

    .widget-two-columns__column:first-child {
        margin-bottom: 5em
    }

    .cta-button__buttons-set .button:not(:only-child):not(:last-child) {
        margin-right: 0;
        margin-bottom: 1em
    }

    .widget-station-prices__field-body {
        max-width: 360px
    }

    .slide {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        min-height: 100vh;
        text-align: center
    }

    .survey-hero__controls {
        padding: 0 15px 15px
    }

    .mastercard-app .bucket-image {
        display: none
    }

    .mastercard-app .form-wrapper {
        padding: 20px
    }

    .product-showcase__title {
        font-size: 28px
    }

    .widget--product-showcase {
        padding: 60px 40px 10px
    }

    .widget--product-showcase+.widget--product-showcase {
        margin-top: -110px
    }

    .widget--product-showcase+.widget--product-showcase .product-showcase__title {
        margin-top: 110px
    }

    .product-showcase__product {
        -ms-flex-preferred-size: calc(50% - 10px);
        flex-basis: calc(50% - 10px);
        max-width: 50%;
        margin-bottom: 25px
    }

    .product-showcase__product-info-underlined:before {
        height: 4px;
        width: 32px
    }

    .drupal-page-st1-story .widget-articles__container {
        float: none
    }
}

@media (max-width:767px) {
    .countdown__helper {
        display: block;
        padding-top: 5px
    }

    .website-cookie-notification .btn--dismiss {
        display: block;
        margin-top: 15px;
        margin-left: 20px
    }

    .links .link-item__text--label {
        display: none
    }

    .std table {
        overflow-x: scroll;
        display: block
    }

    .widget--image-half-content-half {
        padding: 0
    }

    .widget-box--image {
        height: 100%;
        display: block
    }

    .card-tabs__links {
        display: block
    }

    .download-select__select-group:first-of-type {
        margin-bottom: 30px
    }

    .widget--hero-card .card-display__image {
        height: 100%
    }

    .widget-station-prices__media {
        margin-bottom: 1.5em
    }

    .chart-legend,
    .widget--windpower-metrics,
    .windpower-metrics__chart {
        display: none
    }

    .chart-table {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin: auto
    }

    .chart-table thead {
        border-bottom: 0
    }

    .chart-table tr {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .chart-table td,
    .chart-table th {
        min-height: 70px
    }

    .chart-table td:first-child,
    .chart-table th:first-child {
        display: none
    }

    .chart-table td:last-child,
    .chart-table th:last-child {
        text-align: left
    }

    .mastercard-app .container-content {
        padding-top: 0
    }

    .mastercard-app .bucket {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .mastercard-app .bucket-box--form-description>* {
        margin-right: 0
    }

    .mastercard-app .bucket-emphasized {
        margin: 0;
        -webkit-box-shadow: none;
        box-shadow: none
    }

    .mastercard-app .bucket-image {
        display: none
    }

    .widget-newsletter .newsletter-card__form {
        padding: 0 60px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .widget-newsletter .newsletter-card__form .md-input-field {
        margin-bottom: 0
    }

    .widget-newsletter .newsletter-card__form.newsletter-card__form--multiple-fields .md-input-field {
        margin-top: 10px
    }

    .widget-newsletter .newsletter-card__form .article__box__submit {
        -ms-flex-item-align: center;
        align-self: center
    }

    .widget--product-showcase {
        padding: 40px 14px 10px
    }

    .widget--product-showcase+.widget--product-showcase {
        margin-top: -90px
    }

    .widget--product-showcase+.widget--product-showcase .product-showcase__title {
        margin-top: 90px
    }

    .product-showcase__title {
        margin-bottom: 35px
    }

    p.product-showcase__product-name {
        font-size: 14px
    }

    .product-showcase__product-price {
        font-size: 18px
    }

    .product-showcase__product-detail,
    p.product-showcase__product-info {
        font-size: 12px
    }

    .product-showcase__product-additional-info {
        font-size: 14px
    }

    .product-showcase__product-info-underlined:before {
        margin: 8px 0
    }

    .product-showcase__badge {
        -webkit-transform: translate(16px, 16px);
        transform: translate(16px, 16px)
    }

    .widget-release__filter {
        margin-bottom: 1em
    }

    div.notification-banner {
        padding: 16px 20px
    }
}

@media (-ms-high-contrast:active),
(-ms-high-contrast:none) {
    .messages {
        z-index: 4
    }
}

@media (max-width:1199px) {
    html {
        overflow: auto
    }

    body.is-main-menu-open .lz-mobile,
    body.is-main-menu-open .lz-online,
    body.is-main-menu-open .lz-present,
    body.is-main-menu-opening .lz-mobile,
    body.is-main-menu-opening .lz-online,
    body.is-main-menu-opening .lz-present {
        z-index: 4
    }

    .widget-hero__hero-links {
        color: #313535
    }

    .product-slider__description {
        display: none
    }

    .mastercard-app .bucket--narrow,
    .mastercard-app .bucket-box--narrow {
        padding: 10px
    }

    .widget-thesis-list--slider .widget-articles__container {
        max-width: 320px;
        width: 100%;
        margin: auto;
        overflow: visible
    }

    .widget-thesis-list--slider .widget-articles__item {
        margin: 1em;
        height: 100%
    }

    .notification-banner {
        margin-top: 50px;
        margin-bottom: -50px;
        padding: 16px 40px
    }

    .notification-banner__content {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        padding: 0
    }

    .notification-banner__link {
        margin-left: 0;
        margin-top: 8px
    }

    .notification-banner__close {
        -ms-flex-item-align: start;
        align-self: flex-start;
        margin-top: -8px;
        margin-right: -8px
    }
}

@media (-ms-high-contrast:active),
(-ms-high-contrast:none) {
    .widget--type-fourth__texts {
        display: block
    }
}

@media (max-width:1599px) {
    .widget-hero__body {
        display: block
    }

    .widget-hero__title {
        width: 100%
    }
}

@media (max-width:479px) {
    .subfooter__link-list:not(:last-child) {
        margin-bottom: 20px
    }

    .widget--hero-card .card__button:first-child {
        display: none
    }

    .widget-newsletter .newsletter-card__form {
        padding: 0
    }

    .widget-newsletter .newsletter-card__form .article__box__submit {
        -ms-flex-item-align: auto;
        align-self: auto
    }
}