html {
line-height: 1.15;
-webkit-text-size-adjust: 100%
}
body {
margin: 0
}
main {
display: block
}
h1 {
font-size: 2em;
margin: .67em 0
}
span {
font-family: 'Montserrat', sans-serif
}
hr {
box-sizing: content-box;
height: 0;
overflow: visible
}
pre {
font-family: monospace, monospace;
font-size: 1em
}
a {
background-color: transparent
}
abbr[title] {
border-bottom: none;
text-decoration: underline;
text-decoration: underline dotted
}
b,
strong {
font-weight: bolder
}
code,
kbd,
samp {
font-family: monospace, monospace;
font-size: 1em
}
small {
font-size: 80%
}
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline
}
sub {
bottom: -.25em
}
sup {
top: -.5em
}
img {
border-style: none
}
button,
input,
optgroup,
select,
textarea {
font-family: 'Montserrat';
font-size: 100%;
line-height: 1.15;
margin: 0
}
button,
input {
overflow: visible
}
button,
select {
text-transform: none
}
[type=button],
[type=reset],
[type=submit],
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
}
fieldset {
padding: .35em .75em .625em
}
legend {
box-sizing: border-box;
color: inherit;
display: table;
max-width: 100%;
padding: 0;
white-space: normal
}
progress {
vertical-align: baseline
}
textarea {
overflow: auto
}
[type=checkbox],
[type=radio] {
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-decoration {
-webkit-appearance: none
}
::-webkit-file-upload-button {
-webkit-appearance: button;
font: inherit
}
details {
display: block
}
summary {
display: list-item
}
[hidden],
template {
display: none
}
.slick-slider {
-webkit-touch-callout: none;
-webkit-tap-highlight-color: transparent;
box-sizing: border-box;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-khtml-user-select: none
}
.slick-list,
.slick-slider {
display: block;
position: relative
}
.slick-list {
margin: 0;
overflow: hidden;
padding: 0
}
.slick-list:focus {
outline: none
}
.slick-list.dragging {
cursor: pointer;
cursor: hand
}
.slick-slider .slick-list,
.slick-slider .slick-track {
-webkit-transform: translateZ(0);
-moz-transform: translateZ(0);
-ms-transform: translateZ(0);
-o-transform: translateZ(0);
transform: translateZ(0)
}
.slick-track {
display: block;
left: 0;
margin-left: auto;
margin-right: auto;
position: relative;
top: 0
}
.slick-track:after,
.slick-track:before {
content: "";
display: table
}
.slick-track:after {
clear: both
}
.slick-loading .slick-track {
visibility: hidden
}
.slick-slide {
display: none;
float: left;
height: 100%;
min-height: 1px
}
[dir=rtl] .slick-slide {
float: right
}
.slick-slide img {
display: block;
max-width: auto
}
@media (min-width:1024px) {
.slick-slide img {
max-width: 90px
}
}
.slick-slide.slick-loading img {
display: none
}
.slick-slide.dragging img {
pointer-events: none
}
.slick-initialized .slick-slide {
display: block
}
.slick-loading .slick-slide {
visibility: hidden
}
.slick-vertical .slick-slide {
border: 1px solid transparent;
display: block;
height: auto
}
.slick-arrow.slick-hidden {
display: none
}
/*!
* Bootstrap Grid v5..1 (https://getbootstrap.com/)
* Copyright 2011-2021 The Bootstrap Authors
* Copyright 2011-2021 Twitter,Inc.
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
*/
.container,
.container-base,
.container-desktop,
.container-desktop-large,
.container-fluid,
.container-mobile,
.container-tablet {
margin-left: auto;
margin-right: auto;
padding-left: var(--bs-gutter-x, .75rem);
padding-right: var(--bs-gutter-x, .75rem);
width: 100%
}
.container {
max-width: 0
}
@media (min-width:320px) {
.container,
.container-mobile {
max-width: 767px
}
}
@media (min-width:768px) {
.container,
.container-mobile,
.container-mobile-lg,
.container-tablet {
max-width: 1023px
}
}
@media (min-width:1024px) {
.container,
.container-desktop,
.container-mobile,
.container-mobile-lg,
.container-tablet {
max-width: 1199px
}
}
@media (min-width:1921px) {
.container,
.container-desktop,
.container-desktop-large,
.container-mobile,
.container-mobile-lg,
.container-tablet {
max-width: 1200px
}
}
.row {
--bs-gutter-x: 1.5rem;
--bs-gutter-y: 0;
display: flex;
flex-wrap: wrap;
margin-left: calc(var(--bs-gutter-x)/-2);
margin-right: calc(var(--bs-gutter-x)/-2);
margin-top: calc(var(--bs-gutter-y)*-1)
}
.row>* {
box-sizing: border-box;
flex-shrink: 0;
margin-top: var(--bs-gutter-y);
max-width: 100%;
padding-left: calc(var(--bs-gutter-x)/2);
padding-right: calc(var(--bs-gutter-x)/2);
width: 100%
}
.col {
flex: 1 0 0%
}
.row-cols-auto>* {
flex: 0 0 auto;
width: auto
}
.row-cols-1>* {
flex: 0 0 auto;
width: 100%
}
.row-cols-2>* {
flex: 0 0 auto;
width: 50%
}
.row-cols-3>* {
flex: 0 0 auto;
width: 33.3333333333%
}
.row-cols-4>* {
flex: 0 0 auto;
width: 25%
}
.row-cols-5>* {
flex: 0 0 auto;
width: 20%
}
.row-cols-6>* {
flex: 0 0 auto;
width: 16.6666666667%
}
.col-auto {
flex: 0 0 auto;
width: auto
}
.col-1 {
flex: 0 0 auto;
width: 8.3333333333%
}
.col-2 {
flex: 0 0 auto;
width: 16.6666666667%
}
.col-3 {
flex: 0 0 auto;
width: 25%
}
.col-4 {
flex: 0 0 auto;
width: 33.3333333333%
}
.col-5 {
flex: 0 0 auto;
width: 41.6666666667%
}
.col-6 {
flex: 0 0 auto;
width: 50%
}
.col-7 {
flex: 0 0 auto;
width: 58.3333333333%
}
.col-8 {
flex: 0 0 auto;
width: 66.6666666667%
}
.col-9 {
flex: 0 0 auto;
width: 75%
}
.col-10 {
flex: 0 0 auto;
width: 83.3333333333%
}
.col-11 {
flex: 0 0 auto;
width: 91.6666666667%
}
.col-12 {
flex: 0 0 auto;
width: 100%
}
.offset-1 {
margin-left: 8.3333333333%
}
.offset-2 {
margin-left: 16.6666666667%
}
.offset-3 {
margin-left: 25%
}
.offset-4 {
margin-left: 33.3333333333%
}
.offset-5 {
margin-left: 41.6666666667%
}
.offset-6 {
margin-left: 50%
}
.offset-7 {
margin-left: 58.3333333333%
}
.offset-8 {
margin-left: 66.6666666667%
}
.offset-9 {
margin-left: 75%
}
.offset-10 {
margin-left: 83.3333333333%
}
.offset-11 {
margin-left: 91.6666666667%
}
.g-0,
.gx-0 {
--bs-gutter-x: 0
}
.g-0,
.gy-0 {
--bs-gutter-y: 0
}
.g-1,
.gx-1 {
--bs-gutter-x: .25rem
}
.g-1,
.gy-1 {
--bs-gutter-y: .25rem
}
.g-2,
.gx-2 {
--bs-gutter-x: .5rem
}
.g-2,
.gy-2 {
--bs-gutter-y: .5rem
}
.g-3,
.gx-3 {
--bs-gutter-x: 1rem
}
.g-3,
.gy-3 {
--bs-gutter-y: 1rem
}
.g-4,
.gx-4 {
--bs-gutter-x: 1.5rem
}
.g-4,
.gy-4 {
--bs-gutter-y: 1.5rem
}
.g-5,
.gx-5 {
--bs-gutter-x: 3rem
}
.g-5,
.gy-5 {
--bs-gutter-y: 3rem
}
@media (min-width:320px) {
.col-mobile {
flex: 1 0 0%
}
.row-cols-mobile-auto>* {
flex: 0 0 auto;
width: auto
}
.row-cols-mobile-1>* {
flex: 0 0 auto;
width: 100%
}
.row-cols-mobile-2>* {
flex: 0 0 auto;
width: 50%
}
.row-cols-mobile-3>* {
flex: 0 0 auto;
width: 33.3333333333%
}
.row-cols-mobile-4>* {
flex: 0 0 auto;
width: 25%
}
.row-cols-mobile-5>* {
flex: 0 0 auto;
width: 20%
}
.row-cols-mobile-6>* {
flex: 0 0 auto;
width: 16.6666666667%
}
.col-mobile-auto {
flex: 0 0 auto;
width: auto
}
.col-mobile-1 {
flex: 0 0 auto;
width: 8.3333333333%
}
.col-mobile-2 {
flex: 0 0 auto;
width: 16.6666666667%
}
.col-mobile-3 {
flex: 0 0 auto;
width: 25%
}
.col-mobile-4 {
flex: 0 0 auto;
width: 33.3333333333%
}
.col-mobile-5 {
flex: 0 0 auto;
width: 41.6666666667%
}
.col-mobile-6 {
flex: 0 0 auto;
width: 50%
}
.col-mobile-7 {
flex: 0 0 auto;
width: 58.3333333333%
}
.col-mobile-8 {
flex: 0 0 auto;
width: 66.6666666667%
}
.col-mobile-9 {
flex: 0 0 auto;
width: 75%
}
.col-mobile-10 {
flex: 0 0 auto;
width: 83.3333333333%
}
.col-mobile-11 {
flex: 0 0 auto;
width: 91.6666666667%
}
.col-mobile-12 {
flex: 0 0 auto;
width: 100%
}
.offset-mobile-0 {
margin-left: 0
}
.offset-mobile-1 {
margin-left: 8.3333333333%
}
.offset-mobile-2 {
margin-left: 16.6666666667%
}
.offset-mobile-3 {
margin-left: 25%
}
.offset-mobile-4 {
margin-left: 33.3333333333%
}
.offset-mobile-5 {
margin-left: 41.6666666667%
}
.offset-mobile-6 {
margin-left: 50%
}
.offset-mobile-7 {
margin-left: 58.3333333333%
}
.offset-mobile-8 {
margin-left: 66.6666666667%
}
.offset-mobile-9 {
margin-left: 75%
}
.offset-mobile-10 {
margin-left: 83.3333333333%
}
.offset-mobile-11 {
margin-left: 91.6666666667%
}
.g-mobile-0,
.gx-mobile-0 {
--bs-gutter-x: 0
}
.g-mobile-0,
.gy-mobile-0 {
--bs-gutter-y: 0
}
.g-mobile-1,
.gx-mobile-1 {
--bs-gutter-x: .25rem
}
.g-mobile-1,
.gy-mobile-1 {
--bs-gutter-y: .25rem
}
.g-mobile-2,
.gx-mobile-2 {
--bs-gutter-x: .5rem
}
.g-mobile-2,
.gy-mobile-2 {
--bs-gutter-y: .5rem
}
.g-mobile-3,
.gx-mobile-3 {
--bs-gutter-x: 1rem
}
.g-mobile-3,
.gy-mobile-3 {
--bs-gutter-y: 1rem
}
.g-mobile-4,
.gx-mobile-4 {
--bs-gutter-x: 1.5rem
}
.g-mobile-4,
.gy-mobile-4 {
--bs-gutter-y: 1.5rem
}
.g-mobile-5,
.gx-mobile-5 {
--bs-gutter-x: 3rem
}
.g-mobile-5,
.gy-mobile-5 {
--bs-gutter-y: 3rem
}
}
@media (min-width:600px) {
.col-mobile-lg {
flex: 1 0 0%
}
.row-cols-mobile-lg-auto>* {
flex: 0 0 auto;
width: auto
}
.row-cols-mobile-lg-1>* {
flex: 0 0 auto;
width: 100%
}
.row-cols-mobile-lg-2>* {
flex: 0 0 auto;
width: 50%
}
.row-cols-mobile-lg-3>* {
flex: 0 0 auto;
width: 33.3333333333%
}
.row-cols-mobile-lg-4>* {
flex: 0 0 auto;
width: 25%
}
.row-cols-mobile-lg-5>* {
flex: 0 0 auto;
width: 20%
}
.row-cols-mobile-lg-6>* {
flex: 0 0 auto;
width: 16.6666666667%
}
.col-mobile-lg-auto {
flex: 0 0 auto;
width: auto
}
.col-mobile-lg-1 {
flex: 0 0 auto;
width: 8.3333333333%
}
.col-mobile-lg-2 {
flex: 0 0 auto;
width: 16.6666666667%
}
.col-mobile-lg-3 {
flex: 0 0 auto;
width: 25%
}
.col-mobile-lg-4 {
flex: 0 0 auto;
width: 33.3333333333%
}
.col-mobile-lg-5 {
flex: 0 0 auto;
width: 41.6666666667%
}
.col-mobile-lg-6 {
flex: 0 0 auto;
width: 50%
}
.col-mobile-lg-7 {
flex: 0 0 auto;
width: 58.3333333333%
}
.col-mobile-lg-8 {
flex: 0 0 auto;
width: 66.6666666667%
}
.col-mobile-lg-9 {
flex: 0 0 auto;
width: 75%
}
.col-mobile-lg-10 {
flex: 0 0 auto;
width: 83.3333333333%
}
.col-mobile-lg-11 {
flex: 0 0 auto;
width: 91.6666666667%
}
.col-mobile-lg-12 {
flex: 0 0 auto;
width: 100%
}
.offset-mobile-lg-0 {
margin-left: 0
}
.offset-mobile-lg-1 {
margin-left: 8.3333333333%
}
.offset-mobile-lg-2 {
margin-left: 16.6666666667%
}
.offset-mobile-lg-3 {
margin-left: 25%
}
.offset-mobile-lg-4 {
margin-left: 33.3333333333%
}
.offset-mobile-lg-5 {
margin-left: 41.6666666667%
}
.offset-mobile-lg-6 {
margin-left: 50%
}
.offset-mobile-lg-7 {
margin-left: 58.3333333333%
}
.offset-mobile-lg-8 {
margin-left: 66.6666666667%
}
.offset-mobile-lg-9 {
margin-left: 75%
}
.offset-mobile-lg-10 {
margin-left: 83.3333333333%
}
.offset-mobile-lg-11 {
margin-left: 91.6666666667%
}
.g-mobile-lg-0,
.gx-mobile-lg-0 {
--bs-gutter-x: 0
}
.g-mobile-lg-0,
.gy-mobile-lg-0 {
--bs-gutter-y: 0
}
.g-mobile-lg-1,
.gx-mobile-lg-1 {
--bs-gutter-x: .25rem
}
.g-mobile-lg-1,
.gy-mobile-lg-1 {
--bs-gutter-y: .25rem
}
.g-mobile-lg-2,
.gx-mobile-lg-2 {
--bs-gutter-x: .5rem
}
.g-mobile-lg-2,
.gy-mobile-lg-2 {
--bs-gutter-y: .5rem
}
.g-mobile-lg-3,
.gx-mobile-lg-3 {
--bs-gutter-x: 1rem
}
.g-mobile-lg-3,
.gy-mobile-lg-3 {
--bs-gutter-y: 1rem
}
.g-mobile-lg-4,
.gx-mobile-lg-4 {
--bs-gutter-x: 1.5rem
}
.g-mobile-lg-4,
.gy-mobile-lg-4 {
--bs-gutter-y: 1.5rem
}
.g-mobile-lg-5,
.gx-mobile-lg-5 {
--bs-gutter-x: 3rem
}
.g-mobile-lg-5,
.gy-mobile-lg-5 {
--bs-gutter-y: 3rem
}
}
@media (min-width:768px) {
.col-tablet {
flex: 1 0 0%
}
.row-cols-tablet-auto>* {
flex: 0 0 auto;
width: auto
}
.row-cols-tablet-1>* {
flex: 0 0 auto;
width: 100%
}
.row-cols-tablet-2>* {
flex: 0 0 auto;
width: 50%
}
.row-cols-tablet-3>* {
flex: 0 0 auto;
width: 33.3333333333%
}
.row-cols-tablet-4>* {
flex: 0 0 auto;
width: 25%
}
.row-cols-tablet-5>* {
flex: 0 0 auto;
width: 20%
}
.row-cols-tablet-6>* {
flex: 0 0 auto;
width: 16.6666666667%
}
.col-tablet-auto {
flex: 0 0 auto;
width: auto
}
.col-tablet-1 {
flex: 0 0 auto;
width: 8.3333333333%
}
.col-tablet-2 {
flex: 0 0 auto;
width: 16.6666666667%
}
.col-tablet-3 {
flex: 0 0 auto;
width: 25%
}
.col-tablet-4 {
flex: 0 0 auto;
width: 33.3333333333%
}
.col-tablet-5 {
flex: 0 0 auto;
width: 41.6666666667%
}
.col-tablet-6 {
flex: 0 0 auto;
width: 50%
}
.col-tablet-7 {
flex: 0 0 auto;
width: 58.3333333333%
}
.col-tablet-8 {
flex: 0 0 auto;
width: 66.6666666667%
}
.col-tablet-9 {
flex: 0 0 auto;
width: 75%
}
.col-tablet-10 {
flex: 0 0 auto;
width: 83.3333333333%
}
.col-tablet-11 {
flex: 0 0 auto;
width: 91.6666666667%
}
.col-tablet-12 {
flex: 0 0 auto;
width: 100%
}
.offset-tablet-0 {
margin-left: 0
}
.offset-tablet-1 {
margin-left: 8.3333333333%
}
.offset-tablet-2 {
margin-left: 16.6666666667%
}
.offset-tablet-3 {
margin-left: 25%
}
.offset-tablet-4 {
margin-left: 33.3333333333%
}
.offset-tablet-5 {
margin-left: 41.6666666667%
}
.offset-tablet-6 {
margin-left: 50%
}
.offset-tablet-7 {
margin-left: 58.3333333333%
}
.offset-tablet-8 {
margin-left: 66.6666666667%
}
.offset-tablet-9 {
margin-left: 75%
}
.offset-tablet-10 {
margin-left: 83.3333333333%
}
.offset-tablet-11 {
margin-left: 91.6666666667%
}
.g-tablet-0,
.gx-tablet-0 {
--bs-gutter-x: 0
}
.g-tablet-0,
.gy-tablet-0 {
--bs-gutter-y: 0
}
.g-tablet-1,
.gx-tablet-1 {
--bs-gutter-x: .25rem
}
.g-tablet-1,
.gy-tablet-1 {
--bs-gutter-y: .25rem
}
.g-tablet-2,
.gx-tablet-2 {
--bs-gutter-x: .5rem
}
.g-tablet-2,
.gy-tablet-2 {
--bs-gutter-y: .5rem
}
.g-tablet-3,
.gx-tablet-3 {
--bs-gutter-x: 1rem
}
.g-tablet-3,
.gy-tablet-3 {
--bs-gutter-y: 1rem
}
.g-tablet-4,
.gx-tablet-4 {
--bs-gutter-x: 1.5rem
}
.g-tablet-4,
.gy-tablet-4 {
--bs-gutter-y: 1.5rem
}
.g-tablet-5,
.gx-tablet-5 {
--bs-gutter-x: 3rem
}
.g-tablet-5,
.gy-tablet-5 {
--bs-gutter-y: 3rem
}
}
@media (min-width:1024px) {
.col-desktop {
flex: 1 0 0%
}
.row-cols-desktop-auto>* {
flex: 0 0 auto;
width: auto
}
.row-cols-desktop-1>* {
flex: 0 0 auto;
width: 100%
}
.row-cols-desktop-2>* {
flex: 0 0 auto;
width: 50%
}
.row-cols-desktop-3>* {
flex: 0 0 auto;
width: 33.3333333333%
}
.row-cols-desktop-4>* {
flex: 0 0 auto;
width: 25%
}
.row-cols-desktop-5>* {
flex: 0 0 auto;
width: 20%
}
.row-cols-desktop-6>* {
flex: 0 0 auto;
width: 16.6666666667%
}
.col-desktop-auto {
flex: 0 0 auto;
width: auto
}
.col-desktop-1 {
flex: 0 0 auto;
width: 8.3333333333%
}
.col-desktop-2 {
flex: 0 0 auto;
width: 16.6666666667%
}
.col-desktop-3 {
flex: 0 0 auto;
width: 25%
}
.col-desktop-4 {
flex: 0 0 auto;
width: 33.3333333333%
}
.col-desktop-5 {
flex: 0 0 auto;
width: 41.6666666667%
}
.col-desktop-6 {
flex: 0 0 auto;
width: 50%
}
.col-desktop-7 {
flex: 0 0 auto;
width: 58.3333333333%
}
.col-desktop-8 {
flex: 0 0 auto;
width: 66.6666666667%
}
.col-desktop-9 {
flex: 0 0 auto;
width: 75%
}
.col-desktop-10 {
flex: 0 0 auto;
width: 83.3333333333%
}
.col-desktop-11 {
flex: 0 0 auto;
width: 91.6666666667%
}
.col-desktop-12 {
flex: 0 0 auto;
width: 100%
}
.offset-desktop-0 {
margin-left: 0
}
.offset-desktop-1 {
margin-left: 8.3333333333%
}
.offset-desktop-2 {
margin-left: 16.6666666667%
}
.offset-desktop-3 {
margin-left: 25%
}
.offset-desktop-4 {
margin-left: 33.3333333333%
}
.offset-desktop-5 {
margin-left: 41.6666666667%
}
.offset-desktop-6 {
margin-left: 50%
}
.offset-desktop-7 {
margin-left: 58.3333333333%
}
.offset-desktop-8 {
margin-left: 66.6666666667%
}
.offset-desktop-9 {
margin-left: 75%
}
.offset-desktop-10 {
margin-left: 83.3333333333%
}
.offset-desktop-11 {
margin-left: 91.6666666667%
}
.g-desktop-0,
.gx-desktop-0 {
--bs-gutter-x: 0
}
.g-desktop-0,
.gy-desktop-0 {
--bs-gutter-y: 0
}
.g-desktop-1,
.gx-desktop-1 {
--bs-gutter-x: .25rem
}
.g-desktop-1,
.gy-desktop-1 {
--bs-gutter-y: .25rem
}
.g-desktop-2,
.gx-desktop-2 {
--bs-gutter-x: .5rem
}
.g-desktop-2,
.gy-desktop-2 {
--bs-gutter-y: .5rem
}
.g-desktop-3,
.gx-desktop-3 {
--bs-gutter-x: 1rem
}
.g-desktop-3,
.gy-desktop-3 {
--bs-gutter-y: 1rem
}
.g-desktop-4,
.gx-desktop-4 {
--bs-gutter-x: 1.5rem
}
.g-desktop-4,
.gy-desktop-4 {
--bs-gutter-y: 1.5rem
}
.g-desktop-5,
.gx-desktop-5 {
--bs-gutter-x: 3rem
}
.g-desktop-5,
.gy-desktop-5 {
--bs-gutter-y: 3rem
}
}
@media (min-width:1921px) {
.col-desktop-large {
flex: 1 0 0%
}
.row-cols-desktop-large-auto>* {
flex: 0 0 auto;
width: auto
}
.row-cols-desktop-large-1>* {
flex: 0 0 auto;
width: 100%
}
.row-cols-desktop-large-2>* {
flex: 0 0 auto;
width: 50%
}
.row-cols-desktop-large-3>* {
flex: 0 0 auto;
width: 33.3333333333%
}
.row-cols-desktop-large-4>* {
flex: 0 0 auto;
width: 25%
}
.row-cols-desktop-large-5>* {
flex: 0 0 auto;
width: 20%
}
.row-cols-desktop-large-6>* {
flex: 0 0 auto;
width: 16.6666666667%
}
.col-desktop-large-auto {
flex: 0 0 auto;
width: auto
}
.col-desktop-large-1 {
flex: 0 0 auto;
width: 8.3333333333%
}
.col-desktop-large-2 {
flex: 0 0 auto;
width: 16.6666666667%
}
.col-desktop-large-3 {
flex: 0 0 auto;
width: 25%
}
.col-desktop-large-4 {
flex: 0 0 auto;
width: 33.3333333333%
}
.col-desktop-large-5 {
flex: 0 0 auto;
width: 41.6666666667%
}
.col-desktop-large-6 {
flex: 0 0 auto;
width: 50%
}
.col-desktop-large-7 {
flex: 0 0 auto;
width: 58.3333333333%
}
.col-desktop-large-8 {
flex: 0 0 auto;
width: 66.6666666667%
}
.col-desktop-large-9 {
flex: 0 0 auto;
width: 75%
}
.col-desktop-large-10 {
flex: 0 0 auto;
width: 83.3333333333%
}
.col-desktop-large-11 {
flex: 0 0 auto;
width: 91.6666666667%
}
.col-desktop-large-12 {
flex: 0 0 auto;
width: 100%
}
.offset-desktop-large-0 {
margin-left: 0
}
.offset-desktop-large-1 {
margin-left: 8.3333333333%
}
.offset-desktop-large-2 {
margin-left: 16.6666666667%
}
.offset-desktop-large-3 {
margin-left: 25%
}
.offset-desktop-large-4 {
margin-left: 33.3333333333%
}
.offset-desktop-large-5 {
margin-left: 41.6666666667%
}
.offset-desktop-large-6 {
margin-left: 50%
}
.offset-desktop-large-7 {
margin-left: 58.3333333333%
}
.offset-desktop-large-8 {
margin-left: 66.6666666667%
}
.offset-desktop-large-9 {
margin-left: 75%
}
.offset-desktop-large-10 {
margin-left: 83.3333333333%
}
.offset-desktop-large-11 {
margin-left: 91.6666666667%
}
.g-desktop-large-0,
.gx-desktop-large-0 {
--bs-gutter-x: 0
}
.g-desktop-large-0,
.gy-desktop-large-0 {
--bs-gutter-y: 0
}
.g-desktop-large-1,
.gx-desktop-large-1 {
--bs-gutter-x: .25rem
}
.g-desktop-large-1,
.gy-desktop-large-1 {
--bs-gutter-y: .25rem
}
.g-desktop-large-2,
.gx-desktop-large-2 {
--bs-gutter-x: .5rem
}
.g-desktop-large-2,
.gy-desktop-large-2 {
--bs-gutter-y: .5rem
}
.g-desktop-large-3,
.gx-desktop-large-3 {
--bs-gutter-x: 1rem
}
.g-desktop-large-3,
.gy-desktop-large-3 {
--bs-gutter-y: 1rem
}
.g-desktop-large-4,
.gx-desktop-large-4 {
--bs-gutter-x: 1.5rem
}
.g-desktop-large-4,
.gy-desktop-large-4 {
--bs-gutter-y: 1.5rem
}
.g-desktop-large-5,
.gx-desktop-large-5 {
--bs-gutter-x: 3rem
}
.g-desktop-large-5,
.gy-desktop-large-5 {
--bs-gutter-y: 3rem
}
}
.d-inline {
display: inline !important
}
.d-inline-block {
display: inline-block !important
}
.d-block {
display: block !important
}
.d-grid {
display: grid !important
}
.d-table {
display: table !important
}
.d-table-row {
display: table-row !important
}
.d-table-cell {
display: table-cell !important
}
.d-flex {
display: flex !important
}
.d-inline-flex {
display: inline-flex !important
}
.d-none {
display: none !important
}
.flex-fill {
flex: 1 1 auto !important
}
.flex-row {
flex-direction: row !important
}
.flex-column {
flex-direction: column !important
}
.flex-row-reverse {
flex-direction: row-reverse !important
}
.flex-column-reverse {
flex-direction: column-reverse !important
}
.flex-grow-0 {
flex-grow: 0 !important
}
.flex-grow-1 {
flex-grow: 1 !important
}
.flex-shrink-0 {
flex-shrink: 0 !important
}
.flex-shrink-1 {
flex-shrink: 1 !important
}
.flex-wrap {
flex-wrap: wrap !important
}
.flex-nowrap {
flex-wrap: nowrap !important
}
.flex-wrap-reverse {
flex-wrap: wrap-reverse !important
}
.justify-content-start {
justify-content: flex-start !important
}
.justify-content-end {
justify-content: flex-end !important
}
.justify-content-center {
justify-content: center !important
}
.justify-content-between {
justify-content: space-between !important
}
.justify-content-around {
justify-content: space-around !important
}
.justify-content-evenly {
justify-content: space-evenly !important
}
.align-items-start {
align-items: flex-start !important
}
.align-items-end {
align-items: flex-end !important
}
.align-items-center {
align-items: center !important
}
.align-items-center-recipe {
align-items: flex-start !important
}
.align-items-baseline {
align-items: baseline !important
}
.align-items-stretch {
align-items: stretch !important
}
.align-content-start {
align-content: flex-start !important
}
.align-content-end {
align-content: flex-end !important
}
.align-content-center {
align-content: center !important
}
.align-content-between {
align-content: space-between !important
}
.align-content-around {
align-content: space-around !important
}
.align-content-stretch {
align-content: stretch !important
}
.align-self-auto {
align-self: auto !important
}
.align-self-start {
align-self: flex-start !important
}
.align-self-end {
align-self: flex-end !important
}
.align-self-center {
align-self: center !important
}
.align-self-baseline {
align-self: baseline !important
}
.align-self-stretch {
align-self: stretch !important
}
.order-first {
order: -1 !important
}
.order-0 {
order: 0 !important
}
.order-1 {
order: 1 !important
}
.order-2 {
order: 2 !important
}
.order-3 {
order: 3 !important;
padding-bottom: 4rem
}
.order-4 {
order: 4 !important
}
.order-5 {
order: 5 !important
}
.order-last {
order: 6 !important
}
.m-0 {
margin: 0 !important
}
.m-1 {
margin: .25rem !important
}
.m-2 {
margin: .5rem !important
}
.m-3 {
margin: 1rem !important
}
.m-4 {
margin: 1.5rem !important
}
.m-5 {
margin: 3rem !important
}
.m-auto {
margin: auto !important
}
.mx-0 {
margin-left: 0 !important;
margin-right: 0 !important
}
.mx-1 {
margin-left: .25rem !important;
margin-right: .25rem !important
}
.mx-2 {
margin-left: .5rem !important;
margin-right: .5rem !important
}
.mx-3 {
margin-left: 1rem !important;
margin-right: 1rem !important
}
.mx-4 {
margin-left: 1.5rem !important;
margin-right: 1.5rem !important
}
.mx-5 {
margin-left: 3rem !important;
margin-right: 3rem !important
}
.mx-auto {
margin-left: auto !important;
margin-right: auto !important
}
.my-0 {
margin-bottom: 0 !important;
margin-top: 0 !important
}
.my-1 {
margin-bottom: .25rem !important;
margin-top: .25rem !important
}
.my-2 {
margin-bottom: .5rem !important;
margin-top: .5rem !important
}
.my-3 {
margin-bottom: 1rem !important;
margin-top: 1rem !important
}
.my-4 {
margin-bottom: 1.5rem !important;
margin-top: 1.5rem !important
}
.my-5 {
margin-bottom: 3rem !important;
margin-top: 3rem !important
}
.my-auto {
margin-bottom: auto !important;
margin-top: auto !important
}
.mt-0 {
margin-top: 0 !important
}
.mt-1 {
margin-top: .25rem !important
}
.mt-2 {
margin-top: .5rem !important
}
.mt-3 {
margin-top: 1rem !important
}
.mt-4 {
margin-top: 1.5rem !important
}
.mt-5 {
margin-top: 3rem !important
}
.mt-auto {
margin-top: auto !important
}
.me-0 {
margin-right: 0 !important
}
.me-1 {
margin-right: .25rem !important
}
.me-2 {
margin-right: .5rem !important
}
.me-3 {
margin-right: 1rem !important
}
.me-4 {
margin-right: 1.5rem !important
}
.me-5 {
margin-right: 3rem !important
}
.me-auto {
margin-right: auto !important
}
.mb-0 {
margin-bottom: 0 !important
}
.mb-1 {
margin-bottom: .25rem !important
}
.mb-2 {
margin-bottom: .5rem !important
}
.mb-3 {
margin-bottom: 1rem !important
}
.mb-4 {
margin-bottom: 1.5rem !important
}
.mb-5 {
margin-bottom: 3rem !important
}
.mb-auto {
margin-bottom: auto !important
}
.ms-0 {
margin-left: 0 !important
}
.ms-1 {
margin-left: .25rem !important
}
.ms-2 {
margin-left: .5rem !important
}
.ms-3 {
margin-left: 1rem !important
}
.ms-4 {
margin-left: 1.5rem !important
}
.ms-5 {
margin-left: 3rem !important
}
.ms-auto {
margin-left: auto !important
}
.p-0 {
padding: 0 !important
}
.p-1 {
padding: .25rem !important
}
.p-2 {
padding: .5rem !important
}
.p-3 {
padding: 1rem !important
}
.p-4 {
padding: 1.5rem !important
}
.p-5 {
padding: 3rem !important
}
.px-0 {
padding-left: 0 !important;
padding-right: 0 !important
}
.px-1 {
padding-left: .25rem !important;
padding-right: .25rem !important
}
.px-2 {
padding-left: .5rem !important;
padding-right: .5rem !important
}
.px-3 {
padding-left: 1rem !important;
padding-right: 1rem !important
}
.px-4 {
padding-left: 1.5rem !important;
padding-right: 1.5rem !important
}
.px-5 {
padding-left: 3rem !important;
padding-right: 3rem !important
}
.py-0 {
padding-bottom: 0 !important;
padding-top: 0 !important
}
.py-1 {
padding-bottom: .25rem !important;
padding-top: .25rem !important
}
.py-2 {
padding-bottom: .5rem !important;
padding-top: .5rem !important
}
.py-3 {
padding-bottom: 1rem !important;
padding-top: 1rem !important
}
.py-4 {
padding-bottom: 1.5rem !important;
padding-top: 1.5rem !important
}
.py-5 {
padding-bottom: 3rem !important;
padding-top: 3rem !important
}
.pt-0 {
padding-top: 0 !important
}
.pt-1 {
padding-top: .25rem !important
}
.pt-2 {
padding-top: .5rem !important
}
.pt-3 {
padding-top: 1rem !important
}
.pt-4 {
padding-top: 1.5rem !important
}
.pt-5 {
padding-top: 3rem !important
}
.pe-0 {
padding-right: 0 !important
}
.pe-1 {
padding-right: .25rem !important
}
.pe-2 {
padding-right: .5rem !important
}
.pe-3 {
padding-right: 1rem !important
}
.pe-4 {
padding-right: 1.5rem !important
}
.pe-5 {
padding-right: 3rem !important
}
.pb-0 {
padding-bottom: 0 !important
}
.pb-1 {
padding-bottom: .25rem !important
}
.pb-2 {
padding-bottom: .5rem !important
}
.pb-3 {
padding-bottom: 1rem !important
}
.pb-4 {
padding-bottom: 1.5rem !important
}
.pb-5 {
padding-bottom: 3rem !important
}
.ps-0 {
padding-left: 0 !important
}
.ps-1 {
padding-left: .25rem !important
}
.ps-2 {
padding-left: .5rem !important
}
.ps-3 {
padding-left: 1rem !important
}
.ps-4 {
padding-left: 1.5rem !important
}
.ps-5 {
padding-left: 3rem !important
}
@media (min-width:320px) {
.d-mobile-inline {
display: inline !important
}
.d-mobile-inline-block {
display: inline-block !important
}
.d-mobile-block {
display: block !important
}
.d-mobile-grid {
display: grid !important
}
.d-mobile-table {
display: table !important
}
.d-mobile-table-row {
display: table-row !important
}
.d-mobile-table-cell {
display: table-cell !important
}
.d-mobile-flex {
display: flex !important
}
.d-mobile-inline-flex {
display: inline-flex !important
}
.d-mobile-none {
display: none !important
}
.flex-mobile-fill {
flex: 1 1 auto !important
}
.flex-mobile-row {
flex-direction: row !important
}
.flex-mobile-column {
flex-direction: column !important
}
.flex-mobile-row-reverse {
flex-direction: row-reverse !important
}
.flex-mobile-column-reverse {
flex-direction: column-reverse !important
}
.flex-mobile-grow-0 {
flex-grow: 0 !important
}
.flex-mobile-grow-1 {
flex-grow: 1 !important
}
.flex-mobile-shrink-0 {
flex-shrink: 0 !important
}
.flex-mobile-shrink-1 {
flex-shrink: 1 !important
}
.flex-mobile-wrap {
flex-wrap: wrap !important
}
.flex-mobile-nowrap {
flex-wrap: nowrap !important
}
.flex-mobile-wrap-reverse {
flex-wrap: wrap-reverse !important
}
.justify-content-mobile-start {
justify-content: flex-start !important
}
.justify-content-mobile-end {
justify-content: flex-end !important
}
.justify-content-mobile-center {
justify-content: center !important
}
.justify-content-mobile-between {
justify-content: space-between !important
}
.justify-content-mobile-around {
justify-content: space-around !important
}
.justify-content-mobile-evenly {
justify-content: space-evenly !important
}
.align-items-mobile-start {
align-items: flex-start !important
}
.align-items-mobile-end {
align-items: flex-end !important
}
.align-items-mobile-center {
align-items: center !important
}
.align-items-mobile-baseline {
align-items: baseline !important
}
.align-items-mobile-stretch {
align-items: stretch !important
}
.align-content-mobile-start {
align-content: flex-start !important
}
.align-content-mobile-end {
align-content: flex-end !important
}
.align-content-mobile-center {
align-content: center !important
}
.align-content-mobile-between {
align-content: space-between !important
}
.align-content-mobile-around {
align-content: space-around !important
}
.align-content-mobile-stretch {
align-content: stretch !important
}
.align-self-mobile-auto {
align-self: auto !important
}
.align-self-mobile-start {
align-self: flex-start !important
}
.align-self-mobile-end {
align-self: flex-end !important
}
.align-self-mobile-center {
align-self: center !important
}
.align-self-mobile-baseline {
align-self: baseline !important
}
.align-self-mobile-stretch {
align-self: stretch !important
}
.order-mobile-first {
order: -1 !important
}
.order-mobile-0 {
order: 0 !important
}
.order-mobile-1 {
order: 1 !important
}
.order-mobile-2 {
order: 2 !important
}
.order-mobile-3 {
order: 3 !important
}
.order-mobile-4 {
order: 4 !important
}
.order-mobile-5 {
order: 5 !important
}
.order-mobile-last {
order: 6 !important
}
.m-mobile-0 {
margin: 0 !important
}
.m-mobile-1 {
margin: .25rem !important
}
.m-mobile-2 {
margin: .5rem !important
}
.m-mobile-3 {
margin: 1rem !important
}
.m-mobile-4 {
margin: 1.5rem !important
}
.m-mobile-5 {
margin: 3rem !important
}
.m-mobile-auto {
margin: auto !important
}
.mx-mobile-0 {
margin-left: 0 !important;
margin-right: 0 !important
}
.mx-mobile-1 {
margin-left: .25rem !important;
margin-right: .25rem !important
}
.mx-mobile-2 {
margin-left: .5rem !important;
margin-right: .5rem !important
}
.mx-mobile-3 {
margin-left: 1rem !important;
margin-right: 1rem !important
}
.mx-mobile-4 {
margin-left: 1.5rem !important;
margin-right: 1.5rem !important
}
.mx-mobile-5 {
margin-left: 3rem !important;
margin-right: 3rem !important
}
.mx-mobile-auto {
margin-left: auto !important;
margin-right: auto !important
}
.my-mobile-0 {
margin-bottom: 0 !important;
margin-top: 0 !important
}
.my-mobile-1 {
margin-bottom: .25rem !important;
margin-top: .25rem !important
}
.my-mobile-2 {
margin-bottom: .5rem !important;
margin-top: .5rem !important
}
.my-mobile-3 {
margin-bottom: 1rem !important;
margin-top: 1rem !important
}
.my-mobile-4 {
margin-bottom: 1.5rem !important;
margin-top: 1.5rem !important
}
.my-mobile-5 {
margin-bottom: 3rem !important;
margin-top: 3rem !important
}
.my-mobile-auto {
margin-bottom: auto !important;
margin-top: auto !important
}
.mt-mobile-0 {
margin-top: 0 !important
}
.mt-mobile-1 {
margin-top: .25rem !important
}
.mt-mobile-2 {
margin-top: .5rem !important
}
.mt-mobile-3 {
margin-top: 1rem !important
}
.mt-mobile-4 {
margin-top: 1.5rem !important
}
.mt-mobile-5 {
margin-top: 3rem !important
}
.mt-mobile-auto {
margin-top: auto !important
}
.me-mobile-0 {
margin-right: 0 !important
}
.me-mobile-1 {
margin-right: .25rem !important
}
.me-mobile-2 {
margin-right: .5rem !important
}
.me-mobile-3 {
margin-right: 1rem !important
}
.me-mobile-4 {
margin-right: 1.5rem !important
}
.me-mobile-5 {
margin-right: 3rem !important
}
.me-mobile-auto {
margin-right: auto !important
}
.mb-mobile-0 {
margin-bottom: 0 !important
}
.mb-mobile-1 {
margin-bottom: .25rem !important
}
.mb-mobile-2 {
margin-bottom: .5rem !important
}
.mb-mobile-3 {
margin-bottom: 1rem !important
}
.mb-mobile-4 {
margin-bottom: 1.5rem !important
}
.mb-mobile-5 {
margin-bottom: 3rem !important
}
.mb-mobile-auto {
margin-bottom: auto !important
}
.ms-mobile-0 {
margin-left: 0 !important
}
.ms-mobile-1 {
margin-left: .25rem !important
}
.ms-mobile-2 {
margin-left: .5rem !important
}
.ms-mobile-3 {
margin-left: 1rem !important
}
.ms-mobile-4 {
margin-left: 1.5rem !important
}
.ms-mobile-5 {
margin-left: 3rem !important
}
.ms-mobile-auto {
margin-left: auto !important
}
.p-mobile-0 {
padding: 0 !important
}
.p-mobile-1 {
padding: .25rem !important
}
.p-mobile-2 {
padding: .5rem !important
}
.p-mobile-3 {
padding: 1rem !important
}
.p-mobile-4 {
padding: 1.5rem !important
}
.p-mobile-5 {
padding: 3rem !important
}
.px-mobile-0 {
padding-left: 0 !important;
padding-right: 0 !important
}
.px-mobile-1 {
padding-left: .25rem !important;
padding-right: .25rem !important
}
.px-mobile-2 {
padding-left: .5rem !important;
padding-right: .5rem !important
}
.px-mobile-3 {
padding-left: 1rem !important;
padding-right: 1rem !important
}
.px-mobile-4 {
padding-left: 1.5rem !important;
padding-right: 1.5rem !important
}
.px-mobile-5 {
padding-left: 3rem !important;
padding-right: 3rem !important
}
.py-mobile-0 {
padding-bottom: 0 !important;
padding-top: 0 !important
}
.py-mobile-1 {
padding-bottom: .25rem !important;
padding-top: .25rem !important
}
.py-mobile-2 {
padding-bottom: .5rem !important;
padding-top: .5rem !important
}
.py-mobile-3 {
padding-bottom: 1rem !important;
padding-top: 1rem !important
}
.py-mobile-4 {
padding-bottom: 1.5rem !important;
padding-top: 1.5rem !important
}
.py-mobile-5 {
padding-bottom: 3rem !important;
padding-top: 3rem !important
}
.pt-mobile-0 {
padding-top: 0 !important
}
.pt-mobile-1 {
padding-top: .25rem !important
}
.pt-mobile-2 {
padding-top: .5rem !important
}
.pt-mobile-3 {
padding-top: 1rem !important
}
.pt-mobile-4 {
padding-top: 1.5rem !important
}
.pt-mobile-5 {
padding-top: 3rem !important
}
.pe-mobile-0 {
padding-right: 0 !important
}
.pe-mobile-1 {
padding-right: .25rem !important
}
.pe-mobile-2 {
padding-right: .5rem !important
}
.pe-mobile-3 {
padding-right: 1rem !important
}
.pe-mobile-4 {
padding-right: 1.5rem !important
}
.pe-mobile-5 {
padding-right: 3rem !important
}
.pb-mobile-0 {
padding-bottom: 0 !important
}
.pb-mobile-1 {
padding-bottom: .25rem !important
}
.pb-mobile-2 {
padding-bottom: .5rem !important
}
.pb-mobile-3 {
padding-bottom: 1rem !important
}
.pb-mobile-4 {
padding-bottom: 1.5rem !important
}
.pb-mobile-5 {
padding-bottom: 3rem !important
}
.ps-mobile-0 {
padding-left: 0 !important
}
.ps-mobile-1 {
padding-left: .25rem !important
}
.ps-mobile-2 {
padding-left: .5rem !important
}
.ps-mobile-3 {
padding-left: 1rem !important
}
.ps-mobile-4 {
padding-left: 1.5rem !important
}
.ps-mobile-5 {
padding-left: 3rem !important
}
}
@media (min-width:600px) {
.d-mobile-lg-inline {
display: inline !important
}
.d-mobile-lg-inline-block {
display: inline-block !important
}
.d-mobile-lg-block {
display: block !important
}
.d-mobile-lg-grid {
display: grid !important
}
.d-mobile-lg-table {
display: table !important
}
.d-mobile-lg-table-row {
display: table-row !important
}
.d-mobile-lg-table-cell {
display: table-cell !important
}
.d-mobile-lg-flex {
display: flex !important
}
.d-mobile-lg-inline-flex {
display: inline-flex !important
}
.d-mobile-lg-none {
display: none !important
}
.flex-mobile-lg-fill {
flex: 1 1 auto !important
}
.flex-mobile-lg-row {
flex-direction: row !important
}
.flex-mobile-lg-column {
flex-direction: column !important
}
.flex-mobile-lg-row-reverse {
flex-direction: row-reverse !important
}
.flex-mobile-lg-column-reverse {
flex-direction: column-reverse !important
}
.flex-mobile-lg-grow-0 {
flex-grow: 0 !important
}
.flex-mobile-lg-grow-1 {
flex-grow: 1 !important
}
.flex-mobile-lg-shrink-0 {
flex-shrink: 0 !important
}
.flex-mobile-lg-shrink-1 {
flex-shrink: 1 !important
}
.flex-mobile-lg-wrap {
flex-wrap: wrap !important
}
.flex-mobile-lg-nowrap {
flex-wrap: nowrap !important
}
.flex-mobile-lg-wrap-reverse {
flex-wrap: wrap-reverse !important
}
.justify-content-mobile-lg-start {
justify-content: flex-start !important
}
.justify-content-mobile-lg-end {
justify-content: flex-end !important
}
.justify-content-mobile-lg-center {
justify-content: center !important
}
.justify-content-mobile-lg-between {
justify-content: space-between !important
}
.justify-content-mobile-lg-around {
justify-content: space-around !important
}
.justify-content-mobile-lg-evenly {
justify-content: space-evenly !important
}
.align-items-mobile-lg-start {
align-items: flex-start !important
}
.align-items-mobile-lg-end {
align-items: flex-end !important
}
.align-items-mobile-lg-center {
align-items: center !important
}
.align-items-mobile-lg-baseline {
align-items: baseline !important
}
.align-items-mobile-lg-stretch {
align-items: stretch !important
}
.align-content-mobile-lg-start {
align-content: flex-start !important
}
.align-content-mobile-lg-end {
align-content: flex-end !important
}
.align-content-mobile-lg-center {
align-content: center !important
}
.align-content-mobile-lg-between {
align-content: space-between !important
}
.align-content-mobile-lg-around {
align-content: space-around !important
}
.align-content-mobile-lg-stretch {
align-content: stretch !important
}
.align-self-mobile-lg-auto {
align-self: auto !important
}
.align-self-mobile-lg-start {
align-self: flex-start !important
}
.align-self-mobile-lg-end {
align-self: flex-end !important
}
.align-self-mobile-lg-center {
align-self: center !important
}
.align-self-mobile-lg-baseline {
align-self: baseline !important
}
.align-self-mobile-lg-stretch {
align-self: stretch !important
}
.order-mobile-lg-first {
order: -1 !important
}
.order-mobile-lg-0 {
order: 0 !important
}
.order-mobile-lg-1 {
order: 1 !important
}
.order-mobile-lg-2 {
order: 2 !important
}
.order-mobile-lg-3 {
order: 3 !important
}
.order-mobile-lg-4 {
order: 4 !important
}
.order-mobile-lg-5 {
order: 5 !important
}
.order-mobile-lg-last {
order: 6 !important
}
.m-mobile-lg-0 {
margin: 0 !important
}
.m-mobile-lg-1 {
margin: .25rem !important
}
.m-mobile-lg-2 {
margin: .5rem !important
}
.m-mobile-lg-3 {
margin: 1rem !important
}
.m-mobile-lg-4 {
margin: 1.5rem !important
}
.m-mobile-lg-5 {
margin: 3rem !important
}
.m-mobile-lg-auto {
margin: auto !important
}
.mx-mobile-lg-0 {
margin-left: 0 !important;
margin-right: 0 !important
}
.mx-mobile-lg-1 {
margin-left: .25rem !important;
margin-right: .25rem !important
}
.mx-mobile-lg-2 {
margin-left: .5rem !important;
margin-right: .5rem !important
}
.mx-mobile-lg-3 {
margin-left: 1rem !important;
margin-right: 1rem !important
}
.mx-mobile-lg-4 {
margin-left: 1.5rem !important;
margin-right: 1.5rem !important
}
.mx-mobile-lg-5 {
margin-left: 3rem !important;
margin-right: 3rem !important
}
.mx-mobile-lg-auto {
margin-left: auto !important;
margin-right: auto !important
}
.my-mobile-lg-0 {
margin-bottom: 0 !important;
margin-top: 0 !important
}
.my-mobile-lg-1 {
margin-bottom: .25rem !important;
margin-top: .25rem !important
}
.my-mobile-lg-2 {
margin-bottom: .5rem !important;
margin-top: .5rem !important
}
.my-mobile-lg-3 {
margin-bottom: 1rem !important;
margin-top: 1rem !important
}
.my-mobile-lg-4 {
margin-bottom: 1.5rem !important;
margin-top: 1.5rem !important
}
.my-mobile-lg-5 {
margin-bottom: 3rem !important;
margin-top: 3rem !important
}
.my-mobile-lg-auto {
margin-bottom: auto !important;
margin-top: auto !important
}
.mt-mobile-lg-0 {
margin-top: 0 !important
}
.mt-mobile-lg-1 {
margin-top: .25rem !important
}
.mt-mobile-lg-2 {
margin-top: .5rem !important
}
.mt-mobile-lg-3 {
margin-top: 1rem !important
}
.mt-mobile-lg-4 {
margin-top: 1.5rem !important
}
.mt-mobile-lg-5 {
margin-top: 3rem !important
}
.mt-mobile-lg-auto {
margin-top: auto !important
}
.me-mobile-lg-0 {
margin-right: 0 !important
}
.me-mobile-lg-1 {
margin-right: .25rem !important
}
.me-mobile-lg-2 {
margin-right: .5rem !important
}
.me-mobile-lg-3 {
margin-right: 1rem !important
}
.me-mobile-lg-4 {
margin-right: 1.5rem !important
}
.me-mobile-lg-5 {
margin-right: 3rem !important
}
.me-mobile-lg-auto {
margin-right: auto !important
}
.mb-mobile-lg-0 {
margin-bottom: 0 !important
}
.mb-mobile-lg-1 {
margin-bottom: .25rem !important
}
.mb-mobile-lg-2 {
margin-bottom: .5rem !important
}
.mb-mobile-lg-3 {
margin-bottom: 1rem !important
}
.mb-mobile-lg-4 {
margin-bottom: 1.5rem !important
}
.mb-mobile-lg-5 {
margin-bottom: 3rem !important
}
.mb-mobile-lg-auto {
margin-bottom: auto !important
}
.ms-mobile-lg-0 {
margin-left: 0 !important
}
.ms-mobile-lg-1 {
margin-left: .25rem !important
}
.ms-mobile-lg-2 {
margin-left: .5rem !important
}
.ms-mobile-lg-3 {
margin-left: 1rem !important
}
.ms-mobile-lg-4 {
margin-left: 1.5rem !important
}
.ms-mobile-lg-5 {
margin-left: 3rem !important
}
.ms-mobile-lg-auto {
margin-left: auto !important
}
.p-mobile-lg-0 {
padding: 0 !important
}
.p-mobile-lg-1 {
padding: .25rem !important
}
.p-mobile-lg-2 {
padding: .5rem !important
}
.p-mobile-lg-3 {
padding: 1rem !important
}
.p-mobile-lg-4 {
padding: 1.5rem !important
}
.p-mobile-lg-5 {
padding: 3rem !important
}
.px-mobile-lg-0 {
padding-left: 0 !important;
padding-right: 0 !important
}
.px-mobile-lg-1 {
padding-left: .25rem !important;
padding-right: .25rem !important
}
.px-mobile-lg-2 {
padding-left: .5rem !important;
padding-right: .5rem !important
}
.px-mobile-lg-3 {
padding-left: 1rem !important;
padding-right: 1rem !important
}
.px-mobile-lg-4 {
padding-left: 1.5rem !important;
padding-right: 1.5rem !important
}
.px-mobile-lg-5 {
padding-left: 3rem !important;
padding-right: 3rem !important
}
.py-mobile-lg-0 {
padding-bottom: 0 !important;
padding-top: 0 !important
}
.py-mobile-lg-1 {
padding-bottom: .25rem !important;
padding-top: .25rem !important
}
.py-mobile-lg-2 {
padding-bottom: .5rem !important;
padding-top: .5rem !important
}
.py-mobile-lg-3 {
padding-bottom: 1rem !important;
padding-top: 1rem !important
}
.py-mobile-lg-4 {
padding-bottom: 1.5rem !important;
padding-top: 1.5rem !important
}
.py-mobile-lg-5 {
padding-bottom: 3rem !important;
padding-top: 3rem !important
}
.pt-mobile-lg-0 {
padding-top: 0 !important
}
.pt-mobile-lg-1 {
padding-top: .25rem !important
}
.pt-mobile-lg-2 {
padding-top: .5rem !important
}
.pt-mobile-lg-3 {
padding-top: 1rem !important
}
.pt-mobile-lg-4 {
padding-top: 1.5rem !important
}
.pt-mobile-lg-5 {
padding-top: 3rem !important
}
.pe-mobile-lg-0 {
padding-right: 0 !important
}
.pe-mobile-lg-1 {
padding-right: .25rem !important
}
.pe-mobile-lg-2 {
padding-right: .5rem !important
}
.pe-mobile-lg-3 {
padding-right: 1rem !important
}
.pe-mobile-lg-4 {
padding-right: 1.5rem !important
}
.pe-mobile-lg-5 {
padding-right: 3rem !important
}
.pb-mobile-lg-0 {
padding-bottom: 0 !important
}
.pb-mobile-lg-1 {
padding-bottom: .25rem !important
}
.pb-mobile-lg-2 {
padding-bottom: .5rem !important
}
.pb-mobile-lg-3 {
padding-bottom: 1rem !important
}
.pb-mobile-lg-4 {
padding-bottom: 1.5rem !important
}
.pb-mobile-lg-5 {
padding-bottom: 3rem !important
}
.ps-mobile-lg-0 {
padding-left: 0 !important
}
.ps-mobile-lg-1 {
padding-left: .25rem !important
}
.ps-mobile-lg-2 {
padding-left: .5rem !important
}
.ps-mobile-lg-3 {
padding-left: 1rem !important
}
.ps-mobile-lg-4 {
padding-left: 1.5rem !important
}
.ps-mobile-lg-5 {
padding-left: 3rem !important
}
}
@media (min-width:768px) {
.d-tablet-inline {
display: inline !important
}
.d-tablet-inline-block {
display: inline-block !important
}
.d-tablet-block {
display: block !important
}
.d-tablet-grid {
display: grid !important
}
.d-tablet-table {
display: table !important
}
.d-tablet-table-row {
display: table-row !important
}
.d-tablet-table-cell {
display: table-cell !important
}
.d-tablet-flex {
display: flex !important
}
.d-tablet-inline-flex {
display: inline-flex !important
}
.d-tablet-none {
display: none !important
}
.flex-tablet-fill {
flex: 1 1 auto !important
}
.flex-tablet-row {
flex-direction: row !important
}
.flex-tablet-column {
flex-direction: column !important
}
.flex-tablet-row-reverse {
flex-direction: row-reverse !important
}
.flex-tablet-column-reverse {
flex-direction: column-reverse !important
}
.flex-tablet-grow-0 {
flex-grow: 0 !important
}
.flex-tablet-grow-1 {
flex-grow: 1 !important
}
.flex-tablet-shrink-0 {
flex-shrink: 0 !important
}
.flex-tablet-shrink-1 {
flex-shrink: 1 !important
}
.flex-tablet-wrap {
flex-wrap: wrap !important
}
.flex-tablet-nowrap {
flex-wrap: nowrap !important
}
.flex-tablet-wrap-reverse {
flex-wrap: wrap-reverse !important
}
.justify-content-tablet-start {
justify-content: flex-start !important
}
.justify-content-tablet-end {
justify-content: flex-end !important
}
.justify-content-tablet-center {
justify-content: center !important
}
.justify-content-tablet-between {
justify-content: space-between !important
}
.justify-content-tablet-around {
justify-content: space-around !important
}
.justify-content-tablet-evenly {
justify-content: space-evenly !important
}
.align-items-tablet-start {
align-items: flex-start !important
}
.align-items-tablet-end {
align-items: flex-end !important
}
.align-items-tablet-center {
align-items: center !important
}
.align-items-tablet-baseline {
align-items: baseline !important
}
.align-items-tablet-stretch {
align-items: stretch !important
}
.align-content-tablet-start {
align-content: flex-start !important
}
.align-content-tablet-end {
align-content: flex-end !important
}
.align-content-tablet-center {
align-content: center !important
}
.align-content-tablet-between {
align-content: space-between !important
}
.align-content-tablet-around {
align-content: space-around !important
}
.align-content-tablet-stretch {
align-content: stretch !important
}
.align-self-tablet-auto {
align-self: auto !important
}
.align-self-tablet-start {
align-self: flex-start !important
}
.align-self-tablet-end {
align-self: flex-end !important
}
.align-self-tablet-center {
align-self: center !important
}
.align-self-tablet-baseline {
align-self: baseline !important
}
.align-self-tablet-stretch {
align-self: stretch !important
}
.order-tablet-first {
order: -1 !important
}
.order-tablet-0 {
order: 0 !important
}
.order-tablet-1 {
order: 1 !important
}
.order-tablet-2 {
order: 2 !important
}
.order-tablet-3 {
order: 3 !important
}
.order-tablet-4 {
order: 4 !important
}
.order-tablet-5 {
order: 5 !important
}
.order-tablet-last {
order: 6 !important
}
.m-tablet-0 {
margin: 0 !important
}
.m-tablet-1 {
margin: .25rem !important
}
.m-tablet-2 {
margin: .5rem !important
}
.m-tablet-3 {
margin: 1rem !important
}
.m-tablet-4 {
margin: 1.5rem !important
}
.m-tablet-5 {
margin: 3rem !important
}
.m-tablet-auto {
margin: auto !important
}
.mx-tablet-0 {
margin-left: 0 !important;
margin-right: 0 !important
}
.mx-tablet-1 {
margin-left: .25rem !important;
margin-right: .25rem !important
}
.mx-tablet-2 {
margin-left: .5rem !important;
margin-right: .5rem !important
}
.mx-tablet-3 {
margin-left: 1rem !important;
margin-right: 1rem !important
}
.mx-tablet-4 {
margin-left: 1.5rem !important;
margin-right: 1.5rem !important
}
.mx-tablet-5 {
margin-left: 3rem !important;
margin-right: 3rem !important
}
.mx-tablet-auto {
margin-left: auto !important;
margin-right: auto !important
}
.my-tablet-0 {
margin-bottom: 0 !important;
margin-top: 0 !important
}
.my-tablet-1 {
margin-bottom: .25rem !important;
margin-top: .25rem !important
}
.my-tablet-2 {
margin-bottom: .5rem !important;
margin-top: .5rem !important
}
.my-tablet-3 {
margin-bottom: 1rem !important;
margin-top: 1rem !important
}
.my-tablet-4 {
margin-bottom: 1.5rem !important;
margin-top: 1.5rem !important
}
.my-tablet-5 {
margin-bottom: 3rem !important;
margin-top: 3rem !important
}
.my-tablet-auto {
margin-bottom: auto !important;
margin-top: auto !important
}
.mt-tablet-0 {
margin-top: 0 !important
}
.mt-tablet-1 {
margin-top: .25rem !important
}
.mt-tablet-2 {
margin-top: .5rem !important
}
.mt-tablet-3 {
margin-top: 1rem !important
}
.mt-tablet-4 {
margin-top: 1.5rem !important
}
.mt-tablet-5 {
margin-top: 3rem !important
}
.mt-tablet-auto {
margin-top: auto !important
}
.me-tablet-0 {
margin-right: 0 !important
}
.me-tablet-1 {
margin-right: .25rem !important
}
.me-tablet-2 {
margin-right: .5rem !important
}
.me-tablet-3 {
margin-right: 1rem !important
}
.me-tablet-4 {
margin-right: 1.5rem !important
}
.me-tablet-5 {
margin-right: 3rem !important
}
.me-tablet-auto {
margin-right: auto !important
}
.mb-tablet-0 {
margin-bottom: 0 !important
}
.mb-tablet-1 {
margin-bottom: .25rem !important
}
.mb-tablet-2 {
margin-bottom: .5rem !important
}
.mb-tablet-3 {
margin-bottom: 1rem !important
}
.mb-tablet-4 {
margin-bottom: 1.5rem !important
}
.mb-tablet-5 {
margin-bottom: 3rem !important
}
.mb-tablet-auto {
margin-bottom: auto !important
}
.ms-tablet-0 {
margin-left: 0 !important
}
.ms-tablet-1 {
margin-left: .25rem !important
}
.ms-tablet-2 {
margin-left: .5rem !important
}
.ms-tablet-3 {
margin-left: 1rem !important
}
.ms-tablet-4 {
margin-left: 1.5rem !important
}
.ms-tablet-5 {
margin-left: 3rem !important
}
.ms-tablet-auto {
margin-left: auto !important
}
.p-tablet-0 {
padding: 0 !important
}
.p-tablet-1 {
padding: .25rem !important
}
.p-tablet-2 {
padding: .5rem !important
}
.p-tablet-3 {
padding: 1rem !important
}
.p-tablet-4 {
padding: 1.5rem !important
}
.p-tablet-5 {
padding: 3rem !important
}
.px-tablet-0 {
padding-left: 0 !important;
padding-right: 0 !important
}
.px-tablet-1 {
padding-left: .25rem !important;
padding-right: .25rem !important
}
.px-tablet-2 {
padding-left: .5rem !important;
padding-right: .5rem !important
}
.px-tablet-3 {
padding-left: 1rem !important;
padding-right: 1rem !important
}
.px-tablet-4 {
padding-left: 1.5rem !important;
padding-right: 1.5rem !important
}
.px-tablet-5 {
padding-left: 3rem !important;
padding-right: 3rem !important
}
.py-tablet-0 {
padding-bottom: 0 !important;
padding-top: 0 !important
}
.py-tablet-1 {
padding-bottom: .25rem !important;
padding-top: .25rem !important
}
.py-tablet-2 {
padding-bottom: .5rem !important;
padding-top: .5rem !important
}
.py-tablet-3 {
padding-bottom: 1rem !important;
padding-top: 1rem !important
}
.py-tablet-4 {
padding-bottom: 1.5rem !important;
padding-top: 1.5rem !important
}
.py-tablet-5 {
padding-bottom: 3rem !important;
padding-top: 3rem !important
}
.pt-tablet-0 {
padding-top: 0 !important
}
.pt-tablet-1 {
padding-top: .25rem !important
}
.pt-tablet-2 {
padding-top: .5rem !important
}
.pt-tablet-3 {
padding-top: 1rem !important
}
.pt-tablet-4 {
padding-top: 1.5rem !important
}
.pt-tablet-5 {
padding-top: 3rem !important
}
.pe-tablet-0 {
padding-right: 0 !important
}
.pe-tablet-1 {
padding-right: .25rem !important
}
.pe-tablet-2 {
padding-right: .5rem !important
}
.pe-tablet-3 {
padding-right: 1rem !important
}
.pe-tablet-4 {
padding-right: 1.5rem !important
}
.pe-tablet-5 {
padding-right: 3rem !important
}
.pb-tablet-0 {
padding-bottom: 0 !important
}
.pb-tablet-1 {
padding-bottom: .25rem !important
}
.pb-tablet-2 {
padding-bottom: .5rem !important
}
.pb-tablet-3 {
padding-bottom: 1rem !important
}
.pb-tablet-4 {
padding-bottom: 1.5rem !important
}
.pb-tablet-5 {
padding-bottom: 3rem !important
}
.ps-tablet-0 {
padding-left: 0 !important
}
.ps-tablet-1 {
padding-left: .25rem !important
}
.ps-tablet-2 {
padding-left: .5rem !important
}
.ps-tablet-3 {
padding-left: 1rem !important
}
.ps-tablet-4 {
padding-left: 1.5rem !important
}
.ps-tablet-5 {
padding-left: 3rem !important
}
}
@media (min-width:1024px) {
.d-desktop-inline {
display: inline !important
}
.d-desktop-inline-block {
display: inline-block !important
}
.d-desktop-block {
display: block !important
}
.d-desktop-grid {
display: grid !important
}
.d-desktop-table {
display: table !important
}
.d-desktop-table-row {
display: table-row !important
}
.d-desktop-table-cell {
display: table-cell !important
}
.d-desktop-flex {
display: flex !important
}
.d-desktop-inline-flex {
display: inline-flex !important
}
.d-desktop-none {
display: none !important
}
.flex-desktop-fill {
flex: 1 1 auto !important
}
.flex-desktop-row {
flex-direction: row !important
}
.flex-desktop-column {
flex-direction: column !important
}
.flex-desktop-row-reverse {
flex-direction: row-reverse !important
}
.flex-desktop-column-reverse {
flex-direction: column-reverse !important
}
.flex-desktop-grow-0 {
flex-grow: 0 !important
}
.flex-desktop-grow-1 {
flex-grow: 1 !important
}
.flex-desktop-shrink-0 {
flex-shrink: 0 !important
}
.flex-desktop-shrink-1 {
flex-shrink: 1 !important
}
.flex-desktop-wrap {
flex-wrap: wrap !important
}
.flex-desktop-nowrap {
flex-wrap: nowrap !important
}
.flex-desktop-wrap-reverse {
flex-wrap: wrap-reverse !important
}
.justify-content-desktop-start {
justify-content: flex-start !important
}
.justify-content-desktop-end {
justify-content: flex-end !important
}
.justify-content-desktop-center {
justify-content: center !important
}
.justify-content-desktop-between {
justify-content: space-between !important
}
.justify-content-desktop-around {
justify-content: space-around !important
}
.justify-content-desktop-evenly {
justify-content: space-evenly !important
}
.align-items-desktop-start {
align-items: flex-start !important
}
.align-items-desktop-end {
align-items: flex-end !important
}
.align-items-desktop-center {
align-items: center !important
}
.align-items-desktop-baseline {
align-items: baseline !important
}
.align-items-desktop-stretch {
align-items: stretch !important
}
.align-content-desktop-start {
align-content: flex-start !important
}
.align-content-desktop-end {
align-content: flex-end !important
}
.align-content-desktop-center {
align-content: center !important
}
.align-content-desktop-between {
align-content: space-between !important
}
.align-content-desktop-around {
align-content: space-around !important
}
.align-content-desktop-stretch {
align-content: stretch !important
}
.align-self-desktop-auto {
align-self: auto !important
}
.align-self-desktop-start {
align-self: flex-start !important
}
.align-self-desktop-end {
align-self: flex-end !important
}
.align-self-desktop-center {
align-self: center !important
}
.align-self-desktop-baseline {
align-self: baseline !important
}
.align-self-desktop-stretch {
align-self: stretch !important
}
.order-desktop-first {
order: -1 !important
}
.order-desktop-0 {
order: 0 !important
}
.order-desktop-1 {
order: 1 !important
}
.order-desktop-2 {
order: 2 !important
}
.order-desktop-3 {
order: 3 !important
}
.order-desktop-4 {
order: 4 !important
}
.order-desktop-5 {
order: 5 !important
}
.order-desktop-last {
order: 6 !important
}
.m-desktop-0 {
margin: 0 !important
}
.m-desktop-1 {
margin: .25rem !important
}
.m-desktop-2 {
margin: .5rem !important
}
.m-desktop-3 {
margin: 1rem !important
}
.m-desktop-4 {
margin: 1.5rem !important
}
.m-desktop-5 {
margin: 3rem !important
}
.m-desktop-auto {
margin: auto !important
}
.mx-desktop-0 {
margin-left: 0 !important;
margin-right: 0 !important
}
.mx-desktop-1 {
margin-left: .25rem !important;
margin-right: .25rem !important
}
.mx-desktop-2 {
margin-left: .5rem !important;
margin-right: .5rem !important
}
.mx-desktop-3 {
margin-left: 1rem !important;
margin-right: 1rem !important
}
.mx-desktop-4 {
margin-left: 1.5rem !important;
margin-right: 1.5rem !important
}
.mx-desktop-5 {
margin-left: 3rem !important;
margin-right: 3rem !important
}
.mx-desktop-auto {
margin-left: auto !important;
margin-right: auto !important
}
.my-desktop-0 {
margin-bottom: 0 !important;
margin-top: 0 !important
}
.my-desktop-1 {
margin-bottom: .25rem !important;
margin-top: .25rem !important
}
.my-desktop-2 {
margin-bottom: .5rem !important;
margin-top: .5rem !important
}
.my-desktop-3 {
margin-bottom: 1rem !important;
margin-top: 1rem !important
}
.my-desktop-4 {
margin-bottom: 1.5rem !important;
margin-top: 1.5rem !important
}
.my-desktop-5 {
margin-bottom: 3rem !important;
margin-top: 3rem !important
}
.my-desktop-auto {
margin-bottom: auto !important;
margin-top: auto !important
}
.mt-desktop-0 {
margin-top: 0 !important
}
.mt-desktop-1 {
margin-top: .25rem !important
}
.mt-desktop-2 {
margin-top: .5rem !important
}
.mt-desktop-3 {
margin-top: 1rem !important
}
.mt-desktop-4 {
margin-top: 1.5rem !important
}
.mt-desktop-5 {
margin-top: 3rem !important
}
.mt-desktop-auto {
margin-top: auto !important
}
.me-desktop-0 {
margin-right: 0 !important
}
.me-desktop-1 {
margin-right: .25rem !important
}
.me-desktop-2 {
margin-right: .5rem !important
}
.me-desktop-3 {
margin-right: 1rem !important
}
.me-desktop-4 {
margin-right: 1.5rem !important
}
.me-desktop-5 {
margin-right: 3rem !important
}
.me-desktop-auto {
margin-right: auto !important
}
.mb-desktop-0 {
margin-bottom: 0 !important
}
.mb-desktop-1 {
margin-bottom: .25rem !important
}
.mb-desktop-2 {
margin-bottom: .5rem !important
}
.mb-desktop-3 {
margin-bottom: 1rem !important
}
.mb-desktop-4 {
margin-bottom: 1.5rem !important
}
.mb-desktop-5 {
margin-bottom: 3rem !important
}
.mb-desktop-auto {
margin-bottom: auto !important
}
.ms-desktop-0 {
margin-left: 0 !important
}
.ms-desktop-1 {
margin-left: .25rem !important
}
.ms-desktop-2 {
margin-left: .5rem !important
}
.ms-desktop-3 {
margin-left: 1rem !important
}
.ms-desktop-4 {
margin-left: 1.5rem !important
}
.ms-desktop-5 {
margin-left: 3rem !important
}
.ms-desktop-auto {
margin-left: auto !important
}
.p-desktop-0 {
padding: 0 !important
}
.p-desktop-1 {
padding: .25rem !important
}
.p-desktop-2 {
padding: .5rem !important
}
.p-desktop-3 {
padding: 1rem !important
}
.p-desktop-4 {
padding: 1.5rem !important
}
.p-desktop-5 {
padding: 3rem !important
}
.px-desktop-0 {
padding-left: 0 !important;
padding-right: 0 !important
}
.px-desktop-1 {
padding-left: .25rem !important;
padding-right: .25rem !important
}
.px-desktop-2 {
padding-left: .5rem !important;
padding-right: .5rem !important
}
.px-desktop-3 {
padding-left: 1rem !important;
padding-right: 1rem !important
}
.px-desktop-4 {
padding-left: 1.5rem !important;
padding-right: 1.5rem !important
}
.px-desktop-5 {
padding-left: 3rem !important;
padding-right: 3rem !important
}
.py-desktop-0 {
padding-bottom: 0 !important;
padding-top: 0 !important
}
.py-desktop-1 {
padding-bottom: .25rem !important;
padding-top: .25rem !important
}
.py-desktop-2 {
padding-bottom: .5rem !important;
padding-top: .5rem !important
}
.py-desktop-3 {
padding-bottom: 1rem !important;
padding-top: 1rem !important
}
.py-desktop-4 {
padding-bottom: 1.5rem !important;
padding-top: 1.5rem !important
}
.py-desktop-5 {
padding-bottom: 3rem !important;
padding-top: 3rem !important
}
.pt-desktop-0 {
padding-top: 0 !important
}
.pt-desktop-1 {
padding-top: .25rem !important
}
.pt-desktop-2 {
padding-top: .5rem !important
}
.pt-desktop-3 {
padding-top: 1rem !important
}
.pt-desktop-4 {
padding-top: 1.5rem !important
}
.pt-desktop-5 {
padding-top: 3rem !important
}
.pe-desktop-0 {
padding-right: 0 !important
}
.pe-desktop-1 {
padding-right: .25rem !important
}
.pe-desktop-2 {
padding-right: .5rem !important
}
.pe-desktop-3 {
padding-right: 1rem !important
}
.pe-desktop-4 {
padding-right: 1.5rem !important
}
.pe-desktop-5 {
padding-right: 3rem !important
}
.pb-desktop-0 {
padding-bottom: 0 !important
}
.pb-desktop-1 {
padding-bottom: .25rem !important
}
.pb-desktop-2 {
padding-bottom: .5rem !important
}
.pb-desktop-3 {
padding-bottom: 1rem !important
}
.pb-desktop-4 {
padding-bottom: 1.5rem !important
}
.pb-desktop-5 {
padding-bottom: 3rem !important
}
.ps-desktop-0 {
padding-left: 0 !important
}
.ps-desktop-1 {
padding-left: .25rem !important
}
.ps-desktop-2 {
padding-left: .5rem !important
}
.ps-desktop-3 {
padding-left: 1rem !important
}
.ps-desktop-4 {
padding-left: 1.5rem !important
}
.ps-desktop-5 {
padding-left: 3rem !important
}
}
@media (min-width:1921px) {
.d-desktop-large-inline {
display: inline !important
}
.d-desktop-large-inline-block {
display: inline-block !important
}
.d-desktop-large-block {
display: block !important
}
.d-desktop-large-grid {
display: grid !important
}
.d-desktop-large-table {
display: table !important
}
.d-desktop-large-table-row {
display: table-row !important
}
.d-desktop-large-table-cell {
display: table-cell !important
}
.d-desktop-large-flex {
display: flex !important
}
.d-desktop-large-inline-flex {
display: inline-flex !important
}
.d-desktop-large-none {
display: none !important
}
.flex-desktop-large-fill {
flex: 1 1 auto !important
}
.flex-desktop-large-row {
flex-direction: row !important
}
.flex-desktop-large-column {
flex-direction: column !important
}
.flex-desktop-large-row-reverse {
flex-direction: row-reverse !important
}
.flex-desktop-large-column-reverse {
flex-direction: column-reverse !important
}
.flex-desktop-large-grow-0 {
flex-grow: 0 !important
}
.flex-desktop-large-grow-1 {
flex-grow: 1 !important
}
.flex-desktop-large-shrink-0 {
flex-shrink: 0 !important
}
.flex-desktop-large-shrink-1 {
flex-shrink: 1 !important
}
.flex-desktop-large-wrap {
flex-wrap: wrap !important
}
.flex-desktop-large-nowrap {
flex-wrap: nowrap !important
}
.flex-desktop-large-wrap-reverse {
flex-wrap: wrap-reverse !important
}
.justify-content-desktop-large-start {
justify-content: flex-start !important
}
.justify-content-desktop-large-end {
justify-content: flex-end !important
}
.justify-content-desktop-large-center {
justify-content: center !important
}
.justify-content-desktop-large-between {
justify-content: space-between !important
}
.justify-content-desktop-large-around {
justify-content: space-around !important
}
.justify-content-desktop-large-evenly {
justify-content: space-evenly !important
}
.align-items-desktop-large-start {
align-items: flex-start !important
}
.align-items-desktop-large-end {
align-items: flex-end !important
}
.align-items-desktop-large-center {
align-items: center !important
}
.align-items-desktop-large-baseline {
align-items: baseline !important
}
.align-items-desktop-large-stretch {
align-items: stretch !important
}
.align-content-desktop-large-start {
align-content: flex-start !important
}
.align-content-desktop-large-end {
align-content: flex-end !important
}
.align-content-desktop-large-center {
align-content: center !important
}
.align-content-desktop-large-between {
align-content: space-between !important
}
.align-content-desktop-large-around {
align-content: space-around !important
}
.align-content-desktop-large-stretch {
align-content: stretch !important
}
.align-self-desktop-large-auto {
align-self: auto !important
}
.align-self-desktop-large-start {
align-self: flex-start !important
}
.align-self-desktop-large-end {
align-self: flex-end !important
}
.align-self-desktop-large-center {
align-self: center !important
}
.align-self-desktop-large-baseline {
align-self: baseline !important
}
.align-self-desktop-large-stretch {
align-self: stretch !important
}
.order-desktop-large-first {
order: -1 !important
}
.order-desktop-large-0 {
order: 0 !important
}
.order-desktop-large-1 {
order: 1 !important
}
.order-desktop-large-2 {
order: 2 !important
}
.order-desktop-large-3 {
order: 3 !important
}
.order-desktop-large-4 {
order: 4 !important
}
.order-desktop-large-5 {
order: 5 !important
}
.order-desktop-large-last {
order: 6 !important
}
.m-desktop-large-0 {
margin: 0 !important
}
.m-desktop-large-1 {
margin: .25rem !important
}
.m-desktop-large-2 {
margin: .5rem !important
}
.m-desktop-large-3 {
margin: 1rem !important
}
.m-desktop-large-4 {
margin: 1.5rem !important
}
.m-desktop-large-5 {
margin: 3rem !important
}
.m-desktop-large-auto {
margin: auto !important
}
.mx-desktop-large-0 {
margin-left: 0 !important;
margin-right: 0 !important
}
.mx-desktop-large-1 {
margin-left: .25rem !important;
margin-right: .25rem !important
}
.mx-desktop-large-2 {
margin-left: .5rem !important;
margin-right: .5rem !important
}
.mx-desktop-large-3 {
margin-left: 1rem !important;
margin-right: 1rem !important
}
.mx-desktop-large-4 {
margin-left: 1.5rem !important;
margin-right: 1.5rem !important
}
.mx-desktop-large-5 {
margin-left: 3rem !important;
margin-right: 3rem !important
}
.mx-desktop-large-auto {
margin-left: auto !important;
margin-right: auto !important
}
.my-desktop-large-0 {
margin-bottom: 0 !important;
margin-top: 0 !important
}
.my-desktop-large-1 {
margin-bottom: .25rem !important;
margin-top: .25rem !important
}
.my-desktop-large-2 {
margin-bottom: .5rem !important;
margin-top: .5rem !important
}
.my-desktop-large-3 {
margin-bottom: 1rem !important;
margin-top: 1rem !important
}
.my-desktop-large-4 {
margin-bottom: 1.5rem !important;
margin-top: 1.5rem !important
}
.my-desktop-large-5 {
margin-bottom: 3rem !important;
margin-top: 3rem !important
}
.my-desktop-large-auto {
margin-bottom: auto !important;
margin-top: auto !important
}
.mt-desktop-large-0 {
margin-top: 0 !important
}
.mt-desktop-large-1 {
margin-top: .25rem !important
}
.mt-desktop-large-2 {
margin-top: .5rem !important
}
.mt-desktop-large-3 {
margin-top: 1rem !important
}
.mt-desktop-large-4 {
margin-top: 1.5rem !important
}
.mt-desktop-large-5 {
margin-top: 3rem !important
}
.mt-desktop-large-auto {
margin-top: auto !important
}
.me-desktop-large-0 {
margin-right: 0 !important
}
.me-desktop-large-1 {
margin-right: .25rem !important
}
.me-desktop-large-2 {
margin-right: .5rem !important
}
.me-desktop-large-3 {
margin-right: 1rem !important
}
.me-desktop-large-4 {
margin-right: 1.5rem !important
}
.me-desktop-large-5 {
margin-right: 3rem !important
}
.me-desktop-large-auto {
margin-right: auto !important
}
.mb-desktop-large-0 {
margin-bottom: 0 !important
}
.mb-desktop-large-1 {
margin-bottom: .25rem !important
}
.mb-desktop-large-2 {
margin-bottom: .5rem !important
}
.mb-desktop-large-3 {
margin-bottom: 1rem !important
}
.mb-desktop-large-4 {
margin-bottom: 1.5rem !important
}
.mb-desktop-large-5 {
margin-bottom: 3rem !important
}
.mb-desktop-large-auto {
margin-bottom: auto !important
}
.ms-desktop-large-0 {
margin-left: 0 !important
}
.ms-desktop-large-1 {
margin-left: .25rem !important
}
.ms-desktop-large-2 {
margin-left: .5rem !important
}
.ms-desktop-large-3 {
margin-left: 1rem !important
}
.ms-desktop-large-4 {
margin-left: 1.5rem !important
}
.ms-desktop-large-5 {
margin-left: 3rem !important
}
.ms-desktop-large-auto {
margin-left: auto !important
}
.p-desktop-large-0 {
padding: 0 !important
}
.p-desktop-large-1 {
padding: .25rem !important
}
.p-desktop-large-2 {
padding: .5rem !important
}
.p-desktop-large-3 {
padding: 1rem !important
}
.p-desktop-large-4 {
padding: 1.5rem !important
}
.p-desktop-large-5 {
padding: 3rem !important
}
.px-desktop-large-0 {
padding-left: 0 !important;
padding-right: 0 !important
}
.px-desktop-large-1 {
padding-left: .25rem !important;
padding-right: .25rem !important
}
.px-desktop-large-2 {
padding-left: .5rem !important;
padding-right: .5rem !important
}
.px-desktop-large-3 {
padding-left: 1rem !important;
padding-right: 1rem !important
}
.px-desktop-large-4 {
padding-left: 1.5rem !important;
padding-right: 1.5rem !important
}
.px-desktop-large-5 {
padding-left: 3rem !important;
padding-right: 3rem !important
}
.py-desktop-large-0 {
padding-bottom: 0 !important;
padding-top: 0 !important
}
.py-desktop-large-1 {
padding-bottom: .25rem !important;
padding-top: .25rem !important
}
.py-desktop-large-2 {
padding-bottom: .5rem !important;
padding-top: .5rem !important
}
.py-desktop-large-3 {
padding-bottom: 1rem !important;
padding-top: 1rem !important
}
.py-desktop-large-4 {
padding-bottom: 1.5rem !important;
padding-top: 1.5rem !important
}
.py-desktop-large-5 {
padding-bottom: 3rem !important;
padding-top: 3rem !important
}
.pt-desktop-large-0 {
padding-top: 0 !important
}
.pt-desktop-large-1 {
padding-top: .25rem !important
}
.pt-desktop-large-2 {
padding-top: .5rem !important
}
.pt-desktop-large-3 {
padding-top: 1rem !important
}
.pt-desktop-large-4 {
padding-top: 1.5rem !important
}
.pt-desktop-large-5 {
padding-top: 3rem !important
}
.pe-desktop-large-0 {
padding-right: 0 !important
}
.pe-desktop-large-1 {
padding-right: .25rem !important
}
.pe-desktop-large-2 {
padding-right: .5rem !important
}
.pe-desktop-large-3 {
padding-right: 1rem !important
}
.pe-desktop-large-4 {
padding-right: 1.5rem !important
}
.pe-desktop-large-5 {
padding-right: 3rem !important
}
.pb-desktop-large-0 {
padding-bottom: 0 !important
}
.pb-desktop-large-1 {
padding-bottom: .25rem !important
}
.pb-desktop-large-2 {
padding-bottom: .5rem !important
}
.pb-desktop-large-3 {
padding-bottom: 1rem !important
}
.pb-desktop-large-4 {
padding-bottom: 1.5rem !important
}
.pb-desktop-large-5 {
padding-bottom: 3rem !important
}
.ps-desktop-large-0 {
padding-left: 0 !important
}
.ps-desktop-large-1 {
padding-left: .25rem !important
}
.ps-desktop-large-2 {
padding-left: .5rem !important
}
.ps-desktop-large-3 {
padding-left: 1rem !important
}
.ps-desktop-large-4 {
padding-left: 1.5rem !important
}
.ps-desktop-large-5 {
padding-left: 3rem !important
}
}
@media print {
.d-print-inline {
display: inline !important
}
.d-print-inline-block {
display: inline-block !important
}
.d-print-block {
display: block !important
}
.d-print-grid {
display: grid !important
}
.d-print-table {
display: table !important
}
.d-print-table-row {
display: table-row !important
}
.d-print-table-cell {
display: table-cell !important
}
.d-print-flex {
display: flex !important
}
.d-print-inline-flex {
display: inline-flex !important
}
.d-print-none {
display: none !important
}
}
.row {
padding: 0 15px
}
.row.no-padding {
padding-left: 0;
padding-right: 0
}
.container {
padding: 0
}
.fade {
transition: opacity .15s linear
}
@media (prefers-reduced-motion:reduce) {
.fade {
transition: none
}
}
.fade:not(.show) {
opacity: 0
}
.collapse:not(.show) {
display: none
}
.collapsing {
height: 0;
overflow: hidden;
transition: height .35s ease
}
@media (prefers-reduced-motion:reduce) {
.collapsing {
transition: none
}
}
.accordion-button {
overflow-anchor: none;
align-items: center;
background-color: #fff;
border: 0;
border-radius: 0;
color: #212529;
display: flex;
font-size: 1rem;
padding: 1rem 1.25rem;
position: relative;
text-align: left;
transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out, border-radius .15s ease;
width: 100%
}
@media (prefers-reduced-motion:reduce) {
.accordion-button {
transition: none
}
}
.accordion-button:not(.collapsed) {
background-color: #e7f1ff;
box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .125);
color: #0c63e4
}
.accordion-button:not(.collapsed):after {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%230c63e4'%3E%3Cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3E%3C/svg%3E");
transform: rotate(-180deg)
}
.accordion-button:after {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3E%3Cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-size: 1.25rem;
content: "";
flex-shrink: 0;
height: 1.25rem;
margin-left: auto;
transition: transform .2s ease-in-out;
width: 1.25rem
}
@media (prefers-reduced-motion:reduce) {
.accordion-button:after {
transition: none
}
}
.accordion-button:hover {
z-index: 2
}
.accordion-button:focus {
border-color: #86b7fe;
box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .25);
outline: 0;
z-index: 3
}
.accordion-header {
margin-bottom: 0
}
.accordion-item {
background-color: #fff;
border: 1px solid rgba(0, 0, 0, .125)
}
.accordion-item:first-of-type {
border-top-left-radius: .25rem;
border-top-right-radius: .25rem
}
.accordion-item:first-of-type .accordion-button {
border-top-left-radius: calc(.25rem - 1px);
border-top-right-radius: calc(.25rem - 1px)
}
.accordion-item:not(:first-of-type) {
border-top: 0
}
.accordion-item:last-of-type {
border-bottom-left-radius: .25rem;
border-bottom-right-radius: .25rem
}
.accordion-item:last-of-type .accordion-button.collapsed {
border-bottom-left-radius: calc(.25rem - 1px);
border-bottom-right-radius: calc(.25rem - 1px)
}
.accordion-item:last-of-type .accordion-collapse {
border-bottom-left-radius: .25rem;
border-bottom-right-radius: .25rem
}
.accordion-body {
padding: 1rem 1.25rem
}
.accordion-flush .accordion-collapse {
border-width: 0
}
.accordion-flush .accordion-item {
border-left: 0;
border-radius: 0;
border-right: 0
}
.accordion-flush .accordion-item:first-child {
border-top: 0
}
.accordion-flush .accordion-item:last-child {
border-bottom: 0
}
.accordion-flush .accordion-item .accordion-button {
border-radius: 0
}
.modal {
display: none;
height: 100%;
left: 0;
outline: 0;
overflow-x: hidden;
overflow-y: auto;
position: fixed;
top: 0;
width: 100%;
z-index: 1060
}
.modal-dialog {
margin: .5rem;
pointer-events: none;
position: relative;
width: auto
}
.modal.fade .modal-dialog {
transform: translateY(-50px);
transition: transform .3s ease-out
}
@media (prefers-reduced-motion:reduce) {
.modal.fade .modal-dialog {
transition: none
}
}
.modal.show .modal-dialog {
transform: none
}
.modal.modal-static .modal-dialog {
transform: scale(1.02)
}
.modal-dialog-scrollable {
height: calc(100% - 1rem)
}
.modal-dialog-scrollable .modal-content {
max-height: 100%;
overflow: hidden
}
.modal-dialog-scrollable .modal-body {
overflow-y: auto
}
.modal-dialog-centered {
align-items: center;
display: flex;
min-height: calc(100% - 1rem)
}
.modal-content {
background-clip: padding-box;
background-color: #fff;
border: 1px solid rgba(0, 0, 0, .2);
border-radius: .3rem;
display: flex;
flex-direction: column;
outline: 0;
pointer-events: auto;
position: relative;
width: 100%
}
.modal-backdrop {
background-color: #000;
height: 100vh;
left: 0;
position: fixed;
top: 0;
width: 100vw;
z-index: 1040
}
.modal-backdrop.fade {
opacity: 0
}
.modal-backdrop.show {
opacity: .5
}
.modal-header {
align-items: center;
border-bottom: 1px solid #dee2e6;
border-top-left-radius: calc(.3rem - 1px);
border-top-right-radius: calc(.3rem - 1px);
display: flex;
flex-shrink: 0;
justify-content: space-between;
padding: 1rem
}
.modal-header .btn-close {
margin: -.5rem -.5rem -.5rem auto;
padding: .5rem
}
.modal-title {
line-height: 1.5;
margin-bottom: 0
}
.modal-body {
flex: 1 1 auto;
padding: 1rem;
position: relative
}
.modal-footer {
align-items: center;
border-bottom-left-radius: calc(.3rem - 1px);
border-bottom-right-radius: calc(.3rem - 1px);
border-top: 1px solid #dee2e6;
display: flex;
flex-shrink: 0;
flex-wrap: wrap;
justify-content: flex-end;
padding: .75rem
}
.modal-footer>* {
margin: .25rem
}
.modal-dialog {
margin: 1.75rem auto;
max-width: 500px
}
.modal-dialog-scrollable {
height: calc(100% - 3.5rem)
}
.modal-dialog-centered {
min-height: calc(100% - 3.5rem)
}
.modal-sm {
max-width: 300px
}
.modal-lg,
.modal-xl {
max-width: 800px
}
.modal-xl {
max-width: 1140px
}
.modal-fullscreen {
height: 100%;
margin: 0;
max-width: none;
width: 100vw
}
.modal-fullscreen .modal-content {
border: 0;
border-radius: 0;
height: 100%
}
.modal-fullscreen .modal-header {
border-radius: 0
}
.modal-fullscreen .modal-body {
overflow-y: auto
}
.modal-fullscreen .modal-footer {
border-radius: 0
}
@media (max-width:319.98px) {
.modal-fullscreen-mobile-down {
height: 100%;
margin: 0;
max-width: none;
width: 100vw
}
.modal-fullscreen-mobile-down .modal-content {
border: 0;
border-radius: 0;
height: 100%
}
.modal-fullscreen-mobile-down .modal-header {
border-radius: 0
}
.modal-fullscreen-mobile-down .modal-body {
overflow-y: auto
}
.modal-fullscreen-mobile-down .modal-footer {
border-radius: 0
}
}
@media (max-width:599.98px) {
.modal-fullscreen-mobile-lg-down {
height: 100%;
margin: 0;
max-width: none;
width: 100vw
}
.modal-fullscreen-mobile-lg-down .modal-content {
border: 0;
border-radius: 0;
height: 100%
}
.modal-fullscreen-mobile-lg-down .modal-header {
border-radius: 0
}
.modal-fullscreen-mobile-lg-down .modal-body {
overflow-y: auto
}
.modal-fullscreen-mobile-lg-down .modal-footer {
border-radius: 0
}
}
@media (max-width:767.98px) {
.modal-fullscreen-tablet-down {
height: 100%;
margin: 0;
max-width: none;
width: 100vw
}
.modal-fullscreen-tablet-down .modal-content {
border: 0;
border-radius: 0;
height: 100%
}
.modal-fullscreen-tablet-down .modal-header {
border-radius: 0
}
.modal-fullscreen-tablet-down .modal-body {
overflow-y: auto
}
.modal-fullscreen-tablet-down .modal-footer {
border-radius: 0
}
}
@media (max-width:1023.98px) {
.modal-fullscreen-desktop-down {
height: 100%;
margin: 0;
max-width: none;
width: 100vw
}
.modal-fullscreen-desktop-down .modal-content {
border: 0;
border-radius: 0;
height: 100%
}
.modal-fullscreen-desktop-down .modal-header {
border-radius: 0
}
.modal-fullscreen-desktop-down .modal-body {
overflow-y: auto
}
.modal-fullscreen-desktop-down .modal-footer {
border-radius: 0
}
}
@media (max-width:1920.98px) {
.modal-fullscreen-desktop-large-down {
height: 100%;
margin: 0;
max-width: none;
width: 100vw
}
.modal-fullscreen-desktop-large-down .modal-content {
border: 0;
border-radius: 0;
height: 100%
}
.modal-fullscreen-desktop-large-down .modal-header {
border-radius: 0
}
.modal-fullscreen-desktop-large-down .modal-body {
overflow-y: auto
}
.modal-fullscreen-desktop-large-down .modal-footer {
border-radius: 0
}
}
.slick-dots {
align-items: center;
display: flex;
justify-content: center;
list-style: none;
padding-left: 0;
display: none !important
}
.slick-dots li {
margin: 1rem
}
.slick-dots li.slick-active button {
background-color: brown
}
.slick-dots li button {
background-color: rgba(15, 45, 82, .6);
border-color: transparent;
border-radius: 15px;
border-style: solid;
font-size: 0;
padding: .5rem
}
.slick-dots li button:hover {
cursor: pointer
}
.home-carousel-ingredients {
display: block
}
.product__carousel-nav {
width: 100%
}
.product__carousel-nav svg {
display: none;
margin-top: -5px;
position: absolute;
transform: scaleX(-1);
width: 60px
}
.product__carousel-nav svg .circle {
fill: #461D09
}
.product__carousel-nav .slick-current svg {
display: flex
}
.product__carousel-nav .slick-list {
padding: 0 !important;
align-items: center;
display: flex;
flex-direction: column;
justify-content: center
}
.product__carousel-nav .slick-slide.slick-current .product__slide-nav {
align-items: center;
display: flex !important;
justify-content: center
}
.product__carousel-nav .slick-slide.slick-current .product__slide-nav p {
background-position: 50%;
background-repeat: no-repeat;
background-size: 100%;
color: #461D09
}
@media screen and (max-width:767px) {
.product__carousel-nav .slick-slide.slick-current .product__slide-nav p {
background-size: 32%
}
}
.product__carousel-nav .slick-track {
display: flex;
margin: 0;
width: 100%
}
.product__carousel-nav .slick-track .slick-slide {
align-items: center;
display: flex;
flex: 1;
justify-content: center
}
.product__carousel-nav .slick-track .slick-slide div p {
font-size: 14px;
height: 20px;
color: #461D09
}
.product__carousel-nav .slick-track .slick-slide:hover {
cursor: pointer
}
.product-carousel {
max-width: 474px
}
.product-carousel img {
max-width: 450px;
border-radius: 20px !important
}
@media screen and (max-width:920px) {
.product-carousel {
height: auto;
max-width: 365px
}
.product-carousel img {
max-width: 315px;
padding-top: 1rem;
padding-left: 1rem;
border-radius: 20px !important
}
}
.home__carousel-products img {
transition: all .2s ease-in-out
}
.home__carousel-products a {
outline: none;
text-decoration: none
}
.home__carousel-products .slick-slide:hover img {
transform: scale(1.1)
}
.home__carousel-products .slick-slide>div {
align-items: center;
display: flex;
flex-direction: column;
height: 100%;
justify-content: center
}
.home__carousel-products .slick-center {
transform: scale(1.2)
}
.home__carousel-products .slick-center:hover img {
transform: scale(1)
}
@media screen and (max-width:601px) {
.home__carousel-products .slick-list {
padding: 0 25% !important
}
}
.slick-slide {
outline: 0
}
.about-you__fame,
.about-you__fame-copy {
justify-content: center
}
.about-you__fame-copy {
display: flex;
flex-direction: column
}
.about-you__fame-copy p {
text-align: left;
text-align-last: unset
}
.about-you__fame img {
max-width: 360px
}
.about-you__cookie-row-container {
margin-top: 5rem;
position: relative
}
.about-you__cookie-row-container .background {
max-width: 440px;
opacity: .2;
position: absolute
}
.about-you__cookie-row-container .background-coconut {
bottom: 200px;
left: -205px
}
@media screen and (max-width:1355px) {
.about-you__cookie-row-container .background-coconut {
bottom: 475px;
left: -225px;
max-width: 300px
}
}
.about-you__cookie-row-container .background-chocolate {
right: -205px;
top: 330px;
transform: scalex(-1)
}
@media screen and (max-width:767px) {
.about-you__cookie-row-container .background-chocolate {
bottom: -145px;
left: unset;
max-width: 300px;
right: -202px;
top: unset
}
}
.about-you__cookie-row-container .chocolate .img-container,
.about-you__cookie-row-container .coconut .img-container {
align-items: center;
display: flex;
flex-direction: column;
justify-content: center;
max-width: 250px
}
.about-you__cookie-row-container .img-container {
max-width: 160px;
z-index: 1
}
.about-you__cookie-row-container .img-container h1,
.about-you__cookie-row-container .img-container h2,
.about-you__cookie-row-container .img-container h3,
.about-you__cookie-row-container .img-container h4,
.about-you__cookie-row-container .img-container h5,
.about-you__cookie-row-container .img-container h6,
.about-you__cookie-row-container .img-container p {
color: #8c734b;
font-family: Inter;
font-size: 10px;
margin: 0
}
.about-you__cookie-row-container .img-container img {
transition: all .2s
}
.about-you__cookie-row-container .img-container:hover img {
transform: scale(1.1)
}
.about-you__cookie-row {
justify-content: center;
margin: 0 auto;
max-width: 1200px
}
.about-you__cookie-column {
display: flex;
justify-content: center;
margin: 5rem 0;
position: relative
}
.about-you__cookie-column.chocolate .about-you__cookie-bg {
left: 0;
top: 0;
width: 170px
}
@media screen and (min-width:475px) {
.about-you__cookie-column.chocolate .about-you__cookie-bg {
top: -15px;
width: 220px
}
}
@media screen and (min-width:650px) {
.about-you__cookie-column.chocolate .about-you__cookie-bg {
top: -80px;
width: 300px
}
}
@media screen and (min-width:775px) {
.about-you__cookie-column.chocolate .about-you__cookie-bg {
left: 70px
}
}
@media screen and (min-width:1020px) {
.about-you__cookie-column.chocolate .about-you__cookie-bg {
left: 140px
}
}
.about-you__cookie-column.hazelnut .about-you__cookie-bg {
right: 0;
top: 0;
width: 170px
}
@media screen and (min-width:475px) {
.about-you__cookie-column.hazelnut .about-you__cookie-bg {
top: -50px;
width: 220px
}
}
@media screen and (min-width:650px) {
.about-you__cookie-column.hazelnut .about-you__cookie-bg {
top: -130px;
width: 300px
}
}
@media screen and (min-width:775px) {
.about-you__cookie-column.hazelnut .about-you__cookie-bg {
right: 70px
}
}
@media screen and (min-width:1020px) {
.about-you__cookie-column.hazelnut .about-you__cookie-bg {
right: 180px
}
}
.about-you__cookie-column.coconut {
justify-content: flex-start
}
.about-you__cookie-column.coconut .about-you__cookie-bg {
left: 75px;
top: -15px;
width: 170px
}
@media screen and (min-width:475px) {
.about-you__cookie-column.coconut .about-you__cookie-bg {
top: -15px;
width: 220px
}
}
@media screen and (min-width:650px) {
.about-you__cookie-column.coconut .about-you__cookie-bg {
top: -80px;
width: 300px
}
}
@media screen and (min-width:775px) {
.about-you__cookie-column.coconut .about-you__cookie-bg {
left: 90px
}
.about-you__cookie-column.coconut .about-you__cookie-bg .img-container {
margin-left: 5rem
}
}
@media screen and (min-width:1020px) {
.about-you__cookie-column.coconut .about-you__cookie-bg {
left: 160px
}
}
.about-you__cookie-column.coconut .img-container {
margin-left: 0
}
@media screen and (min-width:775px) {
.about-you__cookie-column.coconut .img-container .img-container {
margin-left: 5rem
}
}
@media screen and (min-width:1020px) {
.about-you__cookie-column.coconut .img-container {
margin-left: 8rem
}
}
.about-you__cookie-column-right {
display: flex;
justify-content: center;
position: relative
}
.about-you img.about-you__cookie-bg {
max-width: 350px;
opacity: .4;
position: absolute
}
.about-you__cookie-grow {
align-items: center;
display: flex;
flex-direction: column;
justify-content: center;
max-width: 300px;
position: absolute
}
.about-you__cookie-grow.chocolate {
bottom: -30px;
right: 130px
}
@media screen and (max-width:600px) {
.about-you__cookie-grow.chocolate {
right: 0
}
}
.about-you__cookie-grow.coconut,
.about-you__cookie-grow.hazelnut {
left: 100px;
top: 100px
}
@media screen and (max-width:600px) {
.about-you__cookie-grow.coconut,
.about-you__cookie-grow.hazelnut {
bottom: -35px;
left: 0;
top: unset
}
}
.about-you__cookie-grow.hazelnut {
max-width: 200px;
top: 125px
}
.about-you__cookie-grow p {
color: #8c734b;
font-family: Inter;
font-size: 10px;
margin: 0
}
.about-you__cookie-grow img {
transition: all .2s
}
.about-you__cookie-grow:hover img {
transform: scale(1.1)
}
.about-you__ticker-container,
.about-you__ticker-container .col-mobile-12 {
padding: 0
}
.about-you__ticker {
background: #960617;
color: #fff;
margin: 0;
padding: 1rem 0
}
.about-you__wonders {
margin-top: 3rem
}
.button-container {
height: 45px;
margin: 2rem auto;
position: relative;
width: 220px
}
.button-container button {
background: white;
border: 1px solid #000;
color: #980718;
font-family: 'Montserrat', sans-serif;
font-size: 15px;
font-weight: 700;
height: 45px;
position: absolute;
text-transform: uppercase;
transition: all .2s;
width: 220px;
z-index: 2;
border-radius: 25px;
font-weight: 600
}
.button-container button.yellow {
background: #980718;
color: white
}
.button-container button:hover {
cursor: pointer
}
.button-container .button-clone {
border: 1px solid #000;
height: 45px;
position: absolute;
transform: translate(5px, 5px);
border-radius: 25px;
width: 220px
}
@media screen and (max-width:767px) {
.button-container .button-clone {
display: none
}
}
.button-container:hover {
cursor: pointer
}
.button-container:hover button {
height: 47px;
width: 222px
}
@media screen and (min-width:575px) {
.button-container:hover button {
bottom: 0;
box-shadow: none;
transform: translate(5px, 7px)
}
}
footer {
background-color: #6b3412;
padding: 2rem 0
}
.footer {
margin: 0 auto;
max-width: 1200px
}
.footer__nav ul {
align-items: center;
display: flex;
font-size: 24px;
justify-content: center;
list-style: none;
padding: 0
}
@media screen and (max-width:767px) {
.footer__nav ul {
flex-direction: column
}
}
.footer__nav ul li {
margin: 0 1rem
}
@media screen and (max-width:767px) {
.footer__nav ul li {
margin: 1rem 0
}
}
.footer__nav ul li a {
color: white;
font-family: 'Montserrat', sans-serif;
text-decoration: none;
text-transform: uppercase;
}
.footer__social-icon {
margin: 0.2rem;
}
.footer__social-icon:hover {
cursor: pointer
}
.footer__social-media a {
text-decoration: none
}
.footer__legal ul {
align-items: center;
display: flex;
justify-content: center;
list-style: none;
padding: 0
}
.footer__legal ul li {
margin: 0 1rem
}
.footer__legal ul li a {
color: white;
font-family: Inter;
font-size: 12px;
text-decoration: none;
font-family: 'Montserrat',sans-serif;
}
.footer__copyright {
font-size: 12px;
text-align: center;
color: white
}
header {
padding: 0;
position: fixed;
width: 100%;
z-index: 3
}
@media (max-width:1023.98px) {
header .header__logo-container {
margin-right: auto;
text-align: center;
width: 100%
}
}
header.scrolled {
background-color: #471c09;
display: flex;
flex-direction: column;
height: 90px;
justify-content: center
}
header.scrolled .header__logo {
max-width: 80px
}
header.scrolled .header__transparent {
background: transparent
}
header.scrolled .header__logo-container {
margin-right: auto
}
header.fixed {
position: fixed
}
header .header__transparent {
background: #471c09
}
header .header__transparent.hide {
opacity: 0;
visibility: hidden
}
header .header__no-transparent {
height: 54px
}
header .header__hamburger {
height: 25px;
position: absolute;
right: 2rem;
top: 2rem;
vertical-align: middle;
width: 40px;
z-index: 20
}
header .header__hamburger.active {
left: unset;
right: 2rem
}
header .header__hamburger:hover {
cursor: pointer
}
header .header__hamburger:after,
header .header__hamburger:before {
background: #fff;
border-radius: 25px;
content: "";
display: block;
height: 3px;
left: 0;
position: absolute;
transform: rotate(0deg);
transform-origin: center center;
transition: all .3s ease;
width: 100%
}
header .header__hamburger:before {
top: 2px
}
header .header__hamburger:after {
bottom: 2px
}
header .header__hamburger.active {
display: flex
}
header .header__hamburger.active:before {
background: white;
top: 46%;
transform: rotate(45deg)
}
header .header__hamburger.active:after {
background: white;
bottom: 46%;
transform: rotate(-45deg)
}
header .header__logo-container {
margin-right: auto
}
header .header__logo {
max-width: 120px
}
header .header__logo.hide {
opacity: 0;
visibility: hidden
}
header .header__mobile {
display: block
}
@media (min-width:1024px) {
header .header__mobile {
display: none
}
}
header .header__menu-mobile {
display: none
}
header .header__menu-mobile.show {
bottom: 0px;
align-items: center;
background-color: #471c09;
display: flex;
flex-direction: column;
left: 0;
padding-top: 4rem;
position: fixed;
right: 0;
top: 0
}
/* header .header__menu-mobile.show .header__logo{max-width:120px}*/
header .header__mobile-nav {
align-items: center;
display: flex;
flex-direction: column;
justify-content: center;
list-style: none;
margin: 0;
padding: 0;
margin-top: 4rem
}
.header__mobile-nav li {
padding: .5rem
}
header .header__nav-link {
color: #fff;
font-family: Montserrat;
font-size: 15px;
margin: 20px 0;
text-decoration: none;
text-transform: uppercase
}
header .header__mobile-social {
align-items: center;
display: flex;
justify-content: center
}
header .header__mobile-social a {
margin: 1.5rem
}
header .header__social-icon {
height: 25px;
width: auto
}
header .header__desktop {
display: none
}
@media (min-width:1024px) {
header .header__desktop {
align-items: center;
display: flex;
flex-wrap: nowrap;
justify-content: space-around
}
}
header .header__desktop .header__logo {
display: block;
width: 100%;
max-width: 80px;
padding: 11%
}
header .header__desktop-nav {
display: flex;
justify-content: space-around;
list-style: none;
padding: 0;
margin-right: 15%;
align-items: center
}
header .header__desktop-nav .header__nav-link {
color: #fff
}
header .header__desktop-social {
display: flex;
justify-content: space-evenly
}
.home__wonders {
align-items: flex-start;
background: url(/assets/images/Belgian-Scene-with-Cookie.png) no-repeat 50%;
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
display: flex;
justify-content: center;
margin-top: 3em;
min-height: 100vh
}
@media screen and (max-width:690px) {
.home__wonders {
background-size: 800px;
height: 317px;
min-height: 10px
}
}
.home__wonders-ticker {
overflow: hidden;
padding: 0
}
.home__cookie-banner-2 {
background-position: 50%;
background-size: cover;
display: flex;
margin-bottom: 1.5rem;
max-height: 100vh;
overflow: hidden
}
.home__cookie-banner-2 img {
align-self: center;
display: block;
width: 100%
}
@media (max-width:767.98px) {
.home__cookie-banner-2 {
background-position: 50%;
background-size: 800px !important;
min-height: 10px
}
}
.home__carousel-products {
justify-content: center
}
.home__ingredients-desktop {
display: grid;
grid-template-columns: repeat(3, 1fr)
}
.home__ingredients-desktop .ingredient-header {
-webkit-text-stroke: 1px #4e2c1d;
color: transparent;
font-family: Copperplate;
font-size: 1.875rem;
text-shadow: -1px -1px 0 #4e2c1d
}
@media screen and (max-width:767px) {
.home__ingredients-desktop {
display: block
}
}
.home__ingredients-desktop .slide {
align-items: center;
display: flex;
flex-direction: column;
justify-content: stretch;
padding: 1rem;
width: 100%
}
.home__ingredients-desktop .slide .top {
align-items: center;
display: flex;
justify-content: center;
min-height: 185px
}
.home__ingredients-desktop .slide .bottom {
margin-top: auto
}
.home__ingredients-desktop .home_ingredient-img-container {
align-items: center;
display: flex;
justify-content: center;
position: relative
}
.home__ingredients-desktop .home_ingredient-img-container .foreground {
max-width: 170px;
position: absolute;
transition: .2s ease
}
.home__ingredients-desktop .home_ingredient-img-container .background {
max-width: 220px
}
.home__ingredients-desktop .home_ingredient-img-container .background.chocolate {
max-width: 300px
}
.home__ingredients-desktop .home_ingredient-img-container:hover .foreground {
transform: scale(1.2)
}
.home__about-row {
align-items: center;
display: flex;
justify-content: center;
overflow: hidden
}
.home__about-row .home__img-flipped {
transform: scaleX(-1)
}
.home__about-left-cloud {
position: relative
}
.home__about-left-cloud img {
left: -24px;
min-width: 120px;
position: absolute;
top: -100px;
transform: scalex(-1);
width: 15vw
}
@media screen and (max-width:767px) {
.home__about-left-cloud img {
top: -60px
}
}
@media screen and (max-width:420px) {
.home__about-left-cloud img {
top: -30px
}
}
.home__about-right-cloud {
position: relative
}
.home__about-right-cloud img {
min-width: 120px;
position: absolute;
right: -24px;
top: -55px;
transform: scalex(-1);
width: 15vw
}
@media screen and (max-width:767px) {
.home__about-right-cloud img {
top: -40px
}
}
@media screen and (max-width:420px) {
.home__about-right-cloud img {
top: 10px
}
}
.home__shop {
justify-content: center;
margin: 2rem 0 4rem
}
.home__shop-container {
align-items: center;
display: flex;
flex-direction: column;
justify-content: center
}
@media screen and (max-width:576px) {
.home__shop {
flex-direction: column-reverse
}
}
.home__shop-img-container {
align-items: center;
display: flex;
justify-content: center
}
.home__shop .copperplate-text p {
-webkit-text-stroke: 1px #4e2c1d;
color: transparent;
font-family: Copperplate;
font-size: 4.6875rem;
margin: 0;
text-shadow: -1px -1px 0 #4e2c1d
}
.home__warped-txt-small {
font-size: 24px
}
.home__warped-txt-big,
.home__warped-txt-small {
color: #4e2c1d;
font-family: Chivo-Bold;
margin: 0;
text-transform: uppercase
}
.home__warped-txt-big {
font-size: 36px
}
.home .home-carousel-ingredients .slick-slide .slide {
border: 0
}
.home .home-carousel-ingredients .slide-border {
border: 1px solid #4e2c1d;
border-radius: 40px;
height: 100%;
margin: 1rem;
overflow: auto;
position: relative
}
@media screen and (min-width:767px) {
.home .home-carousel-ingredients .slide-border {
border: 0;
margin: 0
}
.home .home-carousel-ingredients .slide-border .learn-more {
bottom: 0;
position: absolute;
width: 100%
}
.home .home-carousel-ingredients {
display: flex;
justify-content: center
}
.home .home-carousel-ingredients .slide {
flex: 0 0 50%;
max-width: 50%
}
}
.home .home-carousel-ingredients .home__carousel-copy,
.home .home-carousel-ingredients .home__carousel-copy p {
text-align: center
}
@media screen and (min-width:767px) {
.home .home-carousel-ingredients .home__carousel-copy {
margin-bottom: 75px
}
}
.home .home-carousel-ingredients .carousel-ingredient__mobile {
display: block
}
@media screen and (min-width:767px) {
.home .home-carousel-ingredients .carousel-ingredient__mobile {
display: none
}
}
.home .home-carousel-ingredients .carousel-ingredients__img-container {
display: none;
max-width: 330px;
min-height: 300px;
position: relative
}
@media screen and (min-width:767px) {
.home .home-carousel-ingredients .carousel-ingredients__img-container {
align-items: center;
display: flex;
justify-content: center
}
}
.home .home-carousel-ingredients .carousel-ingredients__img-container .foreground {
position: absolute;
transition: all .2s ease-in-out;
width: 20vw
}
.home .home-carousel-ingredients .carousel-ingredients__img-container .foreground:hover {
transform: scale(1.1)
}
.home .home-carousel-ingredients .carousel-ingredients__img-container.img-container-chocolate .foreground {
bottom: 0;
left: 40px;
max-width: 250px
}
@media screen and (min-width:767px) {
.home .home-carousel-ingredients .carousel-ingredients__img-container.img-container-chocolate .foreground {
bottom: 25px
}
}
.home .home-carousel-ingredients .carousel-ingredients__img-container.img-container-hazelnut .foreground {
bottom: -50px;
left: 10px;
max-width: 250px
}
@media screen and (min-width:767px) {
.home .home-carousel-ingredients .carousel-ingredients__img-container.img-container-hazelnut .foreground {
bottom: -20px
}
}
.home .home-carousel-ingredients-container {
align-items: center;
display: flex !important;
flex-direction: column;
justify-content: center;
margin: 1rem;
overflow: hidden;
position: relative
}
@media screen and (max-width:767px) {
.home .home-carousel-ingredients-container img {
max-width: 180px
}
}
@media screen and (min-width:767px) {
.home .home-carousel-ingredients-container {
border: none;
justify-content: flex-start
}
}
.home .home-carousel-ingredients-container .ingredient-header,
.home .home-carousel-ingredients-container .ingredient-header h1,
.home .home-carousel-ingredients-container .ingredient-header h2,
.home .home-carousel-ingredients-container .ingredient-header h3,
.home .home-carousel-ingredients-container .ingredient-header h4,
.home .home-carousel-ingredients-container .ingredient-header h5,
.home .home-carousel-ingredients-container .ingredient-header h6,
.home .home-carousel-ingredients-container .ingredient-header p {
-webkit-text-stroke: 1px #4e2c1d;
color: transparent;
font-family: Copperplate;
font-size: 1.875rem;
font-weight: 400;
margin: 0;
text-align: center;
text-shadow: -1px -1px 0 #4e2c1d
}
.home .home-carousel-ingredients-container p {
padding: 0
}
@media screen and (min-width:767px) {
.home .home-carousel-ingredients-container a {
bottom: 0;
position: absolute
}
}
.home__read {
margin-bottom: 2rem
}
@media screen and (max-width:420px) {
.home__about-famous-headline {
margin: 4rem 0
}
}
.product-listing__products {
justify-content: center;
margin-bottom: 2rem
}
.product-listing__product-section-container {
margin-bottom: 1rem
}
@media screen and (max-width:767px) {
.product-listing__product-section-container {
padding: 0
}
}
.product-listing__product-section {
border: 1px solid #000;
border-radius: 20px;
height: 65%;
overflow: hidden;
padding: 1rem;
position: relative;
background: linear-gradient(180deg, #f2f7ff 0%, #dadce0 100%)
}
@media screen and (max-width:767px) {
.product-listing__product-section {
border: none;
height: 90% !important
}
}
.product-listing__product-section .background {
opacity: .2;
position: absolute;
width: 340px
}
.product-listing__product-section-hazelnut-top {
position: relative
}
.product-listing__product-section-hazelnut-top .background {
right: -235px;
top: 65px
}
.product-listing__product-section-hazelnut-bottom {
margin-bottom: 200px;
position: relative
}
.product-listing__product-section-hazelnut-bottom .background {
left: -280px;
top: 135px;
transform: rotate(310deg)
}
.product-listing__product-section-chocolate-top {
position: relative
}
.product-listing__product-section-chocolate-top .background {
right: -285px;
top: 65px;
width: 415px
}
.product-listing__product-section-chocolate-bottom {
margin-bottom: 200px;
position: relative
}
.product-listing__product-section-chocolate-bottom .background {
left: -270px;
top: 118px;
transform: rotate(375deg)
}
.product-listing__product-section-coconut-top {
position: relative
}
.product-listing__product-section-coconut-top .background {
right: -350px;
top: 65px;
width: 415px
}
.product-listing__product-section-coconut-bottom {
margin-bottom: 200px;
position: relative
}
.product-listing__product-section-coconut-bottom .background {
left: -290px;
top: 140px;
transform: rotate(340deg)
}
.product-listing__product-section .buttons {
bottom: 20px;
left: 0;
margin: 0 auto;
right: 0
}
.product-listing__hazelnut {
margin-bottom: 100px;
position: relative;
z-index: 1
}
.product-listing__product-copy p {
font-size: 1rem;
margin: 0 3rem;
text-align: center
}
@media (min-width:768px) {
.product-listing__single-item {
padding-bottom: 50px
}
}
.product__desktop {
display: block;
width: 100%;
background: #fff
}
.product__desktop-hero {
align-items: center;
background-size: cover;
display: flex;
height: 100vh;
justify-content: center
}
.product__desktop-left {
overflow: hidden;
padding: 90 0 0
}
.product__desktop-right {
align-items: center;
display: flex;
flex-direction: column;
height: 100%;
justify-content: flex-start;
overflow-y: auto;
position: fixed;
right: 0
}
@media screen and (max-width:767px) {
.product__desktop-right {
position: relative
}
}
.product__desktop-right.footer {
height: auto;
justify-content: flex-end;
margin-bottom: 7rem;
position: relative
}
@media screen and (max-width:767px) {
.product__desktop-right {
display: none;
opacity: 0;
visibility: hidden
}
}
.product .product__carousel-nav .slick-track {
transform: translateZ(0) !important
}
.product__desktop-heading h1,
.product__desktop-heading h2,
.product__desktop-heading h3,
.product__desktop-heading h4,
.product__desktop-heading h5,
.product__desktop-heading h6,
.product__desktop-heading p {
color: transparent;
font-family: 'Lilita One';
font-size: 2.8125rem;
font-weight: 400;
margin: 0;
padding-top: 110px;
text-align: center;
text-shadow: -1px -1px 0 #461D09
}
.product__sizes {
align-items: center;
display: flex;
flex-direction: column;
justify-content: center
}
@media screen and (max-width:767px) {
.product__sizes {
margin: 0 auto;
max-width: 400px
}
}
.product__sizes-title {
font-family: 'Lilita One';
font-size: 1.125rem;
margin: 1rem 0 0
}
.product__left-col,
.product__right-col {
display: flex;
flex-direction: column
}
.product__right-col {
align-items: flex-end
}
.product__nutrition-facts {
background: #fff
}
.product__nutrition-facts p {
color: #461d09;
font-size: .75rem;
margin: .5rem;
text-align-last: start
}
.product__nutrition-facts p.section-headline {
font-size: 3.125rem
}
.product__nutrition-facts p.margin-left {
margin-left: 1rem
}
.product__page-copy p {
margin-top: 0;
padding: 0 2rem
}
.product__cookie-banner {
background-position: 65%;
background-size: cover
}
.product__cookie-banner img {
display: block;
width: 100%
}
@media screen and (max-width:800px) {
.product__cookie-banner {
background-position: 50%;
background-size: 800px !important;
min-height: 10px
}
}
.product .container-base,
.product .container-desktop,
.product .container-desktop-large,
.product .container-fluid,
.product .container-mobile,
.product .container-tablet {
padding: 0
}
.product__keebler {
position: relative
}
/* .product__keebler-headline{-webkit-text-stroke:1px #4e2c1d;color:transparent;font-family:Copperplate;font-size:1.875rem;text-align:center;text-shadow:-1px -1px 0 #4e2c1d}*/
.product__keebler-headline h1,
.product__keebler-headline h2,
.product__keebler-headline h3,
.product__keebler-headline h4,
.product__keebler-headline h5,
.product__keebler-headline h6,
.product__keebler-headline p {
color: #000;
font-size: 20px !important;
font-family: "Lilita One";
letter-spacing: .15px;
line-height: 24px;
font-weight: 500;
margin-bottom: .5rem
}
.product__cloud img {
left: -43px;
max-width: 150px;
position: absolute;
top: -35px
}
@media screen and (max-width:940px) {
.product__cloud img {
left: -70px
}
}
@media screen and (max-width:475px) {
.product__cloud img {
top: -55px
}
}
.product__adventure {
margin: 2rem 0
}
.product__adventure-headline {
-webkit-text-stroke: 1px #4e2c1d;
color: transparent;
font-family: Copperplate;
font-size: 1.875rem;
text-align: center;
text-shadow: -1px -1px 0 #4e2c1d
}
@media screen and (max-width:1055px) {
.product__button-container-right.button-container,
.product__button-container-right.button-container .button-clone,
.product__button-container-right.button-container button {
width: 150px
}
}
@media screen and (max-width:767px) {
.product .product__carousel-nav .slick-slide.slick-current .product__slide-nav p {
background-size: 59%
}
}
.product .hero-copy {
display: none;
text-transform: uppercase
}
@media screen and (max-width:767px) {
.product .hero-copy {
display: block
}
}
.carousel-mobile {
display: none;
margin-top: 2rem
}
@media screen and (max-width:767px) {
.carousel-mobile {
display: block
}
}
.carousel-desktop {
display: block
}
@media screen and (max-width:767px) {
.carousel-desktop {
display: none
}
}
strong {
margin-right: 5px
}
.hide {
opacity: 0;
visibility: hidden
}
table {
border-spacing: 5px;
width: 100%
}
table .indent {
margin-left: 5px
}
table td {
font-family: Chivo-Light;
font-size: .75rem
}
table td strong {
font-family: Chivo-Bold
}
table td:nth-child(2) {
text-align: right
}
body {
background: linear-gradient(180deg, #FFE9C4 0%, #C09050 100%) no-repeat center center fixed;
overflow-x: hidden
}
body.noScroll {
overflow: hidden
}
.justify-center {
justify-content: center
}
.no-padding {
padding: 0
}
.page-wrapper {
overflow-x: hidden
}
p strong {
font-family: Chivo-Bold;
text-align: center
}
.img-fluid {
height: auto;
max-width: 100%
}
.hero {
align-items: center;
background-position: 50%;
background-size: 800px !important;
display: flex;
height: 450px;
justify-content: center;
margin-bottom: 1.5rem;
min-height: 10px
}
@media (min-width:768px) and (max-width:1023.98px) {
.hero {
background-size: 1024px !important;
height: 576px;
min-height: 10px
}
}
@media (min-width:1024px) {
.hero {
background-size: cover !important;
height: 100vh
}
}
.hero.hero-bottom {
align-items: flex-end
}
@media (max-width:319.98px) {
.hero.hero-bottom .hero-copy h1,
.hero.hero-bottom .hero-copy h2,
.hero.hero-bottom .hero-copy h3,
.hero.hero-bottom .hero-copy h4,
.hero.hero-bottom .hero-copy h5,
.hero.hero-bottom .hero-copy h6,
.hero.hero-bottom .hero-copy p {
margin-bottom: 0
}
}
@media (min-width:320px) and (max-width:599.98px) {
.hero.hero-bottom .hero-copy h1,
.hero.hero-bottom .hero-copy h2,
.hero.hero-bottom .hero-copy h3,
.hero.hero-bottom .hero-copy h4,
.hero.hero-bottom .hero-copy h5,
.hero.hero-bottom .hero-copy h6,
.hero.hero-bottom .hero-copy p {
font-size: 3rem;
margin-bottom: 7rem
}
}
@media (min-width:600px) and (max-width:767.98px) {
.hero.hero-bottom .hero-copy h1,
.hero.hero-bottom .hero-copy h2,
.hero.hero-bottom .hero-copy h3,
.hero.hero-bottom .hero-copy h4,
.hero.hero-bottom .hero-copy h5,
.hero.hero-bottom .hero-copy h6,
.hero.hero-bottom .hero-copy p {
font-size: 5rem;
margin-bottom: 10rem
}
}
@media (max-width:767.98px) {
.hero.hero-mobile {
background-image: none !important;
height: 100vh;
min-height: 600px
}
}
@media (max-width:767.98px) and (min-width:600px) and (max-width:767.98px) {
.hero.hero-mobile {
min-height: 900px
}
}
@media (max-width:767.98px) {
.hero.hero-mobile .hero-copy {
position: relative
}
}
.hero.hero-mobile .img-mobile {
background-position: top;
background-size: cover;
height: 100vh;
left: 0;
min-height: 600px;
position: absolute;
top: 0;
width: 100%
}
@media (min-width:600px) and (max-width:767.98px) {
.hero.hero-mobile .img-mobile {
min-height: 900px
}
}
@media (min-width:768px) {
.hero.hero-mobile .img-mobile {
display: none
}
}
.hero-copy h1,
.hero-copy h2,
.hero-copy h3,
.hero-copy h4,
.hero-copy h5,
.hero-copy h6,
.hero-copy p {
-webkit-text-stroke: 1px #0f2d52;
color: transparent;
font-family: AlternateGothic2_BT;
font-size: 3.4375rem;
font-weight: 400;
text-align: center;
text-shadow: -2px -3px 0 #0f2d52
}
@media (min-width:768px) {
.hero-copy h1,
.hero-copy h2,
.hero-copy h3,
.hero-copy h4,
.hero-copy h5,
.hero-copy h6,
.hero-copy p {
font-size: 4.5rem
}
}
@media (min-width:1024px) {
.hero-copy h1,
.hero-copy h2,
.hero-copy h3,
.hero-copy h4,
.hero-copy h5,
.hero-copy h6,
.hero-copy p {
font-size: 6.56rem
}
}
.hero-copy-light h1,
.hero-copy-light h2,
.hero-copy-light h3,
.hero-copy-light h4,
.hero-copy-light h5,
.hero-copy-light h6,
.hero-copy-light p {
-webkit-text-stroke: 1px #fff;
color: transparent;
font-weight: 400;
text-shadow: -2px -3px 0 #fff
}
.section-headline h1,
.section-headline h2,
.section-headline h3,
.section-headline h4,
.section-headline h5,
.section-headline h6,
.section-headline p {
font-family: 'Lilita One', cursive;
font-size: 56px !important;
letter-spacing: -1.1px;
line-height: 56px;
text-transform: uppercase;
color: #461D09;
margin-bottom: 5%;
font-weight: 100
}
@media screen and (max-width:767px) {
.section-headline h1,
.section-headline h2,
.section-headline h3,
.section-headline h4,
.section-headline h5,
.section-headline h6,
.section-headline p {
font-size: 1.75rem
}
}
.section-headline h1-3d,
.section-headline h2-3d,
.section-headline h3-3d,
.section-headline h4-3d,
.section-headline h5-3d,
.section-headline h6-3d,
.section-headline p-3d {
-webkit-text-stroke: 1px #0f2d52;
color: transparent;
text-shadow: -4px -3px 0 #0f2d52
}
p {
color: #000;
font-family: 'Montserrat', sans-serif;
font-size: 1.25rem;
text-align: center
}
@media (min-width:1024px) {
p {
text-align: justify;
text-align-last: center
}
}
.text-center {
text-align: center
}
.ticker-copy {
color: #fff
}
.chivo-bold {
font-family: Chivo-Bold;
text-align: center
}
.cookie {
margin-top: 5%;
position: relative;
text-align: center
}
.cookie .home-scene {
overflow: hidden
}
.cookie .home-scene img {
display: block;
width: 100%
}
.cookie__banner-headline {
height: auto;
max-width: 300px
}
@media (min-width:768px) {
.cookie__banner-headline {
max-width: 400px
}
}
.cookie__cloud {
position: absolute;
z-index: -1
}
.cookie__cloud img {
position: relative;
width: 100%
}
.cookie__cloud-2 {
animation-name: bounce-sm;
left: 0;
margin: -1% 0 0 30%;
top: 0;
width: 10%
}
@media screen and (max-width:1024px) {
.cookie__cloud-2 {
margin: 2% 0 0 -6%;
width: 21%
}
}
.cookie__cloud-3-1 {
left: 0;
margin: 0 0 0 -2%;
top: 0;
width: 9%
}
@media screen and (max-width:1024px) {
.cookie__cloud-3-1 {
display: none
}
}
.cookie__cloud-3-2 {
animation-name: bounce-sm;
margin: 2% 24% 0 0;
right: 0;
top: 0;
width: 8%
}
@media screen and (max-width:1024px) {
.cookie__cloud-3-2 {
display: none
}
}
.cookie__cloud-4-1 {
animation-name: bounce-lg;
left: 0;
margin: -5% 0 0 17%;
top: 0;
width: 14%
}
@media screen and (max-width:1024px) {
.cookie__cloud-4-1 {
margin: -13% 0 0 -8%;
width: 27%
}
}
.cookie__cloud-4-2 {
animation-name: bounce-sm;
margin: -4% -3% 0 0;
right: 0;
top: 0;
width: 15%
}
@media screen and (max-width:1024px) {
.cookie__cloud-4-2 {
display: none
}
}
.cookie__cloud-5 {
animation-delay: .15s;
animation-name: bounce-md;
margin: -7% 19% 0 0;
right: 0;
top: 0;
width: 15%
}
@media screen and (max-width:1024px) {
.cookie__cloud-5 {
margin: -11% -2% 0 0;
width: 30%
}
}
.cookie-chocolate .parallax {
display: block;
justify-content: center;
position: relative
}
.cookie-chocolate .parallax img {
display: block;
position: relative;
width: 100%
}
.cookie-chocolate .scene img {
display: block;
width: 100%
}
.cookie-chocolate .main-cookie {
margin: 0 auto;
padding: 2% 0 6%;
position: relative;
width: 80%
}
.cookie-chocolate .top-left {
margin-left: -5%;
position: absolute;
top: 0;
width: 29%
}
.cookie-chocolate .top-right {
margin-left: 71%;
position: absolute;
top: 0;
width: 10%
}
.cookie-chocolate .top-right img {
transform: rotate(-27deg) scalex(-1)
}
.cookie-chocolate .bottom-left {
bottom: 0;
margin-left: 22%;
position: absolute;
width: 17%
}
.cookie-chocolate .bottom-right {
bottom: 0;
margin-left: 63%;
position: absolute;
width: 28%
}
.cookie-chocolate .cloud-top-right {
margin: 3% 0 0 78%;
position: absolute;
width: 21%
}
.cookie-chocolate .cloud-top-left {
margin: 15% 0 0 4%;
position: absolute;
width: 21%
}
.cookie-chocolate .cloud-bottom-left {
margin: 39% 0 0 -8%;
position: absolute;
width: 21%
}
.cookie-chocolate .cloud-bottom-center {
margin: 46% 0 0 43%;
position: absolute;
width: 21%
}
.cookie-banner-padding {
height: 400px
}
@media screen and (max-width:767px) {
.cookie-banner-padding {
height: 200px
}
}
.tcontainer {
height: 40px;
overflow: hidden
}
.ticker-wrap {
background-color: #e56128;
padding-left: 100%;
width: 100%
}
.ticker-wrap-green {
background-color: #5b7e38
}
.ticker-wrap-blue {
background-color: #0094c8
}
@keyframes ticker {
to {
transform: translate3d(-100%, 0, 0)
}
}
.ticker-trigger {
display: inline-block;
white-space: nowrap
}
.ticker-move {
animation-timing-function: linear;
animation: ticker 30s infinite;
padding-right: 100%
}
.ticker-move:hover {
animation-play-state: paused
}
.ticker-item {
align-items: center;
color: #fff;
display: flex;
font-family: Chivo-Regular;
font-size: 20px;
justify-content: center;
padding: 0 40px
}
.ticker-item img {
height: 40px;
width: 80px
}
.ticker-mobile {
display: block
}
@media screen and (max-width:767px) {
.ticker-mobile {
display: none
}
}
.accordion {
align-items: center;
background: #0f2d52;
display: flex;
flex-direction: column;
justify-content: center;
padding: 0
}
.accordion-desktop {
display: block
}
@media screen and (max-width:767px) {
.accordion-desktop {
display: none
}
}
.accordion-mobile {
display: none
}
@media screen and (max-width:767px) {
.accordion-mobile {
display: block
}
}
.accordion__faq {
margin: 2rem auto 4rem;
max-width: 1200px;
padding: 0
}
.accordion__faq-title {
-webkit-text-stroke: 1px #fff;
color: transparent;
font-family: AlternateGothic2_BT;
font-size: 4.0625rem;
text-align: center;
text-shadow: -2px -2px 0 #fff
}
@media screen and (max-width:767px) {
.accordion__faq-title {
font-size: 2.1875rem
}
}
.accordion__faq-container {
margin: 0 auto;
max-width: 1200px
}
.accordion__faq-section {
align-items: center;
display: flex;
flex-direction: column;
justify-content: center;
padding: 0 2rem
}
.accordion__faq-section-headline {
color: #f4d792;
font-family: Chivo-Black;
font-size: 1.25rem
}
.accordion__faq-section-copy {
color: #fff;
font-family: Chivo-Regular
}
.accordion .accordion-item {
background: transparent;
border: none
}
.accordion .accordion-button {
font-family: Chivo-Black;
font-size: 1.125rem
}
.accordion .accordion-button:after {
display: none
}
.accordion .accordion-button,
.accordion .accordion-button:not(.collapsed) {
background-color: transparent;
box-shadow: none;
color: #f4d792
}
.accordion .accordion-body p {
color: #fff;
font-size: 1rem;
text-align: center
}
.accordion #accordion-faq,
.accordion .accordion-header {
align-items: center;
display: flex;
justify-content: center
}
.accordion #accordion-faq {
flex-direction: column;
margin-bottom: 2rem
}
.icon {
stroke-width: 0;
fill: #fff;
display: inline-block;
height: 2em;
margin-right: 1rem;
transform: rotate(30deg);
transition: all .2s ease-in-out;
width: 2em
}
button.collapsed .icon {
transform: rotate(210deg)
}
.embedded-video-16-9 {
height: 50.625vw;
margin: 0 auto;
width: 90vw
}
@media (min-width:1024px) {
.embedded-video-16-9 {
height: 25.3125vw;
width: 45vw
}
}
.video-container {
align-items: center;
display: flex
}
.page .noHero {
height: 90px
}
.two-col-image {
padding: 2rem 0
}
.two-col-image .image {
text-align: center
}
.two-col-image .vertical-center {
align-items: center;
justify-content: center
}
.image-blocks img {
padding-bottom: 2rem
}
.section-header {
font-family: 'Lilita One', cursive;
font-size: 56px !important;
letter-spacing: -1.1px;
line-height: 56px;
text-transform: uppercase;
color: #461D09;
margin-bottom: 5%
}
.lower-section-header {
font-family: 'Lilita One', cursive;
font-size: 32px;
letter-spacing: -.33px;
line-height: 36px;
text-transform: uppercase;
color: #461D09;
margin-bottom: 3%
}
.section-description p {
font-family: 'Montserrat', sans-serif;
font-size: 17px;
letter-spacing: -0.41px;
line-height: 22px;
font-size: 20px;
font-weight: normal !important;
line-height: 31px;
color: #000;
margin-bottom: 12%;
text-align-last: unset
}
.card-title {
text-overflow: unset;
font-family: 'Lilita One';
font-size: 32px;
letter-spacing: -.32px;
line-height: 165px;
color: #461D09;
width: 360px
}
.recipe-intro p {
font-size: 1.0em !important;
line-height: 1.4em !important
}
.product__desktop-title-detail h1 {
color: #461D09;
font-family: 'Lilita One';
font-size: 32px;
font-weight: 100;
margin: 0;
text-align: left;
letter-spacing: -.32px;
margin-left: 10px
}
@media screen and (max-width:920px) {
.product__desktop-title-detail h1 {
text-align: center;
padding-top: 0px !important
}
.nutrition-page>img {
max-width: 300px;
height: auto
}
.product_slide-detail {
margin-top: 50px !important;
margin-bottom: 30px
}
}
.product_slide-detail {
margin-top: 2rem
}
.product__desktop-description-detail p {
font-size: 1.0em !important;
line-height: 1.4em !important;
margin-top: 0;
margin-bottom: 1rem;
font-family: 'Montserrat', sans-serif;
letter-spacing: -0.41px;
width: 323px;
color: #000;
text-align: left !important;
padding-top: 1rem;
text-align-last: unset
}
.section-headline h7 {
color: #333;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
font-size: 1.1em;
text-align: center;
text-align-last: unset
}
.section-products {
max-width: 100px;
margin-right: 2.5rem
}
.section-products-list {
max-width: 120px;
margin-right: 2.5rem
}
@media screen and (max-width:920px) {
.section-products {
padding: 10px;
margin-right: 0px
}
.section-products-list {
max-width: 100px;
padding: 10px;
margin-right: 0px
}
}
.header-section-nav {
display: flex;
justify-content: center;
border-bottom: none !important;
margin-top: 90px;
padding: 1.5rem 1rem;
background: linear-gradient(180deg, #FFE9C4 0%, #C09050 100%);
text-align: center
}
.header-section-nav-list-product {
display: flex;
justify-content: center;
border-bottom: none !important;
margin-top: 90px;
padding: 1.5rem 1rem;
text-align: center;
margin-bottom: 2rem
}
.section-headline-title-list-product h2 {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
color: #461D09;
font-family: "Lilita One";
font-size: 24px;
line-height: 27px;
text-align: center;
padding: 0px;
margin: 0px
}
.img-fluid-products {
height: auto;
max-width: 50%
}
.section-headline-description-list-product p {
width: 100%;
overflow: hidden;
text-overflow: ellipsis;
color: #461D09;
font-family: Montserrat;
font-size: 14px;
line-height: 1.3em;
height: 74px;
display: -webkit-box;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical;
text-align: left
}
.section-headline-description-list-product ul {
color: #461D09;
font-family: Montserrat;
font-size: 14px;
font-weight: bolder
}
.product-listing__carousel ul {
display: none
}
.title-header-nav h8 {
font-family: 'Lilita One', cursive;
font-size: 40px;
letter-spacing: -0.4px;
line-height: 40px;
text-transform: uppercase;
margin-top: 56px;
color: #461D09;
display: flex;
padding-top: 4%;
margin-bottom: 1rem;
padding-left: 10rem
}
@media screen and (max-width:1024px) {
.title-header-nav h8 {
padding-left: 0rem !important
}
.image-section {
margin-left: 0rem !important
}
.image-section-2 {
margin-left: 0rem !important
}
.image-section-3 {
margin-left: -15rem !important
}
.button-video {
margin-left: 0rem !important
}
.image-section-4 {
margin-left: 0rem !important
}
}
.home {
background: url(/assets/images/body_image.png) no-repeat 50%/cover;
margin-bottom: -32px
}
.image-section img {
width: 355px
}
.fiel-title2 h2 {
font-family: 'Lilita One', cursive;
font-size: 32px;
letter-spacing: -.33px;
line-height: 36px;
text-transform: uppercase;
color: #461D09;
margin-bottom: 3%;
font-weight: 100
}
.fiel-title2 {
max-height: 90px
}
.image-section {
margin-top: 2rem;
margin-left: -6rem
}
.image-section-2 {
margin-left: -12rem
}
.image-section-3 {
margin-top: -5rem
}
.image-section-4 {
margin-left: -7rem
}
.button-video {
margin-top: -3rem;
margin-left: -7rem
}
.image-section-4 img {
width: 355px
}
.ingredients {
list-style: none;
margin-left: 18px;
padding-left: 1.1em
}
.recipe-directions h1,
.recipe-ingredients h1 {
font-family: "Lilita One";
font-size: 20px;
letter-spacing: .15px;
line-height: 24px;
width: 93px;
color: #000;
font-weight: 100
}
.product {
background: white
}
.recipe-ingredients,
.recipe-directions {
background: white;
max-width: 45rem
}
.recipe-directions li,
.recipe-ingredients li {
font-family: 'Montserrat', sans-serif;
font-size: 16px !important;
letter-spacing: -0.41px;
line-height: 22px;
color: #000;
line-height: 1.4em !important
}
.recipe-ingredients .ingredients {
list-style: none
}
.product__desktop-bottom {
background: linear-gradient(180deg, #FFE9C4 0%, #C09050 100%);
border-radius: 0 0 40px 40px;
margin-bottom: 1rem;
box-shadow: 0 15px 24px -10px rgb(0 0 0 / 40%)
}
.product__recipe-descr {
background: white;
padding-left: 20%;
margin-bottom: 3rem;
padding-top: 4rem
}
@media screen and (max-width:920px) {
.product__recipe-descr {
padding-left: 0%
}
}
.single-item img {
border-radius: 35px !important;
max-width: 350px
}
.single-item {
max-width: 350px
}
.header .header__desktop-nav .header__nav-item:last-child a {
color: #461b0e
}
.header .header__desktop-nav .header__nav-item:last-child a:hover {
color: red
}
.a2a_button_twitter span,
.a2a_button_facebook span,
.a2a_button_pinterest span,
.a2a_button_email span,
.a2a_dd span {
background-color: transparent !important;
}
.a2a_svg {
overflow: inherit !important
}
.a2a_default_style:not(.a2a_flex_style) a {
padding: 0px 10px !important;
padding-left: 14px !important
}
.social {
margin-top: -18px
}
#treehouse-base #tree-video {
object-fit: cover;
height: 100%;
width: 100%;
position: fixed;
left: 0;
z-index: 9;
top: 35px;
cursor: pointer;
background: linear-gradient(180deg, #FFE9C4 0%, #C09050 100%)
}
#treehouse-base {
position: absolute;
z-index: 2;
bottom: 0;
width: 100vw;
height: 100vh;
top: 56px
}
#enterSiteButton {
width: 50px;
height: 50px;
position: fixed;
z-index: 10;
bottom: 10px;
left: 50%;
text-align: center;
cursor: pointer;
transform: translateX(-50%) rotate(270deg);
border-radius: 71%;
border: 4px solid white;
padding: 10px;
color: white
}
.where-to-buy-page iframe {
height: 2779px !important
}
@media screen and (max-width:1024px) {
.where-to-buy-page iframe {
height: 3500px !important
}
}
.header__desktop-nav .header__nav-item:last-child {
background: #fff;
border-radius: 30px;
padding-left: 15px;
padding-right: 15px;
text-align: center;
box-shadow: 0 15px 24px -10px rgb(38 38 38 / 50%);
transform: translate3d(0, 0, 0);
font-weight: bold;
font-size: 14px;
display: flex;
justify-content: center;
align-items: center;
height: 40px;
width: auto
}
.header__mobile-nav a {
font-size: 30px !important;
font-family: 'Lilita One', cursive
}
.search-form {
display: flex;
margin-top: 2rem
}
.hidden-pager {
display: none
}
.js-pager__items li {
padding: 1em;
font-family: Montserrat
}
.pager__items {
--bs-gutter-x: 1.5rem;
--bs-gutter-y: 0;
display: flex;
flex-wrap: wrap;
color: transparent;
margin-right: 15px
}
.pager__item a {
color: #471c09
}
h2 {
color: #471c09;
font-family: Montserrat;
padding: 1rem
}
h3 {
color: #471c09;
font-family: Montserrat;
padding: 1rem
}
.form-search-custom {
padding-left: 30px;
background: url(/assets/images/SearchIcon_Dark.svg) no-repeat scroll 7px 4px;
border-radius: 29.5px;
padding-bottom: 5px;
background-color: #FFF;
width: 230px
}
.form-search {
display: none
}