@font-face {
font-family: 'Averta';
font-weight: 500;
font-style: normal;
font-display: fallback;
src: url(../../../../themes/pb/dist/designsystem/00-foundation/typography/typefaces/Averta-Regular.woff2) format("woff2"), url(../../../../themes/pb/dist/designsystem/00-foundation/typography/typefaces/Averta-Regular.woff) format("woff");
}

@font-face {
font-family: 'Averta Bold';
font-weight: 900;
font-style: normal;
font-display: fallback;
src: url(../../../../themes/pb/dist/designsystem/00-foundation/typography/typefaces/Averta-Bold.woff2) format("woff2"), url(../../../../themes/pb/dist/designsystem/00-foundation/typography/typefaces/Averta-Bold.woff) format("woff");
}

@font-face {
font-family: 'PFD Medium';
font-weight: 600;
font-style: normal;
font-display: fallback;
src: url(../../../../themes/pb/dist/designsystem/00-foundation/typography/typefaces/PFDINTextCompPro-Medium.woff2) format("woff2"), url(../../../../themes/pb/dist/designsystem/00-foundation/typography/typefaces/PFDINTextCompPro-Medium.woff) format("woff");
}

.font-regular {
font-family: 'Averta';
font-weight: 500;
font-style: normal;
}

.font-bold {
font-family: 'Averta Bold', Verdana, Tahoma, 'DejaVu Sans', sans-serif;
font-weight: 900;
font-style: normal;
}

.font-medium {
font-family: 'PFD Medium', Verdana, Tahoma, 'DejaVu Sans', sans-serif;
font-weight: 600;
font-style: normal;
}

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video,
main,
button {
margin: 0;
padding: 0;
border: 0;
vertical-align: baseline;
box-sizing: border-box;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
main {
display: block;
}

body {
line-height: 1;
}

ol,
ul {
list-style: none;
}

blockquote,
q {
quotes: none;
}

blockquote::before,
blockquote::after,
q::before,
q::after {
content: '';
content: none;
}

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

@font-face {
font-family: 'Flaticon';
src: url(../../../../themes/pb/dist/designsystem/00-foundation/iconography/pb-icons/Flaticon.eot);
src: url(../../../../themes/pb/dist/designsystem/00-foundation/iconography/pb-icons/Flaticon.eot) format("embedded-opentype"), url(../../../../themes/pb/dist/designsystem/00-foundation/iconography/pb-icons/Flaticon.woff) format("woff"), url(../../../../themes/pb/dist/designsystem/00-foundation/iconography/pb-icons/Flaticon.ttf) format("truetype"), url(../../../../themes/pb/dist/designsystem/00-foundation/iconography/pb-icons/Flaticon.svg) format("svg");
font-weight: normal;
font-style: normal;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
@font-face {
font-family: 'Flaticon';
src: url(../../../../themes/pb/dist/designsystem/00-foundation/iconography/pb-icons/Flaticon.svg) format("svg");
}
}

.fi::before {
display: inline-block;
font-family: 'Flaticon';
font-style: normal;
font-weight: normal;
font-variant: normal;
line-height: 1;
text-decoration: inherit;
text-rendering: optimizeLegibility;
text-transform: none;
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
}

.flaticon-google-plus-social-logotype::before {
content: '\f100';
}

.flaticon-pinterest-social-logo::before {
content: '\f101';
}

.flaticon-linkedin-logo::before {
content: '\f102';
}

.flaticon-instagram-social-network-logo-of-photo-camera::before {
content: '\f103';
}

.flaticon-youtube-symbol::before {
content: '\f104';
}

.flaticon-youtube-logotype::before {
content: '\f105';
}

.flaticon-facebook::before {
content: '\f106';
}

.flaticon-twitter::before {
content: '\f107';
}

.flaticon-behance::before {
content: '\f108';
}

.flaticon-vimeo::before {
content: '\f109';
}

.flaticon-dribbble::before {
content: '\f10a';
}

.flaticon-arrow::before {
content: '\f10b';
}

.flaticon-heart::before {
content: '\f10c';
}

.flaticon-cart::before {
content: '\f10d';
}

.flaticon-arrow-1::before {
content: '\f10e';
}

.flaticon-check::before {
content: '\f10f';
}

.flaticon-twitter-1::before {
content: '\f110';
}

.flaticon-facebook-1::before {
content: '\f111';
}

.flaticon-instagram::before {
content: '\f112';
}

.flaticon-download::before {
content: '\f113';
}

.flaticon-star::before {
content: '\f114';
}

.flaticon-close::before {
content: '\f115';
}

.flaticon-menu::before {
content: '\f116';
}

.flaticon-search::before {
content: '\f117';
}

.flaticon-star-1::before {
content: '\f118';
}

.flaticon-play::before {
content: '\f119';
}

.flaticon-done::before {
content: '\f11a';
}

.flaticon-linkedin::before {
content: '\f11b';
}

.flaticon-arrow-2::before {
content: '\f11c';
}

.flaticon-delete::before {
content: '\f11d';
}

.flaticon-return::before {
content: '\f11e';
}

.flaticon-tick::before {
content: '\f11f';
}

.flaticon-expand::before {
content: '\f120';
}

.flaticon-account::before {
content: '\f121';
}

.flaticon-clock::before {
content: '\f122';
}

.flaticon-plus::before {
content: '\f123';
}

.flaticon-plus-1::before {
content: '\f124';
}

.flaticon-tick-1::before {
content: '\f125';
}

.flaticon-smile::before {
content: '\f126';
}

.flaticon-stop::before {
content: '\f127';
}

.flaticon-user::before {
content: '\f128';
}

.flaticon-car::before {
content: '\f129';
}

.flaticon-upload::before {
content: '\f12a';
}

.flaticon-more::before {
content: '\f12b';
}

.flaticon-home::before {
content: '\f12c';
}

.flaticon-back::before {
content: '\f12d';
}

.flaticon-back-1::before {
content: '\f12e';
}

.flaticon-car-1::before {
content: '\f12f';
}

.flaticon-pencil::before {
content: '\f130';
}

.flaticon-comment::before {
content: '\f131';
}

.flaticon-bus::before {
content: '\f132';
}

.flaticon-train::before {
content: '\f133';
}

.flaticon-world::before {
content: '\f134';
}

.flaticon-gps::before {
content: '\f135';
}

.flaticon-map::before {
content: '\f136';
}

.flaticon-eye::before {
content: '\f137';
}

.flaticon-more-1::before {
content: '\f138';
}

.flaticon-pdf::before {
content: '\f139';
}

.flaticon-camera::before {
content: '\f13a';
}

.flaticon-circle::before {
content: '\f13b';
}

.flaticon-next::before {
content: '\f13c';
}

.flaticon-account-1::before {
content: '\f13d';
}

.flaticon-phone::before {
content: '\f13e';
}

.flaticon-exit::before {
content: '\f13f';
}

.flaticon-add::before {
content: '\f140';
}

.flaticon-google-plus::before {
content: '\f141';
}

.flaticon-like::before {
content: '\f142';
}

.flaticon-next-1::before {
content: '\f143';
}

.flaticon-star-2::before {
content: '\f144';
}

.flaticon-pinterest::before {
content: '\f145';
}

.flaticon-smiley::before {
content: '\f146';
}

.flaticon-walk::before {
content: '\f147';
}

.flaticon-check-1::before {
content: '\f148';
}

.flaticon-back-2::before {
content: '\f149';
}

.flaticon-sync::before {
content: '\f14a';
}

.flaticon-shop::before {
content: '\f14b';
}

.flaticon-birthday::before {
content: '\f14c';
}

.flaticon-adjust::before {
content: '\f14d';
}

.flaticon-tick-2::before {
content: '\f14e';
}

.flaticon-app::before {
content: '\f14f';
}

.flaticon-upload-1::before {
content: '\f150';
}

.flaticon-share::before {
content: '\f151';
}

.flaticon-error::before {
content: '\f152';
}

.flaticon-info::before {
content: '\f153';
}

.flaticon-play-1::before {
content: '\f154';
}

.flaticon-enter::before {
content: '\f155';
}

.flaticon-record::before {
content: '\f156';
}

.flaticon-android::before {
content: '\f157';
}

.flaticon-download-1::before {
content: '\f158';
}

.flaticon-back-3::before {
content: '\f159';
}

.flaticon-pause::before {
content: '\f15a';
}

.flaticon-car-2::before {
content: '\f15b';
}

.flaticon-sort::before {
content: '\f15c';
}

.flaticon-watch::before {
content: '\f15d';
}

.flaticon-heart-1::before {
content: '\f15e';
}

.flaticon-train-1::before {
content: '\f15f';
}

.flaticon-airplane::before {
content: '\f160';
}

.flaticon-expand-1::before {
content: '\f161';
}

.flaticon-speaker::before {
content: '\f162';
}

.flaticon-record-1::before {
content: '\f163';
}

.flaticon-ribbon::before {
content: '\f164';
}

.flaticon-flash::before {
content: '\f165';
}

.flaticon-flash-1::before {
content: '\f166';
}

.flaticon-rotate::before {
content: '\f167';
}

.flaticon-thumb::before {
content: '\f168';
}

.flaticon-window::before {
content: '\f169';
}

.flaticon-bookmark::before {
content: '\f16a';
}

.flaticon-mouse::before {
content: '\f16b';
}

.flaticon-call::before {
content: '\f16c';
}

.flaticon-phone-1::before {
content: '\f16d';
}

.flaticon-phone-2::before {
content: '\f16e';
}

.flaticon-arrow-3::before {
content: '\f16f';
}

.flaticon-https::before {
content: '\f170';
}

.flaticon-send::before {
content: '\f171';
}

@-webkit-keyframes pulse {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}

50% {
-webkit-transform: scale3d(1.07, 1.07, 1.07);
transform: scale3d(1.07, 1.07, 1.07);
}

to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}

.pulse {
-webkit-animation-name: pulse;
animation-name: pulse;
}

.animated {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}

.animated.delay-1s {
-webkit-animation-delay: 1s;
animation-delay: 1s;
}

.animated.delay-2s {
-webkit-animation-delay: 2s;
animation-delay: 2s;
}

.animated.infinite {
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}

.animated.fast {
-webkit-animation-duration: 800ms;
animation-duration: 800ms;
}

.animated.faster {
-webkit-animation-duration: 500ms;
animation-duration: 500ms;
}

.animated.slow {
-webkit-animation-duration: 2s;
animation-duration: 2s;
}

@font-face {
font-family: 'PBicons';
src: url(../../../../themes/pb/dist/designsystem/00-foundation/iconography/Flaticon.html);
src: url(../../../../themes/pb/dist/designsystem/00-foundation/iconography/Flaticon.html) format("embedded-opentype"), url(../../../../themes/pb/dist/designsystem/00-foundation/iconography/Flaticon-2.html) format("woff"), url(../../../../themes/pb/dist/designsystem/00-foundation/iconography/Flaticon-3.html) format("truetype"), url(../../../../themes/pb/dist/designsystem/00-foundation/iconography/Flaticon-4.html) format("svg");
font-weight: normal;
font-style: normal;
}

html {
font-size: 150%;
line-height: 1.5em;
font-family: 'Averta';
font-weight: 500;
font-style: normal;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
min-height: 100%;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
overflow-x: hidden;
}

@media print {
html {
font-size: 12pt;
}
}

body {
overflow-x: hidden;
}

.user-login-form {
padding-top: 150px;
}

.text {
font-family: 'Averta';
font-weight: 500;
font-style: normal;
font-size: 19px;
font-size: 0.79167rem;
line-height: 28px;
line-height: 1.16667rem;
margin-top: 18px;
margin-top: 0.75rem;
margin-bottom: 18px;
margin-bottom: 0.75rem;
letter-spacing: 0;
text-transform: none;
color: #000000;
max-width: 470px;
}

@media (min-width:768px) {
.text {
font-size: 24px;
font-size: 1rem;
line-height: 36px;
line-height: 1.5rem;
letter-spacing: -.3px;
}
}

.text p {
padding: 9px 0px;
padding: 0.375rem 0;
}

.text p:first-child,
.text ul:first-child,
.text ol:first-child {
margin-top: 0;
}

.text p:last-child,
.text ul:last-child,
.text ol:last-child {
margin-bottom: 0;
}

.text--xsmall {
font-size: 14px;
font-size: 0.58333rem;
line-height: 18px;
line-height: 0.75rem;
letter-spacing: .5px;
}

.text--small {
font-size: 19px;
font-size: 0.79167rem;
line-height: 28px;
line-height: 1.16667rem;
letter-spacing: -.24px;
}

.text--white {
color: #FFFFFF;
}

.text--grey {
color: #8C8A8A;
}

.text--no-margins {
margin-top: 0;
margin-bottom: 0;
}

.text--max-width-large {
max-width: 600px;
}

.text--max-width-extra-large {
max-width: 800px;
}

@media (min-width:768px) {
.text--no-top-spacing {
margin-top: 0;
}
}

.title {
font-family: 'Averta Bold', Verdana, Tahoma, 'DejaVu Sans', sans-serif;
font-weight: 900;
font-style: normal;
font-size: 36px;
font-size: 1.5rem;
line-height: 42px;
line-height: 1.75rem;
letter-spacing: -1px;
color: #000000;
}

@media (min-width:768px) {
.title {
font-size: 48px;
font-size: 2rem;
line-height: 56px;
line-height: 2.33333rem;
letter-spacing: -1.33px;
}
}

.title p {
margin-top: 0;
margin-bottom: 0;
}

.title span {
display: inline-block;
}

.title--xsmall {
font-size: 24px;
font-size: 1rem;
line-height: 28px;
line-height: 1.16667rem;
letter-spacing: .57px;
text-transform: none;
}

.title--small {
font-size: 64px;
font-size: 2.66667rem;
line-height: 70px;
line-height: 2.91667rem;
letter-spacing: 0;
text-transform: none;
}

.title--large {
font-family: 'PFD Medium', Verdana, Tahoma, 'DejaVu Sans', sans-serif;
font-weight: 600;
font-style: normal;
font-size: 64px;
font-size: 2.66667rem;
line-height: 64px;
line-height: 2.66667rem;
text-transform: uppercase;
letter-spacing: -.5vw;
}

@media (min-width:320px) {
.title--large {
font-size: 18.5vw;
line-height: 18.5vw;
}
}

@media (min-width:1500px) {
.title--large {
font-size: 280px;
font-size: 11.66667rem;
line-height: 280px;
line-height: 11.66667rem;
letter-spacing: -7.8px;
}
}

.title--white {
color: #FFFFFF;
}

.title--stroked {
color: transparent;
-webkit-text-stroke-width: 2px;
-webkit-text-stroke-color: #FFFFFF;
}

.title--max-width {
max-width: 470px;
}

[hidden] {
display: none;
}

.visually-hidden {
position: absolute !important;
height: 1px;
width: 1px;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
word-wrap: normal;
}

.visually-hidden--off,
.visually-hidden--focusable:active,
.visually-hidden--focusable:focus,
.visually-hidden.focusable:active,
.visually-hidden.focusable:focus {
position: static !important;
clip: auto;
height: auto;
width: auto;
overflow: visible;
}

.is-opaque {
opacity: 0;
}

img {
width: 100%;
height: auto;
}

@media (min-width:768px) {

.image-width-auto,
.image-width-auto img {
width: auto;
}
}

table {
margin: 36px 0px;
margin: 1.5rem 0;
border-collapse: collapse;
border-spacing: 0;
width: 100%;
}

td,
th {
padding: 0;
text-align: left;
}

td:last-child,
th:last-child {
padding-right: 0;
}

td {
font-size: 19px;
font-size: 0.79167rem;
padding: 4px 4px 4px 0;
font-weight: normal;
}

th {
font-family: 'PFD Medium', Verdana, Tahoma, 'DejaVu Sans', sans-serif;
font-weight: 600;
font-style: normal;
font-size: 24px;
font-size: 1rem;
padding: 19px 35px 17px 0;
}

th[scope='row'] {
border: 0;
white-space: nowrap;
border-collapse: separate;
}

thead th {
border: 0;
}

tbody td,
tbody th {
border: 0;
}

tr.packaging {
line-height: 28px;
}

.layout-center {
margin: 0 auto;
width: 95%;
max-width: 1500px;
padding-left: 20px;
padding-right: 20px;
}

.layout-center::before {
content: '';
display: table;
}

.layout-center::after {
content: '';
display: table;
clear: both;
}

@media (min-width:768px) {
.layout-center {
width: 90%;
}
}

@media (min-width:992px) {
.layout-center--mobile-only {
padding: 0;
width: unset;
max-width: unset;
margin: unset;
}
}

.layout-center--relative {
position: relative;
}

.layout-center--wide {
max-width: 1700px;
}

.layout-1col {
min-width: 100%;
padding-top: 10px;
padding-bottom: 10px;
}

@media (min-width:768px) {
.layout-1col {
padding-top: 15px;
padding-bottom: 15px;
}
}

@media (min-width:1200px) {
.layout-1col {
padding-top: 20px;
padding-bottom: 20px;
}
}

.layout-1col--align-center {
text-align: center;
display: -webkit-box;
display: flex;
-webkit-box-pack: center;
justify-content: center;
flex-wrap: wrap;
}

.layout-1col--align-center>div {
width: 100%;
}

.layout-1col--large-top-spacing {
padding-top: 40px;
}

@media (min-width:768px) {
.layout-1col--large-top-spacing {
padding-top: 120px;
}
}

@media (min-width:1200px) {
.layout-1col--large-top-spacing {
padding-top: 160px;
}
}

.layout-2col {
min-width: 100%;
}

@media (min-width:992px) {
.layout-2col {
display: -webkit-box;
display: flex;
flex-wrap: wrap;
}

.layout-2col--col,
.layout-2col__col {
width: 50%;
float: left;
}

.layout-2col--col:nth-child(2n + 1),
.layout-2col__col:nth-child(2n + 1) {
clear: left;
}
}

@media (min-width:768px) and (max-width:1199px) {
.layout-2col--with-horizontal-gutters {
margin-left: -15px;
margin-right: -15px;
}

.layout-2col--with-horizontal-gutters .layout-2col--col,
.layout-2col--with-horizontal-gutters .layout-2col__col {
padding-left: 15px;
padding-right: 15px;
}
}

@media (min-width:1200px) {
.layout-2col--with-horizontal-gutters {
margin-left: -20px;
margin-right: -20px;
}

.layout-2col--with-horizontal-gutters .layout-2col--col,
.layout-2col--with-horizontal-gutters .layout-2col__col {
padding-left: 20px;
padding-right: 20px;
}
}

.layout-2col--with-vertical-gutters {
padding-top: 10px;
padding-bottom: 10px;
}

.layout-2col--with-vertical-gutters .layout-2col--col,
.layout-2col--with-vertical-gutters .layout-2col__col {
padding-top: 10px;
padding-bottom: 10px;
}

@media (min-width:768px) {
.layout-2col--with-vertical-gutters {
padding-top: 15px;
padding-bottom: 15px;
}

.layout-2col--with-vertical-gutters .layout-2col--col,
.layout-2col--with-vertical-gutters .layout-2col__col {
padding-top: 15px;
padding-bottom: 15px;
}
}

@media (min-width:1200px) {
.layout-2col--with-vertical-gutters {
padding-top: 20px;
padding-bottom: 20px;
}

.layout-2col--with-vertical-gutters .layout-2col--col,
.layout-2col--with-vertical-gutters .layout-2col__col {
padding-top: 20px;
padding-bottom: 20px;
}
}

.layout-2col--reversed {
display: -webkit-box;
display: flex;
flex-wrap: wrap;
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
flex-direction: column-reverse;
}

.layout-2col--mobile-reversed {
display: -webkit-box;
display: flex;
flex-wrap: wrap;
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
flex-direction: column-reverse;
}

@media (min-width:992px) {
.layout-2col--mobile-reversed {
-webkit-box-orient: unset;
-webkit-box-direction: unset;
flex-direction: unset;
}
}

.layout-2col--mobile-reversed-nowrap {
display: -webkit-box;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
flex-direction: column-reverse;
}

@media (min-width:992px) {
.layout-2col--mobile-reversed-nowrap {
-webkit-box-orient: unset;
-webkit-box-direction: unset;
flex-direction: unset;
}
}

@media (min-width:992px) {
.layout-2col--align-center {
-webkit-box-align: center;
align-items: center;
}
}

.layout-2col--reset .layout-2col--col,
.layout-2col--reset .layout-2col__col {
width: 100%;
}

.layout-2col--no-bottom-gutters {
padding-bottom: 0;
}

.layout-2col--align-center {
text-align: center;
}

@media (min-width:768px) {
.layout-2col--align-left {
text-align: left;
}
}

.layout-2col--with-large-bottom-gutters {
padding-bottom: 20px;
}

.layout-2col--with-large-bottom-gutters .layout-2col--col,
.layout-2col--with-large-bottom-gutters .layout-2col__col {
padding-bottom: 20px;
}

@media (min-width:768px) {
.layout-2col--with-large-bottom-gutters {
padding-bottom: 30px;
}

.layout-2col--with-large-bottom-gutters .layout-2col--col,
.layout-2col--with-large-bottom-gutters .layout-2col__col {
padding-bottom: 30px;
}
}

@media (min-width:1200px) {
.layout-2col--with-large-bottom-gutters {
padding-bottom: 40px;
}

.layout-2col--with-large-bottom-gutters .layout-2col--col,
.layout-2col--with-large-bottom-gutters .layout-2col__col {
padding-bottom: 40px;
}
}

.l-footer {
padding-top: 108px;
padding-top: 4.5rem;
padding-bottom: 72px;
padding-bottom: 3rem;
background-color: #000000;
position: relative;
overflow: hidden;
}

.l-footer__title {
position: absolute;
top: 0;
right: -8vw;
height: 40vw;
max-height: 400px;
width: 50vw;
overflow: initial;
}

@media (min-width:768px) {
.l-footer__top {
display: -webkit-box;
display: flex;
}
}

.l-footer__bottom {
margin-top: 108px;
margin-top: 4.5rem;
display: -webkit-box;
display: flex;
-webkit-box-pack: justify;
justify-content: space-between;
flex-wrap: wrap;
}

.c-theme-wrapper {
overflow: hidden;
-webkit-transition: background-color .3s ease-in-out;
transition: background-color .3s ease-in-out;
}

.theme-red {
background-color: #ED5502;
}

.theme-peach-dark {
background-color: #F0634C;
}

.theme-peach {
background-color: #F38573;
}

.theme-yellow {
background-color: #F6D855;
}

.theme-blue {
background-color: #5A75E8;
}

.theme-light-blue {
background-color: #01ACD5;
}

.theme-purple {
background-color: #8965BA;
}

.theme-pink {
background-color: #DDA0B3;
}

.theme-green {
background-color: #54965B;
}

.theme-pistachio {
background-color: #9CD3C3;
}

.theme-black {
background-color: #000000;
}

.theme-grey-dark {
background-color: #8C8A8A;
}

.theme-grey {
background-color: #DEDEDE;
}

.theme-white {
background-color: #FFFFFF;
}

.c-credits {
display: block;
text-decoration: none;
-webkit-transition: color .5s ease-out;
transition: color .5s ease-out;
}

.c-credits:hover,
.c-credits:focus {
color: #FFFFFF;
}

.c-copyrights {
margin-right: 108px;
margin-right: 4.5rem;
}

.c-contact__title {
margin-bottom: 7.2px;
margin-bottom: 0.3rem;
text-transform: uppercase;
}

.c-contact__phone-number {
margin: 18px 0px;
margin: 0.75rem 0;
}

.c-contact__phone-number a {
text-decoration: none;
color: inherit;
}

.c-contact__email a {
text-decoration: none;
color: inherit;
}

.c-contact--is-on-menu {
padding-bottom: 36px;
padding-bottom: 1.5rem;
margin-bottom: 36px;
margin-bottom: 1.5rem;
margin-bottom: 0;
}

.c-contact--is-on-menu .c-contact__phone-number {
margin: 0px;
margin: 0;
}

.c-contact--is-on-menu .c-contact__email {
margin-bottom: 18px;
margin-bottom: 0.75rem;
}

.c-product-type-teaser {
padding-left: 20px;
padding-right: 20px;
height: 100%;
text-decoration: none;
color: #000000;
}

@media (min-width:768px) {
.c-product-type-teaser {
padding-left: 40px;
padding-right: 40px;
display: -webkit-box;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
flex-direction: column;
-webkit-box-pack: justify;
justify-content: space-between;
}
}

.c-product-type-teaser__header {
padding-top: 72px;
padding-top: 3rem;
display: -webkit-box;
display: flex;
flex-wrap: wrap;
max-width: 800px;
}

@media (min-width:1200px) {
.c-product-type-teaser__header {
padding-top: 108px;
padding-top: 4.5rem;
flex-wrap: nowrap;
}
}

.c-product-type-teaser__heading {
font-family: 'PFD Medium', Verdana, Tahoma, 'DejaVu Sans', sans-serif;
font-weight: 600;
font-style: normal;
font-size: 30vw;
line-height: 20vw;
max-width: 400px;
}

.c-product-type-teaser__heading span {
line-height: 26vw;
}

@media (min-width:576px) {
.c-product-type-teaser__heading {
font-size: 140px;
font-size: 5.83333rem;
margin: 0px 45px 0px 0px;
margin: 0 1.875rem 0 0;
line-height: 1;
}

.c-product-type-teaser__heading span {
line-height: 1;
}
}

@media (min-width:1200px) {
.c-product-type-teaser__heading {
margin: 0px 45px;
margin: 0 1.875rem;
}
}

.c-product-type-teaser__content {
max-width: 800px;
position: relative;
}

@media (min-width:1200px) {
.c-product-type-teaser__content {
margin-left: auto;
}
}

.c-product-type-teaser__content p {
margin: 0;
padding-bottom: 5px;
}

.c-product-type-teaser__body {
margin-top: 0px;
margin-top: 0;
margin-bottom: 0px;
margin-bottom: 0;
max-width: 400px;
}

.c-product-type-teaser__link {
font-family: 'Averta Bold', Verdana, Tahoma, 'DejaVu Sans', sans-serif;
font-weight: 900;
font-style: normal;
padding-bottom: 2px;
padding-bottom: 0.08333rem;
margin: 0;
display: -webkit-inline-box;
display: inline-flex;
color: #000000;
text-decoration: none;
border-bottom: 2px solid #000000;
-webkit-transition: .5s ease-out padding;
transition: .5s ease-out padding;
}

.c-product-type-teaser__link svg {
margin-left: 10px;
margin-left: 0.41667rem;
width: 20px;
height: 20px;
-webkit-transition: .5s ease-out transform;
transition: .5s ease-out transform;
}

.c-product-type-teaser__badge {
position: absolute;
top: 10px;
right: 15%;
font-size: 20px;
color: #FFFFFF;
display: -webkit-box;
display: flex;
-webkit-box-align: center;
align-items: center;
-webkit-box-pack: center;
justify-content: center;
background: #F0634C;
width: 87px;
height: 87px;
border-radius: 50%;
z-index: 14;
-webkit-transform: rotate(10deg);
transform: rotate(10deg);
}

.c-product-type-teaser__image {
line-height: 0;
text-align: center;
display: -webkit-box;
display: flex;
-webkit-box-pack: center;
justify-content: center;
position: relative;
max-width: 1105px;
}

.c-product-type-teaser__image img {
width: auto;
}

.c-product-type-teaser--bars {
background-color: #F6D855;
}

@media (min-width:992px) {
.c-product-type-teaser--bars .c-product-type-teaser__header {
margin-left: auto;
}

.c-product-type-teaser--bars .c-product-type-teaser__image {
margin-left: auto;
}
}

.c-product-type-teaser--bites {
background-color: #9CD3C3;
}

@media (min-width:992px) {
.c-product-type-teaser--bites {
display: -webkit-box;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
flex-direction: column;
}

.c-product-type-teaser--bites .c-product-type-teaser__header {
margin-right: auto;
}
}

.c-product-type-teaser:hover .c-product-type-teaser__link,
.c-product-type-teaser:focus .c-product-type-teaser__link {
padding-right: 10px;
padding-right: 0.41667rem;
}

.c-product-type-teaser:hover .c-product-type-teaser__link svg,
.c-product-type-teaser:focus .c-product-type-teaser__link svg {
-webkit-transform: translateX(10px);
transform: translateX(10px);
}

@media (min-width:992px) {
.c-product-type-teaser-wrapper {
display: -webkit-box;
display: flex;
flex-wrap: wrap;
width: 100%;
margin: 0 auto;
-webkit-box-pack: center;
justify-content: center;
}

.c-product-type-teaser-wrapper>div {
-webkit-box-flex: 1;
flex: 1;
width: 50%;
}
}

.c-product-type-teaser-wrapper .paragraph {
height: 100%;
overflow: hidden;
}

.letter {
font-family: 'PFD Medium', Verdana, Tahoma, 'DejaVu Sans', sans-serif;
font-weight: 600;
font-style: normal;
display: inline-block;
-webkit-transform: translateX(0);
transform: translateX(0);
white-space: pre-wrap;
position: relative;
}

.letter.is-hidden {
-webkit-transform: translateX(-110%);
transform: translateX(-110%);
}

.letter.is-hidden-reverse {
-webkit-transform: translateX(100%);
transform: translateX(100%);
}

.is-letterized {
white-space: nowrap;
}

.js .js-word-1,
.js .js-word-2 {
opacity: 0;
}

.js-word-2.js-processed,
.js-word-1.js-processed {
opacity: 1;
}

.js-letter-wrapper {
overflow: hidden;
display: inline-block;
}

.js-letter {
opacity: 0;
}

.c-product-image a {
display: block;
cursor: pointer;
}

.c-product-image img {
-webkit-filter: drop-shadow(5px 20px 5px rgba(0, 0, 0, 0.3));
filter: drop-shadow(5px 20px 5px rgba(0, 0, 0, 0.3));
max-width: 450px;
position: relative;
z-index: 10;
}

@media (min-width:992px) {
.c-product-image img {
width: 35vw;
max-width: 480px;
}
}

@media (min-width:992px) {
.c-product-image--large img {
width: 54vw;
max-width: 588px;
}
}

.c-product-image--animations {
-webkit-transition: -webkit-transform .2s ease-in-out;
transition: -webkit-transform .2s ease-in-out;
transition: transform .2s ease-in-out;
transition: transform .2s ease-in-out, -webkit-transform .2s ease-in-out;
}

.c-product-image--animations:hover,
.c-product-image--animations:focus {
-webkit-transform: rotate(2deg) scale3d(1.05, 1.05, 1.05);
transform: rotate(2deg) scale3d(1.05, 1.05, 1.05);
}

.c-product-image--animations a {
-webkit-transition: -webkit-transform .5s ease-in-out;
transition: -webkit-transform .5s ease-in-out;
transition: transform .5s ease-in-out;
transition: transform .5s ease-in-out, -webkit-transform .5s ease-in-out;
}

.c-product-image--animations a:hover,
.c-product-image--animations a:focus {
-webkit-animation-name: pulse;
animation-name: pulse;
-webkit-animation-duration: .5s;
animation-duration: .5s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
}

.c-product-image--full-width img {
width: 100%;
}

.c-product-image--menu-bite img {
width: 100%;
}

.c-product-image--bite img {
width: auto;
max-width: 260px;
}

@media (min-width:992px) {
.c-product-image--bite img {
max-width: 360px;
}
}

.c-scroll-down {
margin-right: 36px;
margin-right: 1.5rem;
position: absolute;
bottom: 20px;
right: 0;
text-align: center;
display: none;
z-index: 10;
}

.c-scroll-down__text {
-webkit-transform: rotate(-90deg) translate(20px, 1px);
transform: rotate(-90deg) translate(20px, 1px);
line-height: 1;
}

.c-scroll-down__arrow {
margin-top: 5px;
height: 21px;
}

.c-scroll-down__arrow::before {
color: #000000;
font-size: 14px;
-webkit-animation: bouncing 2s infinite;
animation: bouncing 2s infinite;
}

@media (min-width:768px) {
.c-scroll-down {
display: block;
}
}

@-webkit-keyframes bouncing {

0%,
20%,
80%,
100% {
-webkit-transform: translateY(0) rotate(90deg);
transform: translateY(0) rotate(90deg);
}

40% {
-webkit-transform: translateY(-5px) rotate(90deg);
transform: translateY(-5px) rotate(90deg);
}

50% {
-webkit-transform: translateY(3px) rotate(90deg);
transform: translateY(3px) rotate(90deg);
}

60% {
-webkit-transform: translateY(-3px) rotate(90deg);
transform: translateY(-3px) rotate(90deg);
}
}

@keyframes bouncing {

0%,
20%,
80%,
100% {
-webkit-transform: translateY(0) rotate(90deg);
transform: translateY(0) rotate(90deg);
}

40% {
-webkit-transform: translateY(-5px) rotate(90deg);
transform: translateY(-5px) rotate(90deg);
}

50% {
-webkit-transform: translateY(3px) rotate(90deg);
transform: translateY(3px) rotate(90deg);
}

60% {
-webkit-transform: translateY(-3px) rotate(90deg);
transform: translateY(-3px) rotate(90deg);
}
}

.c-branding__logo a {
display: -webkit-box;
display: flex;
min-width: 125px;
width: 25vw;
max-width: 250px;
}

.c-branding--small .c-branding__logo a {
width: 100px;
}

[hidden] {
display: none;
}

.visually-hidden {
position: absolute !important;
height: 1px;
width: 1px;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
word-wrap: normal;
}

.visually-hidden--off,
.visually-hidden--focusable:active,
.visually-hidden--focusable:focus,
.visually-hidden.focusable:active,
.visually-hidden.focusable:focus {
position: static !important;
clip: auto;
height: auto;
width: auto;
overflow: visible;
}

.is-opaque {
opacity: 0;
}

.c-hero-front {
position: relative;
padding-bottom: 10vw;
overflow: hidden;
}

.c-hero-front__row {
display: -webkit-box;
display: flex;
flex-wrap: wrap;
}

.c-hero-front__row:nth-child(1) {
height: 8vw;
min-height: 40px;
}

.c-hero-front__row:nth-child(1) .c-hero-front__column:nth-child(1) {
background-color: #9CD3C3;
}

.c-hero-front__row:nth-child(1) .c-hero-front__column:nth-child(2) {
background-color: #9CD3C3;
}

.c-hero-front__row:nth-child(1) .c-hero-front__column:nth-child(3) {
background-color: #8965BA;
}

.c-hero-front__row:nth-child(2) {
height: 10vw;
}

.c-hero-front__row:nth-child(2) .c-hero-front__column:nth-child(1) {
background-color: #F6D855;
}

.c-hero-front__row:nth-child(2) .c-hero-front__column:nth-child(2) {
background-color: #F0634C;
}

.c-hero-front__row:nth-child(2) .c-hero-front__column:nth-child(3) {
background-color: #8965BA;
}

.c-hero-front__row:nth-child(3) {
height: 6vw;
}

.c-hero-front__row:nth-child(3) .c-hero-front__column:nth-child(1) {
background-color: #F6D855;
}

.c-hero-front__row:nth-child(3) .c-hero-front__column:nth-child(2) {
background-color: #F38573;
}

.c-hero-front__row:nth-child(3) .c-hero-front__column:nth-child(3) {
background-color: #54965B;
}

.c-hero-front__row:nth-child(4) .c-hero-front__column:nth-child(1) {
height: 25vw;
background-color: #F6D855;
}

.c-hero-front__row:nth-child(4) .c-hero-front__column:nth-child(2) {
overflow: visible;
}

.c-hero-front__row:nth-child(4) .c-hero-front__column:nth-child(3) {
width: 95%;
}

@media (min-width:992px) {
.c-hero-front__row:nth-child(4) .c-hero-front__column:nth-child(3) {
width: 35vw;
max-width: calc(1500px - 600px - 10%);
}
}

.c-hero-front__column {
overflow: hidden;
}

.c-hero-front__column:nth-child(1) {
width: 16vw;
}

@media (min-width:992px) {
.c-hero-front__column:nth-child(1) {
width: 10vw;
max-height: 500px;
}
}

.c-hero-front__column:nth-child(2) {
width: 39vw;
}

@media (min-width:992px) {
.c-hero-front__column:nth-child(2) {
width: 35vw;
max-width: 600px;
}
}

.c-hero-front__column:nth-child(3) {
width: 39vw;
}

@media (min-width:992px) {
.c-hero-front__column:nth-child(3) {
width: 35vw;
}
}

.c-hero-front__column:nth-child(4) {
width: 0;
}

.c-hero-front__branding {
margin-top: 36px;
margin-top: 1.5rem;
margin-left: 43.2px;
margin-left: 1.8rem;
}

@media (min-width:992px) {
.c-hero-front__branding {
margin-top: 43.2px;
margin-top: 1.8rem;
margin-left: 43.2px;
margin-left: 1.8rem;
}
}

.c-hero-front__title {
margin-top: 90px;
margin-top: 3.75rem;
}

@media (min-width:992px) {
.c-hero-front__title {
margin-top: 108px;
margin-top: 4.5rem;
}
}

.c-hero-front__featured-products {
position: absolute;
top: 0;
right: 0;
max-width: 1500px;
margin: 0 auto;
}

.c-hero-front__featured-product--1 {
display: none;
-webkit-transition: -webkit-transform .5s ease-out;
transition: -webkit-transform .5s ease-out;
transition: transform .5s ease-out;
transition: transform .5s ease-out, -webkit-transform .5s ease-out;
}

@media (min-width:992px) {
.c-hero-front__featured-product--1 {
display: block;
-webkit-transform: rotate(20deg) translate(-40%, 20%);
transform: rotate(20deg) translate(-40%, 20%);
}
}

.c-hero-front__featured-product--2 {
-webkit-transition: -webkit-transform .5s ease-out;
transition: -webkit-transform .5s ease-out;
transition: transform .5s ease-out;
transition: transform .5s ease-out, -webkit-transform .5s ease-out;
-webkit-transform: rotate(-25deg) translate(70%, -60%);
transform: rotate(-25deg) translate(70%, -60%);
}

.c-hero-front__featured-product--3 {
-webkit-transition: -webkit-transform .5s ease-out;
transition: -webkit-transform .5s ease-out;
transition: transform .5s ease-out;
transition: transform .5s ease-out, -webkit-transform .5s ease-out;
-webkit-transform: rotate(20deg) translate(60%, -200%);
transform: rotate(20deg) translate(60%, -200%);
}

@media (min-width:768px) {
.c-hero-front__featured-product--2 {
-webkit-transform: rotate(20deg) translate(50%, -60%);
transform: rotate(20deg) translate(50%, -60%);
}

.c-hero-front__featured-product--3 {
-webkit-transform: rotate(20deg) translate(40%, -90%);
transform: rotate(20deg) translate(40%, -90%);
}
}

.js .is-waiting {
opacity: 0;
}

.js .is-animating {
opacity: 1;
}

.js-hero-front-col-1a::after {
content: '';
width: 100%;
height: 100%;
left: 0;
display: block;
background-color: transparent;
position: relative;
}

.js-hero-front-col-1b::after {
content: '';
width: 100%;
left: 0;
height: 100%;
display: block;
background-color: transparent;
position: relative;
}

.js-hero-front-col-2a::after {
content: '';
width: 100%;
left: 0;
height: 100%;
display: block;
background-color: transparent;
position: relative;
}

.js-hero-front-col-3a::after {
content: '';
width: 100%;
left: 0;
height: 100%;
display: block;
background-color: transparent;
position: relative;
}

.js-hero-front-col-3b::after {
content: '';
width: 100%;
left: 0;
height: 100%;
display: block;
background-color: transparent;
position: relative;
}

.js-hero-front-col-4a::after {
content: '';
width: 100%;
left: 0;
height: 100%;
display: block;
background-color: transparent;
position: relative;
}

.js-hero-front-col-5a::after {
content: '';
width: 100%;
left: 0;
height: 100%;
display: block;
background-color: transparent;
position: relative;
}

.js-hero-front-col-6a::after {
content: '';
width: 100%;
left: 0;
height: 100%;
display: block;
background-color: transparent;
position: relative;
}

.js-hero-front-col-6b::after {
content: '';
width: 100%;
height: 100%;
display: block;
background-color: transparent;
position: relative;
}

.js-hero-front-col-6c::after {
content: '';
width: 100%;
height: 100%;
display: block;
background-color: transparent;
position: relative;
}

.c-ticker {
display: -webkit-box;
display: flex;
white-space: nowrap;
}

.c-ticker__list {
display: -webkit-box;
display: flex;
-webkit-animation: ticker 60s infinite linear;
animation: ticker 60s infinite linear;
}

.c-ticker--with-pause-on-hover .c-ticker:hover .c-ticker__list,
.c-ticker--with-pause-on-hover .c-ticker:focus .c-ticker__list {
-webkit-animation-play-state: paused;
animation-play-state: paused;
}

.c-ticker--is-animated-on-hover-only .c-ticker__list {
-webkit-animation-play-state: paused;
animation-play-state: paused;
}

.c-ticker--is-animated-on-hover-only .c-ticker:hover .c-ticker__list,
.c-ticker--is-animated-on-hover-only .c-ticker:focus .c-ticker__list {
-webkit-animation-play-state: running;
animation-play-state: running;
}

a:hover .c-ticker--with-pause-on-hover .c-ticker__list,
a:focus .c-ticker--with-pause-on-hover .c-ticker__list {
-webkit-animation-play-state: paused;
animation-play-state: paused;
}

a:hover .c-ticker--is-animated-on-hover-only .c-ticker__list,
a:focus .c-ticker--is-animated-on-hover-only .c-ticker__list {
-webkit-animation-play-state: running;
animation-play-state: running;
}

@-webkit-keyframes ticker {
100% {
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
}
}

@keyframes ticker {
100% {
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
}
}

.c-product-menu-item {
display: -webkit-box;
display: flex;
flex-wrap: wrap;
-webkit-box-pack: center;
justify-content: center;
-webkit-box-align: center;
align-items: center;
width: 100%;
position: relative;
overflow: hidden;
cursor: pointer;
color: inherit;
}

.c-product-menu-item::after {
content: '';
position: absolute;
width: 100%;
height: 100%;
background-color: inherit;
-webkit-transition: -webkit-transform .5s ease-out;
transition: -webkit-transform .5s ease-out;
transition: transform .5s ease-out;
transition: transform .5s ease-out, -webkit-transform .5s ease-out;
}

.c-product-menu-item:hover::after,
.c-product-menu-item:focus::after {
-webkit-transform: translateX(100%);
transform: translateX(100%);
}

@media (min-width:768px) {
.c-product-menu-item {
height: 25vw;
min-height: 370px;
}
}

.c-product-menu-item__image {
padding: 72px 36px;
padding: 3rem 1.5rem;
width: 100%;
text-align: center;
position: relative;
z-index: 5;
-webkit-transition: -webkit-transform .5s ease-out;
transition: -webkit-transform .5s ease-out;
transition: transform .5s ease-out;
transition: transform .5s ease-out, -webkit-transform .5s ease-out;
}

.c-product-menu-item:hover .c-product-menu-item__image,
.c-product-menu-item:focus .c-product-menu-item__image {
-webkit-transform: translateX(40%);
transform: translateX(40%);
}

.c-product-menu-item__category {
text-transform: uppercase;
white-space: nowrap;
position: absolute;
-webkit-transform: rotate(15deg);
transform: rotate(15deg);
-webkit-transform-origin: center center;
transform-origin: center center;
}

.c-product-menu-item__title {
padding: 0px 0px 36px 36px;
padding: 0 0 1.5rem 1.5rem;
position: absolute;
bottom: -10px;
left: 10px;
-webkit-transform: translateX(-120%);
transform: translateX(-120%);
-webkit-transition: -webkit-transform .5s ease-out;
transition: -webkit-transform .5s ease-out;
transition: transform .5s ease-out;
transition: transform .5s ease-out, -webkit-transform .5s ease-out;
}

.c-product-menu-item:hover .c-product-menu-item__title,
.c-product-menu-item:focus .c-product-menu-item__title {
-webkit-transform: translateX(0%);
transform: translateX(0%);
-webkit-transition-delay: .25s;
transition-delay: .25s;
}

.c-product-menu-item--bite img {
max-width: 196px;
max-height: 300px;
}

@media (min-width:1200px) {

.c-product-menu-item--bite:hover .c-product-menu-item__image,
.c-product-menu-item--bite:focus .c-product-menu-item__image {
-webkit-transform: translateX(50%);
transform: translateX(50%);
}
}

.c-social {
margin: 18px 0px 72px;
margin: 0.75rem 0 3rem;
}

.c-social__facebook,
.c-social__instagram {
font-size: 19px;
font-size: 0.79167rem;
display: block;
position: relative;
padding-left: 30px;
text-decoration: none;
color: #000000;
}

.c-social__facebook::before,
.c-social__instagram::before {
content: '';
position: absolute;
left: 0;
width: 20px;
height: 20px;
-webkit-mask-size: contain;
mask-size: contain;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
background-color: #000000;
}

.c-social__facebook {
margin-bottom: 18px;
margin-bottom: 0.75rem;
}

.c-social__facebook::before {
-webkit-mask-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSIxMnB4IiBoZWlnaHQ9IjIxcHgiIHZpZXdCb3g9IjAgMCAxMiAyMSIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj48IS0tR2VuZXJhdG9yOiBTa2V0Y2ggNjMuMSAoOTI0NTIpIC0gaHR0cHM6Ly9za2V0Y2guY29tLS0+PHRpdGxlPkZhY2Vib29rPC90aXRsZT48ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz48ZyBpZD0iU3ltYm9scyIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+PGcgaWQ9IkZvb3RlciIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTQ4MC4wMDAwMDAsIC0zMzUuMDAwMDAwKSIgZmlsbD0iIzAwMDAwMCIgZmlsbC1ydWxlPSJub256ZXJvIj48cGF0aCBkPSJNNDg3Ljk4NjMxNywzNTUuNDk5OTk0IEw0ODcuOTg2MzE3LDM0Ni43NTAwMTUgTDQ5MC45MDM4NjcsMzQ2Ljc1MDAxNSBMNDkxLjQ1OTM2MSwzNDMuMTMwNDg2IEw0ODcuOTg2MzE3LDM0My4xMzA0ODYgTDQ4Ny45ODYzMTcsMzQwLjc4MTY2OCBDNDg3Ljk4NjMxNywzMzkuNzkxNDUxIDQ4OC40NzE0NjksMzM4LjgyNjIyMSA0OTAuMDI2OTQ2LDMzOC44MjYyMjEgTDQ5MS42MDU4NDUsMzM4LjgyNjIyMSBMNDkxLjYwNTg0NSwzMzUuNzQ0NTYzIEM0OTEuNjA1ODQ1LDMzNS43NDQ1NjMgNDkwLjE3MzAxLDMzNS41MDAwNDIgNDg4LjgwMzExOCwzMzUuNTAwMDQyIEM0ODUuOTQyOTQxLDMzNS41MDAwNDIgNDg0LjA3MzQzOCwzMzcuMjMzNjI3IDQ4NC4wNzM0MzgsMzQwLjM3MTg5NCBMNDg0LjA3MzQzOCwzNDMuMTMwNDg2IEw0ODAuODk0MTI1LDM0My4xMzA0ODYgTDQ4MC44OTQxMjUsMzQ2Ljc1MDAxNSBMNDg0LjA3MzQzOCwzNDYuNzUwMDE1IEw0ODQuMDczNDM4LDM1NS40OTk5OTQgTDQ4Ny45ODYzMTcsMzU1LjQ5OTk5NCBaIi8+PC9nPjwvZz48L3N2Zz4=");
mask-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSIxMnB4IiBoZWlnaHQ9IjIxcHgiIHZpZXdCb3g9IjAgMCAxMiAyMSIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj48IS0tR2VuZXJhdG9yOiBTa2V0Y2ggNjMuMSAoOTI0NTIpIC0gaHR0cHM6Ly9za2V0Y2guY29tLS0+PHRpdGxlPkZhY2Vib29rPC90aXRsZT48ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz48ZyBpZD0iU3ltYm9scyIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+PGcgaWQ9IkZvb3RlciIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTQ4MC4wMDAwMDAsIC0zMzUuMDAwMDAwKSIgZmlsbD0iIzAwMDAwMCIgZmlsbC1ydWxlPSJub256ZXJvIj48cGF0aCBkPSJNNDg3Ljk4NjMxNywzNTUuNDk5OTk0IEw0ODcuOTg2MzE3LDM0Ni43NTAwMTUgTDQ5MC45MDM4NjcsMzQ2Ljc1MDAxNSBMNDkxLjQ1OTM2MSwzNDMuMTMwNDg2IEw0ODcuOTg2MzE3LDM0My4xMzA0ODYgTDQ4Ny45ODYzMTcsMzQwLjc4MTY2OCBDNDg3Ljk4NjMxNywzMzkuNzkxNDUxIDQ4OC40NzE0NjksMzM4LjgyNjIyMSA0OTAuMDI2OTQ2LDMzOC44MjYyMjEgTDQ5MS42MDU4NDUsMzM4LjgyNjIyMSBMNDkxLjYwNTg0NSwzMzUuNzQ0NTYzIEM0OTEuNjA1ODQ1LDMzNS43NDQ1NjMgNDkwLjE3MzAxLDMzNS41MDAwNDIgNDg4LjgwMzExOCwzMzUuNTAwMDQyIEM0ODUuOTQyOTQxLDMzNS41MDAwNDIgNDg0LjA3MzQzOCwzMzcuMjMzNjI3IDQ4NC4wNzM0MzgsMzQwLjM3MTg5NCBMNDg0LjA3MzQzOCwzNDMuMTMwNDg2IEw0ODAuODk0MTI1LDM0My4xMzA0ODYgTDQ4MC44OTQxMjUsMzQ2Ljc1MDAxNSBMNDg0LjA3MzQzOCwzNDYuNzUwMDE1IEw0ODQuMDczNDM4LDM1NS40OTk5OTQgTDQ4Ny45ODYzMTcsMzU1LjQ5OTk5NCBaIi8+PC9nPjwvZz48L3N2Zz4=");
}

.c-social__instagram::before {
-webkit-mask-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSIyMnB4IiBoZWlnaHQ9IjIycHgiIHZpZXdCb3g9IjAgMCAyMiAyMiIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj48IS0tR2VuZXJhdG9yOiBTa2V0Y2ggNjMuMSAoOTI0NTIpIC0gaHR0cHM6Ly9za2V0Y2guY29tLS0+PHRpdGxlPkluc3RhZ3JhbTwvdGl0bGU+PGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+PGcgaWQ9IlN5bWJvbHMiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxnIGlkPSJGb290ZXIiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC00NzYuMDAwMDAwLCAtMzcyLjAwMDAwMCkiIGZpbGw9IiMwMDAwMDAiIGZpbGwtcnVsZT0ibm9uemVybyI+PHBhdGggZD0iTTQ5MC44MzU5MDIsMzkzLjQyNTAxNSBDNDkyLjUxODcyOSwzOTMuMzQ1MzE4IDQ5NC4wMDkzNDEsMzkyLjk2MDkzNSA0OTUuMjM3NDcyLDM5MS43MjgxMzUgQzQ5Ni40NjU1NTgsMzkwLjUwMDAwNCA0OTYuODQ5OTQxLDM4OS4wMDkzOTEgNDk2LjkzNDMwNywzODcuMzI2NTY0IEM0OTcuMDMyNzcyLDM4NS41OTIxOTQgNDk3LjAzMjc3MiwzODAuMzk4NDY1IDQ5Ni45MzQzMDcsMzc4LjY2NDA5NCBDNDk2Ljg1NDY1NiwzNzYuOTgxMjY3IDQ5Ni40NzAyNzMsMzc1LjQ5MDY1NSA0OTUuMjM3NDcyLDM3NC4yNjI1MjQgQzQ5NC4wMDkzNDEsMzczLjAzNDQzOSA0OTIuNTE4NzI5LDM3Mi42NTAwNTUgNDkwLjgzNTkwMiwzNzIuNTY1NjkgQzQ4OS4xMDE1MzEsMzcyLjQ2NzIyNSA0ODMuOTAzMDg4LDM3Mi40NjcyMjUgNDgyLjE2ODcxNywzNzIuNTY1NjkgQzQ4MC40OTA2MDUsMzcyLjY0NTM0IDQ3OC45OTk5OTMsMzczLjAyOTcyNCA0NzcuNzY3MTkyLDM3NC4yNTc4NTUgQzQ3Ni41MzQzOTIsMzc1LjQ4NTk4NiA0NzYuMTU0Njc4LDM3Ni45NzY1OTggNDc2LjA3MDMxMiwzNzguNjU5NDI1IEM0NzUuOTcxODkzLDM4MC4zOTM3OTYgNDc1Ljk3MTg5MywzODUuNTkyMTk0IDQ3Ni4wNzAzMTIsMzg3LjMyNjU2NCBDNDc2LjE1MDAwOSwzODkuMDA5MzkxIDQ3Ni41MzQzOTIsMzkwLjUwMDAwNCA0NzcuNzY3MTkyLDM5MS43MjgxMzUgQzQ3OC45OTk5OTMsMzkyLjk1NjI2NiA0ODAuNDg1OTM2LDM5My4zNDA2MDMgNDgyLjE2ODcxNywzOTMuNDI1MDE1IEM0ODMuOTAzMDg4LDM5My41MjM0MzQgNDg5LjEwMTUzMSwzOTMuNTIzNDM0IDQ5MC44MzU5MDIsMzkzLjQyNTAxNSBaIE00ODYuNTA0NjQ0LDM5MS42MDYyMzMgQzQ4NC45NzY1NDEsMzkxLjYwNjIzMyA0ODEuNjkwNjMsMzkxLjcyODEzNSA0ODAuMzEyNDksMzkxLjE4NDM1OSBDNDc5LjM5Mzc2LDM5MC44MTg3NDQgNDc4LjY4NTkyMiwzOTAuMTEwOTUxIDQ3OC4zMTU2MzgsMzg5LjE4NzUwNyBDNDc3Ljc2NzE5MiwzODcuODA0Njk4IDQ3Ny44OTM3NjQsMzg0LjUyMzQ1NSA0NzcuODkzNzY0LDM4Mi45OTUzNTIgQzQ3Ny44OTM3NjQsMzgxLjQ2NzIwMyA0NzcuNzcxODYyLDM3OC4xODEyOTIgNDc4LjMxNTYzOCwzNzYuODAzMTUyIEM0NzguNjgxMjUzLDM3NS44ODQ0MjMgNDc5LjM4OTA0NSwzNzUuMTc2NTg0IDQ4MC4zMTI0OSwzNzQuODA2MyBDNDgxLjY5NTI5OSwzNzQuMjU3ODU1IDQ4NC45NzY1NDEsMzc0LjM4NDQyNiA0ODYuNTA0NjQ0LDM3NC4zODQ0MjYgQzQ4OC4wMzI3OTMsMzc0LjM4NDQyNiA0OTEuMzE4NzA0LDM3NC4yNjI1MjQgNDkyLjY5Njg0NCwzNzQuODA2MyBDNDkzLjYxNTU3NCwzNzUuMTcxOTE1IDQ5NC4zMjM0MTIsMzc1Ljg3OTcwOCA0OTQuNjkzNjk2LDM3Ni44MDMxNTIgQzQ5NS4yNDIxNDIsMzc4LjE4NTk2MSA0OTUuMTE1NTcsMzgxLjQ2NzIwMyA0OTUuMTE1NTcsMzgyLjk5NTM1MiBDNDk1LjExNTU3LDM4NC41MjM0NTUgNDk1LjI0MjE0MiwzODcuODA5MzY3IDQ5NC42OTM2OTYsMzg5LjE4NzUwNyBDNDk0LjMyODA4MSwzOTAuMTA2MjM2IDQ5My42MjAyODksMzkwLjgxNDA3NCA0OTIuNjk2ODQ0LDM5MS4xODQzNTkgQzQ5MS4zMTQwMzUsMzkxLjczMjgwNCA0ODguMDMyNzkzLDM5MS42MDYyMzMgNDg2LjUwNDY0NCwzOTEuNjA2MjMzIFogTTQ5Mi4xMTA5MDgsMzc4LjY0NTMyNiBDNDkyLjgwNDY0NywzNzguNjQ1MzI2IDQ5My4zNjcxNDYsMzc4LjA4NzU0MiA0OTMuMzY3MTQ2LDM3Ny4zODkwODggQzQ5My4zNjcxNDYsMzc2LjY5NTM0OSA0OTIuODA0NjQ3LDM3Ni4xMzI4NSA0OTIuMTEwOTA4LDM3Ni4xMzI4NSBDNDkxLjQxNzE2OSwzNzYuMTMyODUgNDkwLjg1NDY3LDM3Ni42OTUzNDkgNDkwLjg1NDY3LDM3Ny4zODkwODggQzQ5MC44NTQ2NywzNzguMDgyODI3IDQ5MS40MTI0NTQsMzc4LjY0NTMyNiA0OTIuMTEwOTA4LDM3OC42NDUzMjYgWiBNNDg2LjUwNDY0NCwzODguMzgxMjQ5IEM0ODkuNDg1OTE1LDM4OC4zODEyNDkgNDkxLjg5MDU4NywzODUuOTc2NTc3IDQ5MS44OTA1ODcsMzgyLjk5NTM1MiBDNDkxLjg5MDU4NywzODAuMDE0MDgyIDQ4OS40ODU5MTUsMzc3LjYwOTQwOSA0ODYuNTA0NjQ0LDM3Ny42MDk0MDkgQzQ4My41MjM0MiwzNzcuNjA5NDA5IDQ4MS4xMTg3NDcsMzgwLjAxNDA4MiA0ODEuMTE4NzQ3LDM4Mi45OTUzNTIgQzQ4MS4xMTg3NDcsMzg1Ljk3NjU3NyA0ODMuNTIzNDIsMzg4LjM4MTI0OSA0ODYuNTA0NjQ0LDM4OC4zODEyNDkgWiBNNDg2LjUwNDY0NCwzODYuNDk2ODcgQzQ4NC41NzgxMDUsMzg2LjQ5Njg3IDQ4My4wMDMxMjcsMzg0LjkyNjU2MSA0ODMuMDAzMTI3LDM4Mi45OTUzNTIgQzQ4My4wMDMxMjcsMzgxLjA2NDA5OCA0ODQuNTczNDM1LDM3OS40OTM3ODkgNDg2LjUwNDY0NCwzNzkuNDkzNzg5IEM0ODguNDM1ODk5LDM3OS40OTM3ODkgNDkwLjAwNjIwNywzODEuMDY0MDk4IDQ5MC4wMDYyMDcsMzgyLjk5NTM1MiBDNDkwLjAwNjIwNywzODQuOTI2NTYxIDQ4OC40MzEyMywzODYuNDk2ODcgNDg2LjUwNDY0NCwzODYuNDk2ODcgWiIvPjwvZz48L2c+PC9zdmc+");
mask-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSIyMnB4IiBoZWlnaHQ9IjIycHgiIHZpZXdCb3g9IjAgMCAyMiAyMiIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj48IS0tR2VuZXJhdG9yOiBTa2V0Y2ggNjMuMSAoOTI0NTIpIC0gaHR0cHM6Ly9za2V0Y2guY29tLS0+PHRpdGxlPkluc3RhZ3JhbTwvdGl0bGU+PGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+PGcgaWQ9IlN5bWJvbHMiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxnIGlkPSJGb290ZXIiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC00NzYuMDAwMDAwLCAtMzcyLjAwMDAwMCkiIGZpbGw9IiMwMDAwMDAiIGZpbGwtcnVsZT0ibm9uemVybyI+PHBhdGggZD0iTTQ5MC44MzU5MDIsMzkzLjQyNTAxNSBDNDkyLjUxODcyOSwzOTMuMzQ1MzE4IDQ5NC4wMDkzNDEsMzkyLjk2MDkzNSA0OTUuMjM3NDcyLDM5MS43MjgxMzUgQzQ5Ni40NjU1NTgsMzkwLjUwMDAwNCA0OTYuODQ5OTQxLDM4OS4wMDkzOTEgNDk2LjkzNDMwNywzODcuMzI2NTY0IEM0OTcuMDMyNzcyLDM4NS41OTIxOTQgNDk3LjAzMjc3MiwzODAuMzk4NDY1IDQ5Ni45MzQzMDcsMzc4LjY2NDA5NCBDNDk2Ljg1NDY1NiwzNzYuOTgxMjY3IDQ5Ni40NzAyNzMsMzc1LjQ5MDY1NSA0OTUuMjM3NDcyLDM3NC4yNjI1MjQgQzQ5NC4wMDkzNDEsMzczLjAzNDQzOSA0OTIuNTE4NzI5LDM3Mi42NTAwNTUgNDkwLjgzNTkwMiwzNzIuNTY1NjkgQzQ4OS4xMDE1MzEsMzcyLjQ2NzIyNSA0ODMuOTAzMDg4LDM3Mi40NjcyMjUgNDgyLjE2ODcxNywzNzIuNTY1NjkgQzQ4MC40OTA2MDUsMzcyLjY0NTM0IDQ3OC45OTk5OTMsMzczLjAyOTcyNCA0NzcuNzY3MTkyLDM3NC4yNTc4NTUgQzQ3Ni41MzQzOTIsMzc1LjQ4NTk4NiA0NzYuMTU0Njc4LDM3Ni45NzY1OTggNDc2LjA3MDMxMiwzNzguNjU5NDI1IEM0NzUuOTcxODkzLDM4MC4zOTM3OTYgNDc1Ljk3MTg5MywzODUuNTkyMTk0IDQ3Ni4wNzAzMTIsMzg3LjMyNjU2NCBDNDc2LjE1MDAwOSwzODkuMDA5MzkxIDQ3Ni41MzQzOTIsMzkwLjUwMDAwNCA0NzcuNzY3MTkyLDM5MS43MjgxMzUgQzQ3OC45OTk5OTMsMzkyLjk1NjI2NiA0ODAuNDg1OTM2LDM5My4zNDA2MDMgNDgyLjE2ODcxNywzOTMuNDI1MDE1IEM0ODMuOTAzMDg4LDM5My41MjM0MzQgNDg5LjEwMTUzMSwzOTMuNTIzNDM0IDQ5MC44MzU5MDIsMzkzLjQyNTAxNSBaIE00ODYuNTA0NjQ0LDM5MS42MDYyMzMgQzQ4NC45NzY1NDEsMzkxLjYwNjIzMyA0ODEuNjkwNjMsMzkxLjcyODEzNSA0ODAuMzEyNDksMzkxLjE4NDM1OSBDNDc5LjM5Mzc2LDM5MC44MTg3NDQgNDc4LjY4NTkyMiwzOTAuMTEwOTUxIDQ3OC4zMTU2MzgsMzg5LjE4NzUwNyBDNDc3Ljc2NzE5MiwzODcuODA0Njk4IDQ3Ny44OTM3NjQsMzg0LjUyMzQ1NSA0NzcuODkzNzY0LDM4Mi45OTUzNTIgQzQ3Ny44OTM3NjQsMzgxLjQ2NzIwMyA0NzcuNzcxODYyLDM3OC4xODEyOTIgNDc4LjMxNTYzOCwzNzYuODAzMTUyIEM0NzguNjgxMjUzLDM3NS44ODQ0MjMgNDc5LjM4OTA0NSwzNzUuMTc2NTg0IDQ4MC4zMTI0OSwzNzQuODA2MyBDNDgxLjY5NTI5OSwzNzQuMjU3ODU1IDQ4NC45NzY1NDEsMzc0LjM4NDQyNiA0ODYuNTA0NjQ0LDM3NC4zODQ0MjYgQzQ4OC4wMzI3OTMsMzc0LjM4NDQyNiA0OTEuMzE4NzA0LDM3NC4yNjI1MjQgNDkyLjY5Njg0NCwzNzQuODA2MyBDNDkzLjYxNTU3NCwzNzUuMTcxOTE1IDQ5NC4zMjM0MTIsMzc1Ljg3OTcwOCA0OTQuNjkzNjk2LDM3Ni44MDMxNTIgQzQ5NS4yNDIxNDIsMzc4LjE4NTk2MSA0OTUuMTE1NTcsMzgxLjQ2NzIwMyA0OTUuMTE1NTcsMzgyLjk5NTM1MiBDNDk1LjExNTU3LDM4NC41MjM0NTUgNDk1LjI0MjE0MiwzODcuODA5MzY3IDQ5NC42OTM2OTYsMzg5LjE4NzUwNyBDNDk0LjMyODA4MSwzOTAuMTA2MjM2IDQ5My42MjAyODksMzkwLjgxNDA3NCA0OTIuNjk2ODQ0LDM5MS4xODQzNTkgQzQ5MS4zMTQwMzUsMzkxLjczMjgwNCA0ODguMDMyNzkzLDM5MS42MDYyMzMgNDg2LjUwNDY0NCwzOTEuNjA2MjMzIFogTTQ5Mi4xMTA5MDgsMzc4LjY0NTMyNiBDNDkyLjgwNDY0NywzNzguNjQ1MzI2IDQ5My4zNjcxNDYsMzc4LjA4NzU0MiA0OTMuMzY3MTQ2LDM3Ny4zODkwODggQzQ5My4zNjcxNDYsMzc2LjY5NTM0OSA0OTIuODA0NjQ3LDM3Ni4xMzI4NSA0OTIuMTEwOTA4LDM3Ni4xMzI4NSBDNDkxLjQxNzE2OSwzNzYuMTMyODUgNDkwLjg1NDY3LDM3Ni42OTUzNDkgNDkwLjg1NDY3LDM3Ny4zODkwODggQzQ5MC44NTQ2NywzNzguMDgyODI3IDQ5MS40MTI0NTQsMzc4LjY0NTMyNiA0OTIuMTEwOTA4LDM3OC42NDUzMjYgWiBNNDg2LjUwNDY0NCwzODguMzgxMjQ5IEM0ODkuNDg1OTE1LDM4OC4zODEyNDkgNDkxLjg5MDU4NywzODUuOTc2NTc3IDQ5MS44OTA1ODcsMzgyLjk5NTM1MiBDNDkxLjg5MDU4NywzODAuMDE0MDgyIDQ4OS40ODU5MTUsMzc3LjYwOTQwOSA0ODYuNTA0NjQ0LDM3Ny42MDk0MDkgQzQ4My41MjM0MiwzNzcuNjA5NDA5IDQ4MS4xMTg3NDcsMzgwLjAxNDA4MiA0ODEuMTE4NzQ3LDM4Mi45OTUzNTIgQzQ4MS4xMTg3NDcsMzg1Ljk3NjU3NyA0ODMuNTIzNDIsMzg4LjM4MTI0OSA0ODYuNTA0NjQ0LDM4OC4zODEyNDkgWiBNNDg2LjUwNDY0NCwzODYuNDk2ODcgQzQ4NC41NzgxMDUsMzg2LjQ5Njg3IDQ4My4wMDMxMjcsMzg0LjkyNjU2MSA0ODMuMDAzMTI3LDM4Mi45OTUzNTIgQzQ4My4wMDMxMjcsMzgxLjA2NDA5OCA0ODQuNTczNDM1LDM3OS40OTM3ODkgNDg2LjUwNDY0NCwzNzkuNDkzNzg5IEM0ODguNDM1ODk5LDM3OS40OTM3ODkgNDkwLjAwNjIwNywzODEuMDY0MDk4IDQ5MC4wMDYyMDcsMzgyLjk5NTM1MiBDNDkwLjAwNjIwNywzODQuOTI2NTYxIDQ4OC40MzEyMywzODYuNDk2ODcgNDg2LjUwNDY0NCwzODYuNDk2ODcgWiIvPjwvZz48L2c+PC9zdmc+");
}

.c-social--dark {
margin: 72px 0px;
margin: 3rem 0;
}

@media (min-width:768px) {
.c-social--dark {
margin-left: 144px;
margin-left: 6rem;
margin-bottom: 25px;
margin-bottom: 1.04167rem;
margin-top: auto;
}
}

.c-social--dark .c-social__facebook,
.c-social--dark .c-social__instagram {
color: #FFFFFF;
}

.c-social--dark .c-social__facebook::before,
.c-social--dark .c-social__instagram::before {
background-color: #FFFFFF;
}

.c-menu-main {
position: fixed;
z-index: 15;
overflow: hidden;
pointer-events: none;
width: 100%;
height: 100%;
}

.c-menu-main::after {
content: '';
position: absolute;
left: 0;
top: 0;
background-color: #FFFFFF;
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
-webkit-transition: -webkit-transform .5s ease-out;
transition: -webkit-transform .5s ease-out;
transition: transform .5s ease-out;
transition: transform .5s ease-out, -webkit-transform .5s ease-out;
width: 100%;
height: 120%;
z-index: -1;
}

@media (min-width:992px) {
.c-menu-main {
display: -webkit-box;
display: flex;
}

.c-menu-main::after {
content: none;
}
}

.c-menu-main__sidebar {
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
}

@media (min-width:992px) {
.c-menu-main__sidebar {
width: initial;
}
}

.c-menu-main__header {
display: -webkit-box;
display: flex;
-webkit-box-align: center;
align-items: center;
z-index: 20;
width: 100%;
pointer-events: visible;
position: relative;
}

.c-menu-main__header::after {
content: '';
background-color: #FFFFFF;
width: 100%;
height: 100%;
position: absolute;
z-index: 0;
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
-webkit-transition: -webkit-transform .5s ease-out;
transition: -webkit-transform .5s ease-out;
transition: transform .5s ease-out;
transition: transform .5s ease-out, -webkit-transform .5s ease-out;
}

.c-menu-main__branding {
padding-left: 28.8px;
padding-left: 1.2rem;
height: 130px;
display: -webkit-box;
display: flex;
-webkit-box-align: center;
align-items: center;
z-index: 1;
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
-webkit-transition: -webkit-transform .5s ease-out .40s;
transition: -webkit-transform .5s ease-out .40s;
transition: transform .5s ease-out .40s;
transition: transform .5s ease-out .40s, -webkit-transform .5s ease-out .40s;
}

.c-menu-main__button {
padding-left: 36px;
padding-left: 1.5rem;
padding-right: 72px;
padding-right: 3rem;
background-color: transparent;
height: 130px;
display: -webkit-box;
display: flex;
-webkit-box-align: center;
align-items: center;
z-index: 1;
}

.c-menu-main__button:hover,
.c-menu-main__button:focus {
cursor: pointer;
}

.c-menu-main__button:hover .c-menu-main__inner-circle,
.c-menu-main__button:focus .c-menu-main__inner-circle {
-webkit-transform: scale(1.3);
transform: scale(1.3);
}

.c-menu-main__button:hover span,
.c-menu-main__button:focus span {
-webkit-transform: scale(0.8);
transform: scale(0.8);
}

.c-menu-main__button:focus {
outline: 0;
}

.c-menu-main__outer-circle {
position: relative;
display: -webkit-box;
display: flex;
-webkit-box-pack: center;
justify-content: center;
-webkit-box-align: center;
align-items: center;
}

.c-menu-main__outer-circle::after {
content: '';
width: 80px;
height: 80px;
display: block;
border-radius: 100%;
border: 1px dashed #000000;
-webkit-animation: orbit 10s linear infinite;
animation: orbit 10s linear infinite;
}

@-webkit-keyframes orbit {
from {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}

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

@keyframes orbit {
from {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}

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

.c-menu-main__inner-circle {
font-family: 'Averta Bold', Verdana, Tahoma, 'DejaVu Sans', sans-serif;
font-weight: 900;
font-style: normal;
font-size: 14px;
line-height: 0;
position: absolute;
border-radius: 50%;
height: 64px;
width: 64px;
background-color: #000000;
color: #FFFFFF;
top: 50%;
left: 50%;
margin: -32px 0 0 -32px;
display: -webkit-box;
display: flex;
-webkit-box-align: center;
align-items: center;
-webkit-box-pack: center;
justify-content: center;
-webkit-transition: -webkit-transform .5s ease-out;
transition: -webkit-transform .5s ease-out;
transition: transform .5s ease-out;
transition: transform .5s ease-out, -webkit-transform .5s ease-out;
}

.c-menu-main__inner-circle span {
display: block;
-webkit-transition: -webkit-transform .5s ease-out;
transition: -webkit-transform .5s ease-out;
transition: transform .5s ease-out;
transition: transform .5s ease-out, -webkit-transform .5s ease-out;
}

.c-menu-main__inner-circle span:nth-child(2) {
display: none;
}

.c-menu-main__previous,
.c-menu-main__next {
display: none;
}

@media (min-width:768px) {

.c-menu-main--has-next-previous .c-menu-main__previous,
.c-menu-main--has-next-previous .c-menu-main__next {
display: block;
width: 128px;
height: 130px;
font-size: 24px;
background-color: #FFFFFF;
display: -webkit-box;
display: flex;
-webkit-box-pack: center;
justify-content: center;
-webkit-box-align: center;
align-items: center;
margin-left: 1px;
}
}

.c-menu-main__content {
padding: 36px 0px 0px 28.8px;
padding: 1.5rem 0 0 1.2rem;
display: none;
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
height: 100%;
-webkit-transition: -webkit-transform .5s ease-out;
transition: -webkit-transform .5s ease-out;
transition: transform .5s ease-out;
transition: transform .5s ease-out, -webkit-transform .5s ease-out;
background-color: #FFFFFF;
}

.c-menu-main__language-switcher {
margin: 36px 0px;
margin: 1.5rem 0;
}

.c-menu-main__navigation {
margin: 36px 0px;
margin: 1.5rem 0;
}

.c-menu-main__navigation a {
padding: 1.8px 0px;
padding: 0.075rem 0;
font-family: 'Averta Bold', Verdana, Tahoma, 'DejaVu Sans', sans-serif;
font-weight: 900;
font-style: normal;
display: inline-block;
font-size: 48px;
letter-spacing: -1.33px;
line-height: 56px;
text-decoration: none;
color: #000000;
}

.c-menu-main__navigation a::after {
content: '';
display: block;
width: 0;
height: 2px;
background: #000000;
-webkit-transition: width .5s ease-out;
transition: width .5s ease-out;
}

.c-menu-main__navigation a:hover,
.c-menu-main__navigation a:focus {
cursor: pointer;
}

.c-menu-main__navigation a:hover::after,
.c-menu-main__navigation a:focus::after {
width: 100%;
}

.c-menu-main__navigation a[href^='#'] {
display: inline-block;
}

@media (min-width:768px) {
.c-menu-main__navigation a[href^='#'] {
display: none;
}
}

@media (min-width:768px) {
.c-menu-main__products {
display: grid;
grid-template-columns: 50% 50%;
grid-template-areas: "first second";
}
}

.c-menu-main__main {
display: none;
-webkit-transform: translateX(100%);
transform: translateX(100%);
overflow: hidden;
-webkit-transition: -webkit-transform .5s ease-out;
transition: -webkit-transform .5s ease-out;
transition: transform .5s ease-out;
transition: transform .5s ease-out, -webkit-transform .5s ease-out;
background-color: #FFFFFF;
-webkit-box-flex: 1;
flex-grow: 1;
}

.c-menu-main.is-active {
overflow-y: auto;
pointer-events: initial;
}

.c-menu-main.is-active::after {
-webkit-transform: translateX(0);
transform: translateX(0);
}

@media (min-width:992px) {
.c-menu-main.is-active {
overflow-y: hidden;
}
}

.c-menu-main.is-active .c-menu-main__inner-circle span:nth-child(1) {
display: none;
}

.c-menu-main.is-active .c-menu-main__inner-circle span:nth-child(2) {
display: block;
}

.c-menu-main.is-active .c-menu-main__content {
overflow: auto;
-webkit-transform: translateX(0);
transform: translateX(0);
position: relative;
}

.c-menu-main.is-active .c-menu-main__main {
-webkit-transform: translateX(0);
transform: translateX(0);
overflow: auto;
}

.c-menu-main.user-has-scrolled .c-menu-main__header::after,
.c-menu-main:not(.is-front) .c-menu-main__header::after {
-webkit-transform: translateY(0);
transform: translateY(0);
}

.c-menu-main.user-has-scrolled .c-menu-main__branding,
.c-menu-main:not(.is-front) .c-menu-main__branding {
-webkit-transform: translateX(0);
transform: translateX(0);
}