/*!
 * Bootstrap v4.4.1 (https://getbootstrap.com/)
 * Copyright 2011-2019 The Bootstrap Authors
 * Copyright 2011-2019 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */

:root {
    --blue: #007bff;
    --indigo: #6610f2;
    --purple: #6f42c1;
    --pink: #e83e8c;
    --red: #dc3545;
    --orange: #fd7e14;
    --yellow: #ffc107;
    --green: #28a745;
    --teal: #20c997;
    --cyan: #17a2b8;
    --white: #fff;
    --gray: #6c757d;
    --gray-dark: #343a40;
    --primary: #007bff;
    --secondary: #6c757d;
    --success: #28a745;
    --info: #17a2b8;
    --warning: #ffc107;
    --danger: #dc3545;
    --light: #f8f9fa;
    --dark: #343a40;
    --breakpoint-xs: 0;
    --breakpoint-sm: 576px;
    --breakpoint-md: 768px;
    --breakpoint-lg: 992px;
    --breakpoint-xl: 1200px;
    --font-family-sans-serif: -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-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace
}

*,
::after,
::before {
    box-sizing: border-box
}

html {
    font-family: sans-serif;
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: transparent
}

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

body {
    margin: 0;
    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: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    text-align: left;
    background-color: #fff
}

[tabindex="-1"]:focus:not(:focus-visible) {
    outline: 0!important
}

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

h1,
h2,
h3,
h4,
h5,
h6 {
    margin-top: 0;
    margin-bottom: .5rem
}

p {
    margin-top: 0;
    margin-bottom: 1rem
}

abbr[data-original-title],
abbr[title] {
    text-decoration: underline;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
    cursor: help;
    border-bottom: 0;
    -webkit-text-decoration-skip-ink: none;
    text-decoration-skip-ink: none
}

address {
    margin-bottom: 1rem;
    font-style: normal;
    line-height: inherit
}

dl,
ol,
ul {
    margin-top: 0;
    margin-bottom: 1rem
}

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

dt {
    font-weight: 700
}

dd {
    margin-bottom: .5rem;
    margin-left: 0
}

blockquote {
    margin: 0 0 1rem
}

b,
strong {
    font-weight: bolder
}

small {
    font-size: 80%
}

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

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

a {
    color: #007bff;
    text-decoration: none;
    background-color: transparent
}

a:hover {
    color: #0056b3;
    text-decoration: underline
}

a:not([href]) {
    color: inherit;
    text-decoration: none
}

a:not([href]):hover {
    color: inherit;
    text-decoration: none
}

code,
kbd,
pre,
samp {
    font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    font-size: 1em
}

pre {
    margin-top: 0;
    margin-bottom: 1rem;
    overflow: auto
}

figure {
    margin: 0 0 1rem
}

img {
    vertical-align: middle;
    border-style: none
}

svg {
    overflow: hidden;
    vertical-align: middle
}

table {
    border-collapse: collapse
}

caption {
    padding-top: .75rem;
    padding-bottom: .75rem;
    color: #6c757d;
    text-align: left;
    caption-side: bottom
}

th {
    text-align: inherit
}

label {
    display: inline-block;
    margin-bottom: .5rem
}

button {
    border-radius: 0
}

button:focus {
    outline: 1px dotted;
    outline: 5px auto -webkit-focus-ring-color
}

button,
input,
optgroup,
select,
textarea {
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit
}

button,
input {
    overflow: visible
}

button,
select {
    text-transform: none
}

select {
    word-wrap: normal
}

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

[type=button]:not(:disabled),
[type=reset]:not(:disabled),
[type=submit]:not(:disabled),
button:not(:disabled) {
    cursor: pointer
}

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

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

input[type=date],
input[type=datetime-local],
input[type=month],
input[type=time] {
    -webkit-appearance: listbox
}

textarea {
    overflow: auto;
    resize: vertical
}

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

legend {
    display: block;
    width: 100%;
    max-width: 100%;
    padding: 0;
    margin-bottom: .5rem;
    font-size: 1.5rem;
    line-height: inherit;
    color: inherit;
    white-space: normal
}

progress {
    vertical-align: baseline
}

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

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

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

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

output {
    display: inline-block
}

summary {
    display: list-item;
    cursor: pointer
}

template {
    display: none
}

[hidden] {
    display: none!important
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
    margin-bottom: .5rem;
    font-weight: 500;
    line-height: 1.2
}

.h1,
h1 {
    font-size: 2.5rem
}

.h2,
h2 {
    font-size: 2rem
}

.h3,
h3 {
    font-size: 1.75rem
}

.h4,
h4 {
    font-size: 1.5rem
}

.h5,
h5 {
    font-size: 1.25rem
}

.h6,
h6 {
    font-size: 1rem
}

.lead {
    font-size: 1.25rem;
    font-weight: 300
}

.display-1 {
    font-size: 6rem;
    font-weight: 300;
    line-height: 1.2
}

.display-2 {
    font-size: 5.5rem;
    font-weight: 300;
    line-height: 1.2
}

.display-3 {
    font-size: 4.5rem;
    font-weight: 300;
    line-height: 1.2
}

.display-4 {
    font-size: 3.5rem;
    font-weight: 300;
    line-height: 1.2
}

hr {
    margin-top: 1rem;
    margin-bottom: 1rem;
    border: 0;
    border-top: 1px solid rgba(0, 0, 0, .1)
}

.small,
small {
    font-size: 80%;
    font-weight: 400
}

.mark,
mark {
    padding: .2em;
    background-color: #fcf8e3
}

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

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

.list-inline-item {
    display: inline-block
}

.list-inline-item:not(:last-child) {
    margin-right: .5rem
}

.initialism {
    font-size: 90%;
    text-transform: uppercase
}

.blockquote {
    margin-bottom: 1rem;
    font-size: 1.25rem
}

.blockquote-footer {
    display: block;
    font-size: 80%;
    color: #6c757d
}

.blockquote-footer::before {
    content: "\2014\00A0"
}

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

.img-thumbnail {
    padding: .25rem;
    background-color: #fff;
    border: 1px solid #dee2e6;
    border-radius: .25rem;
    max-width: 100%;
    height: auto
}

.figure {
    display: inline-block
}

.figure-img {
    margin-bottom: .5rem;
    line-height: 1
}

.figure-caption {
    font-size: 90%;
    color: #6c757d
}

code {
    font-size: 87.5%;
    color: #e83e8c;
    word-wrap: break-word
}

a>code {
    color: inherit
}

kbd {
    padding: .2rem .4rem;
    font-size: 87.5%;
    color: #fff;
    background-color: #212529;
    border-radius: .2rem
}

kbd kbd {
    padding: 0;
    font-size: 100%;
    font-weight: 700
}

pre {
    display: block;
    font-size: 87.5%;
    color: #212529
}

pre code {
    font-size: inherit;
    color: inherit;
    word-break: normal
}

.pre-scrollable {
    max-height: 340px;
    overflow-y: scroll
}

.container {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto
}

@media (min-width:576px) {
    .container {
        max-width: 540px
    }
}

@media (min-width:768px) {
    .container {
        max-width: 720px
    }
}

@media (min-width:992px) {
    .container {
        max-width: 960px
    }
}

@media (min-width:1200px) {
    .container {
        max-width: 1140px
    }
}

.container-fluid,
.container-lg,
.container-md,
.container-sm,
.container-xl {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto
}

@media (min-width:576px) {
    .container,
    .container-sm {
        max-width: 540px
    }
}

@media (min-width:768px) {
    .container,
    .container-md,
    .container-sm {
        max-width: 720px
    }
}

@media (min-width:992px) {
    .container,
    .container-lg,
    .container-md,
    .container-sm {
        max-width: 960px
    }
}

@media (min-width:1200px) {
    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl {
        max-width: 1140px
    }
}

.row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px
}

.no-gutters {
    margin-right: 0;
    margin-left: 0
}

.no-gutters>.col,
.no-gutters>[class*=col-] {
    padding-right: 0;
    padding-left: 0
}

.col,
.col-1,
.col-10,
.col-11,
.col-12,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-auto,
.col-lg,
.col-lg-1,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-auto,
.col-md,
.col-md-1,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-auto,
.col-sm,
.col-sm-1,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-auto,
.col-xl,
.col-xl-1,
.col-xl-10,
.col-xl-11,
.col-xl-12,
.col-xl-2,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9,
.col-xl-auto {
    position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px
}

.col {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%
}

.row-cols-1>* {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%
}

.row-cols-2>* {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%
}

.row-cols-3>* {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%
}

.row-cols-4>* {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%
}

.row-cols-5>* {
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%
}

.row-cols-6>* {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%
}

.col-auto {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: 100%
}

.col-1 {
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%
}

.col-2 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%
}

.col-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%
}

.col-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%
}

.col-5 {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%
}

.col-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%
}

.col-7 {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%
}

.col-8 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%
}

.col-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%
}

.col-10 {
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%
}

.col-11 {
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%
}

.col-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%
}

.order-first {
    -ms-flex-order: -1;
    order: -1
}

.order-last {
    -ms-flex-order: 13;
    order: 13
}

.order-0 {
    -ms-flex-order: 0;
    order: 0
}

.order-1 {
    -ms-flex-order: 1;
    order: 1
}

.order-2 {
    -ms-flex-order: 2;
    order: 2
}

.order-3 {
    -ms-flex-order: 3;
    order: 3
}

.order-4 {
    -ms-flex-order: 4;
    order: 4
}

.order-5 {
    -ms-flex-order: 5;
    order: 5
}

.order-6 {
    -ms-flex-order: 6;
    order: 6
}

.order-7 {
    -ms-flex-order: 7;
    order: 7
}

.order-8 {
    -ms-flex-order: 8;
    order: 8
}

.order-9 {
    -ms-flex-order: 9;
    order: 9
}

.order-10 {
    -ms-flex-order: 10;
    order: 10
}

.order-11 {
    -ms-flex-order: 11;
    order: 11
}

.order-12 {
    -ms-flex-order: 12;
    order: 12
}

.offset-1 {
    margin-left: 8.333333%
}

.offset-2 {
    margin-left: 16.666667%
}

.offset-3 {
    margin-left: 25%
}

.offset-4 {
    margin-left: 33.333333%
}

.offset-5 {
    margin-left: 41.666667%
}

.offset-6 {
    margin-left: 50%
}

.offset-7 {
    margin-left: 58.333333%
}

.offset-8 {
    margin-left: 66.666667%
}

.offset-9 {
    margin-left: 75%
}

.offset-10 {
    margin-left: 83.333333%
}

.offset-11 {
    margin-left: 91.666667%
}

@media (min-width:576px) {
    .col-sm {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%
    }
    .row-cols-sm-1>* {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
    .row-cols-sm-2>* {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }
    .row-cols-sm-3>* {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }
    .row-cols-sm-4>* {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }
    .row-cols-sm-5>* {
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%
    }
    .row-cols-sm-6>* {
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }
    .col-sm-auto {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: 100%
    }
    .col-sm-1 {
        -ms-flex: 0 0 8.333333%;
        flex: 0 0 8.333333%;
        max-width: 8.333333%
    }
    .col-sm-2 {
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }
    .col-sm-3 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }
    .col-sm-4 {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }
    .col-sm-5 {
        -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%;
        max-width: 41.666667%
    }
    .col-sm-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }
    .col-sm-7 {
        -ms-flex: 0 0 58.333333%;
        flex: 0 0 58.333333%;
        max-width: 58.333333%
    }
    .col-sm-8 {
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%
    }
    .col-sm-9 {
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }
    .col-sm-10 {
        -ms-flex: 0 0 83.333333%;
        flex: 0 0 83.333333%;
        max-width: 83.333333%
    }
    .col-sm-11 {
        -ms-flex: 0 0 91.666667%;
        flex: 0 0 91.666667%;
        max-width: 91.666667%
    }
    .col-sm-12 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
    .order-sm-first {
        -ms-flex-order: -1;
        order: -1
    }
    .order-sm-last {
        -ms-flex-order: 13;
        order: 13
    }
    .order-sm-0 {
        -ms-flex-order: 0;
        order: 0
    }
    .order-sm-1 {
        -ms-flex-order: 1;
        order: 1
    }
    .order-sm-2 {
        -ms-flex-order: 2;
        order: 2
    }
    .order-sm-3 {
        -ms-flex-order: 3;
        order: 3
    }
    .order-sm-4 {
        -ms-flex-order: 4;
        order: 4
    }
    .order-sm-5 {
        -ms-flex-order: 5;
        order: 5
    }
    .order-sm-6 {
        -ms-flex-order: 6;
        order: 6
    }
    .order-sm-7 {
        -ms-flex-order: 7;
        order: 7
    }
    .order-sm-8 {
        -ms-flex-order: 8;
        order: 8
    }
    .order-sm-9 {
        -ms-flex-order: 9;
        order: 9
    }
    .order-sm-10 {
        -ms-flex-order: 10;
        order: 10
    }
    .order-sm-11 {
        -ms-flex-order: 11;
        order: 11
    }
    .order-sm-12 {
        -ms-flex-order: 12;
        order: 12
    }
    .offset-sm-0 {
        margin-left: 0
    }
    .offset-sm-1 {
        margin-left: 8.333333%
    }
    .offset-sm-2 {
        margin-left: 16.666667%
    }
    .offset-sm-3 {
        margin-left: 25%
    }
    .offset-sm-4 {
        margin-left: 33.333333%
    }
    .offset-sm-5 {
        margin-left: 41.666667%
    }
    .offset-sm-6 {
        margin-left: 50%
    }
    .offset-sm-7 {
        margin-left: 58.333333%
    }
    .offset-sm-8 {
        margin-left: 66.666667%
    }
    .offset-sm-9 {
        margin-left: 75%
    }
    .offset-sm-10 {
        margin-left: 83.333333%
    }
    .offset-sm-11 {
        margin-left: 91.666667%
    }
}

@media (min-width:768px) {
    .col-md {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%
    }
    .row-cols-md-1>* {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
    .row-cols-md-2>* {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }
    .row-cols-md-3>* {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }
    .row-cols-md-4>* {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }
    .row-cols-md-5>* {
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%
    }
    .row-cols-md-6>* {
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }
    .col-md-auto {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: 100%
    }
    .col-md-1 {
        -ms-flex: 0 0 8.333333%;
        flex: 0 0 8.333333%;
        max-width: 8.333333%
    }
    .col-md-2 {
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }
    .col-md-3 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }
    .col-md-4 {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }
    .col-md-5 {
        -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%;
        max-width: 41.666667%
    }
    .col-md-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }
    .col-md-7 {
        -ms-flex: 0 0 58.333333%;
        flex: 0 0 58.333333%;
        max-width: 58.333333%
    }
    .col-md-8 {
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%
    }
    .col-md-9 {
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }
    .col-md-10 {
        -ms-flex: 0 0 83.333333%;
        flex: 0 0 83.333333%;
        max-width: 83.333333%
    }
    .col-md-11 {
        -ms-flex: 0 0 91.666667%;
        flex: 0 0 91.666667%;
        max-width: 91.666667%
    }
    .col-md-12 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
    .order-md-first {
        -ms-flex-order: -1;
        order: -1
    }
    .order-md-last {
        -ms-flex-order: 13;
        order: 13
    }
    .order-md-0 {
        -ms-flex-order: 0;
        order: 0
    }
    .order-md-1 {
        -ms-flex-order: 1;
        order: 1
    }
    .order-md-2 {
        -ms-flex-order: 2;
        order: 2
    }
    .order-md-3 {
        -ms-flex-order: 3;
        order: 3
    }
    .order-md-4 {
        -ms-flex-order: 4;
        order: 4
    }
    .order-md-5 {
        -ms-flex-order: 5;
        order: 5
    }
    .order-md-6 {
        -ms-flex-order: 6;
        order: 6
    }
    .order-md-7 {
        -ms-flex-order: 7;
        order: 7
    }
    .order-md-8 {
        -ms-flex-order: 8;
        order: 8
    }
    .order-md-9 {
        -ms-flex-order: 9;
        order: 9
    }
    .order-md-10 {
        -ms-flex-order: 10;
        order: 10
    }
    .order-md-11 {
        -ms-flex-order: 11;
        order: 11
    }
    .order-md-12 {
        -ms-flex-order: 12;
        order: 12
    }
    .offset-md-0 {
        margin-left: 0
    }
    .offset-md-1 {
        margin-left: 8.333333%
    }
    .offset-md-2 {
        margin-left: 16.666667%
    }
    .offset-md-3 {
        margin-left: 25%
    }
    .offset-md-4 {
        margin-left: 33.333333%
    }
    .offset-md-5 {
        margin-left: 41.666667%
    }
    .offset-md-6 {
        margin-left: 50%
    }
    .offset-md-7 {
        margin-left: 58.333333%
    }
    .offset-md-8 {
        margin-left: 66.666667%
    }
    .offset-md-9 {
        margin-left: 75%
    }
    .offset-md-10 {
        margin-left: 83.333333%
    }
    .offset-md-11 {
        margin-left: 91.666667%
    }
}

@media (min-width:992px) {
    .col-lg {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%
    }
    .row-cols-lg-1>* {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
    .row-cols-lg-2>* {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }
    .row-cols-lg-3>* {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }
    .row-cols-lg-4>* {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }
    .row-cols-lg-5>* {
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%
    }
    .row-cols-lg-6>* {
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }
    .col-lg-auto {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: 100%
    }
    .col-lg-1 {
        -ms-flex: 0 0 8.333333%;
        flex: 0 0 8.333333%;
        max-width: 8.333333%
    }
    .col-lg-2 {
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }
    .col-lg-3 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }
    .col-lg-4 {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }
    .col-lg-5 {
        -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%;
        max-width: 41.666667%
    }
    .col-lg-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }
    .col-lg-7 {
        -ms-flex: 0 0 58.333333%;
        flex: 0 0 58.333333%;
        max-width: 58.333333%
    }
    .col-lg-8 {
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%
    }
    .col-lg-9 {
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }
    .col-lg-10 {
        -ms-flex: 0 0 83.333333%;
        flex: 0 0 83.333333%;
        max-width: 83.333333%
    }
    .col-lg-11 {
        -ms-flex: 0 0 91.666667%;
        flex: 0 0 91.666667%;
        max-width: 91.666667%
    }
    .col-lg-12 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
    .order-lg-first {
        -ms-flex-order: -1;
        order: -1
    }
    .order-lg-last {
        -ms-flex-order: 13;
        order: 13
    }
    .order-lg-0 {
        -ms-flex-order: 0;
        order: 0
    }
    .order-lg-1 {
        -ms-flex-order: 1;
        order: 1
    }
    .order-lg-2 {
        -ms-flex-order: 2;
        order: 2
    }
    .order-lg-3 {
        -ms-flex-order: 3;
        order: 3
    }
    .order-lg-4 {
        -ms-flex-order: 4;
        order: 4
    }
    .order-lg-5 {
        -ms-flex-order: 5;
        order: 5
    }
    .order-lg-6 {
        -ms-flex-order: 6;
        order: 6
    }
    .order-lg-7 {
        -ms-flex-order: 7;
        order: 7
    }
    .order-lg-8 {
        -ms-flex-order: 8;
        order: 8
    }
    .order-lg-9 {
        -ms-flex-order: 9;
        order: 9
    }
    .order-lg-10 {
        -ms-flex-order: 10;
        order: 10
    }
    .order-lg-11 {
        -ms-flex-order: 11;
        order: 11
    }
    .order-lg-12 {
        -ms-flex-order: 12;
        order: 12
    }
    .offset-lg-0 {
        margin-left: 0
    }
    .offset-lg-1 {
        margin-left: 8.333333%
    }
    .offset-lg-2 {
        margin-left: 16.666667%
    }
    .offset-lg-3 {
        margin-left: 25%
    }
    .offset-lg-4 {
        margin-left: 33.333333%
    }
    .offset-lg-5 {
        margin-left: 41.666667%
    }
    .offset-lg-6 {
        margin-left: 50%
    }
    .offset-lg-7 {
        margin-left: 58.333333%
    }
    .offset-lg-8 {
        margin-left: 66.666667%
    }
    .offset-lg-9 {
        margin-left: 75%
    }
    .offset-lg-10 {
        margin-left: 83.333333%
    }
    .offset-lg-11 {
        margin-left: 91.666667%
    }
}

@media (min-width:1200px) {
    .col-xl {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%
    }
    .row-cols-xl-1>* {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
    .row-cols-xl-2>* {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }
    .row-cols-xl-3>* {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }
    .row-cols-xl-4>* {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }
    .row-cols-xl-5>* {
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%
    }
    .row-cols-xl-6>* {
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }
    .col-xl-auto {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: 100%
    }
    .col-xl-1 {
        -ms-flex: 0 0 8.333333%;
        flex: 0 0 8.333333%;
        max-width: 8.333333%
    }
    .col-xl-2 {
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }
    .col-xl-3 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }
    .col-xl-4 {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }
    .col-xl-5 {
        -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%;
        max-width: 41.666667%
    }
    .col-xl-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }
    .col-xl-7 {
        -ms-flex: 0 0 58.333333%;
        flex: 0 0 58.333333%;
        max-width: 58.333333%
    }
    .col-xl-8 {
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%
    }
    .col-xl-9 {
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }
    .col-xl-10 {
        -ms-flex: 0 0 83.333333%;
        flex: 0 0 83.333333%;
        max-width: 83.333333%
    }
    .col-xl-11 {
        -ms-flex: 0 0 91.666667%;
        flex: 0 0 91.666667%;
        max-width: 91.666667%
    }
    .col-xl-12 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
    .order-xl-first {
        -ms-flex-order: -1;
        order: -1
    }
    .order-xl-last {
        -ms-flex-order: 13;
        order: 13
    }
    .order-xl-0 {
        -ms-flex-order: 0;
        order: 0
    }
    .order-xl-1 {
        -ms-flex-order: 1;
        order: 1
    }
    .order-xl-2 {
        -ms-flex-order: 2;
        order: 2
    }
    .order-xl-3 {
        -ms-flex-order: 3;
        order: 3
    }
    .order-xl-4 {
        -ms-flex-order: 4;
        order: 4
    }
    .order-xl-5 {
        -ms-flex-order: 5;
        order: 5
    }
    .order-xl-6 {
        -ms-flex-order: 6;
        order: 6
    }
    .order-xl-7 {
        -ms-flex-order: 7;
        order: 7
    }
    .order-xl-8 {
        -ms-flex-order: 8;
        order: 8
    }
    .order-xl-9 {
        -ms-flex-order: 9;
        order: 9
    }
    .order-xl-10 {
        -ms-flex-order: 10;
        order: 10
    }
    .order-xl-11 {
        -ms-flex-order: 11;
        order: 11
    }
    .order-xl-12 {
        -ms-flex-order: 12;
        order: 12
    }
    .offset-xl-0 {
        margin-left: 0
    }
    .offset-xl-1 {
        margin-left: 8.333333%
    }
    .offset-xl-2 {
        margin-left: 16.666667%
    }
    .offset-xl-3 {
        margin-left: 25%
    }
    .offset-xl-4 {
        margin-left: 33.333333%
    }
    .offset-xl-5 {
        margin-left: 41.666667%
    }
    .offset-xl-6 {
        margin-left: 50%
    }
    .offset-xl-7 {
        margin-left: 58.333333%
    }
    .offset-xl-8 {
        margin-left: 66.666667%
    }
    .offset-xl-9 {
        margin-left: 75%
    }
    .offset-xl-10 {
        margin-left: 83.333333%
    }
    .offset-xl-11 {
        margin-left: 91.666667%
    }
}

.table {
    width: 100%;
    margin-bottom: 1rem;
    color: #212529
}

.table td,
.table th {
    padding: .75rem;
    vertical-align: top;
    border-top: 1px solid #dee2e6
}

.table thead th {
    vertical-align: bottom;
    border-bottom: 2px solid #dee2e6
}

.table tbody+tbody {
    border-top: 2px solid #dee2e6
}

.table-sm td,
.table-sm th {
    padding: .3rem
}

.table-bordered {
    border: 1px solid #dee2e6
}

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

.table-bordered thead td,
.table-bordered thead th {
    border-bottom-width: 2px
}

.table-borderless tbody+tbody,
.table-borderless td,
.table-borderless th,
.table-borderless thead th {
    border: 0
}

.table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(0, 0, 0, .05)
}

.table-hover tbody tr:hover {
    color: #212529;
    background-color: rgba(0, 0, 0, .075)
}

.table-primary,
.table-primary>td,
.table-primary>th {
    background-color: #b8daff
}

.table-primary tbody+tbody,
.table-primary td,
.table-primary th,
.table-primary thead th {
    border-color: #7abaff
}

.table-hover .table-primary:hover {
    background-color: #9fcdff
}

.table-hover .table-primary:hover>td,
.table-hover .table-primary:hover>th {
    background-color: #9fcdff
}

.table-secondary,
.table-secondary>td,
.table-secondary>th {
    background-color: #d6d8db
}

.table-secondary tbody+tbody,
.table-secondary td,
.table-secondary th,
.table-secondary thead th {
    border-color: #b3b7bb
}

.table-hover .table-secondary:hover {
    background-color: #c8cbcf
}

.table-hover .table-secondary:hover>td,
.table-hover .table-secondary:hover>th {
    background-color: #c8cbcf
}

.table-success,
.table-success>td,
.table-success>th {
    background-color: #c3e6cb
}

.table-success tbody+tbody,
.table-success td,
.table-success th,
.table-success thead th {
    border-color: #8fd19e
}

.table-hover .table-success:hover {
    background-color: #b1dfbb
}

.table-hover .table-success:hover>td,
.table-hover .table-success:hover>th {
    background-color: #b1dfbb
}

.table-info,
.table-info>td,
.table-info>th {
    background-color: #bee5eb
}

.table-info tbody+tbody,
.table-info td,
.table-info th,
.table-info thead th {
    border-color: #86cfda
}

.table-hover .table-info:hover {
    background-color: #abdde5
}

.table-hover .table-info:hover>td,
.table-hover .table-info:hover>th {
    background-color: #abdde5
}

.table-warning,
.table-warning>td,
.table-warning>th {
    background-color: #ffeeba
}

.table-warning tbody+tbody,
.table-warning td,
.table-warning th,
.table-warning thead th {
    border-color: #ffdf7e
}

.table-hover .table-warning:hover {
    background-color: #ffe8a1
}

.table-hover .table-warning:hover>td,
.table-hover .table-warning:hover>th {
    background-color: #ffe8a1
}

.table-danger,
.table-danger>td,
.table-danger>th {
    background-color: #f5c6cb
}

.table-danger tbody+tbody,
.table-danger td,
.table-danger th,
.table-danger thead th {
    border-color: #ed969e
}

.table-hover .table-danger:hover {
    background-color: #f1b0b7
}

.table-hover .table-danger:hover>td,
.table-hover .table-danger:hover>th {
    background-color: #f1b0b7
}

.table-light,
.table-light>td,
.table-light>th {
    background-color: #fdfdfe
}

.table-light tbody+tbody,
.table-light td,
.table-light th,
.table-light thead th {
    border-color: #fbfcfc
}

.table-hover .table-light:hover {
    background-color: #ececf6
}

.table-hover .table-light:hover>td,
.table-hover .table-light:hover>th {
    background-color: #ececf6
}

.table-dark,
.table-dark>td,
.table-dark>th {
    background-color: #c6c8ca
}

.table-dark tbody+tbody,
.table-dark td,
.table-dark th,
.table-dark thead th {
    border-color: #95999c
}

.table-hover .table-dark:hover {
    background-color: #b9bbbe
}

.table-hover .table-dark:hover>td,
.table-hover .table-dark:hover>th {
    background-color: #b9bbbe
}

.table-active,
.table-active>td,
.table-active>th {
    background-color: rgba(0, 0, 0, .075)
}

.table-hover .table-active:hover {
    background-color: rgba(0, 0, 0, .075)
}

.table-hover .table-active:hover>td,
.table-hover .table-active:hover>th {
    background-color: rgba(0, 0, 0, .075)
}

.table .thead-dark th {
    color: #fff;
    background-color: #343a40;
    border-color: #454d55
}

.table .thead-light th {
    color: #495057;
    background-color: #e9ecef;
    border-color: #dee2e6
}

.table-dark {
    color: #fff;
    background-color: #343a40
}

.table-dark td,
.table-dark th,
.table-dark thead th {
    border-color: #454d55
}

.table-dark.table-bordered {
    border: 0
}

.table-dark.table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(255, 255, 255, .05)
}

.table-dark.table-hover tbody tr:hover {
    color: #fff;
    background-color: rgba(255, 255, 255, .075)
}

@media (max-width:575.98px) {
    .table-responsive-sm {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
    }
    .table-responsive-sm>.table-bordered {
        border: 0
    }
}

@media (max-width:767.98px) {
    .table-responsive-md {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
    }
    .table-responsive-md>.table-bordered {
        border: 0
    }
}

@media (max-width:991.98px) {
    .table-responsive-lg {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
    }
    .table-responsive-lg>.table-bordered {
        border: 0
    }
}

@media (max-width:1199.98px) {
    .table-responsive-xl {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
    }
    .table-responsive-xl>.table-bordered {
        border: 0
    }
}

.table-responsive {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch
}

.table-responsive>.table-bordered {
    border: 0
}

.form-control {
    display: block;
    width: 100%;
    height: calc(1.5em + .75rem + 2px);
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .form-control {
        transition: none
    }
}

.form-control::-ms-expand {
    background-color: transparent;
    border: 0
}

.form-control:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #495057
}

.form-control:focus {
    color: #495057;
    background-color: #fff;
    border-color: #80bdff;
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25)
}

.form-control::-webkit-input-placeholder {
    color: #6c757d;
    opacity: 1
}

.form-control::-moz-placeholder {
    color: #6c757d;
    opacity: 1
}

.form-control:-ms-input-placeholder {
    color: #6c757d;
    opacity: 1
}

.form-control::-ms-input-placeholder {
    color: #6c757d;
    opacity: 1
}

.form-control::placeholder {
    color: #6c757d;
    opacity: 1
}

.form-control:disabled,
.form-control[readonly] {
    background-color: #e9ecef;
    opacity: 1
}

select.form-control:focus::-ms-value {
    color: #495057;
    background-color: #fff
}

.form-control-file,
.form-control-range {
    display: block;
    width: 100%
}

.col-form-label {
    padding-top: calc(.375rem + 1px);
    padding-bottom: calc(.375rem + 1px);
    margin-bottom: 0;
    font-size: inherit;
    line-height: 1.5
}

.col-form-label-lg {
    padding-top: calc(.5rem + 1px);
    padding-bottom: calc(.5rem + 1px);
    font-size: 1.25rem;
    line-height: 1.5
}

.col-form-label-sm {
    padding-top: calc(.25rem + 1px);
    padding-bottom: calc(.25rem + 1px);
    font-size: .875rem;
    line-height: 1.5
}

.form-control-plaintext {
    display: block;
    width: 100%;
    padding: .375rem 0;
    margin-bottom: 0;
    font-size: 1rem;
    line-height: 1.5;
    color: #212529;
    background-color: transparent;
    border: solid transparent;
    border-width: 1px 0
}

.form-control-plaintext.form-control-lg,
.form-control-plaintext.form-control-sm {
    padding-right: 0;
    padding-left: 0
}

.form-control-sm {
    height: calc(1.5em + .5rem + 2px);
    padding: .25rem .5rem;
    font-size: .875rem;
    line-height: 1.5;
    border-radius: .2rem
}

.form-control-lg {
    height: calc(1.5em + 1rem + 2px);
    padding: .5rem 1rem;
    font-size: 1.25rem;
    line-height: 1.5;
    border-radius: .3rem
}

select.form-control[multiple],
select.form-control[size] {
    height: auto
}

textarea.form-control {
    height: auto
}

.form-group {
    margin-bottom: 1rem
}

.form-text {
    display: block;
    margin-top: .25rem
}

.form-row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -5px;
    margin-left: -5px
}

.form-row>.col,
.form-row>[class*=col-] {
    padding-right: 5px;
    padding-left: 5px
}

.form-check {
    position: relative;
    display: block;
    padding-left: 1.25rem
}

.form-check-input {
    position: absolute;
    margin-top: .3rem;
    margin-left: -1.25rem
}

.form-check-input:disabled~.form-check-label,
.form-check-input[disabled]~.form-check-label {
    color: #6c757d
}

.form-check-label {
    margin-bottom: 0
}

.form-check-inline {
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
    align-items: center;
    padding-left: 0;
    margin-right: .75rem
}

.form-check-inline .form-check-input {
    position: static;
    margin-top: 0;
    margin-right: .3125rem;
    margin-left: 0
}

.valid-feedback {
    display: none;
    width: 100%;
    margin-top: .25rem;
    font-size: 80%;
    color: #28a745
}

.valid-tooltip {
    position: absolute;
    top: 100%;
    z-index: 5;
    display: none;
    max-width: 100%;
    padding: .25rem .5rem;
    margin-top: .1rem;
    font-size: .875rem;
    line-height: 1.5;
    color: #fff;
    background-color: rgba(40, 167, 69, .9);
    border-radius: .25rem
}

.is-valid~.valid-feedback,
.is-valid~.valid-tooltip,
.was-validated :valid~.valid-feedback,
.was-validated :valid~.valid-tooltip {
    display: block
}

.form-control.is-valid,
.was-validated .form-control:valid {
    border-color: #28a745;
    padding-right: calc(1.5em + .75rem);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right calc(.375em + .1875rem) center;
    background-size: calc(.75em + .375rem) calc(.75em + .375rem)
}

.form-control.is-valid:focus,
.was-validated .form-control:valid:focus {
    border-color: #28a745;
    box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .25)
}

.was-validated textarea.form-control:valid,
textarea.form-control.is-valid {
    padding-right: calc(1.5em + .75rem);
    background-position: top calc(.375em + .1875rem) right calc(.375em + .1875rem)
}

.custom-select.is-valid,
.was-validated .custom-select:valid {
    border-color: #28a745;
    padding-right: calc(.75em + 2.3125rem);
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right .75rem center/8px 10px, url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e") #fff no-repeat center right 1.75rem/calc(.75em + .375rem) calc(.75em + .375rem)
}

.custom-select.is-valid:focus,
.was-validated .custom-select:valid:focus {
    border-color: #28a745;
    box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .25)
}

.form-check-input.is-valid~.form-check-label,
.was-validated .form-check-input:valid~.form-check-label {
    color: #28a745
}

.form-check-input.is-valid~.valid-feedback,
.form-check-input.is-valid~.valid-tooltip,
.was-validated .form-check-input:valid~.valid-feedback,
.was-validated .form-check-input:valid~.valid-tooltip {
    display: block
}

.custom-control-input.is-valid~.custom-control-label,
.was-validated .custom-control-input:valid~.custom-control-label {
    color: #28a745
}

.custom-control-input.is-valid~.custom-control-label::before,
.was-validated .custom-control-input:valid~.custom-control-label::before {
    border-color: #28a745
}

.custom-control-input.is-valid:checked~.custom-control-label::before,
.was-validated .custom-control-input:valid:checked~.custom-control-label::before {
    border-color: #34ce57;
    background-color: #34ce57
}

.custom-control-input.is-valid:focus~.custom-control-label::before,
.was-validated .custom-control-input:valid:focus~.custom-control-label::before {
    box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .25)
}

.custom-control-input.is-valid:focus:not(:checked)~.custom-control-label::before,
.was-validated .custom-control-input:valid:focus:not(:checked)~.custom-control-label::before {
    border-color: #28a745
}

.custom-file-input.is-valid~.custom-file-label,
.was-validated .custom-file-input:valid~.custom-file-label {
    border-color: #28a745
}

.custom-file-input.is-valid:focus~.custom-file-label,
.was-validated .custom-file-input:valid:focus~.custom-file-label {
    border-color: #28a745;
    box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .25)
}

.invalid-feedback {
    display: none;
    width: 100%;
    margin-top: .25rem;
    font-size: 80%;
    color: #dc3545
}

.invalid-tooltip {
    position: absolute;
    top: 100%;
    z-index: 5;
    display: none;
    max-width: 100%;
    padding: .25rem .5rem;
    margin-top: .1rem;
    font-size: .875rem;
    line-height: 1.5;
    color: #fff;
    background-color: rgba(220, 53, 69, .9);
    border-radius: .25rem
}

.is-invalid~.invalid-feedback,
.is-invalid~.invalid-tooltip,
.was-validated :invalid~.invalid-feedback,
.was-validated :invalid~.invalid-tooltip {
    display: block
}

.form-control.is-invalid,
.was-validated .form-control:invalid {
    border-color: #dc3545;
    padding-right: calc(1.5em + .75rem);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right calc(.375em + .1875rem) center;
    background-size: calc(.75em + .375rem) calc(.75em + .375rem)
}

.form-control.is-invalid:focus,
.was-validated .form-control:invalid:focus {
    border-color: #dc3545;
    box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .25)
}

.was-validated textarea.form-control:invalid,
textarea.form-control.is-invalid {
    padding-right: calc(1.5em + .75rem);
    background-position: top calc(.375em + .1875rem) right calc(.375em + .1875rem)
}

.custom-select.is-invalid,
.was-validated .custom-select:invalid {
    border-color: #dc3545;
    padding-right: calc(.75em + 2.3125rem);
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right .75rem center/8px 10px, url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e") #fff no-repeat center right 1.75rem/calc(.75em + .375rem) calc(.75em + .375rem)
}

.custom-select.is-invalid:focus,
.was-validated .custom-select:invalid:focus {
    border-color: #dc3545;
    box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .25)
}

.form-check-input.is-invalid~.form-check-label,
.was-validated .form-check-input:invalid~.form-check-label {
    color: #dc3545
}

.form-check-input.is-invalid~.invalid-feedback,
.form-check-input.is-invalid~.invalid-tooltip,
.was-validated .form-check-input:invalid~.invalid-feedback,
.was-validated .form-check-input:invalid~.invalid-tooltip {
    display: block
}

.custom-control-input.is-invalid~.custom-control-label,
.was-validated .custom-control-input:invalid~.custom-control-label {
    color: #dc3545
}

.custom-control-input.is-invalid~.custom-control-label::before,
.was-validated .custom-control-input:invalid~.custom-control-label::before {
    border-color: #dc3545
}

.custom-control-input.is-invalid:checked~.custom-control-label::before,
.was-validated .custom-control-input:invalid:checked~.custom-control-label::before {
    border-color: #e4606d;
    background-color: #e4606d
}

.custom-control-input.is-invalid:focus~.custom-control-label::before,
.was-validated .custom-control-input:invalid:focus~.custom-control-label::before {
    box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .25)
}

.custom-control-input.is-invalid:focus:not(:checked)~.custom-control-label::before,
.was-validated .custom-control-input:invalid:focus:not(:checked)~.custom-control-label::before {
    border-color: #dc3545
}

.custom-file-input.is-invalid~.custom-file-label,
.was-validated .custom-file-input:invalid~.custom-file-label {
    border-color: #dc3545
}

.custom-file-input.is-invalid:focus~.custom-file-label,
.was-validated .custom-file-input:invalid:focus~.custom-file-label {
    border-color: #dc3545;
    box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .25)
}

.form-inline {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -ms-flex-align: center;
    align-items: center
}

.form-inline .form-check {
    width: 100%
}

@media (min-width:576px) {
    .form-inline label {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin-bottom: 0
    }
    .form-inline .form-group {
        display: -ms-flexbox;
        display: flex;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
        -ms-flex-align: center;
        align-items: center;
        margin-bottom: 0
    }
    .form-inline .form-control {
        display: inline-block;
        width: auto;
        vertical-align: middle
    }
    .form-inline .form-control-plaintext {
        display: inline-block
    }
    .form-inline .custom-select,
    .form-inline .input-group {
        width: auto
    }
    .form-inline .form-check {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: center;
        justify-content: center;
        width: auto;
        padding-left: 0
    }
    .form-inline .form-check-input {
        position: relative;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        margin-top: 0;
        margin-right: .25rem;
        margin-left: 0
    }
    .form-inline .custom-control {
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: center;
        justify-content: center
    }
    .form-inline .custom-control-label {
        margin-bottom: 0
    }
}

.btn {
    display: inline-block;
    font-weight: 400;
    color: #212529;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: .25rem;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .btn {
        transition: none
    }
}

.btn:hover {
    color: #212529;
    text-decoration: none
}

.btn.focus,
.btn:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25)
}

.btn.disabled,
.btn:disabled {
    opacity: .65
}

a.btn.disabled,
fieldset:disabled a.btn {
    pointer-events: none
}

.btn-primary {
    color: #fff;
    background-color: #007bff;
    border-color: #007bff
}

.btn-primary:hover {
    color: #fff;
    background-color: #0069d9;
    border-color: #0062cc
}

.btn-primary.focus,
.btn-primary:focus {
    color: #fff;
    background-color: #0069d9;
    border-color: #0062cc;
    box-shadow: 0 0 0 .2rem rgba(38, 143, 255, .5)
}

.btn-primary.disabled,
.btn-primary:disabled {
    color: #fff;
    background-color: #007bff;
    border-color: #007bff
}

.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active,
.show>.btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #0062cc;
    border-color: #005cbf
}

.btn-primary:not(:disabled):not(.disabled).active:focus,
.btn-primary:not(:disabled):not(.disabled):active:focus,
.show>.btn-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(38, 143, 255, .5)
}

.btn-secondary {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d
}

.btn-secondary:hover {
    color: #fff;
    background-color: #5a6268;
    border-color: #545b62
}

.btn-secondary.focus,
.btn-secondary:focus {
    color: #fff;
    background-color: #5a6268;
    border-color: #545b62;
    box-shadow: 0 0 0 .2rem rgba(130, 138, 145, .5)
}

.btn-secondary.disabled,
.btn-secondary:disabled {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d
}

.btn-secondary:not(:disabled):not(.disabled).active,
.btn-secondary:not(:disabled):not(.disabled):active,
.show>.btn-secondary.dropdown-toggle {
    color: #fff;
    background-color: #545b62;
    border-color: #4e555b
}

.btn-secondary:not(:disabled):not(.disabled).active:focus,
.btn-secondary:not(:disabled):not(.disabled):active:focus,
.show>.btn-secondary.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(130, 138, 145, .5)
}

.btn-success {
    color: #fff;
    background-color: #28a745;
    border-color: #28a745
}

.btn-success:hover {
    color: #fff;
    background-color: #218838;
    border-color: #1e7e34
}

.btn-success.focus,
.btn-success:focus {
    color: #fff;
    background-color: #218838;
    border-color: #1e7e34;
    box-shadow: 0 0 0 .2rem rgba(72, 180, 97, .5)
}

.btn-success.disabled,
.btn-success:disabled {
    color: #fff;
    background-color: #28a745;
    border-color: #28a745
}

.btn-success:not(:disabled):not(.disabled).active,
.btn-success:not(:disabled):not(.disabled):active,
.show>.btn-success.dropdown-toggle {
    color: #fff;
    background-color: #1e7e34;
    border-color: #1c7430
}

.btn-success:not(:disabled):not(.disabled).active:focus,
.btn-success:not(:disabled):not(.disabled):active:focus,
.show>.btn-success.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(72, 180, 97, .5)
}

.btn-info {
    color: #fff;
    background-color: #17a2b8;
    border-color: #17a2b8
}

.btn-info:hover {
    color: #fff;
    background-color: #138496;
    border-color: #117a8b
}

.btn-info.focus,
.btn-info:focus {
    color: #fff;
    background-color: #138496;
    border-color: #117a8b;
    box-shadow: 0 0 0 .2rem rgba(58, 176, 195, .5)
}

.btn-info.disabled,
.btn-info:disabled {
    color: #fff;
    background-color: #17a2b8;
    border-color: #17a2b8
}

.btn-info:not(:disabled):not(.disabled).active,
.btn-info:not(:disabled):not(.disabled):active,
.show>.btn-info.dropdown-toggle {
    color: #fff;
    background-color: #117a8b;
    border-color: #10707f
}

.btn-info:not(:disabled):not(.disabled).active:focus,
.btn-info:not(:disabled):not(.disabled):active:focus,
.show>.btn-info.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(58, 176, 195, .5)
}

.btn-warning {
    color: #212529;
    background-color: #ffc107;
    border-color: #ffc107
}

.btn-warning:hover {
    color: #212529;
    background-color: #e0a800;
    border-color: #d39e00
}

.btn-warning.focus,
.btn-warning:focus {
    color: #212529;
    background-color: #e0a800;
    border-color: #d39e00;
    box-shadow: 0 0 0 .2rem rgba(222, 170, 12, .5)
}

.btn-warning.disabled,
.btn-warning:disabled {
    color: #212529;
    background-color: #ffc107;
    border-color: #ffc107
}

.btn-warning:not(:disabled):not(.disabled).active,
.btn-warning:not(:disabled):not(.disabled):active,
.show>.btn-warning.dropdown-toggle {
    color: #212529;
    background-color: #d39e00;
    border-color: #c69500
}

.btn-warning:not(:disabled):not(.disabled).active:focus,
.btn-warning:not(:disabled):not(.disabled):active:focus,
.show>.btn-warning.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(222, 170, 12, .5)
}

.btn-danger {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545
}

.btn-danger:hover {
    color: #fff;
    background-color: #c82333;
    border-color: #bd2130
}

.btn-danger.focus,
.btn-danger:focus {
    color: #fff;
    background-color: #c82333;
    border-color: #bd2130;
    box-shadow: 0 0 0 .2rem rgba(225, 83, 97, .5)
}

.btn-danger.disabled,
.btn-danger:disabled {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545
}

.btn-danger:not(:disabled):not(.disabled).active,
.btn-danger:not(:disabled):not(.disabled):active,
.show>.btn-danger.dropdown-toggle {
    color: #fff;
    background-color: #bd2130;
    border-color: #b21f2d
}

.btn-danger:not(:disabled):not(.disabled).active:focus,
.btn-danger:not(:disabled):not(.disabled):active:focus,
.show>.btn-danger.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(225, 83, 97, .5)
}

.btn-light {
    color: #212529;
    background-color: #f8f9fa;
    border-color: #f8f9fa
}

.btn-light:hover {
    color: #212529;
    background-color: #e2e6ea;
    border-color: #dae0e5
}

.btn-light.focus,
.btn-light:focus {
    color: #212529;
    background-color: #e2e6ea;
    border-color: #dae0e5;
    box-shadow: 0 0 0 .2rem rgba(216, 217, 219, .5)
}

.btn-light.disabled,
.btn-light:disabled {
    color: #212529;
    background-color: #f8f9fa;
    border-color: #f8f9fa
}

.btn-light:not(:disabled):not(.disabled).active,
.btn-light:not(:disabled):not(.disabled):active,
.show>.btn-light.dropdown-toggle {
    color: #212529;
    background-color: #dae0e5;
    border-color: #d3d9df
}

.btn-light:not(:disabled):not(.disabled).active:focus,
.btn-light:not(:disabled):not(.disabled):active:focus,
.show>.btn-light.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(216, 217, 219, .5)
}

.btn-dark {
    color: #fff;
    background-color: #343a40;
    border-color: #343a40
}

.btn-dark:hover {
    color: #fff;
    background-color: #23272b;
    border-color: #1d2124
}

.btn-dark.focus,
.btn-dark:focus {
    color: #fff;
    background-color: #23272b;
    border-color: #1d2124;
    box-shadow: 0 0 0 .2rem rgba(82, 88, 93, .5)
}

.btn-dark.disabled,
.btn-dark:disabled {
    color: #fff;
    background-color: #343a40;
    border-color: #343a40
}

.btn-dark:not(:disabled):not(.disabled).active,
.btn-dark:not(:disabled):not(.disabled):active,
.show>.btn-dark.dropdown-toggle {
    color: #fff;
    background-color: #1d2124;
    border-color: #171a1d
}

.btn-dark:not(:disabled):not(.disabled).active:focus,
.btn-dark:not(:disabled):not(.disabled):active:focus,
.show>.btn-dark.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(82, 88, 93, .5)
}

.btn-outline-primary {
    color: #007bff;
    border-color: #007bff
}

.btn-outline-primary:hover {
    color: #fff;
    background-color: #007bff;
    border-color: #007bff
}

.btn-outline-primary.focus,
.btn-outline-primary:focus {
    box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .5)
}

.btn-outline-primary.disabled,
.btn-outline-primary:disabled {
    color: #007bff;
    background-color: transparent
}

.btn-outline-primary:not(:disabled):not(.disabled).active,
.btn-outline-primary:not(:disabled):not(.disabled):active,
.show>.btn-outline-primary.dropdown-toggle {
    color: #fff;
    background-color: #007bff;
    border-color: #007bff
}

.btn-outline-primary:not(:disabled):not(.disabled).active:focus,
.btn-outline-primary:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .5)
}

.btn-outline-secondary {
    color: #6c757d;
    border-color: #6c757d
}

.btn-outline-secondary:hover {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d
}

.btn-outline-secondary.focus,
.btn-outline-secondary:focus {
    box-shadow: 0 0 0 .2rem rgba(108, 117, 125, .5)
}

.btn-outline-secondary.disabled,
.btn-outline-secondary:disabled {
    color: #6c757d;
    background-color: transparent
}

.btn-outline-secondary:not(:disabled):not(.disabled).active,
.btn-outline-secondary:not(:disabled):not(.disabled):active,
.show>.btn-outline-secondary.dropdown-toggle {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d
}

.btn-outline-secondary:not(:disabled):not(.disabled).active:focus,
.btn-outline-secondary:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-secondary.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(108, 117, 125, .5)
}

.btn-outline-success {
    color: #28a745;
    border-color: #28a745
}

.btn-outline-success:hover {
    color: #fff;
    background-color: #28a745;
    border-color: #28a745
}

.btn-outline-success.focus,
.btn-outline-success:focus {
    box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .5)
}

.btn-outline-success.disabled,
.btn-outline-success:disabled {
    color: #28a745;
    background-color: transparent
}

.btn-outline-success:not(:disabled):not(.disabled).active,
.btn-outline-success:not(:disabled):not(.disabled):active,
.show>.btn-outline-success.dropdown-toggle {
    color: #fff;
    background-color: #28a745;
    border-color: #28a745
}

.btn-outline-success:not(:disabled):not(.disabled).active:focus,
.btn-outline-success:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-success.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .5)
}

.btn-outline-info {
    color: #17a2b8;
    border-color: #17a2b8
}

.btn-outline-info:hover {
    color: #fff;
    background-color: #17a2b8;
    border-color: #17a2b8
}

.btn-outline-info.focus,
.btn-outline-info:focus {
    box-shadow: 0 0 0 .2rem rgba(23, 162, 184, .5)
}

.btn-outline-info.disabled,
.btn-outline-info:disabled {
    color: #17a2b8;
    background-color: transparent
}

.btn-outline-info:not(:disabled):not(.disabled).active,
.btn-outline-info:not(:disabled):not(.disabled):active,
.show>.btn-outline-info.dropdown-toggle {
    color: #fff;
    background-color: #17a2b8;
    border-color: #17a2b8
}

.btn-outline-info:not(:disabled):not(.disabled).active:focus,
.btn-outline-info:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-info.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(23, 162, 184, .5)
}

.btn-outline-warning {
    color: #ffc107;
    border-color: #ffc107
}

.btn-outline-warning:hover {
    color: #212529;
    background-color: #ffc107;
    border-color: #ffc107
}

.btn-outline-warning.focus,
.btn-outline-warning:focus {
    box-shadow: 0 0 0 .2rem rgba(255, 193, 7, .5)
}

.btn-outline-warning.disabled,
.btn-outline-warning:disabled {
    color: #ffc107;
    background-color: transparent
}

.btn-outline-warning:not(:disabled):not(.disabled).active,
.btn-outline-warning:not(:disabled):not(.disabled):active,
.show>.btn-outline-warning.dropdown-toggle {
    color: #212529;
    background-color: #ffc107;
    border-color: #ffc107
}

.btn-outline-warning:not(:disabled):not(.disabled).active:focus,
.btn-outline-warning:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-warning.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(255, 193, 7, .5)
}

.btn-outline-danger {
    color: #dc3545;
    border-color: #dc3545
}

.btn-outline-danger:hover {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545
}

.btn-outline-danger.focus,
.btn-outline-danger:focus {
    box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .5)
}

.btn-outline-danger.disabled,
.btn-outline-danger:disabled {
    color: #dc3545;
    background-color: transparent
}

.btn-outline-danger:not(:disabled):not(.disabled).active,
.btn-outline-danger:not(:disabled):not(.disabled):active,
.show>.btn-outline-danger.dropdown-toggle {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545
}

.btn-outline-danger:not(:disabled):not(.disabled).active:focus,
.btn-outline-danger:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-danger.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .5)
}

.btn-outline-light {
    color: #f8f9fa;
    border-color: #f8f9fa
}

.btn-outline-light:hover {
    color: #212529;
    background-color: #f8f9fa;
    border-color: #f8f9fa
}

.btn-outline-light.focus,
.btn-outline-light:focus {
    box-shadow: 0 0 0 .2rem rgba(248, 249, 250, .5)
}

.btn-outline-light.disabled,
.btn-outline-light:disabled {
    color: #f8f9fa;
    background-color: transparent
}

.btn-outline-light:not(:disabled):not(.disabled).active,
.btn-outline-light:not(:disabled):not(.disabled):active,
.show>.btn-outline-light.dropdown-toggle {
    color: #212529;
    background-color: #f8f9fa;
    border-color: #f8f9fa
}

.btn-outline-light:not(:disabled):not(.disabled).active:focus,
.btn-outline-light:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-light.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(248, 249, 250, .5)
}

.btn-outline-dark {
    color: #343a40;
    border-color: #343a40
}

.btn-outline-dark:hover {
    color: #fff;
    background-color: #343a40;
    border-color: #343a40
}

.btn-outline-dark.focus,
.btn-outline-dark:focus {
    box-shadow: 0 0 0 .2rem rgba(52, 58, 64, .5)
}

.btn-outline-dark.disabled,
.btn-outline-dark:disabled {
    color: #343a40;
    background-color: transparent
}

.btn-outline-dark:not(:disabled):not(.disabled).active,
.btn-outline-dark:not(:disabled):not(.disabled):active,
.show>.btn-outline-dark.dropdown-toggle {
    color: #fff;
    background-color: #343a40;
    border-color: #343a40
}

.btn-outline-dark:not(:disabled):not(.disabled).active:focus,
.btn-outline-dark:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-dark.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(52, 58, 64, .5)
}

.btn-link {
    font-weight: 400;
    color: #007bff;
    text-decoration: none
}

.btn-link:hover {
    color: #0056b3;
    text-decoration: underline
}

.btn-link.focus,
.btn-link:focus {
    text-decoration: underline;
    box-shadow: none
}

.btn-link.disabled,
.btn-link:disabled {
    color: #6c757d;
    pointer-events: none
}

.btn-group-lg>.btn,
.btn-lg {
    padding: .5rem 1rem;
    font-size: 1.25rem;
    line-height: 1.5;
    border-radius: .3rem
}

.btn-group-sm>.btn,
.btn-sm {
    padding: .25rem .5rem;
    font-size: .875rem;
    line-height: 1.5;
    border-radius: .2rem
}

.btn-block {
    display: block;
    width: 100%
}

.btn-block+.btn-block {
    margin-top: .5rem
}

input[type=button].btn-block,
input[type=reset].btn-block,
input[type=submit].btn-block {
    width: 100%
}

.fade {
    transition: opacity .15s linear
}

@media (prefers-reduced-motion:reduce) {
    .fade {
        transition: none
    }
}

.fade:not(.show) {
    opacity: 0
}

.collapse:not(.show) {
    display: none
}

.collapsing {
    position: relative;
    height: 0;
    overflow: hidden;
    transition: height .35s ease
}

@media (prefers-reduced-motion:reduce) {
    .collapsing {
        transition: none
    }
}

.dropdown,
.dropleft,
.dropright,
.dropup {
    position: relative
}

.dropdown-toggle {
    white-space: nowrap
}

.dropdown-toggle::after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid;
    border-right: .3em solid transparent;
    border-bottom: 0;
    border-left: .3em solid transparent
}

.dropdown-toggle:empty::after {
    margin-left: 0
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 10rem;
    padding: .5rem 0;
    margin: .125rem 0 0;
    font-size: 1rem;
    color: #212529;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: .25rem
}

.dropdown-menu-left {
    right: auto;
    left: 0
}

.dropdown-menu-right {
    right: 0;
    left: auto
}

@media (min-width:576px) {
    .dropdown-menu-sm-left {
        right: auto;
        left: 0
    }
    .dropdown-menu-sm-right {
        right: 0;
        left: auto
    }
}

@media (min-width:768px) {
    .dropdown-menu-md-left {
        right: auto;
        left: 0
    }
    .dropdown-menu-md-right {
        right: 0;
        left: auto
    }
}

@media (min-width:992px) {
    .dropdown-menu-lg-left {
        right: auto;
        left: 0
    }
    .dropdown-menu-lg-right {
        right: 0;
        left: auto
    }
}

@media (min-width:1200px) {
    .dropdown-menu-xl-left {
        right: auto;
        left: 0
    }
    .dropdown-menu-xl-right {
        right: 0;
        left: auto
    }
}

.dropup .dropdown-menu {
    top: auto;
    bottom: 100%;
    margin-top: 0;
    margin-bottom: .125rem
}

.dropup .dropdown-toggle::after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: 0;
    border-right: .3em solid transparent;
    border-bottom: .3em solid;
    border-left: .3em solid transparent
}

.dropup .dropdown-toggle:empty::after {
    margin-left: 0
}

.dropright .dropdown-menu {
    top: 0;
    right: auto;
    left: 100%;
    margin-top: 0;
    margin-left: .125rem
}

.dropright .dropdown-toggle::after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid transparent;
    border-right: 0;
    border-bottom: .3em solid transparent;
    border-left: .3em solid
}

.dropright .dropdown-toggle:empty::after {
    margin-left: 0
}

.dropright .dropdown-toggle::after {
    vertical-align: 0
}

.dropleft .dropdown-menu {
    top: 0;
    right: 100%;
    left: auto;
    margin-top: 0;
    margin-right: .125rem
}

.dropleft .dropdown-toggle::after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: ""
}

.dropleft .dropdown-toggle::after {
    display: none
}

.dropleft .dropdown-toggle::before {
    display: inline-block;
    margin-right: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid transparent;
    border-right: .3em solid;
    border-bottom: .3em solid transparent
}

.dropleft .dropdown-toggle:empty::after {
    margin-left: 0
}

.dropleft .dropdown-toggle::before {
    vertical-align: 0
}

.dropdown-menu[x-placement^=bottom],
.dropdown-menu[x-placement^=left],
.dropdown-menu[x-placement^=right],
.dropdown-menu[x-placement^=top] {
    right: auto;
    bottom: auto
}

.dropdown-divider {
    height: 0;
    margin: .5rem 0;
    overflow: hidden;
    border-top: 1px solid #e9ecef
}

.dropdown-item {
    display: block;
    width: 100%;
    padding: .25rem 1.5rem;
    clear: both;
    font-weight: 400;
    color: #212529;
    text-align: inherit;
    white-space: nowrap;
    background-color: transparent;
    border: 0
}

.dropdown-item:focus,
.dropdown-item:hover {
    color: #16181b;
    text-decoration: none;
    background-color: #f8f9fa
}

.dropdown-item.active,
.dropdown-item:active {
    color: #fff;
    text-decoration: none;
    background-color: #007bff
}

.dropdown-item.disabled,
.dropdown-item:disabled {
    color: #6c757d;
    pointer-events: none;
    background-color: transparent
}

.dropdown-menu.show {
    display: block
}

.dropdown-header {
    display: block;
    padding: .5rem 1.5rem;
    margin-bottom: 0;
    font-size: .875rem;
    color: #6c757d;
    white-space: nowrap
}

.dropdown-item-text {
    display: block;
    padding: .25rem 1.5rem;
    color: #212529
}

.btn-group,
.btn-group-vertical {
    position: relative;
    display: -ms-inline-flexbox;
    display: inline-flex;
    vertical-align: middle
}

.btn-group-vertical>.btn,
.btn-group>.btn {
    position: relative;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

.btn-group-vertical>.btn:hover,
.btn-group>.btn:hover {
    z-index: 1
}

.btn-group-vertical>.btn.active,
.btn-group-vertical>.btn:active,
.btn-group-vertical>.btn:focus,
.btn-group>.btn.active,
.btn-group>.btn:active,
.btn-group>.btn:focus {
    z-index: 1
}

.btn-toolbar {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.btn-toolbar .input-group {
    width: auto
}

.btn-group>.btn-group:not(:first-child),
.btn-group>.btn:not(:first-child) {
    margin-left: -1px
}

.btn-group>.btn-group:not(:last-child)>.btn,
.btn-group>.btn:not(:last-child):not(.dropdown-toggle) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.btn-group>.btn-group:not(:first-child)>.btn,
.btn-group>.btn:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.dropdown-toggle-split {
    padding-right: .5625rem;
    padding-left: .5625rem
}

.dropdown-toggle-split::after,
.dropright .dropdown-toggle-split::after,
.dropup .dropdown-toggle-split::after {
    margin-left: 0
}

.dropleft .dropdown-toggle-split::before {
    margin-right: 0
}

.btn-group-sm>.btn+.dropdown-toggle-split,
.btn-sm+.dropdown-toggle-split {
    padding-right: .375rem;
    padding-left: .375rem
}

.btn-group-lg>.btn+.dropdown-toggle-split,
.btn-lg+.dropdown-toggle-split {
    padding-right: .75rem;
    padding-left: .75rem
}

.btn-group-vertical {
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-pack: center;
    justify-content: center
}

.btn-group-vertical>.btn,
.btn-group-vertical>.btn-group {
    width: 100%
}

.btn-group-vertical>.btn-group:not(:first-child),
.btn-group-vertical>.btn:not(:first-child) {
    margin-top: -1px
}

.btn-group-vertical>.btn-group:not(:last-child)>.btn,
.btn-group-vertical>.btn:not(:last-child):not(.dropdown-toggle) {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.btn-group-vertical>.btn-group:not(:first-child)>.btn,
.btn-group-vertical>.btn:not(:first-child) {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.btn-group-toggle>.btn,
.btn-group-toggle>.btn-group>.btn {
    margin-bottom: 0
}

.btn-group-toggle>.btn input[type=checkbox],
.btn-group-toggle>.btn input[type=radio],
.btn-group-toggle>.btn-group>.btn input[type=checkbox],
.btn-group-toggle>.btn-group>.btn input[type=radio] {
    position: absolute;
    clip: rect(0, 0, 0, 0);
    pointer-events: none
}

.input-group {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: stretch;
    align-items: stretch;
    width: 100%
}

.input-group>.custom-file,
.input-group>.custom-select,
.input-group>.form-control,
.input-group>.form-control-plaintext {
    position: relative;
    -ms-flex: 1 1 0%;
    flex: 1 1 0%;
    min-width: 0;
    margin-bottom: 0
}

.input-group>.custom-file+.custom-file,
.input-group>.custom-file+.custom-select,
.input-group>.custom-file+.form-control,
.input-group>.custom-select+.custom-file,
.input-group>.custom-select+.custom-select,
.input-group>.custom-select+.form-control,
.input-group>.form-control+.custom-file,
.input-group>.form-control+.custom-select,
.input-group>.form-control+.form-control,
.input-group>.form-control-plaintext+.custom-file,
.input-group>.form-control-plaintext+.custom-select,
.input-group>.form-control-plaintext+.form-control {
    margin-left: -1px
}

.input-group>.custom-file .custom-file-input:focus~.custom-file-label,
.input-group>.custom-select:focus,
.input-group>.form-control:focus {
    z-index: 3
}

.input-group>.custom-file .custom-file-input:focus {
    z-index: 4
}

.input-group>.custom-select:not(:last-child),
.input-group>.form-control:not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.input-group>.custom-select:not(:first-child),
.input-group>.form-control:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.input-group>.custom-file {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.input-group>.custom-file:not(:last-child) .custom-file-label,
.input-group>.custom-file:not(:last-child) .custom-file-label::after {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.input-group>.custom-file:not(:first-child) .custom-file-label {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.input-group-append,
.input-group-prepend {
    display: -ms-flexbox;
    display: flex
}

.input-group-append .btn,
.input-group-prepend .btn {
    position: relative;
    z-index: 2
}

.input-group-append .btn:focus,
.input-group-prepend .btn:focus {
    z-index: 3
}

.input-group-append .btn+.btn,
.input-group-append .btn+.input-group-text,
.input-group-append .input-group-text+.btn,
.input-group-append .input-group-text+.input-group-text,
.input-group-prepend .btn+.btn,
.input-group-prepend .btn+.input-group-text,
.input-group-prepend .input-group-text+.btn,
.input-group-prepend .input-group-text+.input-group-text {
    margin-left: -1px
}

.input-group-prepend {
    margin-right: -1px
}

.input-group-append {
    margin-left: -1px
}

.input-group-text {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    padding: .375rem .75rem;
    margin-bottom: 0;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    text-align: center;
    white-space: nowrap;
    background-color: #e9ecef;
    border: 1px solid #ced4da;
    border-radius: .25rem
}

.input-group-text input[type=checkbox],
.input-group-text input[type=radio] {
    margin-top: 0
}

.input-group-lg>.custom-select,
.input-group-lg>.form-control:not(textarea) {
    height: calc(1.5em + 1rem + 2px)
}

.input-group-lg>.custom-select,
.input-group-lg>.form-control,
.input-group-lg>.input-group-append>.btn,
.input-group-lg>.input-group-append>.input-group-text,
.input-group-lg>.input-group-prepend>.btn,
.input-group-lg>.input-group-prepend>.input-group-text {
    padding: .5rem 1rem;
    font-size: 1.25rem;
    line-height: 1.5;
    border-radius: .3rem
}

.input-group-sm>.custom-select,
.input-group-sm>.form-control:not(textarea) {
    height: calc(1.5em + .5rem + 2px)
}

.input-group-sm>.custom-select,
.input-group-sm>.form-control,
.input-group-sm>.input-group-append>.btn,
.input-group-sm>.input-group-append>.input-group-text,
.input-group-sm>.input-group-prepend>.btn,
.input-group-sm>.input-group-prepend>.input-group-text {
    padding: .25rem .5rem;
    font-size: .875rem;
    line-height: 1.5;
    border-radius: .2rem
}

.input-group-lg>.custom-select,
.input-group-sm>.custom-select {
    padding-right: 1.75rem
}

.input-group>.input-group-append:last-child>.btn:not(:last-child):not(.dropdown-toggle),
.input-group>.input-group-append:last-child>.input-group-text:not(:last-child),
.input-group>.input-group-append:not(:last-child)>.btn,
.input-group>.input-group-append:not(:last-child)>.input-group-text,
.input-group>.input-group-prepend>.btn,
.input-group>.input-group-prepend>.input-group-text {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.input-group>.input-group-append>.btn,
.input-group>.input-group-append>.input-group-text,
.input-group>.input-group-prepend:first-child>.btn:not(:first-child),
.input-group>.input-group-prepend:first-child>.input-group-text:not(:first-child),
.input-group>.input-group-prepend:not(:first-child)>.btn,
.input-group>.input-group-prepend:not(:first-child)>.input-group-text {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.custom-control {
    position: relative;
    display: block;
    min-height: 1.5rem;
    padding-left: 1.5rem
}

.custom-control-inline {
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin-right: 1rem
}

.custom-control-input {
    position: absolute;
    left: 0;
    z-index: -1;
    width: 1rem;
    height: 1.25rem;
    opacity: 0
}

.custom-control-input:checked~.custom-control-label::before {
    color: #fff;
    border-color: #007bff;
    background-color: #007bff
}

.custom-control-input:focus~.custom-control-label::before {
    box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25)
}

.custom-control-input:focus:not(:checked)~.custom-control-label::before {
    border-color: #80bdff
}

.custom-control-input:not(:disabled):active~.custom-control-label::before {
    color: #fff;
    background-color: #b3d7ff;
    border-color: #b3d7ff
}

.custom-control-input:disabled~.custom-control-label,
.custom-control-input[disabled]~.custom-control-label {
    color: #6c757d
}

.custom-control-input:disabled~.custom-control-label::before,
.custom-control-input[disabled]~.custom-control-label::before {
    background-color: #e9ecef
}

.custom-control-label {
    position: relative;
    margin-bottom: 0;
    vertical-align: top
}

.custom-control-label::before {
    position: absolute;
    top: .25rem;
    left: -1.5rem;
    display: block;
    width: 1rem;
    height: 1rem;
    pointer-events: none;
    content: "";
    background-color: #fff;
    border: #adb5bd solid 1px
}

.custom-control-label::after {
    position: absolute;
    top: .25rem;
    left: -1.5rem;
    display: block;
    width: 1rem;
    height: 1rem;
    content: "";
    background: no-repeat 50%/50% 50%
}

.custom-checkbox .custom-control-label::before {
    border-radius: .25rem
}

.custom-checkbox .custom-control-input:checked~.custom-control-label::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e")
}

.custom-checkbox .custom-control-input:indeterminate~.custom-control-label::before {
    border-color: #007bff;
    background-color: #007bff
}

.custom-checkbox .custom-control-input:indeterminate~.custom-control-label::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3e%3cpath stroke='%23fff' d='M0 2h4'/%3e%3c/svg%3e")
}

.custom-checkbox .custom-control-input:disabled:checked~.custom-control-label::before {
    background-color: rgba(0, 123, 255, .5)
}

.custom-checkbox .custom-control-input:disabled:indeterminate~.custom-control-label::before {
    background-color: rgba(0, 123, 255, .5)
}

.custom-radio .custom-control-label::before {
    border-radius: 50%
}

.custom-radio .custom-control-input:checked~.custom-control-label::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e")
}

.custom-radio .custom-control-input:disabled:checked~.custom-control-label::before {
    background-color: rgba(0, 123, 255, .5)
}

.custom-switch {
    padding-left: 2.25rem
}

.custom-switch .custom-control-label::before {
    left: -2.25rem;
    width: 1.75rem;
    pointer-events: all;
    border-radius: .5rem
}

.custom-switch .custom-control-label::after {
    top: calc(.25rem + 2px);
    left: calc(-2.25rem + 2px);
    width: calc(1rem - 4px);
    height: calc(1rem - 4px);
    background-color: #adb5bd;
    border-radius: .5rem;
    transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out, -webkit-transform .15s ease-in-out;
    transition: transform .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    transition: transform .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out, -webkit-transform .15s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .custom-switch .custom-control-label::after {
        transition: none
    }
}

.custom-switch .custom-control-input:checked~.custom-control-label::after {
    background-color: #fff;
    -webkit-transform: translateX(.75rem);
    transform: translateX(.75rem)
}

.custom-switch .custom-control-input:disabled:checked~.custom-control-label::before {
    background-color: rgba(0, 123, 255, .5)
}

.custom-select {
    display: inline-block;
    width: 100%;
    height: calc(1.5em + .75rem + 2px);
    padding: .375rem 1.75rem .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    vertical-align: middle;
    background: #fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right .75rem center/8px 10px;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.custom-select:focus {
    border-color: #80bdff;
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25)
}

.custom-select:focus::-ms-value {
    color: #495057;
    background-color: #fff
}

.custom-select[multiple],
.custom-select[size]:not([size="1"]) {
    height: auto;
    padding-right: .75rem;
    background-image: none
}

.custom-select:disabled {
    color: #6c757d;
    background-color: #e9ecef
}

.custom-select::-ms-expand {
    display: none
}

.custom-select:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #495057
}

.custom-select-sm {
    height: calc(1.5em + .5rem + 2px);
    padding-top: .25rem;
    padding-bottom: .25rem;
    padding-left: .5rem;
    font-size: .875rem
}

.custom-select-lg {
    height: calc(1.5em + 1rem + 2px);
    padding-top: .5rem;
    padding-bottom: .5rem;
    padding-left: 1rem;
    font-size: 1.25rem
}

.custom-file {
    position: relative;
    display: inline-block;
    width: 100%;
    height: calc(1.5em + .75rem + 2px);
    margin-bottom: 0
}

.custom-file-input {
    position: relative;
    z-index: 2;
    width: 100%;
    height: calc(1.5em + .75rem + 2px);
    margin: 0;
    opacity: 0
}

.custom-file-input:focus~.custom-file-label {
    border-color: #80bdff;
    box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25)
}

.custom-file-input:disabled~.custom-file-label,
.custom-file-input[disabled]~.custom-file-label {
    background-color: #e9ecef
}

.custom-file-input:lang(en)~.custom-file-label::after {
    content: "Browse"
}

.custom-file-input~.custom-file-label[data-browse]::after {
    content: attr(data-browse)
}

.custom-file-label {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1;
    height: calc(1.5em + .75rem + 2px);
    padding: .375rem .75rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    border: 1px solid #ced4da;
    border-radius: .25rem
}

.custom-file-label::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 3;
    display: block;
    height: calc(1.5em + .75rem);
    padding: .375rem .75rem;
    line-height: 1.5;
    color: #495057;
    content: "Browse";
    background-color: #e9ecef;
    border-left: inherit;
    border-radius: 0 .25rem .25rem 0
}

.custom-range {
    width: 100%;
    height: 1.4rem;
    padding: 0;
    background-color: transparent;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.custom-range:focus {
    outline: 0
}

.custom-range:focus::-webkit-slider-thumb {
    box-shadow: 0 0 0 1px #fff, 0 0 0 .2rem rgba(0, 123, 255, .25)
}

.custom-range:focus::-moz-range-thumb {
    box-shadow: 0 0 0 1px #fff, 0 0 0 .2rem rgba(0, 123, 255, .25)
}

.custom-range:focus::-ms-thumb {
    box-shadow: 0 0 0 1px #fff, 0 0 0 .2rem rgba(0, 123, 255, .25)
}

.custom-range::-moz-focus-outer {
    border: 0
}

.custom-range::-webkit-slider-thumb {
    width: 1rem;
    height: 1rem;
    margin-top: -.25rem;
    background-color: #007bff;
    border: 0;
    border-radius: 1rem;
    -webkit-transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    -webkit-appearance: none;
    appearance: none
}

@media (prefers-reduced-motion:reduce) {
    .custom-range::-webkit-slider-thumb {
        -webkit-transition: none;
        transition: none
    }
}

.custom-range::-webkit-slider-thumb:active {
    background-color: #b3d7ff
}

.custom-range::-webkit-slider-runnable-track {
    width: 100%;
    height: .5rem;
    color: transparent;
    cursor: pointer;
    background-color: #dee2e6;
    border-color: transparent;
    border-radius: 1rem
}

.custom-range::-moz-range-thumb {
    width: 1rem;
    height: 1rem;
    background-color: #007bff;
    border: 0;
    border-radius: 1rem;
    -moz-transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    -moz-appearance: none;
    appearance: none
}

@media (prefers-reduced-motion:reduce) {
    .custom-range::-moz-range-thumb {
        -moz-transition: none;
        transition: none
    }
}

.custom-range::-moz-range-thumb:active {
    background-color: #b3d7ff
}

.custom-range::-moz-range-track {
    width: 100%;
    height: .5rem;
    color: transparent;
    cursor: pointer;
    background-color: #dee2e6;
    border-color: transparent;
    border-radius: 1rem
}

.custom-range::-ms-thumb {
    width: 1rem;
    height: 1rem;
    margin-top: 0;
    margin-right: .2rem;
    margin-left: .2rem;
    background-color: #007bff;
    border: 0;
    border-radius: 1rem;
    -ms-transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    appearance: none
}

@media (prefers-reduced-motion:reduce) {
    .custom-range::-ms-thumb {
        -ms-transition: none;
        transition: none
    }
}

.custom-range::-ms-thumb:active {
    background-color: #b3d7ff
}

.custom-range::-ms-track {
    width: 100%;
    height: .5rem;
    color: transparent;
    cursor: pointer;
    background-color: transparent;
    border-color: transparent;
    border-width: .5rem
}

.custom-range::-ms-fill-lower {
    background-color: #dee2e6;
    border-radius: 1rem
}

.custom-range::-ms-fill-upper {
    margin-right: 15px;
    background-color: #dee2e6;
    border-radius: 1rem
}

.custom-range:disabled::-webkit-slider-thumb {
    background-color: #adb5bd
}

.custom-range:disabled::-webkit-slider-runnable-track {
    cursor: default
}

.custom-range:disabled::-moz-range-thumb {
    background-color: #adb5bd
}

.custom-range:disabled::-moz-range-track {
    cursor: default
}

.custom-range:disabled::-ms-thumb {
    background-color: #adb5bd
}

.custom-control-label::before,
.custom-file-label,
.custom-select {
    transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .custom-control-label::before,
    .custom-file-label,
    .custom-select {
        transition: none
    }
}

.nav {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none
}

.nav-link {
    display: block;
    padding: .5rem 1rem
}

.nav-link:focus,
.nav-link:hover {
    text-decoration: none
}

.nav-link.disabled {
    color: #6c757d;
    pointer-events: none;
    cursor: default
}

.nav-tabs {
    border-bottom: 1px solid #dee2e6
}

.nav-tabs .nav-item {
    margin-bottom: -1px
}

.nav-tabs .nav-link {
    border: 1px solid transparent;
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem
}

.nav-tabs .nav-link:focus,
.nav-tabs .nav-link:hover {
    border-color: #e9ecef #e9ecef #dee2e6
}

.nav-tabs .nav-link.disabled {
    color: #6c757d;
    background-color: transparent;
    border-color: transparent
}

.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
    color: #495057;
    background-color: #fff;
    border-color: #dee2e6 #dee2e6 #fff
}

.nav-tabs .dropdown-menu {
    margin-top: -1px;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.nav-pills .nav-link {
    border-radius: .25rem
}

.nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
    color: #fff;
    background-color: #007bff
}

.nav-fill .nav-item {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    text-align: center
}

.nav-justified .nav-item {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    text-align: center
}

.tab-content>.tab-pane {
    display: none
}

.tab-content>.active {
    display: block
}

.navbar {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: .5rem 1rem
}

.navbar .container,
.navbar .container-fluid,
.navbar .container-lg,
.navbar .container-md,
.navbar .container-sm,
.navbar .container-xl {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.navbar-brand {
    display: inline-block;
    padding-top: .3125rem;
    padding-bottom: .3125rem;
    margin-right: 1rem;
    font-size: 1.25rem;
    line-height: inherit;
    white-space: nowrap
}

.navbar-brand:focus,
.navbar-brand:hover {
    text-decoration: none
}

.navbar-nav {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none
}

.navbar-nav .nav-link {
    padding-right: 0;
    padding-left: 0
}

.navbar-nav .dropdown-menu {
    position: static;
    float: none
}

.navbar-text {
    display: inline-block;
    padding-top: .5rem;
    padding-bottom: .5rem
}

.navbar-collapse {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-align: center;
    align-items: center
}

.navbar-toggler {
    padding: .25rem .75rem;
    font-size: 1.25rem;
    line-height: 1;
    background-color: transparent;
    border: 1px solid transparent;
    border-radius: .25rem
}

.navbar-toggler:focus,
.navbar-toggler:hover {
    text-decoration: none
}

.navbar-toggler-icon {
    display: inline-block;
    width: 1.5em;
    height: 1.5em;
    vertical-align: middle;
    content: "";
    background: no-repeat center center;
    background-size: 100% 100%
}

@media (max-width:575.98px) {
    .navbar-expand-sm>.container,
    .navbar-expand-sm>.container-fluid,
    .navbar-expand-sm>.container-lg,
    .navbar-expand-sm>.container-md,
    .navbar-expand-sm>.container-sm,
    .navbar-expand-sm>.container-xl {
        padding-right: 0;
        padding-left: 0
    }
}

@media (min-width:576px) {
    .navbar-expand-sm {
        -ms-flex-flow: row nowrap;
        flex-flow: row nowrap;
        -ms-flex-pack: start;
        justify-content: flex-start
    }
    .navbar-expand-sm .navbar-nav {
        -ms-flex-direction: row;
        flex-direction: row
    }
    .navbar-expand-sm .navbar-nav .dropdown-menu {
        position: absolute
    }
    .navbar-expand-sm .navbar-nav .nav-link {
        padding-right: .5rem;
        padding-left: .5rem
    }
    .navbar-expand-sm>.container,
    .navbar-expand-sm>.container-fluid,
    .navbar-expand-sm>.container-lg,
    .navbar-expand-sm>.container-md,
    .navbar-expand-sm>.container-sm,
    .navbar-expand-sm>.container-xl {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }
    .navbar-expand-sm .navbar-collapse {
        display: -ms-flexbox!important;
        display: flex!important;
        -ms-flex-preferred-size: auto;
        flex-basis: auto
    }
    .navbar-expand-sm .navbar-toggler {
        display: none
    }
}

@media (max-width:767.98px) {
    .navbar-expand-md>.container,
    .navbar-expand-md>.container-fluid,
    .navbar-expand-md>.container-lg,
    .navbar-expand-md>.container-md,
    .navbar-expand-md>.container-sm,
    .navbar-expand-md>.container-xl {
        padding-right: 0;
        padding-left: 0
    }
}

@media (min-width:768px) {
    .navbar-expand-md {
        -ms-flex-flow: row nowrap;
        flex-flow: row nowrap;
        -ms-flex-pack: start;
        justify-content: flex-start
    }
    .navbar-expand-md .navbar-nav {
        -ms-flex-direction: row;
        flex-direction: row
    }
    .navbar-expand-md .navbar-nav .dropdown-menu {
        position: absolute
    }
    .navbar-expand-md .navbar-nav .nav-link {
        padding-right: .5rem;
        padding-left: .5rem
    }
    .navbar-expand-md>.container,
    .navbar-expand-md>.container-fluid,
    .navbar-expand-md>.container-lg,
    .navbar-expand-md>.container-md,
    .navbar-expand-md>.container-sm,
    .navbar-expand-md>.container-xl {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }
    .navbar-expand-md .navbar-collapse {
        display: -ms-flexbox!important;
        display: flex!important;
        -ms-flex-preferred-size: auto;
        flex-basis: auto
    }
    .navbar-expand-md .navbar-toggler {
        display: none
    }
}

@media (max-width:991.98px) {
    .navbar-expand-lg>.container,
    .navbar-expand-lg>.container-fluid,
    .navbar-expand-lg>.container-lg,
    .navbar-expand-lg>.container-md,
    .navbar-expand-lg>.container-sm,
    .navbar-expand-lg>.container-xl {
        padding-right: 0;
        padding-left: 0
    }
}

@media (min-width:992px) {
    .navbar-expand-lg {
        -ms-flex-flow: row nowrap;
        flex-flow: row nowrap;
        -ms-flex-pack: start;
        justify-content: flex-start
    }
    .navbar-expand-lg .navbar-nav {
        -ms-flex-direction: row;
        flex-direction: row
    }
    .navbar-expand-lg .navbar-nav .dropdown-menu {
        position: absolute
    }
    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: .5rem;
        padding-left: .5rem
    }
    .navbar-expand-lg>.container,
    .navbar-expand-lg>.container-fluid,
    .navbar-expand-lg>.container-lg,
    .navbar-expand-lg>.container-md,
    .navbar-expand-lg>.container-sm,
    .navbar-expand-lg>.container-xl {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }
    .navbar-expand-lg .navbar-collapse {
        display: -ms-flexbox!important;
        display: flex!important;
        -ms-flex-preferred-size: auto;
        flex-basis: auto
    }
    .navbar-expand-lg .navbar-toggler {
        display: none
    }
}

@media (max-width:1199.98px) {
    .navbar-expand-xl>.container,
    .navbar-expand-xl>.container-fluid,
    .navbar-expand-xl>.container-lg,
    .navbar-expand-xl>.container-md,
    .navbar-expand-xl>.container-sm,
    .navbar-expand-xl>.container-xl {
        padding-right: 0;
        padding-left: 0
    }
}

@media (min-width:1200px) {
    .navbar-expand-xl {
        -ms-flex-flow: row nowrap;
        flex-flow: row nowrap;
        -ms-flex-pack: start;
        justify-content: flex-start
    }
    .navbar-expand-xl .navbar-nav {
        -ms-flex-direction: row;
        flex-direction: row
    }
    .navbar-expand-xl .navbar-nav .dropdown-menu {
        position: absolute
    }
    .navbar-expand-xl .navbar-nav .nav-link {
        padding-right: .5rem;
        padding-left: .5rem
    }
    .navbar-expand-xl>.container,
    .navbar-expand-xl>.container-fluid,
    .navbar-expand-xl>.container-lg,
    .navbar-expand-xl>.container-md,
    .navbar-expand-xl>.container-sm,
    .navbar-expand-xl>.container-xl {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }
    .navbar-expand-xl .navbar-collapse {
        display: -ms-flexbox!important;
        display: flex!important;
        -ms-flex-preferred-size: auto;
        flex-basis: auto
    }
    .navbar-expand-xl .navbar-toggler {
        display: none
    }
}

.navbar-expand {
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.navbar-expand>.container,
.navbar-expand>.container-fluid,
.navbar-expand>.container-lg,
.navbar-expand>.container-md,
.navbar-expand>.container-sm,
.navbar-expand>.container-xl {
    padding-right: 0;
    padding-left: 0
}

.navbar-expand .navbar-nav {
    -ms-flex-direction: row;
    flex-direction: row
}

.navbar-expand .navbar-nav .dropdown-menu {
    position: absolute
}

.navbar-expand .navbar-nav .nav-link {
    padding-right: .5rem;
    padding-left: .5rem
}

.navbar-expand>.container,
.navbar-expand>.container-fluid,
.navbar-expand>.container-lg,
.navbar-expand>.container-md,
.navbar-expand>.container-sm,
.navbar-expand>.container-xl {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.navbar-expand .navbar-collapse {
    display: -ms-flexbox!important;
    display: flex!important;
    -ms-flex-preferred-size: auto;
    flex-basis: auto
}

.navbar-expand .navbar-toggler {
    display: none
}

.navbar-light .navbar-brand {
    color: rgba(0, 0, 0, .9)
}

.navbar-light .navbar-brand:focus,
.navbar-light .navbar-brand:hover {
    color: rgba(0, 0, 0, .9)
}

.navbar-light .navbar-nav .nav-link {
    color: rgba(0, 0, 0, .5)
}

.navbar-light .navbar-nav .nav-link:focus,
.navbar-light .navbar-nav .nav-link:hover {
    color: rgba(0, 0, 0, .7)
}

.navbar-light .navbar-nav .nav-link.disabled {
    color: rgba(0, 0, 0, .3)
}

.navbar-light .navbar-nav .active>.nav-link,
.navbar-light .navbar-nav .nav-link.active,
.navbar-light .navbar-nav .nav-link.show,
.navbar-light .navbar-nav .show>.nav-link {
    color: rgba(0, 0, 0, .9)
}

.navbar-light .navbar-toggler {
    color: rgba(0, 0, 0, .5);
    border-color: rgba(0, 0, 0, .1)
}

.navbar-light .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(0, 0, 0, 0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")
}

.navbar-light .navbar-text {
    color: rgba(0, 0, 0, .5)
}

.navbar-light .navbar-text a {
    color: rgba(0, 0, 0, .9)
}

.navbar-light .navbar-text a:focus,
.navbar-light .navbar-text a:hover {
    color: rgba(0, 0, 0, .9)
}

.navbar-dark .navbar-brand {
    color: #fff
}

.navbar-dark .navbar-brand:focus,
.navbar-dark .navbar-brand:hover {
    color: #fff
}

.navbar-dark .navbar-nav .nav-link {
    color: rgba(255, 255, 255, .5)
}

.navbar-dark .navbar-nav .nav-link:focus,
.navbar-dark .navbar-nav .nav-link:hover {
    color: rgba(255, 255, 255, .75)
}

.navbar-dark .navbar-nav .nav-link.disabled {
    color: rgba(255, 255, 255, .25)
}

.navbar-dark .navbar-nav .active>.nav-link,
.navbar-dark .navbar-nav .nav-link.active,
.navbar-dark .navbar-nav .nav-link.show,
.navbar-dark .navbar-nav .show>.nav-link {
    color: #fff
}

.navbar-dark .navbar-toggler {
    color: rgba(255, 255, 255, .5);
    border-color: rgba(255, 255, 255, .1)
}

.navbar-dark .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(255, 255, 255, 0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")
}

.navbar-dark .navbar-text {
    color: rgba(255, 255, 255, .5)
}

.navbar-dark .navbar-text a {
    color: #fff
}

.navbar-dark .navbar-text a:focus,
.navbar-dark .navbar-text a:hover {
    color: #fff
}

.card {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0, 0, 0, .125);
    border-radius: .25rem
}

.card>hr {
    margin-right: 0;
    margin-left: 0
}

.card>.list-group:first-child .list-group-item:first-child {
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem
}

.card>.list-group:last-child .list-group-item:last-child {
    border-bottom-right-radius: .25rem;
    border-bottom-left-radius: .25rem
}

.card-body {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    min-height: 1px;
    padding: 1.25rem
}

.card-title {
    margin-bottom: .75rem
}

.card-subtitle {
    margin-top: -.375rem;
    margin-bottom: 0
}

.card-text:last-child {
    margin-bottom: 0
}

.card-link:hover {
    text-decoration: none
}

.card-link+.card-link {
    margin-left: 1.25rem
}

.card-header {
    padding: .75rem 1.25rem;
    margin-bottom: 0;
    background-color: rgba(0, 0, 0, .03);
    border-bottom: 1px solid rgba(0, 0, 0, .125)
}

.card-header:first-child {
    border-radius: calc(.25rem - 1px) calc(.25rem - 1px) 0 0
}

.card-header+.list-group .list-group-item:first-child {
    border-top: 0
}

.card-footer {
    padding: .75rem 1.25rem;
    background-color: rgba(0, 0, 0, .03);
    border-top: 1px solid rgba(0, 0, 0, .125)
}

.card-footer:last-child {
    border-radius: 0 0 calc(.25rem - 1px) calc(.25rem - 1px)
}

.card-header-tabs {
    margin-right: -.625rem;
    margin-bottom: -.75rem;
    margin-left: -.625rem;
    border-bottom: 0
}

.card-header-pills {
    margin-right: -.625rem;
    margin-left: -.625rem
}

.card-img-overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 1.25rem
}

.card-img,
.card-img-bottom,
.card-img-top {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100%
}

.card-img,
.card-img-top {
    border-top-left-radius: calc(.25rem - 1px);
    border-top-right-radius: calc(.25rem - 1px)
}

.card-img,
.card-img-bottom {
    border-bottom-right-radius: calc(.25rem - 1px);
    border-bottom-left-radius: calc(.25rem - 1px)
}

.card-deck .card {
    margin-bottom: 15px
}

@media (min-width:576px) {
    .card-deck {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
        margin-right: -15px;
        margin-left: -15px
    }
    .card-deck .card {
        -ms-flex: 1 0 0%;
        flex: 1 0 0%;
        margin-right: 15px;
        margin-bottom: 0;
        margin-left: 15px
    }
}

.card-group>.card {
    margin-bottom: 15px
}

@media (min-width:576px) {
    .card-group {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap
    }
    .card-group>.card {
        -ms-flex: 1 0 0%;
        flex: 1 0 0%;
        margin-bottom: 0
    }
    .card-group>.card+.card {
        margin-left: 0;
        border-left: 0
    }
    .card-group>.card:not(:last-child) {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0
    }
    .card-group>.card:not(:last-child) .card-header,
    .card-group>.card:not(:last-child) .card-img-top {
        border-top-right-radius: 0
    }
    .card-group>.card:not(:last-child) .card-footer,
    .card-group>.card:not(:last-child) .card-img-bottom {
        border-bottom-right-radius: 0
    }
    .card-group>.card:not(:first-child) {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0
    }
    .card-group>.card:not(:first-child) .card-header,
    .card-group>.card:not(:first-child) .card-img-top {
        border-top-left-radius: 0
    }
    .card-group>.card:not(:first-child) .card-footer,
    .card-group>.card:not(:first-child) .card-img-bottom {
        border-bottom-left-radius: 0
    }
}

.card-columns .card {
    margin-bottom: .75rem
}

@media (min-width:576px) {
    .card-columns {
        -webkit-column-count: 3;
        -moz-column-count: 3;
        column-count: 3;
        -webkit-column-gap: 1.25rem;
        -moz-column-gap: 1.25rem;
        column-gap: 1.25rem;
        orphans: 1;
        widows: 1
    }
    .card-columns .card {
        display: inline-block;
        width: 100%
    }
}

.accordion>.card {
    overflow: hidden
}

.accordion>.card:not(:last-of-type) {
    border-bottom: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.accordion>.card:not(:first-of-type) {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.accordion>.card>.card-header {
    border-radius: 0;
    margin-bottom: -1px
}

.breadcrumb {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: .75rem 1rem;
    margin-bottom: 1rem;
    list-style: none;
    background-color: #e9ecef;
    border-radius: .25rem
}

.breadcrumb-item+.breadcrumb-item {
    padding-left: .5rem
}

.breadcrumb-item+.breadcrumb-item::before {
    display: inline-block;
    padding-right: .5rem;
    color: #6c757d;
    content: "/"
}

.breadcrumb-item+.breadcrumb-item:hover::before {
    text-decoration: underline
}

.breadcrumb-item+.breadcrumb-item:hover::before {
    text-decoration: none
}

.breadcrumb-item.active {
    color: #6c757d
}

.pagination {
    display: -ms-flexbox;
    display: flex;
    padding-left: 0;
    list-style: none;
    border-radius: .25rem
}

.page-link {
    position: relative;
    display: block;
    padding: .5rem .75rem;
    margin-left: -1px;
    line-height: 1.25;
    color: #007bff;
    background-color: #fff;
    border: 1px solid #dee2e6
}

.page-link:hover {
    z-index: 2;
    color: #0056b3;
    text-decoration: none;
    background-color: #e9ecef;
    border-color: #dee2e6
}

.page-link:focus {
    z-index: 3;
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25)
}

.page-item:first-child .page-link {
    margin-left: 0;
    border-top-left-radius: .25rem;
    border-bottom-left-radius: .25rem
}

.page-item:last-child .page-link {
    border-top-right-radius: .25rem;
    border-bottom-right-radius: .25rem
}

.page-item.active .page-link {
    z-index: 3;
    color: #fff;
    background-color: #007bff;
    border-color: #007bff
}

.page-item.disabled .page-link {
    color: #6c757d;
    pointer-events: none;
    cursor: auto;
    background-color: #fff;
    border-color: #dee2e6
}

.pagination-lg .page-link {
    padding: .75rem 1.5rem;
    font-size: 1.25rem;
    line-height: 1.5
}

.pagination-lg .page-item:first-child .page-link {
    border-top-left-radius: .3rem;
    border-bottom-left-radius: .3rem
}

.pagination-lg .page-item:last-child .page-link {
    border-top-right-radius: .3rem;
    border-bottom-right-radius: .3rem
}

.pagination-sm .page-link {
    padding: .25rem .5rem;
    font-size: .875rem;
    line-height: 1.5
}

.pagination-sm .page-item:first-child .page-link {
    border-top-left-radius: .2rem;
    border-bottom-left-radius: .2rem
}

.pagination-sm .page-item:last-child .page-link {
    border-top-right-radius: .2rem;
    border-bottom-right-radius: .2rem
}

.badge {
    display: inline-block;
    padding: .25em .4em;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25rem;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .badge {
        transition: none
    }
}

a.badge:focus,
a.badge:hover {
    text-decoration: none
}

.badge:empty {
    display: none
}

.btn .badge {
    position: relative;
    top: -1px
}

.badge-pill {
    padding-right: .6em;
    padding-left: .6em;
    border-radius: 10rem
}

.badge-primary {
    color: #fff;
    background-color: #007bff
}

a.badge-primary:focus,
a.badge-primary:hover {
    color: #fff;
    background-color: #0062cc
}

a.badge-primary.focus,
a.badge-primary:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .5)
}

.badge-secondary {
    color: #fff;
    background-color: #6c757d
}

a.badge-secondary:focus,
a.badge-secondary:hover {
    color: #fff;
    background-color: #545b62
}

a.badge-secondary.focus,
a.badge-secondary:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(108, 117, 125, .5)
}

.badge-success {
    color: #fff;
    background-color: #28a745
}

a.badge-success:focus,
a.badge-success:hover {
    color: #fff;
    background-color: #1e7e34
}

a.badge-success.focus,
a.badge-success:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .5)
}

.badge-info {
    color: #fff;
    background-color: #17a2b8
}

a.badge-info:focus,
a.badge-info:hover {
    color: #fff;
    background-color: #117a8b
}

a.badge-info.focus,
a.badge-info:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(23, 162, 184, .5)
}

.badge-warning {
    color: #212529;
    background-color: #ffc107
}

a.badge-warning:focus,
a.badge-warning:hover {
    color: #212529;
    background-color: #d39e00
}

a.badge-warning.focus,
a.badge-warning:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(255, 193, 7, .5)
}

.badge-danger {
    color: #fff;
    background-color: #dc3545
}

a.badge-danger:focus,
a.badge-danger:hover {
    color: #fff;
    background-color: #bd2130
}

a.badge-danger.focus,
a.badge-danger:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .5)
}

.badge-light {
    color: #212529;
    background-color: #f8f9fa
}

a.badge-light:focus,
a.badge-light:hover {
    color: #212529;
    background-color: #dae0e5
}

a.badge-light.focus,
a.badge-light:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(248, 249, 250, .5)
}

.badge-dark {
    color: #fff;
    background-color: #343a40
}

a.badge-dark:focus,
a.badge-dark:hover {
    color: #fff;
    background-color: #1d2124
}

a.badge-dark.focus,
a.badge-dark:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(52, 58, 64, .5)
}

.jumbotron {
    padding: 2rem 1rem;
    margin-bottom: 2rem;
    background-color: #e9ecef;
    border-radius: .3rem
}

@media (min-width:576px) {
    .jumbotron {
        padding: 4rem 2rem
    }
}

.jumbotron-fluid {
    padding-right: 0;
    padding-left: 0;
    border-radius: 0
}

.alert {
    position: relative;
    padding: .75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: .25rem
}

.alert-heading {
    color: inherit
}

.alert-link {
    font-weight: 700
}

.alert-dismissible {
    padding-right: 4rem
}

.alert-dismissible .close {
    position: absolute;
    top: 0;
    right: 0;
    padding: .75rem 1.25rem;
    color: inherit
}

.alert-primary {
    color: #004085;
    background-color: #cce5ff;
    border-color: #b8daff
}

.alert-primary hr {
    border-top-color: #9fcdff
}

.alert-primary .alert-link {
    color: #002752
}

.alert-secondary {
    color: #383d41;
    background-color: #e2e3e5;
    border-color: #d6d8db
}

.alert-secondary hr {
    border-top-color: #c8cbcf
}

.alert-secondary .alert-link {
    color: #202326
}

.alert-success {
    color: #155724;
    background-color: #d4edda;
    border-color: #c3e6cb
}

.alert-success hr {
    border-top-color: #b1dfbb
}

.alert-success .alert-link {
    color: #0b2e13
}

.alert-info {
    color: #0c5460;
    background-color: #d1ecf1;
    border-color: #bee5eb
}

.alert-info hr {
    border-top-color: #abdde5
}

.alert-info .alert-link {
    color: #062c33
}

.alert-warning {
    color: #856404;
    background-color: #fff3cd;
    border-color: #ffeeba
}

.alert-warning hr {
    border-top-color: #ffe8a1
}

.alert-warning .alert-link {
    color: #533f03
}

.alert-danger {
    color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb
}

.alert-danger hr {
    border-top-color: #f1b0b7
}

.alert-danger .alert-link {
    color: #491217
}

.alert-light {
    color: #818182;
    background-color: #fefefe;
    border-color: #fdfdfe
}

.alert-light hr {
    border-top-color: #ececf6
}

.alert-light .alert-link {
    color: #686868
}

.alert-dark {
    color: #1b1e21;
    background-color: #d6d8d9;
    border-color: #c6c8ca
}

.alert-dark hr {
    border-top-color: #b9bbbe
}

.alert-dark .alert-link {
    color: #040505
}

@-webkit-keyframes progress-bar-stripes {
    from {
        background-position: 1rem 0
    }
    to {
        background-position: 0 0
    }
}

@keyframes progress-bar-stripes {
    from {
        background-position: 1rem 0
    }
    to {
        background-position: 0 0
    }
}

.progress {
    display: -ms-flexbox;
    display: flex;
    height: 1rem;
    overflow: hidden;
    font-size: .75rem;
    background-color: #e9ecef;
    border-radius: .25rem
}

.progress-bar {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    overflow: hidden;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    background-color: #007bff;
    transition: width .6s ease
}

@media (prefers-reduced-motion:reduce) {
    .progress-bar {
        transition: none
    }
}

.progress-bar-striped {
    background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-size: 1rem 1rem
}

.progress-bar-animated {
    -webkit-animation: progress-bar-stripes 1s linear infinite;
    animation: progress-bar-stripes 1s linear infinite
}

@media (prefers-reduced-motion:reduce) {
    .progress-bar-animated {
        -webkit-animation: none;
        animation: none
    }
}

.media {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start
}

.media-body {
    -ms-flex: 1;
    flex: 1
}

.list-group {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0
}

.list-group-item-action {
    width: 100%;
    color: #495057;
    text-align: inherit
}

.list-group-item-action:focus,
.list-group-item-action:hover {
    z-index: 1;
    color: #495057;
    text-decoration: none;
    background-color: #f8f9fa
}

.list-group-item-action:active {
    color: #212529;
    background-color: #e9ecef
}

.list-group-item {
    position: relative;
    display: block;
    padding: .75rem 1.25rem;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, .125)
}

.list-group-item:first-child {
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem
}

.list-group-item:last-child {
    border-bottom-right-radius: .25rem;
    border-bottom-left-radius: .25rem
}

.list-group-item.disabled,
.list-group-item:disabled {
    color: #6c757d;
    pointer-events: none;
    background-color: #fff
}

.list-group-item.active {
    z-index: 2;
    color: #fff;
    background-color: #007bff;
    border-color: #007bff
}

.list-group-item+.list-group-item {
    border-top-width: 0
}

.list-group-item+.list-group-item.active {
    margin-top: -1px;
    border-top-width: 1px
}

.list-group-horizontal {
    -ms-flex-direction: row;
    flex-direction: row
}

.list-group-horizontal .list-group-item:first-child {
    border-bottom-left-radius: .25rem;
    border-top-right-radius: 0
}

.list-group-horizontal .list-group-item:last-child {
    border-top-right-radius: .25rem;
    border-bottom-left-radius: 0
}

.list-group-horizontal .list-group-item.active {
    margin-top: 0
}

.list-group-horizontal .list-group-item+.list-group-item {
    border-top-width: 1px;
    border-left-width: 0
}

.list-group-horizontal .list-group-item+.list-group-item.active {
    margin-left: -1px;
    border-left-width: 1px
}

@media (min-width:576px) {
    .list-group-horizontal-sm {
        -ms-flex-direction: row;
        flex-direction: row
    }
    .list-group-horizontal-sm .list-group-item:first-child {
        border-bottom-left-radius: .25rem;
        border-top-right-radius: 0
    }
    .list-group-horizontal-sm .list-group-item:last-child {
        border-top-right-radius: .25rem;
        border-bottom-left-radius: 0
    }
    .list-group-horizontal-sm .list-group-item.active {
        margin-top: 0
    }
    .list-group-horizontal-sm .list-group-item+.list-group-item {
        border-top-width: 1px;
        border-left-width: 0
    }
    .list-group-horizontal-sm .list-group-item+.list-group-item.active {
        margin-left: -1px;
        border-left-width: 1px
    }
}

@media (min-width:768px) {
    .list-group-horizontal-md {
        -ms-flex-direction: row;
        flex-direction: row
    }
    .list-group-horizontal-md .list-group-item:first-child {
        border-bottom-left-radius: .25rem;
        border-top-right-radius: 0
    }
    .list-group-horizontal-md .list-group-item:last-child {
        border-top-right-radius: .25rem;
        border-bottom-left-radius: 0
    }
    .list-group-horizontal-md .list-group-item.active {
        margin-top: 0
    }
    .list-group-horizontal-md .list-group-item+.list-group-item {
        border-top-width: 1px;
        border-left-width: 0
    }
    .list-group-horizontal-md .list-group-item+.list-group-item.active {
        margin-left: -1px;
        border-left-width: 1px
    }
}

@media (min-width:992px) {
    .list-group-horizontal-lg {
        -ms-flex-direction: row;
        flex-direction: row
    }
    .list-group-horizontal-lg .list-group-item:first-child {
        border-bottom-left-radius: .25rem;
        border-top-right-radius: 0
    }
    .list-group-horizontal-lg .list-group-item:last-child {
        border-top-right-radius: .25rem;
        border-bottom-left-radius: 0
    }
    .list-group-horizontal-lg .list-group-item.active {
        margin-top: 0
    }
    .list-group-horizontal-lg .list-group-item+.list-group-item {
        border-top-width: 1px;
        border-left-width: 0
    }
    .list-group-horizontal-lg .list-group-item+.list-group-item.active {
        margin-left: -1px;
        border-left-width: 1px
    }
}

@media (min-width:1200px) {
    .list-group-horizontal-xl {
        -ms-flex-direction: row;
        flex-direction: row
    }
    .list-group-horizontal-xl .list-group-item:first-child {
        border-bottom-left-radius: .25rem;
        border-top-right-radius: 0
    }
    .list-group-horizontal-xl .list-group-item:last-child {
        border-top-right-radius: .25rem;
        border-bottom-left-radius: 0
    }
    .list-group-horizontal-xl .list-group-item.active {
        margin-top: 0
    }
    .list-group-horizontal-xl .list-group-item+.list-group-item {
        border-top-width: 1px;
        border-left-width: 0
    }
    .list-group-horizontal-xl .list-group-item+.list-group-item.active {
        margin-left: -1px;
        border-left-width: 1px
    }
}

.list-group-flush .list-group-item {
    border-right-width: 0;
    border-left-width: 0;
    border-radius: 0
}

.list-group-flush .list-group-item:first-child {
    border-top-width: 0
}

.list-group-flush:last-child .list-group-item:last-child {
    border-bottom-width: 0
}

.list-group-item-primary {
    color: #004085;
    background-color: #b8daff
}

.list-group-item-primary.list-group-item-action:focus,
.list-group-item-primary.list-group-item-action:hover {
    color: #004085;
    background-color: #9fcdff
}

.list-group-item-primary.list-group-item-action.active {
    color: #fff;
    background-color: #004085;
    border-color: #004085
}

.list-group-item-secondary {
    color: #383d41;
    background-color: #d6d8db
}

.list-group-item-secondary.list-group-item-action:focus,
.list-group-item-secondary.list-group-item-action:hover {
    color: #383d41;
    background-color: #c8cbcf
}

.list-group-item-secondary.list-group-item-action.active {
    color: #fff;
    background-color: #383d41;
    border-color: #383d41
}

.list-group-item-success {
    color: #155724;
    background-color: #c3e6cb
}

.list-group-item-success.list-group-item-action:focus,
.list-group-item-success.list-group-item-action:hover {
    color: #155724;
    background-color: #b1dfbb
}

.list-group-item-success.list-group-item-action.active {
    color: #fff;
    background-color: #155724;
    border-color: #155724
}

.list-group-item-info {
    color: #0c5460;
    background-color: #bee5eb
}

.list-group-item-info.list-group-item-action:focus,
.list-group-item-info.list-group-item-action:hover {
    color: #0c5460;
    background-color: #abdde5
}

.list-group-item-info.list-group-item-action.active {
    color: #fff;
    background-color: #0c5460;
    border-color: #0c5460
}

.list-group-item-warning {
    color: #856404;
    background-color: #ffeeba
}

.list-group-item-warning.list-group-item-action:focus,
.list-group-item-warning.list-group-item-action:hover {
    color: #856404;
    background-color: #ffe8a1
}

.list-group-item-warning.list-group-item-action.active {
    color: #fff;
    background-color: #856404;
    border-color: #856404
}

.list-group-item-danger {
    color: #721c24;
    background-color: #f5c6cb
}

.list-group-item-danger.list-group-item-action:focus,
.list-group-item-danger.list-group-item-action:hover {
    color: #721c24;
    background-color: #f1b0b7
}

.list-group-item-danger.list-group-item-action.active {
    color: #fff;
    background-color: #721c24;
    border-color: #721c24
}

.list-group-item-light {
    color: #818182;
    background-color: #fdfdfe
}

.list-group-item-light.list-group-item-action:focus,
.list-group-item-light.list-group-item-action:hover {
    color: #818182;
    background-color: #ececf6
}

.list-group-item-light.list-group-item-action.active {
    color: #fff;
    background-color: #818182;
    border-color: #818182
}

.list-group-item-dark {
    color: #1b1e21;
    background-color: #c6c8ca
}

.list-group-item-dark.list-group-item-action:focus,
.list-group-item-dark.list-group-item-action:hover {
    color: #1b1e21;
    background-color: #b9bbbe
}

.list-group-item-dark.list-group-item-action.active {
    color: #fff;
    background-color: #1b1e21;
    border-color: #1b1e21
}

.close {
    float: right;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: .5
}

.close:hover {
    color: #000;
    text-decoration: none
}

.close:not(:disabled):not(.disabled):focus,
.close:not(:disabled):not(.disabled):hover {
    opacity: .75
}

button.close {
    padding: 0;
    background-color: transparent;
    border: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

a.close.disabled {
    pointer-events: none
}

.toast {
    max-width: 350px;
    overflow: hidden;
    font-size: .875rem;
    background-color: rgba(255, 255, 255, .85);
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, .1);
    box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .1);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    opacity: 0;
    border-radius: .25rem
}

.toast:not(:last-child) {
    margin-bottom: .75rem
}

.toast.showing {
    opacity: 1
}

.toast.show {
    display: block;
    opacity: 1
}

.toast.hide {
    display: none
}

.toast-header {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    padding: .25rem .75rem;
    color: #6c757d;
    background-color: rgba(255, 255, 255, .85);
    background-clip: padding-box;
    border-bottom: 1px solid rgba(0, 0, 0, .05)
}

.toast-body {
    padding: .75rem
}

.modal-open {
    overflow: hidden
}

.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto
}

.modal {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1050;
    display: none;
    width: 100%;
    height: 100%;
    overflow: hidden;
    outline: 0
}

.modal-dialog {
    position: relative;
    width: auto;
    margin: .5rem;
    pointer-events: none
}

.modal.fade .modal-dialog {
    transition: -webkit-transform .3s ease-out;
    transition: transform .3s ease-out;
    transition: transform .3s ease-out, -webkit-transform .3s ease-out;
    -webkit-transform: translate(0, -50px);
    transform: translate(0, -50px)
}

@media (prefers-reduced-motion:reduce) {
    .modal.fade .modal-dialog {
        transition: none
    }
}

.modal.show .modal-dialog {
    -webkit-transform: none;
    transform: none
}

.modal.modal-static .modal-dialog {
    -webkit-transform: scale(1.02);
    transform: scale(1.02)
}

.modal-dialog-scrollable {
    display: -ms-flexbox;
    display: flex;
    max-height: calc(100% - 1rem)
}

.modal-dialog-scrollable .modal-content {
    max-height: calc(100vh - 1rem);
    overflow: hidden
}

.modal-dialog-scrollable .modal-footer,
.modal-dialog-scrollable .modal-header {
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.modal-dialog-scrollable .modal-body {
    overflow-y: auto
}

.modal-dialog-centered {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    min-height: calc(100% - 1rem)
}

.modal-dialog-centered::before {
    display: block;
    height: calc(100vh - 1rem);
    content: ""
}

.modal-dialog-centered.modal-dialog-scrollable {
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    height: 100%
}

.modal-dialog-centered.modal-dialog-scrollable .modal-content {
    max-height: none
}

.modal-dialog-centered.modal-dialog-scrollable::before {
    content: none
}

.modal-content {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: .3rem;
    outline: 0
}

.modal-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1040;
    width: 100vw;
    height: 100vh;
    background-color: #000
}

.modal-backdrop.fade {
    opacity: 0
}

.modal-backdrop.show {
    opacity: .5
}

.modal-header {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 1rem 1rem;
    border-bottom: 1px solid #dee2e6;
    border-top-left-radius: calc(.3rem - 1px);
    border-top-right-radius: calc(.3rem - 1px)
}

.modal-header .close {
    padding: 1rem 1rem;
    margin: -1rem -1rem -1rem auto
}

.modal-title {
    margin-bottom: 0;
    line-height: 1.5
}

.modal-body {
    position: relative;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 1rem
}

.modal-footer {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding: .75rem;
    border-top: 1px solid #dee2e6;
    border-bottom-right-radius: calc(.3rem - 1px);
    border-bottom-left-radius: calc(.3rem - 1px)
}

.modal-footer>* {
    margin: .25rem
}

.modal-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll
}

@media (min-width:576px) {
    .modal-dialog {
        max-width: 500px;
        margin: 1.75rem auto
    }
    .modal-dialog-scrollable {
        max-height: calc(100% - 3.5rem)
    }
    .modal-dialog-scrollable .modal-content {
        max-height: calc(100vh - 3.5rem)
    }
    .modal-dialog-centered {
        min-height: calc(100% - 3.5rem)
    }
    .modal-dialog-centered::before {
        height: calc(100vh - 3.5rem)
    }
    .modal-sm {
        max-width: 300px
    }
}

@media (min-width:992px) {
    .modal-lg,
    .modal-xl {
        max-width: 800px
    }
}

@media (min-width:1200px) {
    .modal-xl {
        max-width: 1140px
    }
}

.tooltip {
    position: absolute;
    z-index: 1070;
    display: block;
    margin: 0;
    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-style: normal;
    font-weight: 400;
    line-height: 1.5;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    word-spacing: normal;
    white-space: normal;
    line-break: auto;
    font-size: .875rem;
    word-wrap: break-word;
    opacity: 0
}

.tooltip.show {
    opacity: .9
}

.tooltip .arrow {
    position: absolute;
    display: block;
    width: .8rem;
    height: .4rem
}

.tooltip .arrow::before {
    position: absolute;
    content: "";
    border-color: transparent;
    border-style: solid
}

.bs-tooltip-auto[x-placement^=top],
.bs-tooltip-top {
    padding: .4rem 0
}

.bs-tooltip-auto[x-placement^=top] .arrow,
.bs-tooltip-top .arrow {
    bottom: 0
}

.bs-tooltip-auto[x-placement^=top] .arrow::before,
.bs-tooltip-top .arrow::before {
    top: 0;
    border-width: .4rem .4rem 0;
    border-top-color: #000
}

.bs-tooltip-auto[x-placement^=right],
.bs-tooltip-right {
    padding: 0 .4rem
}

.bs-tooltip-auto[x-placement^=right] .arrow,
.bs-tooltip-right .arrow {
    left: 0;
    width: .4rem;
    height: .8rem
}

.bs-tooltip-auto[x-placement^=right] .arrow::before,
.bs-tooltip-right .arrow::before {
    right: 0;
    border-width: .4rem .4rem .4rem 0;
    border-right-color: #000
}

.bs-tooltip-auto[x-placement^=bottom],
.bs-tooltip-bottom {
    padding: .4rem 0
}

.bs-tooltip-auto[x-placement^=bottom] .arrow,
.bs-tooltip-bottom .arrow {
    top: 0
}

.bs-tooltip-auto[x-placement^=bottom] .arrow::before,
.bs-tooltip-bottom .arrow::before {
    bottom: 0;
    border-width: 0 .4rem .4rem;
    border-bottom-color: #000
}

.bs-tooltip-auto[x-placement^=left],
.bs-tooltip-left {
    padding: 0 .4rem
}

.bs-tooltip-auto[x-placement^=left] .arrow,
.bs-tooltip-left .arrow {
    right: 0;
    width: .4rem;
    height: .8rem
}

.bs-tooltip-auto[x-placement^=left] .arrow::before,
.bs-tooltip-left .arrow::before {
    left: 0;
    border-width: .4rem 0 .4rem .4rem;
    border-left-color: #000
}

.tooltip-inner {
    max-width: 200px;
    padding: .25rem .5rem;
    color: #fff;
    text-align: center;
    background-color: #000;
    border-radius: .25rem
}

.popover {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1060;
    display: block;
    max-width: 276px;
    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-style: normal;
    font-weight: 400;
    line-height: 1.5;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    word-spacing: normal;
    white-space: normal;
    line-break: auto;
    font-size: .875rem;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: .3rem
}

.popover .arrow {
    position: absolute;
    display: block;
    width: 1rem;
    height: .5rem;
    margin: 0 .3rem
}

.popover .arrow::after,
.popover .arrow::before {
    position: absolute;
    display: block;
    content: "";
    border-color: transparent;
    border-style: solid
}

.bs-popover-auto[x-placement^=top],
.bs-popover-top {
    margin-bottom: .5rem
}

.bs-popover-auto[x-placement^=top]>.arrow,
.bs-popover-top>.arrow {
    bottom: calc(-.5rem - 1px)
}

.bs-popover-auto[x-placement^=top]>.arrow::before,
.bs-popover-top>.arrow::before {
    bottom: 0;
    border-width: .5rem .5rem 0;
    border-top-color: rgba(0, 0, 0, .25)
}

.bs-popover-auto[x-placement^=top]>.arrow::after,
.bs-popover-top>.arrow::after {
    bottom: 1px;
    border-width: .5rem .5rem 0;
    border-top-color: #fff
}

.bs-popover-auto[x-placement^=right],
.bs-popover-right {
    margin-left: .5rem
}

.bs-popover-auto[x-placement^=right]>.arrow,
.bs-popover-right>.arrow {
    left: calc(-.5rem - 1px);
    width: .5rem;
    height: 1rem;
    margin: .3rem 0
}

.bs-popover-auto[x-placement^=right]>.arrow::before,
.bs-popover-right>.arrow::before {
    left: 0;
    border-width: .5rem .5rem .5rem 0;
    border-right-color: rgba(0, 0, 0, .25)
}

.bs-popover-auto[x-placement^=right]>.arrow::after,
.bs-popover-right>.arrow::after {
    left: 1px;
    border-width: .5rem .5rem .5rem 0;
    border-right-color: #fff
}

.bs-popover-auto[x-placement^=bottom],
.bs-popover-bottom {
    margin-top: .5rem
}

.bs-popover-auto[x-placement^=bottom]>.arrow,
.bs-popover-bottom>.arrow {
    top: calc(-.5rem - 1px)
}

.bs-popover-auto[x-placement^=bottom]>.arrow::before,
.bs-popover-bottom>.arrow::before {
    top: 0;
    border-width: 0 .5rem .5rem .5rem;
    border-bottom-color: rgba(0, 0, 0, .25)
}

.bs-popover-auto[x-placement^=bottom]>.arrow::after,
.bs-popover-bottom>.arrow::after {
    top: 1px;
    border-width: 0 .5rem .5rem .5rem;
    border-bottom-color: #fff
}

.bs-popover-auto[x-placement^=bottom] .popover-header::before,
.bs-popover-bottom .popover-header::before {
    position: absolute;
    top: 0;
    left: 50%;
    display: block;
    width: 1rem;
    margin-left: -.5rem;
    content: "";
    border-bottom: 1px solid #f7f7f7
}

.bs-popover-auto[x-placement^=left],
.bs-popover-left {
    margin-right: .5rem
}

.bs-popover-auto[x-placement^=left]>.arrow,
.bs-popover-left>.arrow {
    right: calc(-.5rem - 1px);
    width: .5rem;
    height: 1rem;
    margin: .3rem 0
}

.bs-popover-auto[x-placement^=left]>.arrow::before,
.bs-popover-left>.arrow::before {
    right: 0;
    border-width: .5rem 0 .5rem .5rem;
    border-left-color: rgba(0, 0, 0, .25)
}

.bs-popover-auto[x-placement^=left]>.arrow::after,
.bs-popover-left>.arrow::after {
    right: 1px;
    border-width: .5rem 0 .5rem .5rem;
    border-left-color: #fff
}

.popover-header {
    padding: .5rem .75rem;
    margin-bottom: 0;
    font-size: 1rem;
    background-color: #f7f7f7;
    border-bottom: 1px solid #ebebeb;
    border-top-left-radius: calc(.3rem - 1px);
    border-top-right-radius: calc(.3rem - 1px)
}

.popover-header:empty {
    display: none
}

.popover-body {
    padding: .5rem .75rem;
    color: #212529
}

.carousel {
    position: relative
}

.carousel.pointer-event {
    -ms-touch-action: pan-y;
    touch-action: pan-y
}

.carousel-inner {
    position: relative;
    width: 100%;
    overflow: hidden
}

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

.carousel-item {
    position: relative;
    display: none;
    float: left;
    width: 100%;
    margin-right: -100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transition: -webkit-transform .6s ease-in-out;
    transition: transform .6s ease-in-out;
    transition: transform .6s ease-in-out, -webkit-transform .6s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .carousel-item {
        transition: none
    }
}

.carousel-item-next,
.carousel-item-prev,
.carousel-item.active {
    display: block
}

.active.carousel-item-right,
.carousel-item-next:not(.carousel-item-left) {
    -webkit-transform: translateX(100%);
    transform: translateX(100%)
}

.active.carousel-item-left,
.carousel-item-prev:not(.carousel-item-right) {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%)
}

.carousel-fade .carousel-item {
    opacity: 0;
    transition-property: opacity;
    -webkit-transform: none;
    transform: none
}

.carousel-fade .carousel-item-next.carousel-item-left,
.carousel-fade .carousel-item-prev.carousel-item-right,
.carousel-fade .carousel-item.active {
    z-index: 1;
    opacity: 1
}

.carousel-fade .active.carousel-item-left,
.carousel-fade .active.carousel-item-right {
    z-index: 0;
    opacity: 0;
    transition: opacity 0s .6s
}

@media (prefers-reduced-motion:reduce) {
    .carousel-fade .active.carousel-item-left,
    .carousel-fade .active.carousel-item-right {
        transition: none
    }
}

.carousel-control-next,
.carousel-control-prev {
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 1;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 15%;
    color: #fff;
    text-align: center;
    opacity: .5;
    transition: opacity .15s ease
}

@media (prefers-reduced-motion:reduce) {
    .carousel-control-next,
    .carousel-control-prev {
        transition: none
    }
}

.carousel-control-next:focus,
.carousel-control-next:hover,
.carousel-control-prev:focus,
.carousel-control-prev:hover {
    color: #fff;
    text-decoration: none;
    outline: 0;
    opacity: .9
}

.carousel-control-prev {
    left: 0
}

.carousel-control-next {
    right: 0
}

.carousel-control-next-icon,
.carousel-control-prev-icon {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: no-repeat 50%/100% 100%
}

.carousel-control-prev-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e")
}

.carousel-control-next-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e")
}

.carousel-indicators {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 15;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    padding-left: 0;
    margin-right: 15%;
    margin-left: 15%;
    list-style: none
}

.carousel-indicators li {
    box-sizing: content-box;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    width: 30px;
    height: 3px;
    margin-right: 3px;
    margin-left: 3px;
    text-indent: -999px;
    cursor: pointer;
    background-color: #fff;
    background-clip: padding-box;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    opacity: .5;
    transition: opacity .6s ease
}

@media (prefers-reduced-motion:reduce) {
    .carousel-indicators li {
        transition: none
    }
}

.carousel-indicators .active {
    opacity: 1
}

.carousel-caption {
    position: absolute;
    right: 15%;
    bottom: 20px;
    left: 15%;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
    text-align: center
}

@-webkit-keyframes spinner-border {
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes spinner-border {
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.spinner-border {
    display: inline-block;
    width: 2rem;
    height: 2rem;
    vertical-align: text-bottom;
    border: .25em solid currentColor;
    border-right-color: transparent;
    border-radius: 50%;
    -webkit-animation: spinner-border .75s linear infinite;
    animation: spinner-border .75s linear infinite
}

.spinner-border-sm {
    width: 1rem;
    height: 1rem;
    border-width: .2em
}

@-webkit-keyframes spinner-grow {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }
    50% {
        opacity: 1
    }
}

@keyframes spinner-grow {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }
    50% {
        opacity: 1
    }
}

.spinner-grow {
    display: inline-block;
    width: 2rem;
    height: 2rem;
    vertical-align: text-bottom;
    background-color: currentColor;
    border-radius: 50%;
    opacity: 0;
    -webkit-animation: spinner-grow .75s linear infinite;
    animation: spinner-grow .75s linear infinite
}

.spinner-grow-sm {
    width: 1rem;
    height: 1rem
}

.align-baseline {
    vertical-align: baseline!important
}

.align-top {
    vertical-align: top!important
}

.align-middle {
    vertical-align: middle!important
}

.align-bottom {
    vertical-align: bottom!important
}

.align-text-bottom {
    vertical-align: text-bottom!important
}

.align-text-top {
    vertical-align: text-top!important
}

.bg-primary {
    background-color: #007bff!important
}

a.bg-primary:focus,
a.bg-primary:hover,
button.bg-primary:focus,
button.bg-primary:hover {
    background-color: #0062cc!important
}

.bg-secondary {
    background-color: #6c757d!important
}

a.bg-secondary:focus,
a.bg-secondary:hover,
button.bg-secondary:focus,
button.bg-secondary:hover {
    background-color: #545b62!important
}

.bg-success {
    background-color: #28a745!important
}

a.bg-success:focus,
a.bg-success:hover,
button.bg-success:focus,
button.bg-success:hover {
    background-color: #1e7e34!important
}

.bg-info {
    background-color: #17a2b8!important
}

a.bg-info:focus,
a.bg-info:hover,
button.bg-info:focus,
button.bg-info:hover {
    background-color: #117a8b!important
}

.bg-warning {
    background-color: #ffc107!important
}

a.bg-warning:focus,
a.bg-warning:hover,
button.bg-warning:focus,
button.bg-warning:hover {
    background-color: #d39e00!important
}

.bg-danger {
    background-color: #dc3545!important
}

a.bg-danger:focus,
a.bg-danger:hover,
button.bg-danger:focus,
button.bg-danger:hover {
    background-color: #bd2130!important
}

.bg-light {
    background-color: #f8f9fa!important
}

a.bg-light:focus,
a.bg-light:hover,
button.bg-light:focus,
button.bg-light:hover {
    background-color: #dae0e5!important
}

.bg-dark {
    background-color: #343a40!important
}

a.bg-dark:focus,
a.bg-dark:hover,
button.bg-dark:focus,
button.bg-dark:hover {
    background-color: #1d2124!important
}

.bg-white {
    background-color: #fff!important
}

.bg-transparent {
    background-color: transparent!important
}

.border {
    border: 1px solid #dee2e6!important
}

.border-top {
    border-top: 1px solid #dee2e6!important
}

.border-right {
    border-right: 1px solid #dee2e6!important
}

.border-bottom {
    border-bottom: 1px solid #dee2e6!important
}

.border-left {
    border-left: 1px solid #dee2e6!important
}

.border-0 {
    border: 0!important
}

.border-top-0 {
    border-top: 0!important
}

.border-right-0 {
    border-right: 0!important
}

.border-bottom-0 {
    border-bottom: 0!important
}

.border-left-0 {
    border-left: 0!important
}

.border-primary {
    border-color: #007bff!important
}

.border-secondary {
    border-color: #6c757d!important
}

.border-success {
    border-color: #28a745!important
}

.border-info {
    border-color: #17a2b8!important
}

.border-warning {
    border-color: #ffc107!important
}

.border-danger {
    border-color: #dc3545!important
}

.border-light {
    border-color: #f8f9fa!important
}

.border-dark {
    border-color: #343a40!important
}

.border-white {
    border-color: #fff!important
}

.rounded-sm {
    border-radius: .2rem!important
}

.rounded {
    border-radius: .25rem!important
}

.rounded-top {
    border-top-left-radius: .25rem!important;
    border-top-right-radius: .25rem!important
}

.rounded-right {
    border-top-right-radius: .25rem!important;
    border-bottom-right-radius: .25rem!important
}

.rounded-bottom {
    border-bottom-right-radius: .25rem!important;
    border-bottom-left-radius: .25rem!important
}

.rounded-left {
    border-top-left-radius: .25rem!important;
    border-bottom-left-radius: .25rem!important
}

.rounded-lg {
    border-radius: .3rem!important
}

.rounded-circle {
    border-radius: 50%!important
}

.rounded-pill {
    border-radius: 50rem!important
}

.rounded-0 {
    border-radius: 0!important
}

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

.d-none {
    display: none!important
}

.d-inline {
    display: inline!important
}

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

.d-block {
    display: block!important
}

.d-table {
    display: table!important
}

.d-table-row {
    display: table-row!important
}

.d-table-cell {
    display: table-cell!important
}

.d-flex {
    display: -ms-flexbox!important;
    display: flex!important
}

.d-inline-flex {
    display: -ms-inline-flexbox!important;
    display: inline-flex!important
}

@media (min-width:576px) {
    .d-sm-none {
        display: none!important
    }
    .d-sm-inline {
        display: inline!important
    }
    .d-sm-inline-block {
        display: inline-block!important
    }
    .d-sm-block {
        display: block!important
    }
    .d-sm-table {
        display: table!important
    }
    .d-sm-table-row {
        display: table-row!important
    }
    .d-sm-table-cell {
        display: table-cell!important
    }
    .d-sm-flex {
        display: -ms-flexbox!important;
        display: flex!important
    }
    .d-sm-inline-flex {
        display: -ms-inline-flexbox!important;
        display: inline-flex!important
    }
}

@media (min-width:768px) {
    .d-md-none {
        display: none!important
    }
    .d-md-inline {
        display: inline!important
    }
    .d-md-inline-block {
        display: inline-block!important
    }
    .d-md-block {
        display: block!important
    }
    .d-md-table {
        display: table!important
    }
    .d-md-table-row {
        display: table-row!important
    }
    .d-md-table-cell {
        display: table-cell!important
    }
    .d-md-flex {
        display: -ms-flexbox!important;
        display: flex!important
    }
    .d-md-inline-flex {
        display: -ms-inline-flexbox!important;
        display: inline-flex!important
    }
}

@media (min-width:992px) {
    .d-lg-none {
        display: none!important
    }
    .d-lg-inline {
        display: inline!important
    }
    .d-lg-inline-block {
        display: inline-block!important
    }
    .d-lg-block {
        display: block!important
    }
    .d-lg-table {
        display: table!important
    }
    .d-lg-table-row {
        display: table-row!important
    }
    .d-lg-table-cell {
        display: table-cell!important
    }
    .d-lg-flex {
        display: -ms-flexbox!important;
        display: flex!important
    }
    .d-lg-inline-flex {
        display: -ms-inline-flexbox!important;
        display: inline-flex!important
    }
}

@media (min-width:1200px) {
    .d-xl-none {
        display: none!important
    }
    .d-xl-inline {
        display: inline!important
    }
    .d-xl-inline-block {
        display: inline-block!important
    }
    .d-xl-block {
        display: block!important
    }
    .d-xl-table {
        display: table!important
    }
    .d-xl-table-row {
        display: table-row!important
    }
    .d-xl-table-cell {
        display: table-cell!important
    }
    .d-xl-flex {
        display: -ms-flexbox!important;
        display: flex!important
    }
    .d-xl-inline-flex {
        display: -ms-inline-flexbox!important;
        display: inline-flex!important
    }
}

@media print {
    .d-print-none {
        display: none!important
    }
    .d-print-inline {
        display: inline!important
    }
    .d-print-inline-block {
        display: inline-block!important
    }
    .d-print-block {
        display: block!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: -ms-flexbox!important;
        display: flex!important
    }
    .d-print-inline-flex {
        display: -ms-inline-flexbox!important;
        display: inline-flex!important
    }
}

.embed-responsive {
    position: relative;
    display: block;
    width: 100%;
    padding: 0;
    overflow: hidden
}

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

.embed-responsive .embed-responsive-item,
.embed-responsive embed,
.embed-responsive iframe,
.embed-responsive object,
.embed-responsive video {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0
}

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

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

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

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

.flex-row {
    -ms-flex-direction: row!important;
    flex-direction: row!important
}

.flex-column {
    -ms-flex-direction: column!important;
    flex-direction: column!important
}

.flex-row-reverse {
    -ms-flex-direction: row-reverse!important;
    flex-direction: row-reverse!important
}

.flex-column-reverse {
    -ms-flex-direction: column-reverse!important;
    flex-direction: column-reverse!important
}

.flex-wrap {
    -ms-flex-wrap: wrap!important;
    flex-wrap: wrap!important
}

.flex-nowrap {
    -ms-flex-wrap: nowrap!important;
    flex-wrap: nowrap!important
}

.flex-wrap-reverse {
    -ms-flex-wrap: wrap-reverse!important;
    flex-wrap: wrap-reverse!important
}

.flex-fill {
    -ms-flex: 1 1 auto!important;
    flex: 1 1 auto!important
}

.flex-grow-0 {
    -ms-flex-positive: 0!important;
    flex-grow: 0!important
}

.flex-grow-1 {
    -ms-flex-positive: 1!important;
    flex-grow: 1!important
}

.flex-shrink-0 {
    -ms-flex-negative: 0!important;
    flex-shrink: 0!important
}

.flex-shrink-1 {
    -ms-flex-negative: 1!important;
    flex-shrink: 1!important
}

.justify-content-start {
    -ms-flex-pack: start!important;
    justify-content: flex-start!important
}

.justify-content-end {
    -ms-flex-pack: end!important;
    justify-content: flex-end!important
}

.justify-content-center {
    -ms-flex-pack: center!important;
    justify-content: center!important
}

.justify-content-between {
    -ms-flex-pack: justify!important;
    justify-content: space-between!important
}

.justify-content-around {
    -ms-flex-pack: distribute!important;
    justify-content: space-around!important
}

.align-items-start {
    -ms-flex-align: start!important;
    align-items: flex-start!important
}

.align-items-end {
    -ms-flex-align: end!important;
    align-items: flex-end!important
}

.align-items-center {
    -ms-flex-align: center!important;
    align-items: center!important
}

.align-items-baseline {
    -ms-flex-align: baseline!important;
    align-items: baseline!important
}

.align-items-stretch {
    -ms-flex-align: stretch!important;
    align-items: stretch!important
}

.align-content-start {
    -ms-flex-line-pack: start!important;
    align-content: flex-start!important
}

.align-content-end {
    -ms-flex-line-pack: end!important;
    align-content: flex-end!important
}

.align-content-center {
    -ms-flex-line-pack: center!important;
    align-content: center!important
}

.align-content-between {
    -ms-flex-line-pack: justify!important;
    align-content: space-between!important
}

.align-content-around {
    -ms-flex-line-pack: distribute!important;
    align-content: space-around!important
}

.align-content-stretch {
    -ms-flex-line-pack: stretch!important;
    align-content: stretch!important
}

.align-self-auto {
    -ms-flex-item-align: auto!important;
    align-self: auto!important
}

.align-self-start {
    -ms-flex-item-align: start!important;
    align-self: flex-start!important
}

.align-self-end {
    -ms-flex-item-align: end!important;
    align-self: flex-end!important
}

.align-self-center {
    -ms-flex-item-align: center!important;
    align-self: center!important
}

.align-self-baseline {
    -ms-flex-item-align: baseline!important;
    align-self: baseline!important
}

.align-self-stretch {
    -ms-flex-item-align: stretch!important;
    align-self: stretch!important
}

@media (min-width:576px) {
    .flex-sm-row {
        -ms-flex-direction: row!important;
        flex-direction: row!important
    }
    .flex-sm-column {
        -ms-flex-direction: column!important;
        flex-direction: column!important
    }
    .flex-sm-row-reverse {
        -ms-flex-direction: row-reverse!important;
        flex-direction: row-reverse!important
    }
    .flex-sm-column-reverse {
        -ms-flex-direction: column-reverse!important;
        flex-direction: column-reverse!important
    }
    .flex-sm-wrap {
        -ms-flex-wrap: wrap!important;
        flex-wrap: wrap!important
    }
    .flex-sm-nowrap {
        -ms-flex-wrap: nowrap!important;
        flex-wrap: nowrap!important
    }
    .flex-sm-wrap-reverse {
        -ms-flex-wrap: wrap-reverse!important;
        flex-wrap: wrap-reverse!important
    }
    .flex-sm-fill {
        -ms-flex: 1 1 auto!important;
        flex: 1 1 auto!important
    }
    .flex-sm-grow-0 {
        -ms-flex-positive: 0!important;
        flex-grow: 0!important
    }
    .flex-sm-grow-1 {
        -ms-flex-positive: 1!important;
        flex-grow: 1!important
    }
    .flex-sm-shrink-0 {
        -ms-flex-negative: 0!important;
        flex-shrink: 0!important
    }
    .flex-sm-shrink-1 {
        -ms-flex-negative: 1!important;
        flex-shrink: 1!important
    }
    .justify-content-sm-start {
        -ms-flex-pack: start!important;
        justify-content: flex-start!important
    }
    .justify-content-sm-end {
        -ms-flex-pack: end!important;
        justify-content: flex-end!important
    }
    .justify-content-sm-center {
        -ms-flex-pack: center!important;
        justify-content: center!important
    }
    .justify-content-sm-between {
        -ms-flex-pack: justify!important;
        justify-content: space-between!important
    }
    .justify-content-sm-around {
        -ms-flex-pack: distribute!important;
        justify-content: space-around!important
    }
    .align-items-sm-start {
        -ms-flex-align: start!important;
        align-items: flex-start!important
    }
    .align-items-sm-end {
        -ms-flex-align: end!important;
        align-items: flex-end!important
    }
    .align-items-sm-center {
        -ms-flex-align: center!important;
        align-items: center!important
    }
    .align-items-sm-baseline {
        -ms-flex-align: baseline!important;
        align-items: baseline!important
    }
    .align-items-sm-stretch {
        -ms-flex-align: stretch!important;
        align-items: stretch!important
    }
    .align-content-sm-start {
        -ms-flex-line-pack: start!important;
        align-content: flex-start!important
    }
    .align-content-sm-end {
        -ms-flex-line-pack: end!important;
        align-content: flex-end!important
    }
    .align-content-sm-center {
        -ms-flex-line-pack: center!important;
        align-content: center!important
    }
    .align-content-sm-between {
        -ms-flex-line-pack: justify!important;
        align-content: space-between!important
    }
    .align-content-sm-around {
        -ms-flex-line-pack: distribute!important;
        align-content: space-around!important
    }
    .align-content-sm-stretch {
        -ms-flex-line-pack: stretch!important;
        align-content: stretch!important
    }
    .align-self-sm-auto {
        -ms-flex-item-align: auto!important;
        align-self: auto!important
    }
    .align-self-sm-start {
        -ms-flex-item-align: start!important;
        align-self: flex-start!important
    }
    .align-self-sm-end {
        -ms-flex-item-align: end!important;
        align-self: flex-end!important
    }
    .align-self-sm-center {
        -ms-flex-item-align: center!important;
        align-self: center!important
    }
    .align-self-sm-baseline {
        -ms-flex-item-align: baseline!important;
        align-self: baseline!important
    }
    .align-self-sm-stretch {
        -ms-flex-item-align: stretch!important;
        align-self: stretch!important
    }
}

@media (min-width:768px) {
    .flex-md-row {
        -ms-flex-direction: row!important;
        flex-direction: row!important
    }
    .flex-md-column {
        -ms-flex-direction: column!important;
        flex-direction: column!important
    }
    .flex-md-row-reverse {
        -ms-flex-direction: row-reverse!important;
        flex-direction: row-reverse!important
    }
    .flex-md-column-reverse {
        -ms-flex-direction: column-reverse!important;
        flex-direction: column-reverse!important
    }
    .flex-md-wrap {
        -ms-flex-wrap: wrap!important;
        flex-wrap: wrap!important
    }
    .flex-md-nowrap {
        -ms-flex-wrap: nowrap!important;
        flex-wrap: nowrap!important
    }
    .flex-md-wrap-reverse {
        -ms-flex-wrap: wrap-reverse!important;
        flex-wrap: wrap-reverse!important
    }
    .flex-md-fill {
        -ms-flex: 1 1 auto!important;
        flex: 1 1 auto!important
    }
    .flex-md-grow-0 {
        -ms-flex-positive: 0!important;
        flex-grow: 0!important
    }
    .flex-md-grow-1 {
        -ms-flex-positive: 1!important;
        flex-grow: 1!important
    }
    .flex-md-shrink-0 {
        -ms-flex-negative: 0!important;
        flex-shrink: 0!important
    }
    .flex-md-shrink-1 {
        -ms-flex-negative: 1!important;
        flex-shrink: 1!important
    }
    .justify-content-md-start {
        -ms-flex-pack: start!important;
        justify-content: flex-start!important
    }
    .justify-content-md-end {
        -ms-flex-pack: end!important;
        justify-content: flex-end!important
    }
    .justify-content-md-center {
        -ms-flex-pack: center!important;
        justify-content: center!important
    }
    .justify-content-md-between {
        -ms-flex-pack: justify!important;
        justify-content: space-between!important
    }
    .justify-content-md-around {
        -ms-flex-pack: distribute!important;
        justify-content: space-around!important
    }
    .align-items-md-start {
        -ms-flex-align: start!important;
        align-items: flex-start!important
    }
    .align-items-md-end {
        -ms-flex-align: end!important;
        align-items: flex-end!important
    }
    .align-items-md-center {
        -ms-flex-align: center!important;
        align-items: center!important
    }
    .align-items-md-baseline {
        -ms-flex-align: baseline!important;
        align-items: baseline!important
    }
    .align-items-md-stretch {
        -ms-flex-align: stretch!important;
        align-items: stretch!important
    }
    .align-content-md-start {
        -ms-flex-line-pack: start!important;
        align-content: flex-start!important
    }
    .align-content-md-end {
        -ms-flex-line-pack: end!important;
        align-content: flex-end!important
    }
    .align-content-md-center {
        -ms-flex-line-pack: center!important;
        align-content: center!important
    }
    .align-content-md-between {
        -ms-flex-line-pack: justify!important;
        align-content: space-between!important
    }
    .align-content-md-around {
        -ms-flex-line-pack: distribute!important;
        align-content: space-around!important
    }
    .align-content-md-stretch {
        -ms-flex-line-pack: stretch!important;
        align-content: stretch!important
    }
    .align-self-md-auto {
        -ms-flex-item-align: auto!important;
        align-self: auto!important
    }
    .align-self-md-start {
        -ms-flex-item-align: start!important;
        align-self: flex-start!important
    }
    .align-self-md-end {
        -ms-flex-item-align: end!important;
        align-self: flex-end!important
    }
    .align-self-md-center {
        -ms-flex-item-align: center!important;
        align-self: center!important
    }
    .align-self-md-baseline {
        -ms-flex-item-align: baseline!important;
        align-self: baseline!important
    }
    .align-self-md-stretch {
        -ms-flex-item-align: stretch!important;
        align-self: stretch!important
    }
}

@media (min-width:992px) {
    .flex-lg-row {
        -ms-flex-direction: row!important;
        flex-direction: row!important
    }
    .flex-lg-column {
        -ms-flex-direction: column!important;
        flex-direction: column!important
    }
    .flex-lg-row-reverse {
        -ms-flex-direction: row-reverse!important;
        flex-direction: row-reverse!important
    }
    .flex-lg-column-reverse {
        -ms-flex-direction: column-reverse!important;
        flex-direction: column-reverse!important
    }
    .flex-lg-wrap {
        -ms-flex-wrap: wrap!important;
        flex-wrap: wrap!important
    }
    .flex-lg-nowrap {
        -ms-flex-wrap: nowrap!important;
        flex-wrap: nowrap!important
    }
    .flex-lg-wrap-reverse {
        -ms-flex-wrap: wrap-reverse!important;
        flex-wrap: wrap-reverse!important
    }
    .flex-lg-fill {
        -ms-flex: 1 1 auto!important;
        flex: 1 1 auto!important
    }
    .flex-lg-grow-0 {
        -ms-flex-positive: 0!important;
        flex-grow: 0!important
    }
    .flex-lg-grow-1 {
        -ms-flex-positive: 1!important;
        flex-grow: 1!important
    }
    .flex-lg-shrink-0 {
        -ms-flex-negative: 0!important;
        flex-shrink: 0!important
    }
    .flex-lg-shrink-1 {
        -ms-flex-negative: 1!important;
        flex-shrink: 1!important
    }
    .justify-content-lg-start {
        -ms-flex-pack: start!important;
        justify-content: flex-start!important
    }
    .justify-content-lg-end {
        -ms-flex-pack: end!important;
        justify-content: flex-end!important
    }
    .justify-content-lg-center {
        -ms-flex-pack: center!important;
        justify-content: center!important
    }
    .justify-content-lg-between {
        -ms-flex-pack: justify!important;
        justify-content: space-between!important
    }
    .justify-content-lg-around {
        -ms-flex-pack: distribute!important;
        justify-content: space-around!important
    }
    .align-items-lg-start {
        -ms-flex-align: start!important;
        align-items: flex-start!important
    }
    .align-items-lg-end {
        -ms-flex-align: end!important;
        align-items: flex-end!important
    }
    .align-items-lg-center {
        -ms-flex-align: center!important;
        align-items: center!important
    }
    .align-items-lg-baseline {
        -ms-flex-align: baseline!important;
        align-items: baseline!important
    }
    .align-items-lg-stretch {
        -ms-flex-align: stretch!important;
        align-items: stretch!important
    }
    .align-content-lg-start {
        -ms-flex-line-pack: start!important;
        align-content: flex-start!important
    }
    .align-content-lg-end {
        -ms-flex-line-pack: end!important;
        align-content: flex-end!important
    }
    .align-content-lg-center {
        -ms-flex-line-pack: center!important;
        align-content: center!important
    }
    .align-content-lg-between {
        -ms-flex-line-pack: justify!important;
        align-content: space-between!important
    }
    .align-content-lg-around {
        -ms-flex-line-pack: distribute!important;
        align-content: space-around!important
    }
    .align-content-lg-stretch {
        -ms-flex-line-pack: stretch!important;
        align-content: stretch!important
    }
    .align-self-lg-auto {
        -ms-flex-item-align: auto!important;
        align-self: auto!important
    }
    .align-self-lg-start {
        -ms-flex-item-align: start!important;
        align-self: flex-start!important
    }
    .align-self-lg-end {
        -ms-flex-item-align: end!important;
        align-self: flex-end!important
    }
    .align-self-lg-center {
        -ms-flex-item-align: center!important;
        align-self: center!important
    }
    .align-self-lg-baseline {
        -ms-flex-item-align: baseline!important;
        align-self: baseline!important
    }
    .align-self-lg-stretch {
        -ms-flex-item-align: stretch!important;
        align-self: stretch!important
    }
}

@media (min-width:1200px) {
    .flex-xl-row {
        -ms-flex-direction: row!important;
        flex-direction: row!important
    }
    .flex-xl-column {
        -ms-flex-direction: column!important;
        flex-direction: column!important
    }
    .flex-xl-row-reverse {
        -ms-flex-direction: row-reverse!important;
        flex-direction: row-reverse!important
    }
    .flex-xl-column-reverse {
        -ms-flex-direction: column-reverse!important;
        flex-direction: column-reverse!important
    }
    .flex-xl-wrap {
        -ms-flex-wrap: wrap!important;
        flex-wrap: wrap!important
    }
    .flex-xl-nowrap {
        -ms-flex-wrap: nowrap!important;
        flex-wrap: nowrap!important
    }
    .flex-xl-wrap-reverse {
        -ms-flex-wrap: wrap-reverse!important;
        flex-wrap: wrap-reverse!important
    }
    .flex-xl-fill {
        -ms-flex: 1 1 auto!important;
        flex: 1 1 auto!important
    }
    .flex-xl-grow-0 {
        -ms-flex-positive: 0!important;
        flex-grow: 0!important
    }
    .flex-xl-grow-1 {
        -ms-flex-positive: 1!important;
        flex-grow: 1!important
    }
    .flex-xl-shrink-0 {
        -ms-flex-negative: 0!important;
        flex-shrink: 0!important
    }
    .flex-xl-shrink-1 {
        -ms-flex-negative: 1!important;
        flex-shrink: 1!important
    }
    .justify-content-xl-start {
        -ms-flex-pack: start!important;
        justify-content: flex-start!important
    }
    .justify-content-xl-end {
        -ms-flex-pack: end!important;
        justify-content: flex-end!important
    }
    .justify-content-xl-center {
        -ms-flex-pack: center!important;
        justify-content: center!important
    }
    .justify-content-xl-between {
        -ms-flex-pack: justify!important;
        justify-content: space-between!important
    }
    .justify-content-xl-around {
        -ms-flex-pack: distribute!important;
        justify-content: space-around!important
    }
    .align-items-xl-start {
        -ms-flex-align: start!important;
        align-items: flex-start!important
    }
    .align-items-xl-end {
        -ms-flex-align: end!important;
        align-items: flex-end!important
    }
    .align-items-xl-center {
        -ms-flex-align: center!important;
        align-items: center!important
    }
    .align-items-xl-baseline {
        -ms-flex-align: baseline!important;
        align-items: baseline!important
    }
    .align-items-xl-stretch {
        -ms-flex-align: stretch!important;
        align-items: stretch!important
    }
    .align-content-xl-start {
        -ms-flex-line-pack: start!important;
        align-content: flex-start!important
    }
    .align-content-xl-end {
        -ms-flex-line-pack: end!important;
        align-content: flex-end!important
    }
    .align-content-xl-center {
        -ms-flex-line-pack: center!important;
        align-content: center!important
    }
    .align-content-xl-between {
        -ms-flex-line-pack: justify!important;
        align-content: space-between!important
    }
    .align-content-xl-around {
        -ms-flex-line-pack: distribute!important;
        align-content: space-around!important
    }
    .align-content-xl-stretch {
        -ms-flex-line-pack: stretch!important;
        align-content: stretch!important
    }
    .align-self-xl-auto {
        -ms-flex-item-align: auto!important;
        align-self: auto!important
    }
    .align-self-xl-start {
        -ms-flex-item-align: start!important;
        align-self: flex-start!important
    }
    .align-self-xl-end {
        -ms-flex-item-align: end!important;
        align-self: flex-end!important
    }
    .align-self-xl-center {
        -ms-flex-item-align: center!important;
        align-self: center!important
    }
    .align-self-xl-baseline {
        -ms-flex-item-align: baseline!important;
        align-self: baseline!important
    }
    .align-self-xl-stretch {
        -ms-flex-item-align: stretch!important;
        align-self: stretch!important
    }
}

.float-left {
    float: left!important
}

.float-right {
    float: right!important
}

.float-none {
    float: none!important
}

@media (min-width:576px) {
    .float-sm-left {
        float: left!important
    }
    .float-sm-right {
        float: right!important
    }
    .float-sm-none {
        float: none!important
    }
}

@media (min-width:768px) {
    .float-md-left {
        float: left!important
    }
    .float-md-right {
        float: right!important
    }
    .float-md-none {
        float: none!important
    }
}

@media (min-width:992px) {
    .float-lg-left {
        float: left!important
    }
    .float-lg-right {
        float: right!important
    }
    .float-lg-none {
        float: none!important
    }
}

@media (min-width:1200px) {
    .float-xl-left {
        float: left!important
    }
    .float-xl-right {
        float: right!important
    }
    .float-xl-none {
        float: none!important
    }
}

.overflow-auto {
    overflow: auto!important
}

.overflow-hidden {
    overflow: hidden!important
}

.position-static {
    position: static!important
}

.position-relative {
    position: relative!important
}

.position-absolute {
    position: absolute!important
}

.position-fixed {
    position: fixed!important
}

.position-sticky {
    position: -webkit-sticky!important;
    position: sticky!important
}

.fixed-top {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1030
}

.fixed-bottom {
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1030
}

@supports ((position:-webkit-sticky) or (position:sticky)) {
    .sticky-top {
        position: -webkit-sticky;
        position: sticky;
        top: 0;
        z-index: 1020
    }
}

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

.sr-only-focusable:active,
.sr-only-focusable:focus {
    position: static;
    width: auto;
    height: auto;
    overflow: visible;
    clip: auto;
    white-space: normal
}

.shadow-sm {
    box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075)!important
}

.shadow {
    box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15)!important
}

.shadow-lg {
    box-shadow: 0 1rem 3rem rgba(0, 0, 0, .175)!important
}

.shadow-none {
    box-shadow: none!important
}

.w-25 {
    width: 25%!important
}

.w-50 {
    width: 50%!important
}

.w-75 {
    width: 75%!important
}

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

.w-auto {
    width: auto!important
}

.h-25 {
    height: 25%!important
}

.h-50 {
    height: 50%!important
}

.h-75 {
    height: 75%!important
}

.h-100 {
    height: 100%!important
}

.h-auto {
    height: auto!important
}

.mw-100 {
    max-width: 100%!important
}

.mh-100 {
    max-height: 100%!important
}

.min-vw-100 {
    min-width: 100vw!important
}

.min-vh-100 {
    min-height: 100vh!important
}

.vw-100 {
    width: 100vw!important
}

.vh-100 {
    height: 100vh!important
}

.stretched-link::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    pointer-events: auto;
    content: "";
    background-color: rgba(0, 0, 0, 0)
}

.m-0 {
    margin: 0!important
}

.mt-0,
.my-0 {
    margin-top: 0!important
}

.mr-0,
.mx-0 {
    margin-right: 0!important
}

.mb-0,
.my-0 {
    margin-bottom: 0!important
}

.ml-0,
.mx-0 {
    margin-left: 0!important
}

.m-1 {
    margin: .25rem!important
}

.mt-1,
.my-1 {
    margin-top: .25rem!important
}

.mr-1,
.mx-1 {
    margin-right: .25rem!important
}

.mb-1,
.my-1 {
    margin-bottom: .25rem!important
}

.ml-1,
.mx-1 {
    margin-left: .25rem!important
}

.m-2 {
    margin: .5rem!important
}

.mt-2,
.my-2 {
    margin-top: .5rem!important
}

.mr-2,
.mx-2 {
    margin-right: .5rem!important
}

.mb-2,
.my-2 {
    margin-bottom: .5rem!important
}

.ml-2,
.mx-2 {
    margin-left: .5rem!important
}

.m-3 {
    margin: 1rem!important
}

.mt-3,
.my-3 {
    margin-top: 1rem!important
}

.mr-3,
.mx-3 {
    margin-right: 1rem!important
}

.mb-3,
.my-3 {
    margin-bottom: 1rem!important
}

.ml-3,
.mx-3 {
    margin-left: 1rem!important
}

.m-4 {
    margin: 1.5rem!important
}

.mt-4,
.my-4 {
    margin-top: 1.5rem!important
}

.mr-4,
.mx-4 {
    margin-right: 1.5rem!important
}

.mb-4,
.my-4 {
    margin-bottom: 1.5rem!important
}

.ml-4,
.mx-4 {
    margin-left: 1.5rem!important
}

.m-5 {
    margin: 3rem!important
}

.mt-5,
.my-5 {
    margin-top: 3rem!important
}

.mr-5,
.mx-5 {
    margin-right: 3rem!important
}

.mb-5,
.my-5 {
    margin-bottom: 3rem!important
}

.ml-5,
.mx-5 {
    margin-left: 3rem!important
}

.p-0 {
    padding: 0!important
}

.pt-0,
.py-0 {
    padding-top: 0!important
}

.pr-0,
.px-0 {
    padding-right: 0!important
}

.pb-0,
.py-0 {
    padding-bottom: 0!important
}

.pl-0,
.px-0 {
    padding-left: 0!important
}

.p-1 {
    padding: .25rem!important
}

.pt-1,
.py-1 {
    padding-top: .25rem!important
}

.pr-1,
.px-1 {
    padding-right: .25rem!important
}

.pb-1,
.py-1 {
    padding-bottom: .25rem!important
}

.pl-1,
.px-1 {
    padding-left: .25rem!important
}

.p-2 {
    padding: .5rem!important
}

.pt-2,
.py-2 {
    padding-top: .5rem!important
}

.pr-2,
.px-2 {
    padding-right: .5rem!important
}

.pb-2,
.py-2 {
    padding-bottom: .5rem!important
}

.pl-2,
.px-2 {
    padding-left: .5rem!important
}

.p-3 {
    padding: 1rem!important
}

.pt-3,
.py-3 {
    padding-top: 1rem!important
}

.pr-3,
.px-3 {
    padding-right: 1rem!important
}

.pb-3,
.py-3 {
    padding-bottom: 1rem!important
}

.pl-3,
.px-3 {
    padding-left: 1rem!important
}

.p-4 {
    padding: 1.5rem!important
}

.pt-4,
.py-4 {
    padding-top: 1.5rem!important
}

.pr-4,
.px-4 {
    padding-right: 1.5rem!important
}

.pb-4,
.py-4 {
    padding-bottom: 1.5rem!important
}

.pl-4,
.px-4 {
    padding-left: 1.5rem!important
}

.p-5 {
    padding: 3rem!important
}

.pt-5,
.py-5 {
    padding-top: 3rem!important
}

.pr-5,
.px-5 {
    padding-right: 3rem!important
}

.pb-5,
.py-5 {
    padding-bottom: 3rem!important
}

.pl-5,
.px-5 {
    padding-left: 3rem!important
}

.m-n1 {
    margin: -.25rem!important
}

.mt-n1,
.my-n1 {
    margin-top: -.25rem!important
}

.mr-n1,
.mx-n1 {
    margin-right: -.25rem!important
}

.mb-n1,
.my-n1 {
    margin-bottom: -.25rem!important
}

.ml-n1,
.mx-n1 {
    margin-left: -.25rem!important
}

.m-n2 {
    margin: -.5rem!important
}

.mt-n2,
.my-n2 {
    margin-top: -.5rem!important
}

.mr-n2,
.mx-n2 {
    margin-right: -.5rem!important
}

.mb-n2,
.my-n2 {
    margin-bottom: -.5rem!important
}

.ml-n2,
.mx-n2 {
    margin-left: -.5rem!important
}

.m-n3 {
    margin: -1rem!important
}

.mt-n3,
.my-n3 {
    margin-top: -1rem!important
}

.mr-n3,
.mx-n3 {
    margin-right: -1rem!important
}

.mb-n3,
.my-n3 {
    margin-bottom: -1rem!important
}

.ml-n3,
.mx-n3 {
    margin-left: -1rem!important
}

.m-n4 {
    margin: -1.5rem!important
}

.mt-n4,
.my-n4 {
    margin-top: -1.5rem!important
}

.mr-n4,
.mx-n4 {
    margin-right: -1.5rem!important
}

.mb-n4,
.my-n4 {
    margin-bottom: -1.5rem!important
}

.ml-n4,
.mx-n4 {
    margin-left: -1.5rem!important
}

.m-n5 {
    margin: -3rem!important
}

.mt-n5,
.my-n5 {
    margin-top: -3rem!important
}

.mr-n5,
.mx-n5 {
    margin-right: -3rem!important
}

.mb-n5,
.my-n5 {
    margin-bottom: -3rem!important
}

.ml-n5,
.mx-n5 {
    margin-left: -3rem!important
}

.m-auto {
    margin: auto!important
}

.mt-auto,
.my-auto {
    margin-top: auto!important
}

.mr-auto,
.mx-auto {
    margin-right: auto!important
}

.mb-auto,
.my-auto {
    margin-bottom: auto!important
}

.ml-auto,
.mx-auto {
    margin-left: auto!important
}

@media (min-width:576px) {
    .m-sm-0 {
        margin: 0!important
    }
    .mt-sm-0,
    .my-sm-0 {
        margin-top: 0!important
    }
    .mr-sm-0,
    .mx-sm-0 {
        margin-right: 0!important
    }
    .mb-sm-0,
    .my-sm-0 {
        margin-bottom: 0!important
    }
    .ml-sm-0,
    .mx-sm-0 {
        margin-left: 0!important
    }
    .m-sm-1 {
        margin: .25rem!important
    }
    .mt-sm-1,
    .my-sm-1 {
        margin-top: .25rem!important
    }
    .mr-sm-1,
    .mx-sm-1 {
        margin-right: .25rem!important
    }
    .mb-sm-1,
    .my-sm-1 {
        margin-bottom: .25rem!important
    }
    .ml-sm-1,
    .mx-sm-1 {
        margin-left: .25rem!important
    }
    .m-sm-2 {
        margin: .5rem!important
    }
    .mt-sm-2,
    .my-sm-2 {
        margin-top: .5rem!important
    }
    .mr-sm-2,
    .mx-sm-2 {
        margin-right: .5rem!important
    }
    .mb-sm-2,
    .my-sm-2 {
        margin-bottom: .5rem!important
    }
    .ml-sm-2,
    .mx-sm-2 {
        margin-left: .5rem!important
    }
    .m-sm-3 {
        margin: 1rem!important
    }
    .mt-sm-3,
    .my-sm-3 {
        margin-top: 1rem!important
    }
    .mr-sm-3,
    .mx-sm-3 {
        margin-right: 1rem!important
    }
    .mb-sm-3,
    .my-sm-3 {
        margin-bottom: 1rem!important
    }
    .ml-sm-3,
    .mx-sm-3 {
        margin-left: 1rem!important
    }
    .m-sm-4 {
        margin: 1.5rem!important
    }
    .mt-sm-4,
    .my-sm-4 {
        margin-top: 1.5rem!important
    }
    .mr-sm-4,
    .mx-sm-4 {
        margin-right: 1.5rem!important
    }
    .mb-sm-4,
    .my-sm-4 {
        margin-bottom: 1.5rem!important
    }
    .ml-sm-4,
    .mx-sm-4 {
        margin-left: 1.5rem!important
    }
    .m-sm-5 {
        margin: 3rem!important
    }
    .mt-sm-5,
    .my-sm-5 {
        margin-top: 3rem!important
    }
    .mr-sm-5,
    .mx-sm-5 {
        margin-right: 3rem!important
    }
    .mb-sm-5,
    .my-sm-5 {
        margin-bottom: 3rem!important
    }
    .ml-sm-5,
    .mx-sm-5 {
        margin-left: 3rem!important
    }
    .p-sm-0 {
        padding: 0!important
    }
    .pt-sm-0,
    .py-sm-0 {
        padding-top: 0!important
    }
    .pr-sm-0,
    .px-sm-0 {
        padding-right: 0!important
    }
    .pb-sm-0,
    .py-sm-0 {
        padding-bottom: 0!important
    }
    .pl-sm-0,
    .px-sm-0 {
        padding-left: 0!important
    }
    .p-sm-1 {
        padding: .25rem!important
    }
    .pt-sm-1,
    .py-sm-1 {
        padding-top: .25rem!important
    }
    .pr-sm-1,
    .px-sm-1 {
        padding-right: .25rem!important
    }
    .pb-sm-1,
    .py-sm-1 {
        padding-bottom: .25rem!important
    }
    .pl-sm-1,
    .px-sm-1 {
        padding-left: .25rem!important
    }
    .p-sm-2 {
        padding: .5rem!important
    }
    .pt-sm-2,
    .py-sm-2 {
        padding-top: .5rem!important
    }
    .pr-sm-2,
    .px-sm-2 {
        padding-right: .5rem!important
    }
    .pb-sm-2,
    .py-sm-2 {
        padding-bottom: .5rem!important
    }
    .pl-sm-2,
    .px-sm-2 {
        padding-left: .5rem!important
    }
    .p-sm-3 {
        padding: 1rem!important
    }
    .pt-sm-3,
    .py-sm-3 {
        padding-top: 1rem!important
    }
    .pr-sm-3,
    .px-sm-3 {
        padding-right: 1rem!important
    }
    .pb-sm-3,
    .py-sm-3 {
        padding-bottom: 1rem!important
    }
    .pl-sm-3,
    .px-sm-3 {
        padding-left: 1rem!important
    }
    .p-sm-4 {
        padding: 1.5rem!important
    }
    .pt-sm-4,
    .py-sm-4 {
        padding-top: 1.5rem!important
    }
    .pr-sm-4,
    .px-sm-4 {
        padding-right: 1.5rem!important
    }
    .pb-sm-4,
    .py-sm-4 {
        padding-bottom: 1.5rem!important
    }
    .pl-sm-4,
    .px-sm-4 {
        padding-left: 1.5rem!important
    }
    .p-sm-5 {
        padding: 3rem!important
    }
    .pt-sm-5,
    .py-sm-5 {
        padding-top: 3rem!important
    }
    .pr-sm-5,
    .px-sm-5 {
        padding-right: 3rem!important
    }
    .pb-sm-5,
    .py-sm-5 {
        padding-bottom: 3rem!important
    }
    .pl-sm-5,
    .px-sm-5 {
        padding-left: 3rem!important
    }
    .m-sm-n1 {
        margin: -.25rem!important
    }
    .mt-sm-n1,
    .my-sm-n1 {
        margin-top: -.25rem!important
    }
    .mr-sm-n1,
    .mx-sm-n1 {
        margin-right: -.25rem!important
    }
    .mb-sm-n1,
    .my-sm-n1 {
        margin-bottom: -.25rem!important
    }
    .ml-sm-n1,
    .mx-sm-n1 {
        margin-left: -.25rem!important
    }
    .m-sm-n2 {
        margin: -.5rem!important
    }
    .mt-sm-n2,
    .my-sm-n2 {
        margin-top: -.5rem!important
    }
    .mr-sm-n2,
    .mx-sm-n2 {
        margin-right: -.5rem!important
    }
    .mb-sm-n2,
    .my-sm-n2 {
        margin-bottom: -.5rem!important
    }
    .ml-sm-n2,
    .mx-sm-n2 {
        margin-left: -.5rem!important
    }
    .m-sm-n3 {
        margin: -1rem!important
    }
    .mt-sm-n3,
    .my-sm-n3 {
        margin-top: -1rem!important
    }
    .mr-sm-n3,
    .mx-sm-n3 {
        margin-right: -1rem!important
    }
    .mb-sm-n3,
    .my-sm-n3 {
        margin-bottom: -1rem!important
    }
    .ml-sm-n3,
    .mx-sm-n3 {
        margin-left: -1rem!important
    }
    .m-sm-n4 {
        margin: -1.5rem!important
    }
    .mt-sm-n4,
    .my-sm-n4 {
        margin-top: -1.5rem!important
    }
    .mr-sm-n4,
    .mx-sm-n4 {
        margin-right: -1.5rem!important
    }
    .mb-sm-n4,
    .my-sm-n4 {
        margin-bottom: -1.5rem!important
    }
    .ml-sm-n4,
    .mx-sm-n4 {
        margin-left: -1.5rem!important
    }
    .m-sm-n5 {
        margin: -3rem!important
    }
    .mt-sm-n5,
    .my-sm-n5 {
        margin-top: -3rem!important
    }
    .mr-sm-n5,
    .mx-sm-n5 {
        margin-right: -3rem!important
    }
    .mb-sm-n5,
    .my-sm-n5 {
        margin-bottom: -3rem!important
    }
    .ml-sm-n5,
    .mx-sm-n5 {
        margin-left: -3rem!important
    }
    .m-sm-auto {
        margin: auto!important
    }
    .mt-sm-auto,
    .my-sm-auto {
        margin-top: auto!important
    }
    .mr-sm-auto,
    .mx-sm-auto {
        margin-right: auto!important
    }
    .mb-sm-auto,
    .my-sm-auto {
        margin-bottom: auto!important
    }
    .ml-sm-auto,
    .mx-sm-auto {
        margin-left: auto!important
    }
}

@media (min-width:768px) {
    .m-md-0 {
        margin: 0!important
    }
    .mt-md-0,
    .my-md-0 {
        margin-top: 0!important
    }
    .mr-md-0,
    .mx-md-0 {
        margin-right: 0!important
    }
    .mb-md-0,
    .my-md-0 {
        margin-bottom: 0!important
    }
    .ml-md-0,
    .mx-md-0 {
        margin-left: 0!important
    }
    .m-md-1 {
        margin: .25rem!important
    }
    .mt-md-1,
    .my-md-1 {
        margin-top: .25rem!important
    }
    .mr-md-1,
    .mx-md-1 {
        margin-right: .25rem!important
    }
    .mb-md-1,
    .my-md-1 {
        margin-bottom: .25rem!important
    }
    .ml-md-1,
    .mx-md-1 {
        margin-left: .25rem!important
    }
    .m-md-2 {
        margin: .5rem!important
    }
    .mt-md-2,
    .my-md-2 {
        margin-top: .5rem!important
    }
    .mr-md-2,
    .mx-md-2 {
        margin-right: .5rem!important
    }
    .mb-md-2,
    .my-md-2 {
        margin-bottom: .5rem!important
    }
    .ml-md-2,
    .mx-md-2 {
        margin-left: .5rem!important
    }
    .m-md-3 {
        margin: 1rem!important
    }
    .mt-md-3,
    .my-md-3 {
        margin-top: 1rem!important
    }
    .mr-md-3,
    .mx-md-3 {
        margin-right: 1rem!important
    }
    .mb-md-3,
    .my-md-3 {
        margin-bottom: 1rem!important
    }
    .ml-md-3,
    .mx-md-3 {
        margin-left: 1rem!important
    }
    .m-md-4 {
        margin: 1.5rem!important
    }
    .mt-md-4,
    .my-md-4 {
        margin-top: 1.5rem!important
    }
    .mr-md-4,
    .mx-md-4 {
        margin-right: 1.5rem!important
    }
    .mb-md-4,
    .my-md-4 {
        margin-bottom: 1.5rem!important
    }
    .ml-md-4,
    .mx-md-4 {
        margin-left: 1.5rem!important
    }
    .m-md-5 {
        margin: 3rem!important
    }
    .mt-md-5,
    .my-md-5 {
        margin-top: 3rem!important
    }
    .mr-md-5,
    .mx-md-5 {
        margin-right: 3rem!important
    }
    .mb-md-5,
    .my-md-5 {
        margin-bottom: 3rem!important
    }
    .ml-md-5,
    .mx-md-5 {
        margin-left: 3rem!important
    }
    .p-md-0 {
        padding: 0!important
    }
    .pt-md-0,
    .py-md-0 {
        padding-top: 0!important
    }
    .pr-md-0,
    .px-md-0 {
        padding-right: 0!important
    }
    .pb-md-0,
    .py-md-0 {
        padding-bottom: 0!important
    }
    .pl-md-0,
    .px-md-0 {
        padding-left: 0!important
    }
    .p-md-1 {
        padding: .25rem!important
    }
    .pt-md-1,
    .py-md-1 {
        padding-top: .25rem!important
    }
    .pr-md-1,
    .px-md-1 {
        padding-right: .25rem!important
    }
    .pb-md-1,
    .py-md-1 {
        padding-bottom: .25rem!important
    }
    .pl-md-1,
    .px-md-1 {
        padding-left: .25rem!important
    }
    .p-md-2 {
        padding: .5rem!important
    }
    .pt-md-2,
    .py-md-2 {
        padding-top: .5rem!important
    }
    .pr-md-2,
    .px-md-2 {
        padding-right: .5rem!important
    }
    .pb-md-2,
    .py-md-2 {
        padding-bottom: .5rem!important
    }
    .pl-md-2,
    .px-md-2 {
        padding-left: .5rem!important
    }
    .p-md-3 {
        padding: 1rem!important
    }
    .pt-md-3,
    .py-md-3 {
        padding-top: 1rem!important
    }
    .pr-md-3,
    .px-md-3 {
        padding-right: 1rem!important
    }
    .pb-md-3,
    .py-md-3 {
        padding-bottom: 1rem!important
    }
    .pl-md-3,
    .px-md-3 {
        padding-left: 1rem!important
    }
    .p-md-4 {
        padding: 1.5rem!important
    }
    .pt-md-4,
    .py-md-4 {
        padding-top: 1.5rem!important
    }
    .pr-md-4,
    .px-md-4 {
        padding-right: 1.5rem!important
    }
    .pb-md-4,
    .py-md-4 {
        padding-bottom: 1.5rem!important
    }
    .pl-md-4,
    .px-md-4 {
        padding-left: 1.5rem!important
    }
    .p-md-5 {
        padding: 3rem!important
    }
    .pt-md-5,
    .py-md-5 {
        padding-top: 3rem!important
    }
    .pr-md-5,
    .px-md-5 {
        padding-right: 3rem!important
    }
    .pb-md-5,
    .py-md-5 {
        padding-bottom: 3rem!important
    }
    .pl-md-5,
    .px-md-5 {
        padding-left: 3rem!important
    }
    .m-md-n1 {
        margin: -.25rem!important
    }
    .mt-md-n1,
    .my-md-n1 {
        margin-top: -.25rem!important
    }
    .mr-md-n1,
    .mx-md-n1 {
        margin-right: -.25rem!important
    }
    .mb-md-n1,
    .my-md-n1 {
        margin-bottom: -.25rem!important
    }
    .ml-md-n1,
    .mx-md-n1 {
        margin-left: -.25rem!important
    }
    .m-md-n2 {
        margin: -.5rem!important
    }
    .mt-md-n2,
    .my-md-n2 {
        margin-top: -.5rem!important
    }
    .mr-md-n2,
    .mx-md-n2 {
        margin-right: -.5rem!important
    }
    .mb-md-n2,
    .my-md-n2 {
        margin-bottom: -.5rem!important
    }
    .ml-md-n2,
    .mx-md-n2 {
        margin-left: -.5rem!important
    }
    .m-md-n3 {
        margin: -1rem!important
    }
    .mt-md-n3,
    .my-md-n3 {
        margin-top: -1rem!important
    }
    .mr-md-n3,
    .mx-md-n3 {
        margin-right: -1rem!important
    }
    .mb-md-n3,
    .my-md-n3 {
        margin-bottom: -1rem!important
    }
    .ml-md-n3,
    .mx-md-n3 {
        margin-left: -1rem!important
    }
    .m-md-n4 {
        margin: -1.5rem!important
    }
    .mt-md-n4,
    .my-md-n4 {
        margin-top: -1.5rem!important
    }
    .mr-md-n4,
    .mx-md-n4 {
        margin-right: -1.5rem!important
    }
    .mb-md-n4,
    .my-md-n4 {
        margin-bottom: -1.5rem!important
    }
    .ml-md-n4,
    .mx-md-n4 {
        margin-left: -1.5rem!important
    }
    .m-md-n5 {
        margin: -3rem!important
    }
    .mt-md-n5,
    .my-md-n5 {
        margin-top: -3rem!important
    }
    .mr-md-n5,
    .mx-md-n5 {
        margin-right: -3rem!important
    }
    .mb-md-n5,
    .my-md-n5 {
        margin-bottom: -3rem!important
    }
    .ml-md-n5,
    .mx-md-n5 {
        margin-left: -3rem!important
    }
    .m-md-auto {
        margin: auto!important
    }
    .mt-md-auto,
    .my-md-auto {
        margin-top: auto!important
    }
    .mr-md-auto,
    .mx-md-auto {
        margin-right: auto!important
    }
    .mb-md-auto,
    .my-md-auto {
        margin-bottom: auto!important
    }
    .ml-md-auto,
    .mx-md-auto {
        margin-left: auto!important
    }
}

@media (min-width:992px) {
    .m-lg-0 {
        margin: 0!important
    }
    .mt-lg-0,
    .my-lg-0 {
        margin-top: 0!important
    }
    .mr-lg-0,
    .mx-lg-0 {
        margin-right: 0!important
    }
    .mb-lg-0,
    .my-lg-0 {
        margin-bottom: 0!important
    }
    .ml-lg-0,
    .mx-lg-0 {
        margin-left: 0!important
    }
    .m-lg-1 {
        margin: .25rem!important
    }
    .mt-lg-1,
    .my-lg-1 {
        margin-top: .25rem!important
    }
    .mr-lg-1,
    .mx-lg-1 {
        margin-right: .25rem!important
    }
    .mb-lg-1,
    .my-lg-1 {
        margin-bottom: .25rem!important
    }
    .ml-lg-1,
    .mx-lg-1 {
        margin-left: .25rem!important
    }
    .m-lg-2 {
        margin: .5rem!important
    }
    .mt-lg-2,
    .my-lg-2 {
        margin-top: .5rem!important
    }
    .mr-lg-2,
    .mx-lg-2 {
        margin-right: .5rem!important
    }
    .mb-lg-2,
    .my-lg-2 {
        margin-bottom: .5rem!important
    }
    .ml-lg-2,
    .mx-lg-2 {
        margin-left: .5rem!important
    }
    .m-lg-3 {
        margin: 1rem!important
    }
    .mt-lg-3,
    .my-lg-3 {
        margin-top: 1rem!important
    }
    .mr-lg-3,
    .mx-lg-3 {
        margin-right: 1rem!important
    }
    .mb-lg-3,
    .my-lg-3 {
        margin-bottom: 1rem!important
    }
    .ml-lg-3,
    .mx-lg-3 {
        margin-left: 1rem!important
    }
    .m-lg-4 {
        margin: 1.5rem!important
    }
    .mt-lg-4,
    .my-lg-4 {
        margin-top: 1.5rem!important
    }
    .mr-lg-4,
    .mx-lg-4 {
        margin-right: 1.5rem!important
    }
    .mb-lg-4,
    .my-lg-4 {
        margin-bottom: 1.5rem!important
    }
    .ml-lg-4,
    .mx-lg-4 {
        margin-left: 1.5rem!important
    }
    .m-lg-5 {
        margin: 3rem!important
    }
    .mt-lg-5,
    .my-lg-5 {
        margin-top: 3rem!important
    }
    .mr-lg-5,
    .mx-lg-5 {
        margin-right: 3rem!important
    }
    .mb-lg-5,
    .my-lg-5 {
        margin-bottom: 3rem!important
    }
    .ml-lg-5,
    .mx-lg-5 {
        margin-left: 3rem!important
    }
    .p-lg-0 {
        padding: 0!important
    }
    .pt-lg-0,
    .py-lg-0 {
        padding-top: 0!important
    }
    .pr-lg-0,
    .px-lg-0 {
        padding-right: 0!important
    }
    .pb-lg-0,
    .py-lg-0 {
        padding-bottom: 0!important
    }
    .pl-lg-0,
    .px-lg-0 {
        padding-left: 0!important
    }
    .p-lg-1 {
        padding: .25rem!important
    }
    .pt-lg-1,
    .py-lg-1 {
        padding-top: .25rem!important
    }
    .pr-lg-1,
    .px-lg-1 {
        padding-right: .25rem!important
    }
    .pb-lg-1,
    .py-lg-1 {
        padding-bottom: .25rem!important
    }
    .pl-lg-1,
    .px-lg-1 {
        padding-left: .25rem!important
    }
    .p-lg-2 {
        padding: .5rem!important
    }
    .pt-lg-2,
    .py-lg-2 {
        padding-top: .5rem!important
    }
    .pr-lg-2,
    .px-lg-2 {
        padding-right: .5rem!important
    }
    .pb-lg-2,
    .py-lg-2 {
        padding-bottom: .5rem!important
    }
    .pl-lg-2,
    .px-lg-2 {
        padding-left: .5rem!important
    }
    .p-lg-3 {
        padding: 1rem!important
    }
    .pt-lg-3,
    .py-lg-3 {
        padding-top: 1rem!important
    }
    .pr-lg-3,
    .px-lg-3 {
        padding-right: 1rem!important
    }
    .pb-lg-3,
    .py-lg-3 {
        padding-bottom: 1rem!important
    }
    .pl-lg-3,
    .px-lg-3 {
        padding-left: 1rem!important
    }
    .p-lg-4 {
        padding: 1.5rem!important
    }
    .pt-lg-4,
    .py-lg-4 {
        padding-top: 1.5rem!important
    }
    .pr-lg-4,
    .px-lg-4 {
        padding-right: 1.5rem!important
    }
    .pb-lg-4,
    .py-lg-4 {
        padding-bottom: 1.5rem!important
    }
    .pl-lg-4,
    .px-lg-4 {
        padding-left: 1.5rem!important
    }
    .p-lg-5 {
        padding: 3rem!important
    }
    .pt-lg-5,
    .py-lg-5 {
        padding-top: 3rem!important
    }
    .pr-lg-5,
    .px-lg-5 {
        padding-right: 3rem!important
    }
    .pb-lg-5,
    .py-lg-5 {
        padding-bottom: 3rem!important
    }
    .pl-lg-5,
    .px-lg-5 {
        padding-left: 3rem!important
    }
    .m-lg-n1 {
        margin: -.25rem!important
    }
    .mt-lg-n1,
    .my-lg-n1 {
        margin-top: -.25rem!important
    }
    .mr-lg-n1,
    .mx-lg-n1 {
        margin-right: -.25rem!important
    }
    .mb-lg-n1,
    .my-lg-n1 {
        margin-bottom: -.25rem!important
    }
    .ml-lg-n1,
    .mx-lg-n1 {
        margin-left: -.25rem!important
    }
    .m-lg-n2 {
        margin: -.5rem!important
    }
    .mt-lg-n2,
    .my-lg-n2 {
        margin-top: -.5rem!important
    }
    .mr-lg-n2,
    .mx-lg-n2 {
        margin-right: -.5rem!important
    }
    .mb-lg-n2,
    .my-lg-n2 {
        margin-bottom: -.5rem!important
    }
    .ml-lg-n2,
    .mx-lg-n2 {
        margin-left: -.5rem!important
    }
    .m-lg-n3 {
        margin: -1rem!important
    }
    .mt-lg-n3,
    .my-lg-n3 {
        margin-top: -1rem!important
    }
    .mr-lg-n3,
    .mx-lg-n3 {
        margin-right: -1rem!important
    }
    .mb-lg-n3,
    .my-lg-n3 {
        margin-bottom: -1rem!important
    }
    .ml-lg-n3,
    .mx-lg-n3 {
        margin-left: -1rem!important
    }
    .m-lg-n4 {
        margin: -1.5rem!important
    }
    .mt-lg-n4,
    .my-lg-n4 {
        margin-top: -1.5rem!important
    }
    .mr-lg-n4,
    .mx-lg-n4 {
        margin-right: -1.5rem!important
    }
    .mb-lg-n4,
    .my-lg-n4 {
        margin-bottom: -1.5rem!important
    }
    .ml-lg-n4,
    .mx-lg-n4 {
        margin-left: -1.5rem!important
    }
    .m-lg-n5 {
        margin: -3rem!important
    }
    .mt-lg-n5,
    .my-lg-n5 {
        margin-top: -3rem!important
    }
    .mr-lg-n5,
    .mx-lg-n5 {
        margin-right: -3rem!important
    }
    .mb-lg-n5,
    .my-lg-n5 {
        margin-bottom: -3rem!important
    }
    .ml-lg-n5,
    .mx-lg-n5 {
        margin-left: -3rem!important
    }
    .m-lg-auto {
        margin: auto!important
    }
    .mt-lg-auto,
    .my-lg-auto {
        margin-top: auto!important
    }
    .mr-lg-auto,
    .mx-lg-auto {
        margin-right: auto!important
    }
    .mb-lg-auto,
    .my-lg-auto {
        margin-bottom: auto!important
    }
    .ml-lg-auto,
    .mx-lg-auto {
        margin-left: auto!important
    }
}

@media (min-width:1200px) {
    .m-xl-0 {
        margin: 0!important
    }
    .mt-xl-0,
    .my-xl-0 {
        margin-top: 0!important
    }
    .mr-xl-0,
    .mx-xl-0 {
        margin-right: 0!important
    }
    .mb-xl-0,
    .my-xl-0 {
        margin-bottom: 0!important
    }
    .ml-xl-0,
    .mx-xl-0 {
        margin-left: 0!important
    }
    .m-xl-1 {
        margin: .25rem!important
    }
    .mt-xl-1,
    .my-xl-1 {
        margin-top: .25rem!important
    }
    .mr-xl-1,
    .mx-xl-1 {
        margin-right: .25rem!important
    }
    .mb-xl-1,
    .my-xl-1 {
        margin-bottom: .25rem!important
    }
    .ml-xl-1,
    .mx-xl-1 {
        margin-left: .25rem!important
    }
    .m-xl-2 {
        margin: .5rem!important
    }
    .mt-xl-2,
    .my-xl-2 {
        margin-top: .5rem!important
    }
    .mr-xl-2,
    .mx-xl-2 {
        margin-right: .5rem!important
    }
    .mb-xl-2,
    .my-xl-2 {
        margin-bottom: .5rem!important
    }
    .ml-xl-2,
    .mx-xl-2 {
        margin-left: .5rem!important
    }
    .m-xl-3 {
        margin: 1rem!important
    }
    .mt-xl-3,
    .my-xl-3 {
        margin-top: 1rem!important
    }
    .mr-xl-3,
    .mx-xl-3 {
        margin-right: 1rem!important
    }
    .mb-xl-3,
    .my-xl-3 {
        margin-bottom: 1rem!important
    }
    .ml-xl-3,
    .mx-xl-3 {
        margin-left: 1rem!important
    }
    .m-xl-4 {
        margin: 1.5rem!important
    }
    .mt-xl-4,
    .my-xl-4 {
        margin-top: 1.5rem!important
    }
    .mr-xl-4,
    .mx-xl-4 {
        margin-right: 1.5rem!important
    }
    .mb-xl-4,
    .my-xl-4 {
        margin-bottom: 1.5rem!important
    }
    .ml-xl-4,
    .mx-xl-4 {
        margin-left: 1.5rem!important
    }
    .m-xl-5 {
        margin: 3rem!important
    }
    .mt-xl-5,
    .my-xl-5 {
        margin-top: 3rem!important
    }
    .mr-xl-5,
    .mx-xl-5 {
        margin-right: 3rem!important
    }
    .mb-xl-5,
    .my-xl-5 {
        margin-bottom: 3rem!important
    }
    .ml-xl-5,
    .mx-xl-5 {
        margin-left: 3rem!important
    }
    .p-xl-0 {
        padding: 0!important
    }
    .pt-xl-0,
    .py-xl-0 {
        padding-top: 0!important
    }
    .pr-xl-0,
    .px-xl-0 {
        padding-right: 0!important
    }
    .pb-xl-0,
    .py-xl-0 {
        padding-bottom: 0!important
    }
    .pl-xl-0,
    .px-xl-0 {
        padding-left: 0!important
    }
    .p-xl-1 {
        padding: .25rem!important
    }
    .pt-xl-1,
    .py-xl-1 {
        padding-top: .25rem!important
    }
    .pr-xl-1,
    .px-xl-1 {
        padding-right: .25rem!important
    }
    .pb-xl-1,
    .py-xl-1 {
        padding-bottom: .25rem!important
    }
    .pl-xl-1,
    .px-xl-1 {
        padding-left: .25rem!important
    }
    .p-xl-2 {
        padding: .5rem!important
    }
    .pt-xl-2,
    .py-xl-2 {
        padding-top: .5rem!important
    }
    .pr-xl-2,
    .px-xl-2 {
        padding-right: .5rem!important
    }
    .pb-xl-2,
    .py-xl-2 {
        padding-bottom: .5rem!important
    }
    .pl-xl-2,
    .px-xl-2 {
        padding-left: .5rem!important
    }
    .p-xl-3 {
        padding: 1rem!important
    }
    .pt-xl-3,
    .py-xl-3 {
        padding-top: 1rem!important
    }
    .pr-xl-3,
    .px-xl-3 {
        padding-right: 1rem!important
    }
    .pb-xl-3,
    .py-xl-3 {
        padding-bottom: 1rem!important
    }
    .pl-xl-3,
    .px-xl-3 {
        padding-left: 1rem!important
    }
    .p-xl-4 {
        padding: 1.5rem!important
    }
    .pt-xl-4,
    .py-xl-4 {
        padding-top: 1.5rem!important
    }
    .pr-xl-4,
    .px-xl-4 {
        padding-right: 1.5rem!important
    }
    .pb-xl-4,
    .py-xl-4 {
        padding-bottom: 1.5rem!important
    }
    .pl-xl-4,
    .px-xl-4 {
        padding-left: 1.5rem!important
    }
    .p-xl-5 {
        padding: 3rem!important
    }
    .pt-xl-5,
    .py-xl-5 {
        padding-top: 3rem!important
    }
    .pr-xl-5,
    .px-xl-5 {
        padding-right: 3rem!important
    }
    .pb-xl-5,
    .py-xl-5 {
        padding-bottom: 3rem!important
    }
    .pl-xl-5,
    .px-xl-5 {
        padding-left: 3rem!important
    }
    .m-xl-n1 {
        margin: -.25rem!important
    }
    .mt-xl-n1,
    .my-xl-n1 {
        margin-top: -.25rem!important
    }
    .mr-xl-n1,
    .mx-xl-n1 {
        margin-right: -.25rem!important
    }
    .mb-xl-n1,
    .my-xl-n1 {
        margin-bottom: -.25rem!important
    }
    .ml-xl-n1,
    .mx-xl-n1 {
        margin-left: -.25rem!important
    }
    .m-xl-n2 {
        margin: -.5rem!important
    }
    .mt-xl-n2,
    .my-xl-n2 {
        margin-top: -.5rem!important
    }
    .mr-xl-n2,
    .mx-xl-n2 {
        margin-right: -.5rem!important
    }
    .mb-xl-n2,
    .my-xl-n2 {
        margin-bottom: -.5rem!important
    }
    .ml-xl-n2,
    .mx-xl-n2 {
        margin-left: -.5rem!important
    }
    .m-xl-n3 {
        margin: -1rem!important
    }
    .mt-xl-n3,
    .my-xl-n3 {
        margin-top: -1rem!important
    }
    .mr-xl-n3,
    .mx-xl-n3 {
        margin-right: -1rem!important
    }
    .mb-xl-n3,
    .my-xl-n3 {
        margin-bottom: -1rem!important
    }
    .ml-xl-n3,
    .mx-xl-n3 {
        margin-left: -1rem!important
    }
    .m-xl-n4 {
        margin: -1.5rem!important
    }
    .mt-xl-n4,
    .my-xl-n4 {
        margin-top: -1.5rem!important
    }
    .mr-xl-n4,
    .mx-xl-n4 {
        margin-right: -1.5rem!important
    }
    .mb-xl-n4,
    .my-xl-n4 {
        margin-bottom: -1.5rem!important
    }
    .ml-xl-n4,
    .mx-xl-n4 {
        margin-left: -1.5rem!important
    }
    .m-xl-n5 {
        margin: -3rem!important
    }
    .mt-xl-n5,
    .my-xl-n5 {
        margin-top: -3rem!important
    }
    .mr-xl-n5,
    .mx-xl-n5 {
        margin-right: -3rem!important
    }
    .mb-xl-n5,
    .my-xl-n5 {
        margin-bottom: -3rem!important
    }
    .ml-xl-n5,
    .mx-xl-n5 {
        margin-left: -3rem!important
    }
    .m-xl-auto {
        margin: auto!important
    }
    .mt-xl-auto,
    .my-xl-auto {
        margin-top: auto!important
    }
    .mr-xl-auto,
    .mx-xl-auto {
        margin-right: auto!important
    }
    .mb-xl-auto,
    .my-xl-auto {
        margin-bottom: auto!important
    }
    .ml-xl-auto,
    .mx-xl-auto {
        margin-left: auto!important
    }
}

.text-monospace {
    font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace!important
}

.text-justify {
    text-align: justify!important
}

.text-wrap {
    white-space: normal!important
}

.text-nowrap {
    white-space: nowrap!important
}

.text-truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.text-left {
    text-align: left!important
}

.text-right {
    text-align: right!important
}

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

@media (min-width:576px) {
    .text-sm-left {
        text-align: left!important
    }
    .text-sm-right {
        text-align: right!important
    }
    .text-sm-center {
        text-align: center!important
    }
}

@media (min-width:768px) {
    .text-md-left {
        text-align: left!important
    }
    .text-md-right {
        text-align: right!important
    }
    .text-md-center {
        text-align: center!important
    }
}

@media (min-width:992px) {
    .text-lg-left {
        text-align: left!important
    }
    .text-lg-right {
        text-align: right!important
    }
    .text-lg-center {
        text-align: center!important
    }
}

@media (min-width:1200px) {
    .text-xl-left {
        text-align: left!important
    }
    .text-xl-right {
        text-align: right!important
    }
    .text-xl-center {
        text-align: center!important
    }
}

.text-lowercase {
    text-transform: lowercase!important
}

.text-uppercase {
    text-transform: uppercase!important
}

.text-capitalize {
    text-transform: capitalize!important
}

.font-weight-light {
    font-weight: 300!important
}

.font-weight-lighter {
    font-weight: lighter!important
}

.font-weight-normal {
    font-weight: 400!important
}

.font-weight-bold {
    font-weight: 700!important
}

.font-weight-bolder {
    font-weight: bolder!important
}

.font-italic {
    font-style: italic!important
}

.text-white {
    color: #fff!important
}

.text-primary {
    color: #007bff!important
}

a.text-primary:focus,
a.text-primary:hover {
    color: #0056b3!important
}

.text-secondary {
    color: #6c757d!important
}

a.text-secondary:focus,
a.text-secondary:hover {
    color: #494f54!important
}

.text-success {
    color: #28a745!important
}

a.text-success:focus,
a.text-success:hover {
    color: #19692c!important
}

.text-info {
    color: #17a2b8!important
}

a.text-info:focus,
a.text-info:hover {
    color: #0f6674!important
}

.text-warning {
    color: #ffc107!important
}

a.text-warning:focus,
a.text-warning:hover {
    color: #ba8b00!important
}

.text-danger {
    color: #dc3545!important
}

a.text-danger:focus,
a.text-danger:hover {
    color: #a71d2a!important
}

.text-light {
    color: #f8f9fa!important
}

a.text-light:focus,
a.text-light:hover {
    color: #cbd3da!important
}

.text-dark {
    color: #343a40!important
}

a.text-dark:focus,
a.text-dark:hover {
    color: #121416!important
}

.text-body {
    color: #212529!important
}

.text-muted {
    color: #6c757d!important
}

.text-black-50 {
    color: rgba(0, 0, 0, .5)!important
}

.text-white-50 {
    color: rgba(255, 255, 255, .5)!important
}

.text-hide {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0
}

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

.text-break {
    word-break: break-word!important;
    overflow-wrap: break-word!important
}

.text-reset {
    color: inherit!important
}

.visible {
    visibility: visible!important
}

.invisible {
    visibility: hidden!important
}

@media print {
    *,
     ::after,
     ::before {
        text-shadow: none!important;
        box-shadow: none!important
    }
    a:not(.btn) {
        text-decoration: underline
    }
    abbr[title]::after {
        content: " (" attr(title) ")"
    }
    pre {
        white-space: pre-wrap!important
    }
    blockquote,
    pre {
        border: 1px solid #adb5bd;
        page-break-inside: avoid
    }
    thead {
        display: table-header-group
    }
    img,
    tr {
        page-break-inside: avoid
    }
    h2,
    h3,
    p {
        orphans: 3;
        widows: 3
    }
    h2,
    h3 {
        page-break-after: avoid
    }
    @page {
        size: a3
    }
    body {
        min-width: 992px!important
    }
    .container {
        min-width: 992px!important
    }
    .navbar {
        display: none
    }
    .badge {
        border: 1px solid #000
    }
    .table {
        border-collapse: collapse!important
    }
    .table td,
    .table th {
        background-color: #fff!important
    }
    .table-bordered td,
    .table-bordered th {
        border: 1px solid #dee2e6!important
    }
    .table-dark {
        color: inherit
    }
    .table-dark tbody+tbody,
    .table-dark td,
    .table-dark th,
    .table-dark thead th {
        border-color: #dee2e6
    }
    .table .thead-dark th {
        color: inherit;
        border-color: #dee2e6
    }
}
html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

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

audio,
canvas,
progress,
video {
    display: inline-block;
    vertical-align: baseline
}

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

[hidden],
template {
    display: none
}

a {
    background-color: transparent
}

a:active,
a:hover {
    outline: 0
}

abbr[title] {
    border-bottom: 1px dotted
}

b,
strong {
    font-weight: 700
}

dfn {
    font-style: italic
}

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

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

small {
    font-size: 80%
}

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

sup {
    top: -.5em
}

sub {
    bottom: -.25em
}

img {
    border: 0
}

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

figure {
    margin: 1em 40px
}

hr {
    box-sizing: content-box;
    height: 0
}

pre {
    overflow: auto
}

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

button,
input,
optgroup,
select,
textarea {
    color: inherit;
    font: inherit;
    margin: 0
}

button {
    overflow: visible
}

button,
select {
    text-transform: none
}

button,
html input[type=button],
input[type=reset],
input[type=submit] {
    -webkit-appearance: button;
    cursor: pointer
}

button[disabled],
html input[disabled] {
    cursor: default
}

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0
}

input {
    line-height: normal
}

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

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

input[type=search] {
    -webkit-appearance: textfield;
    box-sizing: content-box
}

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

fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    padding: .35em .625em .75em
}

legend {
    border: 0;
    padding: 0
}

textarea {
    overflow: auto
}

optgroup {
    font-weight: 700
}

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

td,
th {
    padding: 0
}

@media(min--moz-device-pixel-ratio:0) {
    summary {
        display: list-item
    }
}

.views_tree_collapsed,
.views_tree_expanded,
.views_tree_collapsed ul li,
.views_tree_expanded ul li {
    list-style-type: none
}

.views_tree_link {
    width: 15px;
    height: 100%;
    clear: both;
    float: left
}

.views_tree_link a {
    margin: 0 5px 0 0;
    text-indent: -9999px;
    display: block
}

.views_tree_link_collapsed a {
    background: #fff url(/modules/contrib/views_tree/images/menu-collapsed.png) no-repeat center center
}

.views_tree_link_expanded a {
    background: #fff url(/modules/contrib/views_tree/images/menu-expanded.png) no-repeat center center
}

.ajax-progress {
    display: inline-block;
    padding: 1px 5px 2px
}

[dir=rtl] .ajax-progress {
    float: right
}

.ajax-progress-throbber .throbber {
    display: inline;
    padding: 1px 5px 2px;
    background: transparent url(/core/themes/stable/images/core/throbber-active.gif) no-repeat 0 center
}

.ajax-progress-throbber .message {
    display: inline;
    padding: 1px 5px 2px
}

tr .ajax-progress-throbber .throbber {
    margin: 0 2px
}

.ajax-progress-bar {
    width: 16em
}

.ajax-progress-fullscreen {
    position: fixed;
    z-index: 1000;
    top: 48.5%;
    left: 49%;
    width: 24px;
    height: 24px;
    padding: 4px;
    opacity: .9;
    border-radius: 7px;
    background-color: #232323;
    background-image: url(/core/themes/stable/images/core/loading-small.gif);
    background-repeat: no-repeat;
    background-position: center center
}

[dir=rtl] .ajax-progress-fullscreen {
    right: 49%;
    left: auto
}

.text-align-left {
    text-align: left
}

.text-align-right {
    text-align: right
}

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

.text-align-justify {
    text-align: justify
}

.align-left {
    float: left
}

.align-right {
    float: right
}

.align-center {
    display: block;
    margin-right: auto;
    margin-left: auto
}

.js input.form-autocomplete {
    background-image: url(/core/themes/stable/images/core/throbber-inactive.png);
    background-repeat: no-repeat;
    background-position: 100% center
}

.js[dir=rtl] input.form-autocomplete {
    background-position: 0% center
}

.js input.form-autocomplete.ui-autocomplete-loading {
    background-image: url(/core/themes/stable/images/core/throbber-active.gif);
    background-position: 100% center
}

.js[dir=rtl] input.form-autocomplete.ui-autocomplete-loading {
    background-position: 0% center
}

.fieldgroup {
    padding: 0;
    border-width: 0
}

.container-inline div,
.container-inline label {
    display: inline
}

.container-inline .details-wrapper {
    display: block
}

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

.js details:not([open]) .details-wrapper {
    display: none
}

.hidden {
    display: none
}

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

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

.invisible {
    visibility: hidden
}

.item-list__comma-list,
.item-list__comma-list li {
    display: inline
}

.item-list__comma-list {
    margin: 0;
    padding: 0
}

.item-list__comma-list li:after {
    content: ", "
}

.item-list__comma-list li:last-child:after {
    content: ""
}

.js .js-hide {
    display: none
}

.js-show {
    display: none
}

.js .js-show {
    display: block
}

.nowrap {
    white-space: nowrap
}

.position-container {
    position: relative
}

.progress {
    position: relative
}

.progress__track {
    min-width: 100px;
    max-width: 100%;
    height: 16px;
    margin-top: 5px;
    border: 1px solid;
    background-color: #fff
}

.progress__bar {
    width: 3%;
    min-width: 3%;
    max-width: 100%;
    height: 1.5em;
    background-color: #000
}

.progress__description,
.progress__percentage {
    overflow: hidden;
    margin-top: .2em;
    color: #555;
    font-size: .875em
}

.progress__description {
    float: left
}

[dir=rtl] .progress__description {
    float: right
}

.progress__percentage {
    float: right
}

[dir=rtl] .progress__percentage {
    float: left
}

.progress--small .progress__track {
    height: 7px
}

.progress--small .progress__bar {
    height: 7px;
    background-size: 20px 20px
}

.reset-appearance {
    margin: 0;
    padding: 0;
    border: 0;
    background: 0 0;
    line-height: inherit;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.resize-none {
    resize: none
}

.resize-vertical {
    min-height: 2em;
    resize: vertical
}

.resize-horizontal {
    max-width: 100%;
    resize: horizontal
}

.resize-both {
    max-width: 100%;
    min-height: 2em;
    resize: both
}

table.sticky-header {
    z-index: 500;
    top: 0;
    margin-top: 0;
    background-color: #fff
}

.system-status-counter__status-icon {
    display: inline-block;
    width: 25px;
    height: 25px;
    vertical-align: middle
}

.system-status-counter__status-icon:before {
    display: block;
    content: "";
    background-repeat: no-repeat;
    background-position: center 2px;
    background-size: 20px
}

.system-status-counter__status-icon--error:before {
    background-image: url(/core/themes/stable/images/core/icons/e32700/error.svg)
}

.system-status-counter__status-icon--warning:before {
    background-image: url(/core/themes/stable/images/core/icons/e29700/warning.svg)
}

.system-status-counter__status-icon--checked:before {
    background-image: url(/core/themes/stable/images/core/icons/73b355/check.svg)
}

.system-status-report-counters__item {
    width: 100%;
    margin-bottom: .5em;
    padding: .5em 0;
    text-align: center;
    white-space: nowrap;
    background-color: rgba(0, 0, 0, .063)
}

@media screen and (min-width:60em) {
    .system-status-report-counters {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between
    }
    .system-status-report-counters__item--half-width {
        width: 49%
    }
    .system-status-report-counters__item--third-width {
        width: 33%
    }
}

.system-status-general-info__item {
    margin-top: 1em;
    padding: 0 1em 1em;
    border: 1px solid #ccc
}

.system-status-general-info__item-title {
    border-bottom: 1px solid #ccc
}

body.drag {
    cursor: move
}

tr.region-title {
    font-weight: 700
}

tr.region-message {
    color: #999
}

tr.region-populated {
    display: none
}

tr.add-new .tabledrag-changed {
    display: none
}

.draggable a.tabledrag-handle {
    float: left;
    overflow: hidden;
    height: 1.7em;
    margin-left: -1em;
    cursor: move;
    text-decoration: none
}

[dir=rtl] .draggable a.tabledrag-handle {
    float: right;
    margin-right: -1em;
    margin-left: 0
}

a.tabledrag-handle:hover {
    text-decoration: none
}

a.tabledrag-handle .handle {
    width: 14px;
    height: 14px;
    margin: -.4em .5em 0;
    padding: .42em .5em;
    background: url(/core/themes/stable/images/core/icons/787878/move.svg) no-repeat 6px 7px
}

a.tabledrag-handle:hover .handle,
a.tabledrag-handle:focus .handle {
    background-image: url(/core/themes/stable/images/core/icons/000000/move.svg)
}

.touchevents .draggable td {
    padding: 0 10px
}

.touchevents .draggable .menu-item__link {
    display: inline-block;
    padding: 10px 0
}

.touchevents a.tabledrag-handle {
    width: 40px;
    height: 44px
}

.touchevents a.tabledrag-handle .handle {
    height: 21px;
    background-position: 40% 19px
}

[dir=rtl] .touch a.tabledrag-handle .handle {
    background-position: right 40% top 19px
}

.touchevents .draggable.drag a.tabledrag-handle .handle {
    background-position: 50% -32px
}

.tabledrag-toggle-weight-wrapper {
    text-align: right
}

[dir=rtl] .tabledrag-toggle-weight-wrapper {
    text-align: left
}

.indentation {
    float: left;
    width: 20px;
    height: 1.7em;
    margin: -.4em .2em -.4em -.4em;
    padding: .42em 0 .42em .6em
}

[dir=rtl] .indentation {
    float: right;
    margin: -.4em -.4em -.4em .2em;
    padding: .42em .6em .42em 0
}

.tablesort {
    display: inline-block;
    width: 16px;
    height: 16px;
    background-size: 100%
}

.tablesort--asc {
    background-image: url(/core/themes/stable/images/core/icons/787878/twistie-down.svg)
}

.tablesort--desc {
    background-image: url(/core/themes/stable/images/core/icons/787878/twistie-up.svg)
}

div.tree-child {
    background: url(/core/themes/stable/images/core/tree.png) no-repeat 11px center
}

div.tree-child-last {
    background: url(/core/themes/stable/images/core/tree-bottom.png) no-repeat 11px center
}

[dir=rtl] div.tree-child,
[dir=rtl] div.tree-child-last {
    background-position: -65px center
}

div.tree-child-horizontal {
    background: url(/core/themes/stable/images/core/tree.png) no-repeat -11px center
}

.views-align-left {
    text-align: left
}

.views-align-right {
    text-align: right
}

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

.views-view-grid .views-col {
    float: left
}

.views-view-grid .views-row {
    float: left;
    clear: both;
    width: 100%
}

.views-display-link+.views-display-link {
    margin-left: .5em
}

.layout--onecol .layout__region {
    width: 100%
}

.action-links {
    margin: 1em 0;
    padding: 0;
    list-style: none
}

[dir=rtl] .action-links {
    margin-right: 0
}

.action-links li {
    display: inline-block;
    margin: 0 .3em
}

.action-links li:first-child {
    margin-left: 0
}

[dir=rtl] .action-links li:first-child {
    margin-right: 0;
    margin-left: .3em
}

.button-action {
    display: inline-block;
    padding: .2em .5em .3em;
    text-decoration: none;
    line-height: 160%
}

.button-action:before {
    margin-left: -.1em;
    padding-right: .2em;
    content: "+";
    font-weight: 900
}

[dir=rtl] .button-action:before {
    margin-right: -.1em;
    margin-left: 0;
    padding-right: 0;
    padding-left: .2em
}

.breadcrumb {
    padding-bottom: .5em
}

.breadcrumb ol {
    margin: 0;
    padding: 0
}

[dir=rtl] .breadcrumb ol {
    margin-right: 0
}

.breadcrumb li {
    display: inline;
    margin: 0;
    padding: 0;
    list-style-type: none
}

.breadcrumb li:before {
    content: " \BB   "
}

.breadcrumb li:first-child:before {
    content: none
}

.button,
.image-button {
    margin-right: 1em;
    margin-left: 1em
}

.button:first-child,
.image-button:first-child {
    margin-right: 0;
    margin-left: 0
}

.collapse-processed>summary {
    padding-right: .5em;
    padding-left: .5em
}

.collapse-processed>summary:before {
    float: left;
    width: 1em;
    height: 1em;
    content: "";
    /* background: url(/core/misc/menu-expanded.png) 0 100% no-repeat */
}

[dir=rtl] .collapse-processed>summary:before {
    float: right;
    background-position: 100% 100%
}

.collapse-processed:not([open])>summary:before {
    transform: rotate(-90deg);
    background-position: 25% 35%
}

[dir=rtl] .collapse-processed:not([open])>summary:before {
    transform: rotate(90deg);
    background-position: 75% 35%
}

.container-inline label:after,
.container-inline .label:after {
    content: ":"
}

.form-type-radios .container-inline label:after,
.form-type-checkboxes .container-inline label:after {
    content: ""
}

.form-type-radios .container-inline .form-type-radio,
.form-type-checkboxes .container-inline .form-type-checkbox {
    margin: 0 1em
}

.container-inline .form-actions,
.container-inline.form-actions {
    margin-top: 0;
    margin-bottom: 0
}

details {
    margin-top: 1em;
    margin-bottom: 1em;
    border: 1px solid #ccc
}

details>.details-wrapper {
    padding: .5em 1.5em
}

summary {
    padding: .2em .5em;
    cursor: pointer
}

.exposed-filters .filters {
    float: left;
    margin-right: 1em
}

[dir=rtl] .exposed-filters .filters {
    float: right;
    margin-right: 0;
    margin-left: 1em
}

.exposed-filters .form-item {
    margin: 0 0 .1em;
    padding: 0
}

.exposed-filters .form-item label {
    float: left;
    width: 10em;
    font-weight: 400
}

[dir=rtl] .exposed-filters .form-item label {
    float: right
}

.exposed-filters .form-select {
    width: 14em
}

.exposed-filters .current-filters {
    margin-bottom: 1em
}

.exposed-filters .current-filters .placeholder {
    font-weight: 700;
    font-style: normal
}

.exposed-filters .additional-filters {
    float: left;
    margin-right: 1em
}

[dir=rtl] .exposed-filters .additional-filters {
    float: right;
    margin-right: 0;
    margin-left: 1em
}

.field__label {
    font-weight: 700
}

.field--label-inline .field__label,
.field--label-inline .field__items {
    float: left
}

.field--label-inline .field__label,
.field--label-inline>.field__item,
.field--label-inline .field__items {
    padding-right: .5em
}

[dir=rtl] .field--label-inline .field__label,
[dir=rtl] .field--label-inline .field__items {
    padding-right: 0;
    padding-left: .5em
}

.field--label-inline .field__label::after {
    content: ":"
}

form .field-multiple-table {
    margin: 0
}

form .field-multiple-table .field-multiple-drag {
    width: 30px;
    padding-right: 0
}

[dir=rtl] form .field-multiple-table .field-multiple-drag {
    padding-left: 0
}

form .field-multiple-table .field-multiple-drag .tabledrag-handle {
    padding-right: .5em
}

[dir=rtl] form .field-multiple-table .field-multiple-drag .tabledrag-handle {
    padding-right: 0;
    padding-left: .5em
}

form .field-add-more-submit {
    margin: .5em 0 0
}

.form-item,
.form-actions {
    margin: auto;
}


/* .form-item,
.form-actions {
    margin-top: 1em;
    margin-bottom: 1em
} */

tr.odd .form-item,
tr.even .form-item {
    margin-top: 0;
    margin-bottom: 0
}

.form-composite>.fieldset-wrapper>.description,
.form-item .description {
    font-size: .85em
}

label.option {
    display: inline;
    font-weight: 400
}

.form-composite>legend,
.label {
    display: inline;
    margin: 0;
    padding: 0;
    font-size: inherit;
    font-weight: 700
}

.form-checkboxes .form-item,
.form-radios .form-item {
    margin-top: .4em;
    margin-bottom: .4em
}

.form-type-radio .description,
.form-type-checkbox .description {
    margin-left: 2.4em
}

[dir=rtl] .form-type-radio .description,
[dir=rtl] .form-type-checkbox .description {
    margin-right: 2.4em;
    margin-left: 0
}

.marker {
    color: #e00
}

.form-required:after {
    display: inline-block;
    width: 6px;
    height: 6px;
    margin: 0 .3em;
    content: "";
    vertical-align: super;
    /* background-image: url(/core/misc/icons/ee0000/required.svg); */
    background-repeat: no-repeat;
    background-size: 6px 6px
}

abbr.tabledrag-changed,
abbr.ajax-changed {
    border-bottom: none
}

.form-item input.error,
.form-item textarea.error,
.form-item select.error {
    border: 2px solid red
}

.form-item--error-message:before {
    display: inline-block;
    width: 14px;
    height: 14px;
    content: "";
    vertical-align: sub;
    background: url(/core/misc/icons/e32700/error.svg) no-repeat;
    background-size: contain
}

.icon-help {
    padding: 1px 0 1px 20px;
    background: url(/core/misc/help.png) 0 50% no-repeat
}

[dir=rtl] .icon-help {
    padding: 1px 20px 1px 0;
    background-position: 100% 50%
}

.feed-icon {
    display: block;
    overflow: hidden;
    width: 16px;
    height: 16px;
    text-indent: -9999px;
    background: url(/core/misc/feed.svg) no-repeat
}

.form--inline .form-item {
    float: left;
    margin-right: .5em
}

[dir=rtl] .form--inline .form-item {
    float: right;
    margin-right: 0;
    margin-left: .5em
}

[dir=rtl] .views-filterable-options-controls .form-item {
    margin-right: 2%
}

.form--inline .form-item-separator {
    margin-top: 2.3em;
    margin-right: 1em;
    margin-left: .5em
}

[dir=rtl] .form--inline .form-item-separator {
    margin-right: .5em;
    margin-left: 1em
}

.form--inline .form-actions {
    clear: left
}

[dir=rtl] .form--inline .form-actions {
    clear: right
}

.item-list .title {
    font-weight: 700
}

.item-list ul {
    margin: 0 0 .75em;
    padding: 0
}

.item-list li {
    margin: 0 0 .25em 1.5em;
    padding: 0
}

[dir=rtl] .item-list li {
    margin: 0 1.5em .25em 0
}

.item-list--comma-list {
    display: inline
}

.item-list--comma-list .item-list__comma-list,
.item-list__comma-list li,
[dir=rtl] .item-list--comma-list .item-list__comma-list,
[dir=rtl] .item-list__comma-list li {
    margin: 0
}

button.link {
    margin: 0;
    padding: 0;
    cursor: pointer;
    border: 0;
    background: 0 0;
    font-size: 1em
}

label button.link {
    font-weight: 700
}

ul.inline,
ul.links.inline {
    display: inline;
    padding-left: 0
}

[dir=rtl] ul.inline,
[dir=rtl] ul.links.inline {
    padding-right: 0;
    padding-left: 15px
}

ul.inline li {
    display: inline;
    padding: 0 .5em;
    list-style-type: none
}

ul.links a.is-active {
    color: #000
}

ul.menu {
    margin-left: 1em;
    padding: 0;
    list-style: none outside;
    text-align: left
}

[dir=rtl] ul.menu {
    margin-right: 1em;
    margin-left: 0;
    text-align: right
}

.menu-item--expanded {
    list-style-type: circle;
    list-style-image: url(/core/misc/menu-expanded.png)
}

.menu-item--collapsed {
    list-style-type: disc;
    list-style-image: url(/core/misc/menu-collapsed.png)
}

[dir=rtl] .menu-item--collapsed {
    list-style-image: url(/core/misc/menu-collapsed-rtl.png)
}

.menu-item {
    margin: 0;
    padding-top: .2em
}

ul.menu a.is-active {
    color: #000
}

.more-link {
    display: block;
    text-align: right
}

[dir=rtl] .more-link {
    text-align: left
}

.pager__items {
    clear: both;
    text-align: center
}

.pager__item {
    display: inline;
    padding: .5em
}

.pager__item.is-active {
    font-weight: 700
}

tr.drag {
    background-color: ivory
}

tr.drag-previous {
    background-color: #ffd
}

body div.tabledrag-changed-warning {
    margin-bottom: .5em
}

tr.selected td {
    background: #ffc
}

td.checkbox,
th.checkbox {
    text-align: center
}

[dir=rtl] td.checkbox,
[dir=rtl] th.checkbox {
    text-align: center
}

th.is-active img {
    display: inline
}

td.is-active {
    background-color: #ddd
}

div.tabs {
    margin: 1em 0
}

ul.tabs {
    margin: 0 0 .5em;
    padding: 0;
    list-style: none
}

.tabs>li {
    display: inline-block;
    margin-right: .3em
}

[dir=rtl] .tabs>li {
    margin-right: 0;
    margin-left: .3em
}

.tabs a {
    display: block;
    padding: .2em 1em;
    text-decoration: none
}

.tabs a.is-active {
    background-color: #eee
}

.tabs a:focus,
.tabs a:hover {
    background-color: #f5f5f5
}

.form-textarea-wrapper textarea {
    display: block;
    box-sizing: border-box;
    width: 100%;
    margin: 0
}

.ui-dialog--narrow {
    max-width: 500px
}

@media screen and (max-width:600px) {
    .ui-dialog--narrow {
        min-width: 95%;
        max-width: 95%
    }
}

.messages {
    word-wrap: break-word;
    border-width: 1px 1px 1px 0;
    border-radius: 2px;
    background: no-repeat 10px 17px;
    overflow-wrap: break-word
}

.page-title .base {
    font-size: 2rem;
}

.fieldsets {
    border: 0px solid silver;
    padding: 0;
}

.m-text-input.m-text-input--placeholder-label.control {
    width: 100%;
}

input[type=text],
input[type=password],
input[type=url],
input[type=tel],
input[type=search],
input[type=number],
input[type=datetime],
input[type=email] {
    width: 100%;
    order: 1;
    padding: 16px !important;
}

.m-checkbox.field.choice.become_associate_member {
    margin: 24px 0;
}

.password-strength-meter {
    margin: 6px 0;
    font-size: 14px;
    font-size: .875rem;
    position: relative;
}

.actions-toolbar {
    margin-top: 16px;
    margin-bottom: 16px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

[dir=rtl] .messages {
    padding-right: 35px;
    padding-left: 20px;
    text-align: right;
    border-width: 1px 0 1px 1px;
    background-position: right 10px top 17px
}

.messages+.messages {
    margin-top: 1.538em
}

.messages__list {
    margin: 0;
    padding: 0;
    list-style: none
}

.messages__item+.messages__item {
    margin-top: .769em
}

.messages--status {
    color: #325e1c;
    border-color: #c9e1bd #c9e1bd #c9e1bd transparent;
    background-color: #f3faef;
    /* background-image: url(/core/misc/icons/73b355/check.svg); */
    box-shadow: -8px 0 0 #77b259
}

[dir=rtl] .messages--status {
    margin-left: 0;
    border-color: #c9e1bd transparent #c9e1bd #c9e1bd;
    box-shadow: 8px 0 0 #77b259
}

.messages--warning {
    color: #734c00;
    border-color: #f4daa6 #f4daa6 #f4daa6 transparent;
    background-color: #fdf8ed;
    /* background-image: url(/core/misc/icons/e29700/warning.svg); */
    box-shadow: -8px 0 0 #e09600
}

[dir=rtl] .messages--warning {
    border-color: #f4daa6 transparent #f4daa6 #f4daa6;
    box-shadow: 8px 0 0 #e09600
}

.messages--error {
    color: #a51b00;
    border-color: #f9c9bf #f9c9bf #f9c9bf transparent;
    background-color: #fcf4f2;
    /* background-image: url(/core/misc/icons/e32700/error.svg); */
    box-shadow: -8px 0 0 #e62600
}

[dir=rtl] .messages--error {
    border-color: #f9c9bf transparent #f9c9bf #f9c9bf;
    box-shadow: 8px 0 0 #e62600
}

.messages--error p.error {
    color: #a51b00
}

.progress__track {
    border-color: #b3b3b3;
    border-radius: 10em;
    background-color: #f2f1eb;
    background-image: linear-gradient(#e7e7df, #f0f0f0);
    box-shadow: inset 0 1px 3px hsla(0, 0%, 0%, .16)
}

.progress__bar {
    height: 16px;
    margin-top: -1px;
    margin-left: -1px;
    padding: 0 1px;
    transition: width .5s ease-out;
    -webkit-animation: animate-stripes 3s linear infinite;
    -moz-animation: animate-stripes 3s linear infinite;
    border: 1px #07629a solid;
    border-radius: 10em;
    background: #057ec9;
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.15)), linear-gradient(to right bottom, #0094f0 0%, #0094f0 25%, #007ecc 25%, #007ecc 50%, #0094f0 50%, #0094f0 75%, #0094f0 100%);
    background-size: 40px 40px
}

[dir=rtl] .progress__bar {
    margin-right: -1px;
    margin-left: 0;
    -webkit-animation-direction: reverse;
    animation-direction: reverse
}

@media screen and (prefers-reduced-motion:reduce) {
    .progress__bar {
        transition: none;
        -webkit-animation: none;
        -moz-animation: none
    }
}

@-webkit-keyframes animate-stripes {
    0% {
        background-position: 0 0, 0 0
    }
    100% {
        background-position: 0 0, -80px 0
    }
}

@keyframes animate-stripes {
    0% {
        background-position: 0 0, 0 0
    }
    100% {
        background-position: 0 0, -80px 0
    }
}


/*
 * The Typekit service used to deliver this font or fonts for use on websites
 * is provided by Adobe and is subject to these Terms of Use
 * http://www.adobe.com/products/eulas/tou_typekit. For font license
 * information, see the list below.
 *
 * arno-pro:
 *   - http://typekit.com/eulas/000000000000000000017424
 * gastromond:
 *   - http://typekit.com/eulas/00000000000000007735ae01
 * lft-etica:
 *   - http://typekit.com/eulas/000000000000000077359a84
 * plantin:
 *   - http://typekit.com/eulas/00000000000000007735baf2
 * rift:
 *   - http://typekit.com/eulas/00000000000000007735b228
 *
 * © 2009-2021 Adobe Systems Incorporated. All Rights Reserved.
 */


/*{"last_published":"2021-02-22 13:41:32 UTC"}*/

.tk-arno-pro {
    font-family: "arno-pro", serif;
}

.tk-lft-etica {
    font-family: "lft-etica", sans-serif;
}

.tk-rift {
    font-family: "rift", sans-serif;
}

.tk-gastromond {
    font-family: "gastromond", sans-serif;
}

.tk-plantin {
    font-family: "plantin", sans-serif;
}

.layout--onecol .layout__region {
    width: 100%
}

.layout--onecol .layout__region {
    width: 100%
}

.layout--onecol .layout__region {
    width: 100%
}

.layout--onecol .layout__region {
    width: 100%
}

 :root {
    --color-simply-organic: #4a6915;
    --color-simply-organic-light: #bbc101;
    --color-aura-cacia: #9678d3;
    --color-frontier-coop: #137f62;
    --color-frontier-coop-light: #78be4c
}

 :root,
.c-recipe-slider--colored-bg .c-recipe-slider__arrows,
.t-recipe .c-products-slider {
    --color-primary: #0b2d25;
    --color-secondary: #137f62;
    --color-tertiary: #78be4c;
    --color-white: #FFF;
    --color-white-smoke: #f4f0e9;
    --color-light-gray: #ddd6c4;
    --color-gray: #a8a99e;
    --color-black: #0b2d25;
    --color-success: #137f62;
    --color-error: #F05922;
    --color-warning: #ffcc66;
    --color-brand: #137f62;
    --color-foreground: #0b2d25;
    --color-background: #FFF;
    --color-accent: var(--color-brand);
    --color-btn-primary: #0b2d25;
    --color-btn-primary-text: #FFF;
    --color-btn-primary-hover: var(--color-accent);
    --color-btn-primary-text-hover: #FFF;
    --color-btn-text: #0b2d25;
    --color-btn-text-hover: var(--color-accent);
    --color-form-border: #a8a99e;
    --color-form-border-active: var(--color-accent)
}

.dark-bg-demo,
.m-account-tile--colored-bg,
.m-menu-media-card--overlay .m-menu-media-card__label,
.c-homepage-hero-carousel__arrows,
.c-recipe-slider--colored-bg,
.c-reviews,
.c-account-header--light,
.t-blp--fc .c-category-card-grid,
.t-blp--ac .c-category-card-grid,
.t-blp--so .c-category-card-grid,
.a-message--success,
.m-top-banner {
    --color-foreground: #FFF;
    --color-background: #0b2d25;
    --color-accent: var(--color-brand);
    --color-btn-primary: var(--color-foreground);
    --color-btn-primary-text: #0b2d25;
    --color-btn-primary-hover: var(--color-accent);
    --color-btn-primary-text-hover: #FFF;
    --color-btn-text: var(--color-foreground);
    --color-btn-text-hover: var(--color-foreground);
    --color-form-border: #a8a99e;
    --color-form-border-active: var(--color-accent)
}

@font-face {
    font-family: montserrat;
    font-style: normal;
    font-weight: 300;
    src: url(/fonts/Montserrat-Light.ttf?409c7f79a42e56c785f50ed37535f0be) format("truetype")
}

@font-face {
    font-family: montserrat;
    font-style: italic;
    font-weight: 300;
    src: url(/fonts/Montserrat-LightItalic.ttf?d41d8cd98f00b204e9800998ecf8427e) format("truetype")
}

@font-face {
    font-family: montserrat;
    font-style: normal;
    font-weight: 400;
    src: url(/fonts/Montserrat-Regular.ttf?ee6539921d713482b8ccd4d0d23961bb) format("truetype")
}

@font-face {
    font-family: montserrat;
    font-style: italic;
    font-weight: 400;
    src: url(/fonts/Montserrat-Italic.ttf?a7063e0c0f0cb546ad45e9e24b27bd3b) format("truetype")
}

@font-face {
    font-family: montserrat;
    font-style: normal;
    font-weight: 500;
    src: url(/fonts/Montserrat-Medium.ttf?c8b6e083af3f94009801989c3739425e) format("truetype")
}

@font-face {
    font-family: montserrat;
    font-style: normal;
    font-weight: 600;
    src: url(/fonts/Montserrat-SemiBold.ttf?c641dbee1d75892e4d88bdc31560c91b) format("truetype")
}

@font-face {
    font-family: montserrat;
    font-style: normal;
    font-weight: 700;
    src: url(/fonts/Montserrat-Bold.ttf?ade91f473255991f410f61857696434b) format("truetype")
}

@font-face {
    font-family: montserrat;
    font-style: normal;
    font-weight: 900;
    src: url(/fonts/Montserrat-Black.ttf?27e3649bab7c62fa21b8837c4842e40e) format("truetype")
}

@font-face {
    font-family: icomoon;
    src: url(/fonts/icomoon.ttf?428e6d20bda3ff2f783f2863d647ca80) format("truetype"), url(/fonts/icomoon.woff?f6344f36c89f02806607c7cc76f96b34) format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: block
}

[class^=icon-],
[class*=" icon-"],
.a-star-rating__rating-wrapper,
.a-star-rating__rating,
.m-select-menu__arrow::before,
.m-checkbox__square:after,
.m-quick-filter__checkmark:after,
.m-sort-by__arrow::before,
.m-selected-filter__remove-btn:after {
    font-family: icomoon!important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-copy:before {
    content: "\E922"
}

.icon-move:before {
    content: "\E923"
}

.icon-pinterest:before {
    content: "\E921"
}

.icon-new-arrivals:before {
    content: "\E920"
}

.icon-community-board:before {
    content: "\E91C"
}

.icon-dashboard:before {
    content: "\E91D"
}

.icon-orders:before {
    content: "\E91E"
}

.icon-serving:before {
    content: "\E91F"
}

.icon-menu:before {
    content: "\E91B"
}

.icon-check:before {
    content: "\E91A"
}

.icon-star-filled:before {
    content: "\E900"
}

.icon-star:before {
    content: "\E901"
}

.icon-account-filled:before {
    content: "\E912"
}

.icon-account-signed-in:before {
    content: "\E913"
}

.icon-add-to-cart:before {
    content: "\E914"
}

.icon-arrow-dropdown:before {
    content: "\E915"
}

.icon-favorite-filled:before {
    content: "\E916"
}

.icon-filters:before {
    content: "\E917"
}

.icon-timer:before {
    content: "\E918"
}

.icon-tooltip:before {
    content: "\E919"
}

.icon-facebook:before {
    content: "\E90E"
}

.icon-instagram:before {
    content: "\E90F"
}

.icon-twitter:before {
    content: "\E910"
}

.icon-youtube:before {
    content: "\E911"
}

.icon-account:before {
    content: "\E902"
}

.icon-arrow:before,
.icon-arrow-left:before,
.icon-arrow-right:before,
.icon-arrow-up:before,
.icon-arrow-down:before {
    content: "\E903"
}

.icon-cart:before {
    content: "\E904"
}

.icon-close:before {
    content: "\E905"
}

.icon-color:before {
    content: "\E906"
}

.icon-favorite:before {
    content: "\E907"
}

.icon-ingredients:before {
    content: "\E908"
}

.icon-oil:before {
    content: "\E909"
}

.icon-search:before {
    content: "\E90A"
}

.icon-testing:before {
    content: "\E90B"
}

.icon-usa:before {
    content: "\E90C"
}

.icon-without:before {
    content: "\E90D"
}

button,
.a-btn {
    font-size: 14px;
    font-size: .875rem;
    display: inline-block;
    font-family: montserrat, sans-serif;
    font-weight: 400;
    line-height: 1.2;
    padding: 14px 30px;
    border-radius: 0;
    cursor: pointer;
    outline: none
}

@media(min-width:768px) {
    button,
    .a-btn {
        font-size: 16px;
        font-size: 1rem
    }
}

a.a-btn,
a.a-icon-text-btn,
a.a-text-btn-with-arrow {
    text-decoration: none;
    text-align: center
}

.a-btn--text,
.a-icon-text-btn,
.a-text-btn-with-arrow,
.m-recipe-header__action {
    font-size: 14px;
    font-size: .875rem;
    border: 0;
    outline: 0;
    padding: 0;
    background: 0 0;
    font-weight: 400;
    font-family: montserrat, sans-serif;
    color: var(--color-foreground);
    transition: color .2s ease-in-out;
    outline: none
}

.a-btn--text:hover,
.a-icon-text-btn:hover,
.a-text-btn-with-arrow:hover,
.m-recipe-header__action:hover,
.a-btn--text:focus,
.a-icon-text-btn:focus,
.a-text-btn-with-arrow:focus,
.m-recipe-header__action:focus {
    color: var(--color-btn-text-hover)
}

input[type=text],
input[type=email],
input[type=password],
.a-text-input,
input[type=number],
.a-number-input,
.m-newsletter-signup__input,
select,
.a-select-menu,
textarea,
.a-textarea {
    font-size: 14px;
    font-size: .875rem;
    font-family: montserrat, sans-serif;
    font-weight: 400;
    color: var(--color-foreground);
    line-height: 1.2;
    padding: 10px;
    margin: 0;
    background-color: #fff;
    border: 1px solid var(--color-form-border);
    border-radius: 0;
    transition: border-color .2s ease-in-out, box-shadow .2s ease-in-out
}

input[type=text]:focus,
input[type=email]:focus,
input[type=password]:focus,
.a-text-input:focus,
input:focus[type=number],
.a-number-input:focus,
.m-newsletter-signup__input:focus,
select:focus,
.a-select-menu:focus,
textarea:focus,
.a-textarea:focus {
    outline: none;
    box-shadow: 0 0 0 1px var(--color-form-border-active);
    border-color: var(--color-form-border-active)
}

.a-toggle__label,
.a-form-label,
.m-radio-button__text-label,
.m-checkbox__text-label {
    font-size: 16px;
    font-size: 1rem;
    font-weight: 400;
    font-family: montserrat, sans-serif
}

input[type=text]::-moz-placeholder,
input[type=email]::-moz-placeholder,
input[type=password]::-moz-placeholder,
.a-text-input::-moz-placeholder,
input[type=number]::-moz-placeholder,
.a-number-input::-moz-placeholder,
.m-newsletter-signup__input::-moz-placeholder,
textarea::-moz-placeholder,
.a-textarea::-moz-placeholder {
    color: var(--color-foreground);
    opacity: .8
}

input[type=text]:-ms-input-placeholder,
input[type=email]:-ms-input-placeholder,
input[type=password]:-ms-input-placeholder,
.a-text-input:-ms-input-placeholder,
input[type=number]:-ms-input-placeholder,
.a-number-input:-ms-input-placeholder,
.m-newsletter-signup__input:-ms-input-placeholder,
textarea:-ms-input-placeholder,
.a-textarea:-ms-input-placeholder {
    color: var(--color-foreground);
    opacity: .8
}

input[type=text]::-moz-placeholder,
input[type=email]::-moz-placeholder,
input[type=password]::-moz-placeholder,
.a-text-input::-moz-placeholder,
input[type=number]::-moz-placeholder,
.a-number-input::-moz-placeholder,
.m-newsletter-signup__input::-moz-placeholder,
textarea::-moz-placeholder,
.a-textarea::-moz-placeholder {
    color: var(--color-foreground);
    opacity: .8
}

input[type=text]:-ms-input-placeholder,
input[type=email]:-ms-input-placeholder,
input[type=password]:-ms-input-placeholder,
.a-text-input:-ms-input-placeholder,
input[type=number]:-ms-input-placeholder,
.a-number-input:-ms-input-placeholder,
.m-newsletter-signup__input:-ms-input-placeholder,
textarea:-ms-input-placeholder,
.a-textarea:-ms-input-placeholder {
    color: var(--color-foreground);
    opacity: .8
}

.m-select-menu__label,
.m-text-input--placeholder-label .m-text-input__label,
.m-textarea--placeholder-label .m-textarea__label,
input[type=text]::placeholder,
input[type=email]::placeholder,
input[type=password]::placeholder,
.a-text-input::placeholder,
input[type=number]::placeholder,
.a-number-input::placeholder,
.m-newsletter-signup__input::placeholder,
textarea::placeholder,
.a-textarea::placeholder {
    color: var(--color-foreground);
    opacity: .8
}

.m-select-menu__label,
.m-text-input--placeholder-label .m-text-input__label,
.m-textarea--placeholder-label .m-textarea__label {
    font-size: 14px;
    font-size: .875rem;
    font-weight: 400;
    position: absolute;
    left: 13px;
    top: 16px;
    z-index: 1;
    padding: 0 5px;
    transition: .3s ease-in-out;
    transition-property: transform, color, opacity;
    transform-origin: bottom left;
    background-color: var(--color-background)
}

.m-text-input--placeholder-label .m-text-input__input:focus~.m-text-input__label,
.m-select-menu__select:focus~.m-select-menu__label,
.m-textarea--placeholder-label .m-textarea__input:focus~.m-textarea__label,
.m-select-menu__label,
.m-text-input--placeholder-label .m-text-input__input.js-placeholder-label-not-empty~.m-text-input__label,
.m-textarea--placeholder-label .m-textarea__input.js-placeholder-label-not-empty~.m-textarea__label {
    transform: translateX(-5px) translateY(calc(-100% - 9px)) scale(0.85);
    text-transform: uppercase;
    font-weight: 700;
    opacity: 1
}

.m-text-input--placeholder-label .m-text-input__input:focus~.m-text-input__label,
.m-select-menu__select:focus~.m-select-menu__label,
.m-textarea--placeholder-label .m-textarea__input:focus~.m-textarea__label {
    color: var(--color-form-border-active)
}

.a-icon-text-btn--icon-only .a-icon-text-btn__label,
.a-form-label--sr-only,
.a-form-tooltip__input,
.a-form-tooltip__trigger-text,
.m-text-input--hidden-label .m-text-input__label,
.m-select-menu--hidden-label .m-select-menu__label,
.m-textarea--hidden-label .m-textarea__label,
.m-selected-filter__remove-label,
.c-header__search-panel-open span {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0
}

.m-featured-links__link,
.m-menu-media-card__label-text,
.m-submenu-heading__label,
.m-menu-info-block__heading {
    color: var(--color-foreground);
    font-size: 16px;
    line-height: 1.2;
    font-weight: 600;
}

html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

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

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;
    -webkit-text-decoration: underline dotted;
    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: inherit;
    font-size: 100%;
    line-height: 1.15;
    margin: 0
}

button,
input {
    overflow: visible
}

button,
select {
    text-transform: none
}

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

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

button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-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
}

template {
    display: none
}

[hidden] {
    display: none
}

.glide {
    position: relative;
    width: 100%;
    box-sizing: border-box
}

.glide * {
    box-sizing: inherit
}

.glide__track {
    overflow: hidden
}

.glide__slides {
    position: relative;
    width: 100%;
    list-style: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transform-style: preserve-3d;
    touch-action: pan-Y;
    overflow: hidden;
    padding: 0;
    white-space: nowrap;
    display: flex;
    flex-wrap: nowrap;
    will-change: transform
}

.glide__slides--dragging {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.glide__slide {
    width: 100%;
    height: 100%;
    flex-shrink: 0;
    white-space: normal;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: transparent
}

.glide__slide a {
    -webkit-user-select: none;
    user-select: none;
    -webkit-user-drag: none;
    -moz-user-select: none;
    -ms-user-select: none
}

.glide__arrows {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.glide__bullets {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.glide--rtl {
    direction: rtl
}

@keyframes drift-fadeZoomIn {
    0% {
        transform: scale(1.5);
        opacity: 0
    }
    100% {
        transform: scale(1);
        opacity: 1
    }
}

@keyframes drift-fadeZoomOut {
    0% {
        transform: scale(1);
        opacity: 1
    }
    15% {
        transform: scale(1.1);
        opacity: 1
    }
    100% {
        transform: scale(.5);
        opacity: 0
    }
}

@keyframes drift-loader-rotate {
    0% {
        transform: translate(-50%, -50%) rotate(0)
    }
    50% {
        transform: translate(-50%, -50%) rotate(-180deg)
    }
    100% {
        transform: translate(-50%, -50%) rotate(-360deg)
    }
}

@keyframes drift-loader-before {
    0% {
        transform: scale(1)
    }
    10% {
        transform: scale(1.2) translateX(6px)
    }
    25% {
        transform: scale(1.3) translateX(8px)
    }
    40% {
        transform: scale(1.2) translateX(6px)
    }
    50% {
        transform: scale(1)
    }
    60% {
        transform: scale(.8) translateX(6px)
    }
    75% {
        transform: scale(.7) translateX(8px)
    }
    90% {
        transform: scale(.8) translateX(6px)
    }
    100% {
        transform: scale(1)
    }
}

@keyframes drift-loader-after {
    0% {
        transform: scale(1)
    }
    10% {
        transform: scale(1.2) translateX(-6px)
    }
    25% {
        transform: scale(1.3) translateX(-8px)
    }
    40% {
        transform: scale(1.2) translateX(-6px)
    }
    50% {
        transform: scale(1)
    }
    60% {
        transform: scale(.8) translateX(-6px)
    }
    75% {
        transform: scale(.7) translateX(-8px)
    }
    90% {
        transform: scale(.8) translateX(-6px)
    }
    100% {
        transform: scale(1)
    }
}

@-webkit-keyframes drift-fadeZoomIn {
    0% {
        -webkit-transform: scale(1.5);
        opacity: 0
    }
    100% {
        -webkit-transform: scale(1);
        opacity: 1
    }
}

@-webkit-keyframes drift-fadeZoomOut {
    0% {
        -webkit-transform: scale(1);
        opacity: 1
    }
    15% {
        -webkit-transform: scale(1.1);
        opacity: 1
    }
    100% {
        -webkit-transform: scale(.5);
        opacity: 0
    }
}

@-webkit-keyframes drift-loader-rotate {
    0% {
        -webkit-transform: translate(-50%, -50%) rotate(0)
    }
    50% {
        -webkit-transform: translate(-50%, -50%) rotate(-180deg)
    }
    100% {
        -webkit-transform: translate(-50%, -50%) rotate(-360deg)
    }
}

@-webkit-keyframes drift-loader-before {
    0% {
        -webkit-transform: scale(1)
    }
    10% {
        -webkit-transform: scale(1.2) translateX(6px)
    }
    25% {
        -webkit-transform: scale(1.3) translateX(8px)
    }
    40% {
        -webkit-transform: scale(1.2) translateX(6px)
    }
    50% {
        -webkit-transform: scale(1)
    }
    60% {
        -webkit-transform: scale(.8) translateX(6px)
    }
    75% {
        -webkit-transform: scale(.7) translateX(8px)
    }
    90% {
        -webkit-transform: scale(.8) translateX(6px)
    }
    100% {
        -webkit-transform: scale(1)
    }
}

@-webkit-keyframes drift-loader-after {
    0% {
        -webkit-transform: scale(1)
    }
    10% {
        -webkit-transform: scale(1.2) translateX(-6px)
    }
    25% {
        -webkit-transform: scale(1.3) translateX(-8px)
    }
    40% {
        -webkit-transform: scale(1.2) translateX(-6px)
    }
    50% {
        -webkit-transform: scale(1)
    }
    60% {
        -webkit-transform: scale(.8) translateX(-6px)
    }
    75% {
        -webkit-transform: scale(.7) translateX(-8px)
    }
    90% {
        -webkit-transform: scale(.8) translateX(-6px)
    }
    100% {
        -webkit-transform: scale(1)
    }
}

.drift-zoom-pane {
    background: rgba(0, 0, 0, .5);
    transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0)
}

.drift-zoom-pane.drift-opening {
    animation: drift-fadeZoomIn 180ms ease-out;
    -webkit-animation: drift-fadeZoomIn 180ms ease-out
}

.drift-zoom-pane.drift-closing {
    animation: drift-fadeZoomOut 210ms ease-in;
    -webkit-animation: drift-fadeZoomOut 210ms ease-in
}

.drift-zoom-pane.drift-inline {
    position: absolute;
    width: 150px;
    height: 150px;
    border-radius: 75px;
    box-shadow: 0 6px 18px rgba(0, 0, 0, .3)
}

.drift-loading .drift-zoom-pane-loader {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    width: 66px;
    height: 20px;
    animation: drift-loader-rotate 1800ms infinite linear;
    -webkit-animation: drift-loader-rotate 1800ms infinite linear
}

.drift-zoom-pane-loader:before,
.drift-zoom-pane-loader:after {
    content: "";
    display: block;
    width: 20px;
    height: 20px;
    position: absolute;
    top: 50%;
    margin-top: -10px;
    border-radius: 20px;
    background: rgba(255, 255, 255, .9)
}

.drift-zoom-pane-loader:before {
    left: 0;
    animation: drift-loader-before 1800ms infinite linear;
    -webkit-animation: drift-loader-before 1800ms infinite linear
}

.drift-zoom-pane-loader:after {
    right: 0;
    animation: drift-loader-after 1800ms infinite linear;
    -webkit-animation: drift-loader-after 1800ms infinite linear;
    animation-delay: -900ms;
    -webkit-animation-delay: -900ms
}

.drift-bounding-box {
    background-color: rgba(255, 255, 255, .4);
    border: 2px solid #0b2d25
}

* {
    box-sizing: border-box
}

html,
body {
    width: 100vw;
    max-width: 100%
}

a {
    outline: none
}

.glide__slides {
    list-style: none;
    margin: 0;
    padding: 0
}

.glide__slide {
    padding: 0;
    margin: 0;
    list-style: none;
    margin: 0;
    height: auto
}

.glide__slide:before {
    display: none
}

.glide__slide::before {
    display: none
}

[hidden] {
    display: none!important
}

.dark-bg-demo {
    background-color: var(--color-background);
    padding: 20px
}

.dragscroll {
    cursor: -webkit-grab;
    cursor: grab
}

.dragscroll--dragging {
    cursor: -webkit-grabbing;
    cursor: grabbing
}

.a-logo {
    display: inline-block;
    transition: transform .2s ease-in-out
}

.a-logo img {
    display: block;
    max-width: 400px
}

.a-logo:hover,
.a-logo:focus {
    transform: scale(1.1)
}

.a-color-palette {
    display: flex;
    flex-wrap: wrap;
    margin: 0;
    padding: 0;
    list-style: none
}

.a-color-palette li {
    display: inline-block;
    margin-right: 10px;
    margin-bottom: 10px;
    padding: 5px;
    width: 150px;
    border: 1px solid #ddd;
    border-radius: 6px
}

.a-color-palette li:before {
    content: '';
    padding: 0
}

.a-color-palette__swatch {
    display: block;
    width: 100%;
    height: 80px;
    border-radius: 6px;
    margin-bottom: 5px
}

.a-color-palette__label {
    font-size: 12px;
    font-size: .75rem
}

h1,
.c-info-cards-3-up__heading,
.c-homepage-hero-carousel__headline {
    font-size: 48px;
    font-size: 3rem;
    line-height: 1;
    font-family: montserrat, sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    color: #0b2d25;
    margin: 0 0 10px;
    padding: 0
}

@media(min-width:1280px) {
    h1,
    .c-info-cards-3-up__heading,
    .c-homepage-hero-carousel__headline {
        font-size: 80px;
        font-size: 5rem
    }
}
.c-page-header__content h1.c-page-header__headline{
  text-transform: unset
}
h2,
.c-page-header__headline,
.c-category-card-grid__heading,
.c-cta-banner__heading,
.c-account-header__greeting,
.c-login__heading,
.c-create-account__heading,
.c-forgot-password__heading,
.c-contact-information__heading,
.t-srp__search-term,
.m-review-testimonial-block__quote .m-review-testimonial-block__quote-text,
.m-newsletter-signup__heading,
.c-reviews__headline,
.c-intro-block .c-intro-block__heading {
    font-size: 32px;
    font-size: 2rem;
    line-height: 1;
    font-family: montserrat, sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    color: #0b2d25;
    margin: 0 0 10px;
    padding: 0
}

@media(min-width:1280px) {
    h2,
    .c-page-header__headline,
    .c-category-card-grid__heading,
    .c-cta-banner__heading,
    .c-account-header__greeting,
    .c-login__heading,
    .c-create-account__heading,
    .c-forgot-password__heading,
    .c-contact-information__heading,
    .t-srp__search-term,
    .m-review-testimonial-block__quote .m-review-testimonial-block__quote-text,
    .m-newsletter-signup__heading,
    .c-reviews__headline,
    .c-intro-block .c-intro-block__heading {
        font-size: 24px;
        font-size: 1.5rem
    }
}

h3,
.m-media-card__headline,
.m-content-card__headline,
.m-recipe-header__name,
.c-info-cards-3-up__subheading,
.m-cms-recipe-section-heading .m-cms-recipe-section-heading__title {
    font-size: 28px;
    font-size: 1.75rem;
    line-height: 1;
    font-family: montserrat, sans-serif;
    font-weight: 700;
    color: #0b2d25;
    text-transform: uppercase;
    margin: 0 0 10px;
    padding: 0
}

@media(min-width:1280px) {
    h3,
    .m-media-card__headline,
    .m-content-card__headline,
    .m-recipe-header__name,
    .c-info-cards-3-up__subheading,
    .m-cms-recipe-section-heading .m-cms-recipe-section-heading__title {
        font-size: 19px;
        font-size: 1.17rem
    }
}

h4,
.m-heading__headline,
.m-cms-recipe-section-heading__title,
.m-content-card__content-headline,
.m-info-card__headline,
.m-recipe-card__recipe-name,
.m-review-testimonial-block__quote-text,
.c-media-block__headline,
.c-intro-block__heading,
.c-products-slider--changeable .c-products-slider__switcher-label,
.c-faq-accordion__more-questions-heading {
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.3;
    font-family: montserrat, sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    color: #0b2d25;
    margin: 0 0 10px;
    padding: 0
}

@media(min-width:1280px) {
    h4,
    .m-heading__headline,
    .m-cms-recipe-section-heading__title,
    .m-content-card__content-headline,
    .m-info-card__headline,
    .m-recipe-card__recipe-name,
    .m-review-testimonial-block__quote-text,
    .c-media-block__headline,
    .c-intro-block__heading,
    .c-products-slider--changeable .c-products-slider__switcher-label,
    .c-faq-accordion__more-questions-heading {
        font-size: 16px;
        font-size: 1rem
    }
}

@media screen and (min-width:768px) {
    h4,
    .m-heading__headline,
    .m-cms-recipe-section-heading__title,
    .m-content-card__content-headline,
    .m-info-card__headline,
    .m-recipe-card__recipe-name,
    .m-review-testimonial-block__quote-text,
    .c-media-block__headline,
    .c-intro-block__heading,
    .c-products-slider--changeable .c-products-slider__switcher-label,
    .c-faq-accordion__more-questions-heading {
        line-height: 1.2
    }
}

h5,
.m-newsletter-signup__heading,
.c-homepage-hero__subheading,
.c-category-card-grid__subheading {
    font-size: 13px;
    font-size: 0.8rem;
    line-height: 1.3;
    font-family: arno-pro, serif;
    font-weight: 700;
    color: #0b2d25;
    margin: 0 0 10px;
    padding: 0
}

@media(min-width:1280px) {
    h5,
    .m-newsletter-signup__heading,
    .c-homepage-hero__subheading,
    .c-category-card-grid__subheading {
        font-size: 13px;
        font-size: 0.8rem
    }
}

@media screen and (min-width:768px) {
    h5,
    .m-newsletter-signup__heading,
    .c-homepage-hero__subheading,
    .c-category-card-grid__subheading {
        line-height: 1.5
    }
}

h6,
.m-category-card__caption,
.m-content-card__subheading,
.m-account-tile__label,
.m-cms-content-card__recipe-name,
.c-cms-recipe-block__recipe-subheading,
.c-cms-slider-section__link,
.c-login__block-heading,
.c-create-account__block-heading,
.c-forgot-password__block-heading,
.c-contact-information__block-heading {
    font-size: 11px;
    font-size: 0.67rem;
    line-height: 1.3;
    font-family: montserrat, sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    color: #0b2d25;
    margin: 0 0 10px;
    padding: 0
}

@media(min-width:768px) {
    h6,
    .m-category-card__caption,
    .m-content-card__subheading,
    .m-account-tile__label,
    .m-cms-content-card__recipe-name,
    .c-cms-recipe-block__recipe-subheading,
    .c-cms-slider-section__link,
    .c-login__block-heading,
    .c-create-account__block-heading,
    .c-forgot-password__block-heading,
    .c-contact-information__block-heading {
        font-size: 11px;
    font-size: 0.67rem;
    }
}

@media screen and (min-width:768px) {
    h6,
    .m-category-card__caption,
    .m-content-card__subheading,
    .m-account-tile__label,
    .m-cms-content-card__recipe-name,
    .c-cms-recipe-block__recipe-subheading,
    .c-cms-slider-section__link,
    .c-login__block-heading,
    .c-create-account__block-heading,
    .c-forgot-password__block-heading,
    .c-contact-information__block-heading {
        line-height: 1.5
    }
}

p {
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.5;
    font-family: montserrat, sans-serif;
    margin: 0 0 10px;
    padding: 0
}

@media screen and (min-width:768px) {
    p {
        line-height: 1.3
    }
}

.a-paragraph--small,
.a-form-tooltip__tooltip-inner {
    font-size: 12px;
    font-size: .75rem;
    line-height: 1.3;
    letter-spacing: .15px
}

@media(min-width:1280px) {
    .a-paragraph--small,
    .a-form-tooltip__tooltip-inner {
        font-size: 14px;
        font-size: .875rem
    }
}

@media screen and (min-width:768px) {
    .a-paragraph--small,
    .a-form-tooltip__tooltip-inner {
        line-height: 1.4
    }
}

.a-paragraph--large,
.c-simple-content-block p:first-child {
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 1.3;
    letter-spacing: .25px;
    font-weight: 300
}

@media(min-width:1280px) {
    .a-paragraph--large,
    .c-simple-content-block p:first-child {
        font-size: 24px;
        font-size: 1.5rem
    }
}

@media screen and (min-width:768px) {
    .a-paragraph--large,
    .c-simple-content-block p:first-child {
        line-height: 1.4
    }
}

ul,
ol {
    font-size: 16px;
    font-size: 1rem;
    font-family: montserrat, sans-serif;
    line-height: 1.5;
    margin: 0;
    letter-spacing: .25px;
    list-style: none;
    padding: 0
}

ul li,
ol li {
    margin: 0 0 10px
}

ul li::before,
ol li::before {
    padding: 0 15px 0 0
}

ul li ul:first-child,
ul li ol:first-child,
ol li ul:first-child,
ol li ol:first-child {
    margin: 0;
    padding-bottom: 15px;
}

ul li:before {
    content: none
}

ol {
    counter-reset: my-counter
}

ol>li {
    counter-increment: my-counter;
    padding-left: 38px;
    position: relative
}

ol>li::before {
    content: counter(my-counter) ". ";
    position: absolute;
    left: 0;
    top: 0;
    width: 24px;
    text-align: right
}

ol ul li:before {
    content: '\2013'
}

.a-anchor {
    font-family: montserrat, sans-serif;
    color: inherit;
    text-decoration: none;
    padding: 0 0 2px;
    transition: box-shadow 200ms ease-in-out;
    outline: none;
    display: inline-block
}

.a-anchor:hover,
.a-anchor:focus {}

button.a-anchor {
    background: 0 0;
    border-radius: 0;
    border: none
}

body {
    font-family: montserrat, sans-serif
}

body em {
    font-style: italic
}

body strong {
    font-weight: 700
}

body .font-secondary {
    font-family: montserrat, sans-serif
}

body .font-decorative {
    font-family: arno-pro, serif
}

body a {
    color: #ea7236
}

.a-icon {
    display: inline-flex;
    align-items: center;
    width: 24%;
    line-height: 2
}

.a-icon__icon {
    font-size: 14px;
    font-size: .875rem
}

@media(min-width:768px) {
    .a-icon__icon {
        font-size: 16px;
        font-size: 1rem
    }
}

.a-icon__name {
    font-size: 14px;
    font-size: .875rem;
    margin-left: 10px
}

@media(min-width:768px) {
    .a-icon__name {
        font-size: 16px;
        font-size: 1rem
    }
}

.icon-arrow-left::before,
.icon-arrow-right::before,
.icon-arrow-up::before,
.icon-arrow-down::before {
    display: inline-block
}

.icon-arrow-left::before {
    transform: scaleX(-1)
}

.icon-arrow-up::before {
    transform: rotate(-90deg)
}

.icon-arrow-down::before {
    transform: rotate(90deg)
}

.a-promo-message {
    font-size: 12px;
    font-size: .75rem;
    line-height: 1.6;
    color: var(--color-white);
    font-style: italic;
    font-family: montserrat, sans-serif
}

@media(min-width:1280px) {
    .a-promo-message {
        font-size: 16px;
        font-size: 1rem
    }
}

.a-promo-message--background-brand {
    background-color: var(--color-brand)
}

@media screen and (min-width:768px) {
    .a-promo-message {
        line-height: 1.2
    }
}

.a-message {
    background-color: #a8a99e;
    font-size: 14px;
    font-size: .875rem;
    font-family: montserrat, sans-serif;
    font-weight: 700;
    padding: 14px;
    text-align: center;
    color: var(--color-foreground)
}

.a-message--success {
    background-color: #137f62
}

.a-message--warning {
    background-color: #fc6
}

.a-message--error {
    background-color: #f05922
}

.a-btn--primary,
.a-carousel-indicator--arrows .a-carousel-indicator__arrow {
    border: none;
    padding-top: 16px;
    padding-bottom: 16px;
    position: relative;
    color: var(--color-btn-primary-text);
    background-color: var(--color-btn-primary);
    transition: color .2s ease-in-out, background-color .2s ease-in-out;
    overflow: hidden
}

.a-btn--primary:hover,
.a-carousel-indicator--arrows .a-carousel-indicator__arrow:hover,
.a-btn--primary:focus,
.a-carousel-indicator--arrows .a-carousel-indicator__arrow:focus {
    color: var(--color-btn-primary-text-hover);
    background-color: var(--color-btn-primary-hover)
}

.a-btn--secondary {
    position: relative;
    border: 2px solid var(--color-foreground);
    color: var(--color-foreground);
    transition: color .2s ease-in-out, background-color .2s ease-in-out;
    background-color: transparent;
    overflow: hidden
}

.a-btn--secondary:hover,
.a-btn--secondary:focus {
    color: var(--color-background);
    background-color: var(--color-foreground)
}

.a-btn--secondary--brand {
    --color-foreground: #0b2d25;
    --color-accent: #137f62
}

.a-btn--text {
    text-decoration: underline;
    -webkit-text-decoration-color: transparent;
    text-decoration-color: transparent;
    transition: all .2s ease-in-out
}

.a-btn--text:hover,
.a-btn--text:focus {
    -webkit-text-decoration-color: currentColor;
    text-decoration-color: currentColor
}

.a-icon-text-btn {
    display: flex;
    align-items: center
}

.a-icon-text-btn .a-icon-text-btn__label {
    text-decoration: underline;
    -webkit-text-decoration-color: transparent;
    text-decoration-color: transparent;
    transition: all .2s ease-in-out
}

.a-icon-text-btn:hover .a-icon-text-btn__label,
.a-icon-text-btn:focus .a-icon-text-btn__label {
    -webkit-text-decoration-color: currentColor;
    text-decoration-color: currentColor
}

.a-icon-text-btn__label {
    margin: 0 0 0 4px
}

.a-icon-text-btn__icon {
    font-size: 24px;
    font-size: 1.5rem
}

.a-icon-text-btn--icon-right {
    flex-direction: row-reverse
}

.a-icon-text-btn--icon-right .a-icon-text-btn__label {
    margin: 0 4px 0 0
}

.a-icon-text-btn--icon-only .a-icon-text-btn__label {
    position: absolute
}

.a-icon-text-btn--icon-only .a-icon-text-btn__icon {
    transition: transform .25s ease-in-out;
    transform-origin: bottom
}

.a-icon-text-btn--icon-only:hover .a-icon-text-btn__icon,
.a-icon-text-btn--icon-only:focus .a-icon-text-btn__icon {
    transform: scale(1.15)
}

.a-text-btn-with-arrow {
    display: flex;
    align-items: center
}

.a-text-btn-with-arrow .a-text-btn-with-arrow__label {
    text-decoration: underline;
    -webkit-text-decoration-color: transparent;
    text-decoration-color: transparent;
    transition: all .2s ease-in-out
}

.a-text-btn-with-arrow:hover .a-text-btn-with-arrow__label,
.a-text-btn-with-arrow:focus .a-text-btn-with-arrow__label {
    -webkit-text-decoration-color: currentColor;
    text-decoration-color: currentColor
}

.a-text-btn-with-arrow__label {
    margin: 0 4px 0 0
}

.a-text-btn-with-arrow__arrow {
    font-size: 24px;
    font-size: 1.5rem
}

select,
.a-select-menu {
    position: relative;
    padding-right: 40px;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

select::-ms-expand,
.a-select-menu::-ms-expand {
    display: none
}

textarea,
.a-textarea {
    width: 100%;
    min-height: 150px
}

input[type=number],
.a-number-input {
    -moz-appearance: textfield
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button,
.a-number-input::-webkit-inner-spin-button,
.a-number-input::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.a-toggle {
    position: relative
}

.a-toggle__label {
    position: relative;
    display: inline-block;
    color: var(--color-foreground);
    vertical-align: middle;
    cursor: pointer;
    margin-bottom: 0;
    line-height: 1
}

.a-toggle__label:before {
    content: '';
    border: 1px solid var(--color-foreground);
    display: inline-block;
    width: 32px;
    height: 20px;
    border-radius: 12px;
    margin-right: 10px;
    vertical-align: middle;
    transition: border-color .2s ease-in-out, box-shadow .2s ease-in-out
}

.a-toggle__label:after {
    content: '';
    position: absolute;
    background-color: var(--color-foreground);
    left: 5px;
    top: 5px;
    height: 12px;
    width: 12px;
    border-radius: 50%;
    transition: background-color .2s ease-in-out, transform .2s ease-in-out
}

.a-toggle__label span {
    vertical-align: middle
}

.a-toggle__label--on,
.a-toggle__label--off {
    text-decoration: underline;
    -webkit-text-decoration-color: transparent;
    text-decoration-color: transparent;
    transition: color .2s ease-in-out
}

.a-toggle__label--on {
    display: none
}

.a-toggle__label--off {
    display: inline-block
}

.a-toggle__input {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0
}

.a-toggle__input:checked+.a-toggle__label {
    font-weight: 700
}

.a-toggle__input:checked+.a-toggle__label .a-toggle__label--on {
    display: inline-block
}

.a-toggle__input:checked+.a-toggle__label .a-toggle__label--off {
    display: none
}

.a-toggle__input:checked+.a-toggle__label:before {
    border-color: #0b2d25;
    box-shadow: 0 0 0 1px var(--color-accent)
}

.a-toggle__input:checked+.a-toggle__label:after {
    background-color: var(--color-accent);
    transform: translate3d(12px, 0, 0)
}

.a-toggle__input:focus+.a-toggle__label .a-toggle__label--on,
.a-toggle__input:focus+.a-toggle__label .a-toggle__label--off {
    color: var(--color-accent);
    -webkit-text-decoration-color: currentColor;
    text-decoration-color: currentColor
}

.a-form-label {
    display: block;
    padding-bottom: 5px
}

.a-form-label--inline {
    display: inline-block;
    padding-bottom: 0;
    padding-right: 5px
}

.a-form-tooltip {
    position: relative
}

.a-form-tooltip__trigger {
    font-size: 18px;
    font-size: 1.125rem;
    display: inline-block;
    color: var(--color-foreground);
    transition: color .2s ease-in-out, transform .2s ease-in-out;
    cursor: pointer
}

.a-form-tooltip__input:focus~.a-form-tooltip__trigger,
.a-form-tooltip .a-form-tooltip__trigger:hover {
    color: var(--color-accent);
    transform: scale(1.2)
}

.a-form-tooltip__tooltip {
    position: absolute;
    z-index: 100;
    background-color: var(--color-background);
    border: 1px solid var(--color-form-border);
    color: var(--color-foreground);
    padding: 10px;
    transition: opacity .2s ease-in-out;
    opacity: 0;
    pointer-events: none
}

.a-form-tooltip__tooltip-inner {
    visibility: hidden;
    width: 200px;
    transition: visibility 0s ease-in-out .2s
}

.a-form-tooltip__input:checked~.a-form-tooltip__tooltip {
    opacity: 1;
    pointer-events: auto
}

.a-form-tooltip__input:checked~.a-form-tooltip__tooltip .a-form-tooltip__tooltip-inner {
    visibility: visible;
    transition-delay: 0s
}

.a-price {
    font-size: 16px;
    font-size: 1rem;
    color: var(--color-brand);
    font-family: montserrat, sans-serif
}

.a-price--strikethrough {
    color: #a8a99e;
    text-decoration: line-through;
    font-size: .75em
}

.a-product-name {
    font-weight: 700;
    color: #0b2d25;
    line-height: 1.25;
    word-break: break-word
}

.a-folio,
.c-contact-links__heading {
    font-size: 12px;
    font-size: .75rem;
    line-height: 1.8;
    font-family: montserrat, sans-serif;
    font-weight: 700;
    color: var(--color-brand);
    text-transform: uppercase;
    min-height: 20px
}

.a-star-rating__rating-wrapper,
.a-star-rating__rating {
    overflow: hidden;
    box-sizing: border-box;
    letter-spacing: 4px;
    padding-left: calc(4px/2);
    color: var(--color-brand)
}

.a-star-rating {
    font-size: 12px;
    font-size: .75rem
}

.a-star-rating__rating-wrapper {
    position: relative;
    display: inline-block;
    margin-left: calc(4px/-2)
}

.a-star-rating__rating-wrapper:before {
    content: "\E901" "\E901" "\E901" "\E901" "\E901"
}

.a-star-rating__rating {
    position: absolute;
    top: 0;
    left: 0;
    display: block
}

.a-star-rating__rating:before {
    content: "\E900" "\E900" "\E900" "\E900" "\E900"
}

.a-star-rating__label {
    font-size: 16px;
    font-size: 1rem;
    color: var(--color-foreground);
    font-family: montserrat, sans-serif
}

.a-star-rating--overview {
    font-size: 25px;
    font-size: 1.5625rem
}

.a-product-unit {
    font-size: 12px;
    font-size: .75rem;
    line-height: 1.8;
    color: var(--color-foreground);
    font-family: montserrat, sans-serif;
    font-weight: 400;
    text-transform: uppercase
}

.a-promo-badge {
    font-size: 16px;
    font-size: 1rem;
    display: inline-flex;
    align-items: center;
    height: 32px;
    padding: 0 20px;
    line-height: 1;
    font-family: montserrat, sans-serif;
    font-weight: 700;
    color: #fff;
    text-transform: uppercase;
    background-color: #0b2d25
}

.a-promo-badge--primary {
    background-color: #0b2d25
}

.a-promo-badge--secondary {
    background-color: #78be4c;
    color: #0b2d25
}

.a-promo-badge--tertiary {
    background-color: #0b2d25
}

.a-wishlist {
    border-radius: 50%;
    border: 2px solid currentcolor;
    width: 32px;
    height: 32px;
    text-align: center;
    background-color: #fff
}

.a-wishlist__icon {
    position: relative;
    display: block;
    margin: 0 auto;
    padding-top: 2px
}

.a-wishlist .a-wishlist__icon {
    transform-origin: center
}

.a-wishlist__icon--filled {
    position: absolute;
    top: 2px;
    left: 0;
    -webkit-clip-path: circle(0% at 50% 45%);
    clip-path: circle(0% at 50% 45%);
    transition: -webkit-clip-path .2s ease-in-out;
    transition: clip-path .2s ease-in-out;
    transition: clip-path .2s ease-in-out, -webkit-clip-path .2s ease-in-out
}

.a-wishlist .a-wishlist__label--remove {
    display: none
}

.a-wishlist--added .a-wishlist__icon--filled {
    opacity: 1;
    -webkit-clip-path: circle(100% at 50% 45%);
    clip-path: circle(100% at 50% 45%)
}

.a-wishlist--added .a-wishlist__label--add {
    display: none
}

.a-wishlist--added .a-wishlist__label--remove {
    display: block
}

.a-recipe-time {
    display: flex;
    align-items: center;
    margin-bottom: 0;
    color: var(--color-foreground)
}

.a-recipe-time .icon-timer {
    font-size: 20px;
    font-size: 1.25rem;
    margin-right: 5px
}

.a-product-sku {
    font-size: 13px;
    font-size: .8125rem;
    margin-top: 5px;
    color: #0b2d25
}

.a-carousel-indicator {
    display: flex;
    justify-content: center;
    align-items: center;
    color: var(--color-foreground)
}

.a-carousel-indicator__arrow {
    font-size: 24px;
    font-size: 1.5rem;
    background-color: transparent;
    padding: 0;
    border: none
}

.a-carousel-indicator__arrow:hover,
.a-carousel-indicator__arrow:focus {
    -webkit-text-stroke: 1px currentcolor;
    text-stroke: 1px currentcolor
}

.a-carousel-indicator__arrow:hover,
.a-carousel-indicator__arrow:focus {
    color: var(--color-brand)
}

.a-carousel-indicator__arrow span {
    display: block
}

.a-carousel-indicator__arrow--left {
    margin-right: 24px
}

.a-carousel-indicator__arrow--right {
    margin-left: 24px
}

.a-carousel-indicator__bullets {
    display: flex;
    justify-content: center
}

.a-carousel-indicator__bullet {
    position: relative;
    width: 16px;
    height: 16px;
    padding: 0;
    margin: 0 8px;
    border-radius: 50%;
    border: 1px solid var(--color-foreground);
    background-color: transparent;
    transition: border-color .1s ease-in-out, box-shadow .1s ease-in-out
}

.a-carousel-indicator__bullet:hover,
.a-carousel-indicator__bullet:focus {
    box-shadow: 0 0 0 1px var(--color-brand);
    border-color: var(--color-brand)
}

.a-carousel-indicator__bullet::before {
    content: '';
    display: block;
    border-radius: 50%;
    position: absolute;
    top: 1px;
    right: 1px;
    bottom: 1px;
    left: 1px;
    background-color: var(--color-foreground);
    opacity: 0;
    transition: opacity .2s ease-in-out
}

.a-carousel-indicator__bullet--active::before,
.glide__bullet--active::before {
    opacity: 1
}

.a-carousel-indicator--brand-color .a-carousel-indicator__bullet::before {
    background-color: var(--color-brand)
}

.a-carousel-indicator--no-bullets .a-carousel-indicator__bullets {
    display: none
}

.a-carousel-indicator--arrows .a-carousel-indicator__arrow {
    font-size: 30px;
    font-size: 1.875rem;
    width: 50px;
    padding: 10px;
    border-radius: 0;
    margin-top: 25px
}

.a-carousel-indicator--arrows .a-carousel-indicator__arrow span::before {
    transition: transform .3s ease-in-out
}

.a-carousel-indicator--arrows .a-carousel-indicator__arrow:hover,
.a-carousel-indicator--arrows .a-carousel-indicator__arrow:focus {
    color: #fff
}

.a-carousel-indicator--arrows .a-carousel-indicator__arrow:hover .icon-arrow-left::before,
.a-carousel-indicator--arrows .a-carousel-indicator__arrow:focus .icon-arrow-left::before {
    transform: translateX(-10%) scaleX(-1)
}

.a-carousel-indicator--arrows .a-carousel-indicator__arrow:hover .icon-arrow-right::before,
.a-carousel-indicator--arrows .a-carousel-indicator__arrow:focus .icon-arrow-right::before {
    transform: translateX(10%)
}

.a-carousel-indicator--arrows .a-carousel-indicator__arrow--left {
    margin-right: 12px
}

.a-carousel-indicator--arrows .a-carousel-indicator__arrow--right {
    margin-left: 12px
}

.a-carousel-indicator--arrows-no-bg .a-carousel-indicator__arrow:before,
.a-carousel-indicator--arrows-no-bg .a-carousel-indicator__arrow:after {
    background-color: transparent
}

.a-slider-scrollbar {
    height: 5px;
    border-radius: 5px;
    position: relative;
    visibility: hidden;
    transition: visibility 0s ease .2s
}

.a-slider-scrollbar::before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius: inherit;
    background-color: #ddd6c4;
    mix-blend-mode: multiply;
    transition: opacity .2s ease-in-out;
    opacity: 0
}

.a-slider-scrollbar__inner {
    height: 100%;
    width: 100%;
    transition: opacity .2s ease-in-out;
    opacity: 0;
    border-radius: inherit
}

.a-slider-scrollbar .swiper-scrollbar-drag {
    height: 100%;
    border-radius: inherit;
    background-color: #0b2d25
}

.a-slider-scrollbar .swiper-scrollbar-drag--demo {
    width: 33%
}

.a-slider-scrollbar--light::before {
    mix-blend-mode: normal
}

.a-slider-scrollbar--light .swiper-scrollbar-drag {
    background-color: #fdfaf4
}

.c-products-slider__slider-container:hover .a-slider-scrollbar,
.c-categories-slider__container:hover .a-slider-scrollbar,
.c-testimonial-slider__container:hover .a-slider-scrollbar,
.c-recipe-slider__slider-container:hover .a-slider-scrollbar,
.c-cms-slider-section__slider-inner-container:hover .a-slider-scrollbar {
    visibility: initial;
    transition: none
}

.c-products-slider__slider-container:hover .a-slider-scrollbar::before,
.c-categories-slider__container:hover .a-slider-scrollbar::before,
.c-testimonial-slider__container:hover .a-slider-scrollbar::before,
.c-recipe-slider__slider-container:hover .a-slider-scrollbar::before,
.c-cms-slider-section__slider-inner-container:hover .a-slider-scrollbar::before {
    opacity: 1
}

.c-products-slider__slider-container:hover .a-slider-scrollbar--light::before,
.c-categories-slider__container:hover .a-slider-scrollbar--light::before,
.c-testimonial-slider__container:hover .a-slider-scrollbar--light::before,
.c-recipe-slider__slider-container:hover .a-slider-scrollbar--light::before,
.c-cms-slider-section__slider-inner-container:hover .a-slider-scrollbar--light::before {
    opacity: .8
}

.c-products-slider__slider-container:hover .a-slider-scrollbar__inner,
.c-categories-slider__container:hover .a-slider-scrollbar__inner,
.c-testimonial-slider__container:hover .a-slider-scrollbar__inner,
.c-recipe-slider__slider-container:hover .a-slider-scrollbar__inner,
.c-cms-slider-section__slider-inner-container:hover .a-slider-scrollbar__inner {
    opacity: 1
}

.js-swiper-container .a-carousel-indicator__arrow {
    transition: opacity .2s ease-in-out
}

.js-swiper-container .a-carousel-indicator__arrow.swiper-button-disabled {
    opacity: 0;
    visibility: hidden;
    transition: opacity .2s ease-in-out, visibility 0s ease .2s
}

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

.a-table,
table {
    width: 100%;
    margin: 0 0 10px
}

.a-table th,
table th {
    padding: 22px 12px;
    background-color: transparent;
    text-align: left;
    color: #0b2d25;
    font-weight: 700;
    border-bottom: 2px solid #0b2d25
}

.a-table td,
table td {
    padding: 22px 12px;
    border-bottom: 1px solid #ddd6c4;
    background-color: transparent;
    text-align: left;
    font-size: 14px;
    font-size: .875rem;
    border-top: none
}

.a-table tfoot,
table tfoot {
    border-bottom: 1px solid #ddd6c4
}

.a-table tfoot>tr:first-child th,
table tfoot>tr:first-child th,
.a-table tfoot>tr:first-child td,
table tfoot>tr:first-child td {
    padding-top: 20px
}

.a-table tfoot>tr:last-child th,
table tfoot>tr:last-child th,
.a-table tfoot>tr:last-child td,
table tfoot>tr:last-child td {
    padding-bottom: 20px
}

.a-table tfoot th,
table tfoot th,
.a-table tfoot td,
table tfoot td {
    border: 0;
    padding-top: 10px;
    padding-bottom: 10px
}

@media screen and (max-width:1023px) {
    .a-table--stacked th {
        display: none
    }
    .a-table--stacked td {
        display: block;
        text-align: left;
        border: 0;
        padding: 6px 0;
        font-size: 16px;
        font-size: 1rem
    }
    .a-table--stacked td:last-child {
        padding-bottom: 20px
    }
    .a-table--stacked tr:first-child td:first-child {
        border-top: none
    }
    .a-table--stacked tr:not(:first-child) td:first-child {
        padding-top: 20px
    }
    .a-table--stacked tr:not(:last-child) {
        border-bottom: 1px solid #ddd6c4
    }
    .a-table--stacked:not(.no-headers) td:before {
        display: inline-block;
        vertical-align: top;
        width: 50%;
        content: attr(data-header);
        font-weight: 700
    }
    .a-table--stacked:not(.no-headers) td:before {
        content: attr(data-th);
        width: auto;
        padding-right: 10px
    }
    .a-table--stacked tfoot>tr:first-child td {
        padding-top: 20px
    }
}

.m-heading__icon {
    margin-bottom: 42px;
    display: inline-flex
}

.m-heading__icon span {
    font-size: 35px;
    font-size: 2.1875rem;
    background-color: #ddd6c4;
    border-radius: 50%;
    padding: .9375rem;
    color: var(--color-primary)
}

.m-heading__folio {
    letter-spacing: .75px
}

.m-heading__headline--link {
    font-family: inherit
}

.m-heading__cta {
    display: inline-block;
    line-height: 1.3
}

.m-heading__cta--text {
    font-size: 16px;
    font-size: 1rem;
    font-family: montserrat, sans-serif;
    text-transform: capitalize;
    margin-right: 10px
}

.m-heading__cta a {
    display: inline-flex;
    align-self: center;
    color: currentcolor;
    text-decoration: none;
    align-items: center
}

.m-heading__cta a .m-heading__cta--text {
    text-decoration: underline;
    -webkit-text-decoration-color: transparent;
    text-decoration-color: transparent;
    transition: all .2s ease-in-out
}

.m-heading__cta a:hover .m-heading__cta--text,
.m-heading__cta a:focus .m-heading__cta--text {
    -webkit-text-decoration-color: currentColor;
    text-decoration-color: currentColor
}

.m-heading__cta .icon-arrow,
.m-heading__cta .icon-arrow-left,
.m-heading__cta .icon-arrow-right,
.m-heading__cta .icon-arrow-up,
.m-heading__cta .icon-arrow-down {
    font-size: 25px;
    font-size: 1.5625rem
}

.m-cms-section-heading {
    margin-bottom: 24px
}

.m-cms-section-heading__subtitle {
    font-size: 22px;
    font-size: 1.375rem;
    line-height: 1.5;
    font-family: montserrat, sans-serif;
    font-weight: 400;
    text-transform: none
}

@media(min-width:1280px) {
    .m-cms-section-heading__subtitle {
        font-size: 32px;
        font-size: 2rem
    }
}

.m-cms-recipe-section-heading__title {
    font-family: montserrat, sans-serif;
    text-transform: none
}

.m-cms-recipe-section-heading__description {
    margin-bottom: 24px
}

.m-cms-recipe-section-heading__quick-info {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex
}

.m-cms-recipe-section-heading__quick-info-item {
    padding: 0;
    margin: 0;
    list-style: none;
    margin-right: 32px;
    margin-bottom: 10px
}

.m-cms-recipe-section-heading__quick-info-item:before {
    display: none
}

.m-cms-recipe-section-heading__quick-info-item:last-child {
    margin-right: 0
}

.m-existing-account__more-info {
    margin-top: 23px
}

@media screen and (min-width:768px) {
    .m-existing-account {
        margin-left: 0
    }
}

.m-text-input {
    display: inline-flex;
    flex-direction: column-reverse;
    align-items: flex-start;
    position: relative
}

.m-text-input--placeholder-label {
    margin-top: 10px;
    position: relative
}

.m-text-input--placeholder-label .m-text-input__input::-moz-placeholder {
    opacity: 0
}

.m-text-input--placeholder-label .m-text-input__input:-ms-input-placeholder {
    opacity: 0
}

.m-text-input--placeholder-label .m-text-input__input::placeholder {
    opacity: 0
}

.m-text-input--has-tooltip .m-text-input__input {
    padding-right: 40px
}

.m-text-input__tooltip {
    position: absolute;
    right: 13px;
    top: calc(50% - 9px)
}

.m-select-menu {
    position: relative;
    display: inline-block
}

.m-select-menu__label {
    padding-bottom: 0;
    white-space: nowrap
}

.m-select-menu__arrow {
    font-size: 24px;
    font-size: 1.5rem;
    position: absolute;
    pointer-events: none;
    right: 13px;
    top: calc(50% - 12px);
    color: var(--color-foreground)
}

.m-select-menu__arrow::before {
    content: "\E915"
}

.m-textarea {
    display: flex;
    flex-direction: column-reverse;
    align-items: flex-start
}

.m-textarea--placeholder-label {
    margin-top: 10px;
    position: relative
}

.m-textarea--placeholder-label .m-textarea__input::-moz-placeholder {
    opacity: 0
}

.m-textarea--placeholder-label .m-textarea__input:-ms-input-placeholder {
    opacity: 0
}

.m-textarea--placeholder-label .m-textarea__input::placeholder {
    opacity: 0
}

.m-radio-button {
    position: relative;
    margin-bottom: 10px
}

.m-radio-button__input {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0
}

.m-radio-button__input+label {
    position: relative;
    display: inline-block;
    cursor: pointer;
    margin-bottom: 0;
    line-height: 1
}

.m-radio-button__input:checked+label .m-radio-button__circle {
    border-color: var(--color-accent);
    box-shadow: 0 0 0 1px var(--color-accent)
}

.m-radio-button__input:checked+label .m-radio-button__circle:after {
    background-color: var(--color-accent);
    opacity: 1;
    transform: none
}

.m-radio-button__input:checked+label .m-radio-button__text-label {
    font-weight: 700
}

.m-radio-button__input:focus+label .m-radio-button__text-label {
    color: var(--color-accent);
    -webkit-text-decoration-color: currentColor;
    text-decoration-color: currentColor
}

.m-radio-button__text-label {
    color: var(--color-foreground);
    vertical-align: middle;
    text-decoration: underline;
    -webkit-text-decoration-color: transparent;
    text-decoration-color: transparent;
    transition: color .2s ease-in-out
}

.m-radio-button__circle {
    border: 1px solid var(--color-foreground);
    display: inline-block;
    position: relative;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    margin-right: 5px;
    vertical-align: middle;
    box-sizing: border-box;
    transition: border-color .2s ease-in-out
}

.m-radio-button__circle:after {
    content: '';
    position: absolute;
    display: block;
    background-color: var(--color-foreground);
    left: calc(50% - (12px/2));
    top: calc(50% - (12px/2));
    height: 12px;
    width: 12px;
    border-radius: 50%;
    opacity: 0;
    transform: scale(.5);
    transition: opacity .2s ease-in-out, transform .2s ease-in-out, background-color .2s ease-in-out
}

.m-checkbox {
    position: relative
}

.m-checkbox__input {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0
}

.m-checkbox__input+label {
    position: relative;
    display: inline-block;
    cursor: pointer;
    margin-bottom: 0;
    line-height: 1
}

.m-checkbox__input:checked+label .m-checkbox__square {
    border-color: var(--color-accent);
    box-shadow: 0 0 0 1px var(--color-accent)
}

.m-checkbox__input:checked+label .m-checkbox__square:after {
    color: var(--color-accent);
    -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
    clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%)
}

.m-checkbox__input:checked+label .m-checkbox__text-label {
    font-weight: 700
}

.m-checkbox__input:focus+label .m-checkbox__text-label {
    color: var(--color-accent);
    -webkit-text-decoration-color: currentColor;
    text-decoration-color: currentColor
}

.m-checkbox__text-label {
    color: var(--color-foreground);
    vertical-align: middle;
    text-decoration: underline;
    -webkit-text-decoration-color: transparent;
    text-decoration-color: transparent;
    transition: color .2s ease-in-out
}

.m-checkbox__square {
    border: 1px solid var(--color-foreground);
    display: inline-block;
    position: relative;
    width: 20px;
    height: 20px;
    margin-right: 5px;
    vertical-align: middle;
    box-sizing: border-box
}

.m-checkbox__square:after {
    content: "\E91A";
    font-size: 20px;
    font-size: 1.25rem;
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    color: var(--color-foreground);
    -webkit-clip-path: polygon(0% 0%, 0% 0%, 0% 100%, 0% 100%);
    clip-path: polygon(0% 0%, 0% 0%, 0% 100%, 0% 100%);
    transition: color .2s ease-in-out, -webkit-clip-path .2s ease-in-out;
    transition: clip-path .2s ease-in-out, color .2s ease-in-out;
    transition: clip-path .2s ease-in-out, color .2s ease-in-out, -webkit-clip-path .2s ease-in-out
}

.m-category-card {
    display: inline-block;
    border-radius: 0;
    text-align: center;
    background-color: #fff;
    width: 250px;
    height: 250px;
    padding: 35px;
    max-width: 100%;
    text-decoration: none;
    transition: box-shadow 250ms ease-in-out
}

.m-category-card .m-category-card__caption-text {
    text-decoration: underline;
    -webkit-text-decoration-color: transparent;
    text-decoration-color: transparent;
    transition: all .2s ease-in-out
}

.m-category-card:hover .m-category-card__caption-text,
.m-category-card:focus .m-category-card__caption-text {
    -webkit-text-decoration-color: var(--color-accent);
    text-decoration-color: var(--color-accent)
}

.m-category-card:hover,
.m-category-card:focus {
    box-shadow: 0 0 0 8px #f4f0e9 inset
}

.m-category-card:hover .m-category-card__image-wrapper img,
.m-category-card:focus .m-category-card__image-wrapper img {
    transform: scale(1.1)
}

.m-category-card__caption {
    text-align: center
}

.m-category-card__image-wrapper {
    max-width: 100%
}

.m-category-card__image-wrapper img {
    max-width: 147px;
    transition: transform .2s ease-in-out .05s
}

.m-category-card--centered {
    height: auto;
    width: auto;
    padding: 0
}

.m-category-card--centered:hover,
.m-category-card--centered:focus {
    box-shadow: none
}

.m-category-card--centered:hover .m-category-card__image-wrapper img,
.m-category-card--centered:focus .m-category-card__image-wrapper img {
    max-width: 100%;
    height: auto;
    transform: scale(1.1)
}

.m-category-card--centered .m-category-card__image-wrapper {
    position: relative;
    overflow: hidden
}

.m-category-card--centered .m-category-card__image-wrapper img {
    max-width: 100%;
    height: auto;
    transition: transform .2s ease-in-out
}

.m-category-card--centered .m-category-card__caption {
    color: #fff;
    margin-top: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.m-category-card--bordered {
    border: 2px solid #ddd6c4
}

.m-category-card--bordered:hover,
.m-category-card--bordered:focus {
    box-shadow: 0 0 0 8px #ddd6c4 inset
}

.m-category-card--overlay .m-category-card__image-wrapper {
    position: relative;
    display: block
}

.m-category-card--overlay .m-category-card__image-wrapper:before {
    content: "";
    z-index: 1;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0, 0, 0, .4)
}

.m-category-card--overlay .m-category-card__image-wrapper img {
    display: block
}

.m-category-card--overlay .m-category-card__caption {
    z-index: 2
}

.m-category-card--demo {
    width: 250px
}

@media screen and (min-width:768px) {
    .m-category-card {
        height: 349px;
        width: 349px
    }
    .m-category-card__caption {
        margin-top: 16px
    }
    .m-category-card .m-category-card__image-wrapper img {
        max-width: 228px
    }
    .m-category-card--centered {
        width: auto;
        height: auto
    }
    .m-category-card--demo {
        width: 349px
    }
}

.m-media-block-aligned {
    display: flex;
    flex-direction: column
}

.m-media-block-aligned__image-wrapper img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.m-media-block-aligned__content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    background-color: #0b2d25;
    padding: 25px 32px 20px;
    color: #fff
}

.m-media-block-aligned__content .m-heading__headline,
.m-media-block-aligned__content .m-heading__cta {
    color: inherit
}

.m-media-block-aligned__content .m-heading__headline {
    margin-bottom: 15px
}

.m-media-block-aligned__description {
    color: inherit
}

.m-media-block-aligned--branded .m-media-block-aligned__content {
    background-color: var(--color-brand)
}

.m-media-block-aligned--branded-tertiary .m-media-block-aligned__content {
    background-color: #78be4c
}

.m-media-block-aligned--dark-text .m-media-block-aligned__content {
    color: #0b2d25
}

@media screen and (min-width:768px) {
    .m-media-block-aligned {
        flex-direction: row
    }
    .m-media-block-aligned__image-wrapper {
        width: 67%
    }
    .m-media-block-aligned__content {
        width: 33%;
        padding: 40px
    }
    .m-media-block-aligned__content .m-heading__cta {
        margin-top: 25px
    }
    .m-media-block-aligned--bottom {
        flex-direction: column
    }
    .m-media-block-aligned--bottom .m-media-block-aligned__image-wrapper {
        width: 100%;
        height: 363px
    }
    .m-media-block-aligned--bottom .m-media-block-aligned__content {
        width: 100%;
        flex-grow: 1;
        justify-content: flex-start
    }
}

.m-media-card {
    text-align: center;
    width: 100%
}

.m-media-card__image-wrapper img {
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
    height: 100%
}

.m-media-card__headline {
    padding: 25px 0 0;
    margin: 0
}

.m-media-card__paragraph {
    padding: 10px 50px 20px;
    margin: 0 auto
}

.m-media-card--demo {
    width: 100%
}

@media screen and (min-width:768px) {
    .m-media-card {
        margin-right: 25px;
        display: inline-flex;
        flex-direction: column
    }
    .m-media-card--demo {
        width: calc(50% - 25px)
    }
}

.m-content-card {
    border: 2px solid #a8a99e;
    border-radius: 10px;
    padding: 24px;
    width: 100%
}

.m-content-card__subheading {
    color: var(--color-brand)
}

.m-content-card__content-paragraph {
    padding: 15px 0 25px
}

.m-content-card__content-list {
    margin: 16px 0 32px 12px
}

@media screen and (min-width:1024px) {
    .m-content-card {
        padding: 48px 40px
    }
}

.m-account-tile {
    position: relative;
    display: inline-block;
    width: 150px;
    height: 150px;
    text-align: center;
    border: 2px solid #ddd6c4;
    background-color: #fff;
    transition: box-shadow .25s ease-in-out, border-color .25s ease-in-out
}

.m-account-tile .m-account-tile__label {
    text-decoration: underline;
    -webkit-text-decoration-color: transparent;
    text-decoration-color: transparent;
    transition: all .2s ease-in-out
}

.m-account-tile:hover .m-account-tile__label,
.m-account-tile:focus .m-account-tile__label {
    -webkit-text-decoration-color: var(--color-accent);
    text-decoration-color: var(--color-accent)
}

.m-account-tile:hover,
.m-account-tile:focus {
    border-color: var(--color-accent);
    box-shadow: 0 0 0 8px var(--color-accent) inset
}

.m-account-tile__icon {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    transform: translate(-50%, -50%);
    font-size: 62px;
    font-size: 3.875rem;
    color: var(--color-foreground);
    margin-top: -20px
}

.m-account-tile__label {
    position: absolute;
    top: 0;
    left: 50%;
    width: 100%;
    transform: translate(-50%, 0);
    top: calc(100% - 50px);
    color: var(--color-foreground);
    line-height: 1;
    padding: 0 20px
}

.m-account-tile--colored-bg {
    background-color: #137f62
}

@media screen and (min-width:1024px) {
    .m-account-tile {
        width: 200px;
        height: 200px
    }
    .m-account-tile__icon {
        font-size: 82px;
        font-size: 5.125rem
    }
}

.m-info-card {
    text-align: center;
    width: 100%
}

.m-info-card__image-wrapper img {
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
    height: 100%
}

.m-info-card__headline {
    padding: 28px 0 0;
    margin: 0;
    line-height: 1.5
}

.m-info-card__paragraph {
    padding: 14px 0;
    margin: 0 auto;
    line-height: 1.5
}

.m-info-card--demo {
    width: 100%
}

@media screen and (min-width:768px) {
    .m-info-card--demo {
        width: calc(50% - 25px)
    }
}

.m-pagination__link {
    font-size: 16px;
    font-size: 1rem;
    font-family: montserrat, sans-serif;
    color: var(--color-foreground);
    font-weight: 700;
    line-height: 1.5;
    margin-right: 12px;
    text-decoration: none;
    text-decoration: underline;
    -webkit-text-decoration-color: transparent;
    text-decoration-color: transparent;
    transition: all .2s ease-in-out
}

.m-pagination__link:hover,
.m-pagination__link:focus {
    -webkit-text-decoration-color: currentColor;
    text-decoration-color: currentColor
}

.m-pagination__link:hover,
.m-pagination__link:focus {
    color: #0b2d25
}

.m-pagination__link--previous,
.m-pagination__link--next {
    padding: 0;
    display: inline-block;
    font-size: 24px;
    font-size: 1.5rem
}

.m-pagination__link--previous:after,
.m-pagination__link--next:after {
    height: 0
}

.m-pagination__link--next {
    margin-right: 0
}

.m-pagination__list {
    display: flex;
    align-items: center;
    flex-direction: row;
    list-style: none;
    margin: 0;
    padding: 0;
    flex-flow: wrap
}

.m-pagination__list-item {
    display: flex;
    color: var(--color-foreground);
    margin-bottom: 0
}

.m-pagination__list-item:before {
    content: ''
}

.m-pagination__list-item:first-of-type:before {
    padding: 0
}

.m-pagination__list-item--active .m-pagination__link {
    color: var(--color-accent);
    pointer-events: none
}

.m-pagination__list-item--disabled .m-pagination__link {
    visibility: hidden
}

.m-pagination__list-item--invisible {
    display: none
}

.m-pagination__list-item--invisible+.m-pagination__list-item:before {
    content: "...";
    font-weight: 700;
    margin: 0 6px
}

.m-price-lockup {
    display: inline-flex;
    flex-direction: row-reverse
}

.m-price-lockup__strikethrough {
    margin-left: 8px
}

.m-price-lockup--reverse {
    flex-direction: row-reverse
}

.m-price-lockup--reverse .m-price-lockup__strikethrough {
    margin-right: 8px
}

.m-combined-product-name {
    display: flex;
    flex-direction: column;
    align-items: flex-start
}

.m-combined-product-name__link {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    text-decoration: none
}

.m-combined-product-name__link .m-combined-product-name__product-name {
    text-decoration: underline;
    -webkit-text-decoration-color: transparent;
    text-decoration-color: transparent;
    transition: all .2s ease-in-out
}

.m-combined-product-name__link:hover .m-combined-product-name__product-name,
.m-combined-product-name__link:focus .m-combined-product-name__product-name {
    -webkit-text-decoration-color: var(--color-brand);
    text-decoration-color: var(--color-brand)
}

.m-combined-product-name__h1 {
    font-size: 40px;
    font-size: 2.5rem;
    margin: 0;
    display: flex;
    flex-direction: column;
    align-items: flex-start
}

.m-mini-product-card {
    display: block;
    width: 300px;
    border: 2px solid #f4f0e9;
    text-decoration: none
}

.m-mini-product-card .a-product-name {
    text-decoration: underline;
    -webkit-text-decoration-color: transparent;
    text-decoration-color: transparent;
    transition: all .2s ease-in-out
}

.m-mini-product-card:hover .a-product-name,
.m-mini-product-card:focus .a-product-name {
    -webkit-text-decoration-color: var(--color-brand);
    text-decoration-color: var(--color-brand)
}

.m-mini-product-card__img-wrapper {
    padding: 20px;
    transition: transform .2s ease-in-out
}

.m-mini-product-card__img-wrapper img {
    display: block;
    width: 100%;
    max-height: 250px;
    -o-object-fit: contain;
    object-fit: contain;
    margin: auto;
    min-width: 250px
}

.m-mini-product-card__info {
    border-top: inherit;
    display: flex;
    justify-content: space-between;
    padding: 24px;
    min-height: 110px
}

.m-mini-product-card__price {
    align-self: center;
    margin-left: 26px
}

.m-mini-product-card:hover .m-mini-product-card__img-wrapper,
.m-mini-product-card:focus .m-mini-product-card__img-wrapper {
    transform: scale(1.1)
}

.m-expandable-product-card {
    display: inline-block;
    text-decoration: none;
    color: #0b2d25;
    min-height: 97px;
    height: 100%;
    overflow: visible
}

.m-expandable-product-card__content-wrapper {
    position: relative;
    height: inherit
}

.m-expandable-product-card__img-wrapper {
    position: absolute;
    overflow: hidden;
    max-height: 0;
    height: auto;
    left: 0;
    right: 0;
    bottom: 0;
    top: -294px;
    margin-top: 294px;
    padding: 0;
    background-color: #fff;
    border: 1px solid #f4f0e9;
    border-bottom: none;
    box-shadow: 0 0 0 0 rgba(0, 0, 0, .2);
    z-index: 100;
    transition: all .3s ease-in-out;
    visibility: hidden
}

.m-expandable-product-card__img-wrapper img {
    display: block;
    height: 254px;
    margin: 0 auto
}

.m-expandable-product-card__info {
    position: relative;
    padding: 27px 24px 0;
    display: flex;
    justify-content: space-between;
    background-color: #fff;
    border: 1px solid #f4f0e9;
    border-bottom: none;
    min-height: 97px;
    height: inherit;
    z-index: 101;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    max-width: 350px;
    min-width: 100%
}

.m-expandable-product-card__info::before {
    content: '';
    display: block;
    position: absolute;
    top: calc(100% - 27px);
    left: -1px;
    right: -1px;
    padding: 0 24px 27px;
    box-sizing: content-box;
    height: 0;
    z-index: -1;
    background-color: inherit;
    border: 1px solid #f4f0e9;
    border-top: none;
    transition: height .3s ease-in-out
}

.m-expandable-product-card__unit {
    margin-top: 0;
    opacity: 0;
    visibility: hidden;
    transition: all .3s ease-in-out
}

.m-expandable-product-card__info-right {
    align-self: center;
    margin-top: -27px;
    margin-left: 26px;
    position: relative
}

.m-expandable-product-card__price {
    opacity: 0;
    visibility: hidden;
    transition: all .3s ease-in-out;
    -webkit-animation-delay: .4s;
    animation-delay: .4s
}

.m-expandable-product-card__arrow {
    position: absolute;
    right: 0;
    top: 0;
    display: block;
    font-size: 24px;
    font-size: 1.5rem;
    margin-right: -6px;
    opacity: 1;
    transition: opacity .2s ease-in-out
}

@media screen and (min-width:768px) {
    .m-expandable-product-card {
        min-width: 294px
    }
    .m-expandable-product-card:hover,
    .m-expandable-product-card:focus,
    .m-expandable-product-card--expanded {
        min-width: 294px
    }
    .m-expandable-product-card:hover .m-expandable-product-card__img-wrapper,
    .m-expandable-product-card:focus .m-expandable-product-card__img-wrapper,
    .m-expandable-product-card--expanded .m-expandable-product-card__img-wrapper {
        max-height: 294px;
        padding: 20px;
        background-color: #fff;
        margin-top: 0;
        visibility: visible
    }
    .m-expandable-product-card:hover .m-expandable-product-card__info::before,
    .m-expandable-product-card:focus .m-expandable-product-card__info::before,
    .m-expandable-product-card--expanded .m-expandable-product-card__info::before {
        height: 18px
    }
    .m-expandable-product-card:hover .m-expandable-product-card__unit,
    .m-expandable-product-card:focus .m-expandable-product-card__unit,
    .m-expandable-product-card--expanded .m-expandable-product-card__unit {
        opacity: 1;
        visibility: visible
    }
    .m-expandable-product-card:hover .m-expandable-product-card__price,
    .m-expandable-product-card:focus .m-expandable-product-card__price,
    .m-expandable-product-card--expanded .m-expandable-product-card__price {
        opacity: 1;
        visibility: visible
    }
    .m-expandable-product-card:hover .m-expandable-product-card__arrow,
    .m-expandable-product-card:focus .m-expandable-product-card__arrow,
    .m-expandable-product-card--expanded .m-expandable-product-card__arrow {
        opacity: 0
    }
}

.m-expandable-product-card--demo {
    margin-top: 294px
}

.m-product-gallery {
    max-width: 519px;
    margin: 0 auto
}

.m-product-gallery__slides {
    margin: 0;
    padding: 0
}

.m-product-gallery__slide {
    margin: 0;
    padding: 0;
    display: block;
    height: 100vw;
    max-height: 519px
}

.m-product-gallery__img-wrapper img {
    display: block;
    max-width: 100%;
    max-height: 100%;
    margin: auto
}

.m-product-gallery__slide--fullwidth {
    position: relative;
    overflow: hidden
}

.m-product-gallery__slide--fullwidth .m-product-gallery__img-wrapper {
    height: 100%;
    display: flex;
    justify-content: flex-end
}

.m-product-gallery__slide--fullwidth img {
    width: auto;
    max-width: none;
    height: 100%
}

.m-product-gallery__controls {
    margin-top: 39px
}

@media screen and (min-width:1024px) {
    .m-product-gallery {
        padding-right: 0;
        max-width: none;
        width: calc(50vw - 13px);
        margin: 0 13px 0 0
    }
    .m-product-gallery__slide {
        padding-left: 0;
        padding-right: 0;
        padding-right: 0
    }
}

@media screen and (min-width:1024px) and (min-width:1062px) {
    .m-product-gallery__slide {
        padding-left: calc((100vw - 1062px)/2);
        padding-right: calc((100vw - 1062px)/2);
        padding-right: 0
    }
}

@media screen and (min-width:1024px) {
    .m-product-gallery__slide--fullwidth {
        padding-left: 0
    }
    .m-product-gallery__controls {
        padding-left: 0;
        padding-right: 0;
        padding-right: 0
    }
}

@media screen and (min-width:1024px) and (min-width:1062px) {
    .m-product-gallery__controls {
        padding-left: calc((100vw - 1062px)/2);
        padding-right: calc((100vw - 1062px)/2);
        padding-right: 0
    }
}

.m-product-overview__name-wrapper {
    position: relative;
    display: flex;
    justify-content: space-between
}

.m-product-overview__wishlist {
    margin-top: 30px;
    flex-shrink: 0
}

.m-product-overview__unit {
    font-size: 16px;
    font-size: 1rem;
    margin-right: 16px
}

.m-product-overview__sku {
    font-size: 14px;
    font-size: .875rem
}

.m-product-overview__rating {
    margin: 20px 0;
    display: flex;
    align-items: flex-end;
    font-family: montserrat, sans-serif
}

.m-product-overview__rating .m-modal__box {
    min-height: 500px
}

.m-product-overview__rating .m-modal__body {
    min-height: 400px
}

.m-product-overview__rating-stars {
    font-size: 13px;
    font-size: .8125rem
}

.m-product-overview__write-review {
    text-decoration: none;
    color: inherit;
    font-weight: 700;
    text-decoration: underline;
    -webkit-text-decoration-color: transparent;
    text-decoration-color: transparent;
    transition: all .2s ease-in-out;
    margin-left: 10px
}

.m-product-overview__write-review:hover,
.m-product-overview__write-review:focus {
    -webkit-text-decoration-color: currentColor;
    text-decoration-color: currentColor
}

.m-product-overview__price-wrapper {
    display: flex;
    align-items: center
}

.m-product-overview__price-wrapper .a-price {
    font-size: 32px;
    font-size: 2rem;
    font-weight: 700
}

.m-product-overview__price-wrapper .a-price--strikethrough {
    font-size: 20px;
    font-size: 1.25rem;
    font-weight: 300
}

.m-product-overview__price-wrapper .m-price-lockup {
    align-items: center
}

.m-product-overview__discontinued {
    font-size: 20px;
    font-size: 1.25rem;
    font-family: montserrat, sans-serif;
    color: #f05922;
    text-transform: uppercase;
    font-weight: 700;
    margin-left: 10px
}

.m-product-overview__price-hidden {
    font-size: 16px;
    font-size: 1rem;
    font-family: montserrat, sans-serif
}

.m-product-overview__add-to-cart {
    display: flex
}

.m-product-overview .m-product-overview__qty {
    width: 50px;
    margin-right: 16px;
    padding: 16px 5px;
    text-align: center
}

.m-product-overview__add-to-cart-btn {
    flex-grow: 1
}

.m-product-overview .a-product-name {
    font-family: montserrat, sans-serif
}

@media screen and (min-width:1024px) {
    .m-product-overview__wishlist {
        position: absolute;
        left: calc(100% + 23px);
        top: 0
    }
    .m-product-overview__rating {
        margin-top: 8px;
        margin-bottom: 32px
    }
    .m-product-overview__discontinued {
        margin-left: 20px
    }
}

.m-product-feature-highlights {
    list-style: none;
    margin: 0;
    padding: 0;
    font-size: 16px;
    font-size: 1rem;
    font-family: montserrat, sans-serif
}

.m-product-feature-highlights__feature {
    padding: 0;
    margin: 0;
    list-style: none;
    margin: 8px 0;
    display: flex;
    align-items: center
}

.m-product-feature-highlights__feature:before {
    display: none
}

.m-product-feature-highlights__icon {
    font-size: 32px;
    font-size: 2rem;
    margin-right: 15px
}

.m-product-card {
    position: relative;
    display: flex;
    flex-direction: column;
    background-color: #fff;
    overflow: hidden
}

.m-product-card__promo-badge {
    z-index: 1;
    position: absolute;
    top: 0;
    left: 0
}

.m-product-card__img-wrapper {
    display: block
}

.m-product-card__img {
    display: block;
    width: auto;
    max-width: 100%;
    max-height: 250px;
    margin: auto;
    -o-object-fit: contain;
    object-fit: contain
}

.m-product-card__add-to-cart {
    display: none
}

.m-product-card__add-to-cart-btn {
    display: none
}

.m-product-card__info {
    padding: 5px 0 20px
}

.m-product-card__sku {
    font-size: 12px;
    font-size: .75rem;
    line-height: 1.4;
    margin-top: 4px
}

@media(min-width:768px) {
    .m-product-card__sku {
        font-size: 14px;
        font-size: .875rem
    }
}

.m-product-card__price {
    margin-top: 8px
}

.m-product-card__cta {
    position: absolute;
    top: 8px;
    right: 8px
}

.m-product-card__trigger {
    border-radius: 50%;
    border: 2px solid currentcolor;
    width: 32px;
    height: 32px;
    text-align: center
}

.m-product-card__trigger span {
    width: 100%
}

.m-product-card__trigger .a-icon-text-btn__icon {
    transform-origin: center
}

.m-product-card__trigger .a-icon-text-btn__icon:before {
    display: block;
    transform: rotate(45deg)
}

.m-product-card--wholesale {
    padding-bottom: 50px
}

.m-product-card--wholesale .m-product-card__add-to-cart {
    display: flex;
    position: absolute;
    bottom: 0
}

.m-product-card--wholesale .m-product-card__qty {
    width: 52px;
    margin-right: 10px;
    text-align: center
}

.m-product-card--wholesale .m-product-card__add-to-cart-icon {
    flex-shrink: 0;
    padding: 8px
}

.m-product-card--wholesale .m-product-card__add-to-cart-icon span {
    font-size: 36px;
    font-size: 2.25rem
}

.m-product-card--wholesale .a-wishlist--added {
    color: var(--color-btn-text-hover)
}

.m-product-card--demo {
    max-width: 300px
}

@media screen and (min-width:1024px) {
    .m-product-card {
        padding: 20px;
        border-radius: 0;
        border: 2px solid transparent;
        transition: border-color .3s ease-in-out
    }
    .m-product-card__content-wrapper {
        position: relative
    }
    .m-product-card__img-wrapper {
        display: block;
        transform-origin: top;
        transition: transform .3s ease-in-out .15s
    }
    .m-product-card__add-to-cart {
        display: flex;
        position: absolute;
        bottom: 0;
        width: 100%;
        opacity: 0;
        transform: translateY(10px);
        pointer-events: none;
        transition: opacity .3s ease-in-out, transform .3s ease
    }
    .m-product-card__add-to-cart-btn {
        display: block;
        width: 100%
    }
    .m-product-card__add-to-cart-icon {
        display: none
    }
    .m-product-card__info {
        padding-top: 12px
    }
    .m-product-card__cta {
        top: 16px;
        right: 16px;
        opacity: 0;
        pointer-events: none;
        transition: opacity .3s ease-in-out
    }
    .m-product-card:hover,
    .m-product-card:focus-within {
        border-color: #ddd6c4;
        box-shadow: 0 2px 4px 0 rgba(11, 45, 37, .2)
    }
    .m-product-card:hover .m-product-card__promo-badge,
    .m-product-card:focus-within .m-product-card__promo-badge {
        opacity: 1
    }
    .m-product-card:hover .m-product-card__add-to-cart,
    .m-product-card:focus-within .m-product-card__add-to-cart {
        opacity: 1;
        transform: translateY(0);
        pointer-events: auto;
        transition-delay: .3s
    }
    .m-product-card:hover .m-product-card__img-wrapper,
    .m-product-card:focus-within .m-product-card__img-wrapper {
        transform: scale(1.1);
        transition-delay: 0s
    }
    .m-product-card:hover .m-product-card__cta,
    .m-product-card:focus-within .m-product-card__cta {
        opacity: 1;
        pointer-events: auto
    }
}

.m-cms-content-card {
    display: flex;
    flex-direction: column;
    border-radius: 0;
    overflow: hidden;
    text-decoration: none
}

.m-cms-content-card .m-cms-content-card__recipe-name {
    text-decoration: underline;
    -webkit-text-decoration-color: transparent;
    text-decoration-color: transparent;
    transition: all .2s ease-in-out
}

.m-cms-content-card:hover .m-cms-content-card__recipe-name,
.m-cms-content-card:focus .m-cms-content-card__recipe-name {
    -webkit-text-decoration-color: currentColor;
    text-decoration-color: currentColor
}

.m-cms-content-card--demo {
    max-width: 300px
}

.m-cms-content-card__img-wrapper {
    overflow: hidden
}

.m-cms-content-card__img {
    display: block;
    width: 100%;
    max-height: 250px;
    -o-object-fit: cover;
    object-fit: cover;
    transition: transform .2s ease-in-out
}

.m-cms-content-card__content {
    padding: 10px 12px;
    background-color: #137f62
}

.m-cms-content-card__folio {
    color: #fff
}

.m-cms-content-card__recipe-name {
    color: var(--color-foreground)
}

.m-cms-content-card:hover .m-cms-content-card__img,
.m-cms-content-card:focus .m-cms-content-card__img {
    transform: scale(1.1)
}

@media screen and (min-width:768px) {
    .m-cms-content-card__img {
        max-height: none
    }
}

@media screen and (min-width:1024px) {
    .m-cms-content-card__content {
        padding: 10px 20px 20px
    }
}

.m-recipe-card {
    width: 284px;
    text-decoration: none;
    display: inline-block
}

.m-recipe-card .m-recipe-card__recipe-name {
    text-decoration: underline;
    -webkit-text-decoration-color: transparent;
    text-decoration-color: transparent;
    transition: all .2s ease-in-out
}

.m-recipe-card:hover .m-recipe-card__recipe-name,
.m-recipe-card:focus .m-recipe-card__recipe-name {
    -webkit-text-decoration-color: var(--color-accent);
    text-decoration-color: var(--color-accent)
}

.m-recipe-card__image-wrapper {
    display: block;
    overflow: hidden
}

.m-recipe-card__image-wrapper img {
    display: block;
    width: 100%;
    transition: transform .2s ease-in-out
}

.m-recipe-card__content {
    padding: 14px 0 5px
}

.m-recipe-card__recipe-name {
    font-size: 20px;
    font-size: 1.25rem;
    margin: 0;
    padding-bottom: 4px;
    display: inline-block
}

.m-recipe-card:hover .m-recipe-card__image-wrapper img,
.m-recipe-card:focus .m-recipe-card__image-wrapper img {
    transform: scale(1.1)
}

.m-recipe-card--light .m-recipe-card__recipe-name {
    color: #fff
}

.m-recipe-card--light .a-recipe-time {
    color: #fff
}

.m-recipe-card--demo {
    background-color: var(--color-brand)
}

.m-recipe-card--demo .m-recipe-card__recipe-name {
    text-decoration: underline;
    -webkit-text-decoration-color: transparent;
    text-decoration-color: transparent;
    transition: all .2s ease-in-out
}

.m-recipe-card--demo:hover .m-recipe-card__recipe-name,
.m-recipe-card--demo:focus .m-recipe-card__recipe-name {
    -webkit-text-decoration-color: var(--color-white);
    text-decoration-color: var(--color-white)
}

@media screen and (min-width:768px) {
    .m-recipe-card {
        width: 352px
    }
}

.m-wholesale-actions {
    margin-top: 12px;
    display: flex;
    flex-wrap: wrap
}

.m-wholesale-actions__link-wrapper:not(:last-child) {
    margin-right: 16px
}

.m-wholesale-actions__link {
    margin-top: 12px
}

.m-wholesale-actions .m-modal__headline {
    font-size: 20px;
    font-size: 1.25rem
}

.m-wholesale-actions__add-to-wishlist-label--remove {
    display: none
}

.m-wholesale-actions__add-to-wishlist--added .m-wholesale-actions__add-to-wishlist-label--remove {
    display: inline
}

.m-wholesale-actions__add-to-wishlist--added .m-wholesale-actions__add-to-wishlist-label--add {
    display: none
}

@media screen and (min-width:1280px) {
    .m-wholesale-actions {
        justify-content: space-between
    }
}

.m-review-block {
    display: grid;
    grid-gap: 20px;
    padding: 30px 0;
    border-bottom: 1px solid #f4f0e9
}

@media screen and (min-width:1024px) {
    .m-review-block {
        grid-template-columns: 4fr 6fr
    }
}

.m-review-detail {
    font-family: montserrat, sans-serif;
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.5;
    color: var(--color-foreground);
    margin-bottom: 8px
}

.m-review-detail__label {
    display: block;
    font-weight: 700;
    margin-bottom: 5px
}

.m-review-comment {
    font-family: montserrat, sans-serif;
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.5;
    color: var(--color-foreground)
}

.m-review-comment__title {
    font-weight: 700;
    text-transform: uppercase;
    margin: 3px 0 10px
}

.m-review-comment__description--link {
    color: inherit;
    border-bottom: 1px solid var(--color-primary);
    text-decoration: none
}

.m-review-testimonial-card {
    width: 284px
}

.m-review-testimonial-card__img-wrapper {
    position: relative;
    margin-bottom: 5px
}

.m-review-testimonial-card__img-wrapper picture img {
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
    height: 100%
}

.m-review-testimonial-card--comment {
    font-weight: 700
}

.m-review-testimonial-card__author {
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.3;
    color: var(--color-foreground)
}

@media screen and (min-width:768px) {
    .m-review-testimonial-card {
        width: 486px
    }
    .m-review-testimonial-card__img-wrapper {
        margin-bottom: 20px
    }
    .m-review-testimonial-card--comment {
        width: 85%
    }
}

.m-review-testimonial-block {
    display: flex;
    flex-direction: column
}

.m-review-testimonial-block__content {
    display: flex;
    flex-direction: column;
    margin: 0 32px
}

.m-review-testimonial-block__quote {
    margin: 42px 0 0
}

.m-review-testimonial-block__cta-container {
    display: none
}

.m-review-testimonial-block__quote-text {
    quotes: "\201C" "\201D" "\2018" "\2019";
    line-height: 1.1;
    margin-bottom: 24px;
    position: relative;
    font-size: 28px;
    font-size: 1.75rem
}

@media(min-width:1280px) {
    .m-review-testimonial-block__quote-text {
        font-size: 32px;
        font-size: 2rem
    }
}

.m-review-testimonial-block__quote-text:before,
.m-review-testimonial-block__quote-text:after {
    position: absolute
}

.m-review-testimonial-block__quote-text:before {
    content: open-quote;
    left: -15px;
    top: 0
}

.m-review-testimonial-block__quote-text:after {
    content: close-quote;
    margin-left: 2px
}

.m-review-testimonial-block__quote-cite {
    font-family: arno-pro, serif
}

.m-review-testimonial-block__image-container img {
    min-width: 100%;
    width: 100%
}

@media screen and (min-width:768px) {
    .m-review-testimonial-block {
        flex-direction: row
    }
    .m-review-testimonial-block__cta-container {
        display: flex;
        height: 100%
    }
    .m-review-testimonial-block__quote {
        margin: 0
    }
    .m-review-testimonial-block__cta {
        align-self: center
    }
    .m-review-testimonial-block__content {
        order: 1
    }
    .m-review-testimonial-block__image-container {
        order: 2
    }
    .m-review-testimonial-block__image-container img {
        min-width: -webkit-fit-content;
        min-width: -moz-fit-content;
        min-width: fit-content;
        width: auto
    }
}

.m-shop-the-recipe-card {
    width: calc(100vw - 90px);
    display: flex;
    flex-direction: column
}

.m-shop-the-recipe-card__heading {
    margin-bottom: 35px;
    flex-grow: 1
}

.m-shop-the-recipe-card__card-body-wrapper {
    height: 0;
    padding-top: 100%;
    position: relative
}

.m-shop-the-recipe-card__card-body {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    transition: .5s ease-in-out;
    transition-property: width, transform;
    overflow: hidden
}

.m-shop-the-recipe-card__image-container {
    max-width: 629px;
    overflow: auto
}

.m-shop-the-recipe-card__image {
    position: relative
}

.m-shop-the-recipe-card__image img {
    width: 100%;
    display: block
}

.m-shop-the-recipe-card__hotspot {
    position: absolute;
    width: 20px;
    height: 20px;
    margin-left: -10px;
    margin-top: -10px;
    border-radius: 50%;
    padding: 0;
    border: none;
    transition: transform .3s ease-in-out
}

.m-shop-the-recipe-card__hotspot::after {
    content: '';
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-color: #fff;
    border-radius: 50%;
    transition: background-color .2s linear
}

.m-shop-the-recipe-card__hotspot::before {
    content: '';
    position: absolute;
    display: block;
    top: -10px;
    left: -10px;
    bottom: -10px;
    right: -10px;
    border-radius: 50%;
    background-color: #fff;
    opacity: .7;
    -webkit-animation: shopTheRecipeHotspot 2s ease-in-out infinite;
    animation: shopTheRecipeHotspot 2s ease-in-out infinite
}

.m-shop-the-recipe-card__hotspot:hover,
.m-shop-the-recipe-card__hotspot:focus {
    transform: scale(1.3);
    outline: none
}

.m-shop-the-recipe-card__hotspot--active::after {
    background-color: #0b2d25
}

.m-shop-the-recipe-card__products {
    width: 100%;
    transform: translateY(100%);
    transition: transform .5s ease-in-out
}

.m-shop-the-recipe-card__products-heading {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 16px 24px 16px 17px;
    color: #0b2d25;
    border-bottom: 1px solid #ddd6c4;
    background-color: #fff
}

.m-shop-the-recipe-card__products-heading-text {
    font-size: 24px;
    font-size: 1.5rem;
    font-weight: 700;
    font-family: montserrat, sans-serif
}

.m-shop-the-recipe-card__products-carousel {
    opacity: 0;
    transition: opacity .3s ease-in-out .5s
}

.m-shop-the-recipe-card__view-this-product {
    display: none
}

.m-shop-the-recipe-card__bullets {
    display: none
}

.m-shop-the-recipe-card__products-open {
    width: 100%;
    margin-top: 17px
}

.m-shop-the-recipe-card--expanded .m-shop-the-recipe-card__card-body {
    width: 100vw;
    height: 100vh;
    z-index: 200000;
    display: flex;
    flex-direction: column;
    align-items: center
}

.m-shop-the-recipe-card--expanded .m-shop-the-recipe-card__image-container {
    width: 100%;
    flex-shrink: 1;
    flex-grow: 0
}

.m-shop-the-recipe-card--expanded .m-shop-the-recipe-card__products {
    flex-shrink: 0;
    flex-grow: 1;
    transform: none
}

.m-shop-the-recipe-card--expanded .m-shop-the-recipe-card__products-carousel {
    opacity: 1
}

.m-shop-the-recipe-card--dark .m-shop-the-recipe-card__hotspot::before {
    background-color: #0b2d25;
    opacity: .4
}

.m-shop-the-recipe-card--demo {
    max-width: 1080px
}

@supports(-webkit-touch-callout:none) {
    .m-shop-the-recipe-card--expanded .m-shop-the-recipe-card__products-carousel {
        padding-bottom: 110px
    }
}

@media screen and (min-width:768px) {
    .m-shop-the-recipe-card {
        width: auto;
        padding-left: 45px;
        padding-right: 45px
    }
    .m-shop-the-recipe-card__card-body-wrapper {
        height: auto;
        padding: 0
    }
    .m-shop-the-recipe-card__card-body {
        position: relative;
        display: flex;
        flex-direction: row;
        justify-content: space-between
    }
    .m-shop-the-recipe-card__image-container {
        width: auto
    }
    .m-shop-the-recipe-card__products {
        transform: none;
        width: 300px;
        margin-left: 50px
    }
    .m-shop-the-recipe-card__products-heading {
        display: none
    }
    .m-shop-the-recipe-card__products-carousel {
        opacity: 1
    }
    .m-shop-the-recipe-card__view-this-product {
        display: block;
        width: 100%;
        margin-top: 34px;
        margin-bottom: 24px
    }
    .m-shop-the-recipe-card__bullets {
        display: block
    }
    .m-shop-the-recipe-card__products-open {
        display: none
    }
    .m-shop-the-recipe-card--expanded .m-shop-the-recipe-card__products-carousel {
        padding-bottom: 0
    }
}

@media screen and (min-width:1024px) {
    .m-shop-the-recipe-card {
        padding-left: 60px;
        padding-right: 60px
    }
}

@media screen and (min-width:1024px) and (min-width:1182px) {
    .m-shop-the-recipe-card {
        padding-left: calc((100vw - 1062px)/2);
        padding-right: calc((100vw - 1062px)/2)
    }
}

.m-shop-the-recipe-card .m-mini-product-card {
    background-color: #fff
}

@media screen and (max-width:767px) {
    .m-shop-the-recipe-card .m-mini-product-card {
        width: 100vw;
        border: none
    }
    .m-shop-the-recipe-card .m-mini-product-card__info {
        border-top: 1px solid #ddd6c4;
        padding: 17px 24px
    }
    .m-shop-the-recipe-card .m-mini-product-card__img-wrapper img {
        width: auto;
        margin: 0 auto
    }
}

.glide__slide .m-shop-the-recipe-card {
    height: 100%
}

.glide__slide .m-shop-the-recipe-card .m-shop-the-recipe-card__heading,
.glide__slide .m-shop-the-recipe-card .m-shop-the-recipe-card__products-open,
.glide__slide .m-shop-the-recipe-card .m-shop-the-recipe-card__products,
.glide__slide .m-shop-the-recipe-card .m-shop-the-recipe-card__hotspots {
    visibility: hidden;
    opacity: 0;
    transition: opacity .3s ease-in-out
}

.glide__slide--active .m-shop-the-recipe-card .m-shop-the-recipe-card__heading,
.glide__slide--active .m-shop-the-recipe-card .m-shop-the-recipe-card__products-open,
.glide__slide--active .m-shop-the-recipe-card .m-shop-the-recipe-card__products,
.glide__slide--active .m-shop-the-recipe-card .m-shop-the-recipe-card__hotspots {
    visibility: inherit;
    opacity: 1
}

@-webkit-keyframes shopTheRecipeHotspot {
    0% {
        transform: scale(1)
    }
    50% {
        transform: scale(1.15)
    }
    100% {
        transform: scale(1)
    }
}

@keyframes shopTheRecipeHotspot {
    0% {
        transform: scale(1)
    }
    50% {
        transform: scale(1.15)
    }
    100% {
        transform: scale(1)
    }
}

.m-accordion {
    border-bottom: 1px solid var(--color-foreground)
}

.m-accordion:first-child {
    border-top: 1px solid var(--color-foreground)
}

.m-accordion__title {
    font-size: 14px;
    font-size: .875rem;
    font-family: montserrat, sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    position: relative;
    padding: 12px 30px 12px 0;
    transition: padding .25s ease;
    cursor: pointer
}

.m-accordion__title span {
    text-decoration: underline;
    -webkit-text-decoration-color: transparent;
    text-decoration-color: transparent;
    transition: all .2s ease-in-out
}

.m-accordion__title:hover span,
.m-accordion__title:focus span {
    -webkit-text-decoration-color: currentColor;
    text-decoration-color: currentColor
}

.m-accordion__title:before,
.m-accordion__title:after {
    content: '';
    position: absolute;
    right: 0;
    top: 19px;
    background-color: var(--color-foreground);
    height: 2px;
    width: 16px;
    transition: transform .25s ease
}

.m-accordion__title:after {
    transform: rotate(90deg)
}

.m-accordion__title--open:after {
    transform: rotate(0)
}

.m-accordion__content {
    overflow: hidden;
    height: 0;
    transition: height .25s ease-out
}

.m-accordion__content--open .m-accordion__content-inner {
    opacity: 1;
    visibility: inherit;
    transform: translateY(0)
}

.m-accordion__content-inner {
    padding: 0 0 12px;
    opacity: 0;
    visibility: hidden;
    transform: translateY(-5px);
    transition: all .45s ease
}

.m-accordion--expanded {
    padding: 23px 0
}

.m-accordion--expanded .m-accordion__title {
    font-size: 20px;
    font-size: 1.25rem;
    text-transform: none
}

.m-accordion--expanded .m-accordion__content-inner {
    padding-top: 4px;
    line-height: 1.5
}

@media screen and (min-width:1024px) {
    .m-accordion.js-accordion--mobile-only {
        border: none
    }
    .m-accordion.js-accordion--mobile-only:first-child {
        border: none
    }
    .m-accordion.js-accordion--mobile-only .m-accordion__title {
        cursor: default
    }
    .m-accordion.js-accordion--mobile-only .m-accordion__title:before,
    .m-accordion.js-accordion--mobile-only .m-accordion__title:after {
        display: none
    }
    .m-accordion.js-accordion--mobile-only .m-accordion__title span:after {
        display: none
    }
    .m-accordion.js-accordion--mobile-only .m-accordion__content {
        height: auto!important
    }
    .m-accordion.js-accordion--mobile-only .m-accordion__content-inner {
        visibility: inherit;
        opacity: 1;
        transform: none
    }
}

.m-account-menu {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column
}

.m-account-menu__item {
    padding: 0;
    margin: 0;
    list-style: none
}

.m-account-menu__item:before {
    display: none
}

.m-account-menu__link {
    font-size: 20px;
    font-size: 1.25rem;
    color: #fff;
    text-decoration: none;
    line-height: 1.2;
    font-family: montserrat, sans-serif;
    display: flex;
    padding: 10px 20px
}

.m-account-menu__link span {
    text-decoration: underline;
    -webkit-text-decoration-color: transparent;
    text-decoration-color: transparent;
    transition: all .2s ease-in-out
}

.m-account-menu__link:hover span,
.m-account-menu__link:focus span {
    -webkit-text-decoration-color: currentColor;
    text-decoration-color: currentColor
}

@media screen and (min-width:1024px) {
    .m-account-menu {
        align-items: center;
        flex-direction: row-reverse
    }
    .m-account-menu__item {
        margin-left: 20px
    }
    .m-account-menu__link {
        font-size: 14px;
        font-size: .875rem;
        line-height: 1.4;
        font-family: montserrat, sans-serif;
        padding: 0
    }
}

.m-account-menu--demo {
    --color-foreground: #FFF;
    --color-accent: #FFF;
    background-color: #0b2d25
}

.m-search {
    display: flex
}

.m-search__input-wrapper {
    display: flex;
    flex-grow: 1;
    position: relative;
    border-bottom: 1px solid #0b2d25;
    padding-bottom: 10px;
}

.m-search__underline {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    height: 2px;
    background-color: #0b2d25;
    transition: transform .3s ease-in-out;
    transform-origin: left;
    transform: scaleX(0)
}

.m-search .m-search__input {
    font-size: 16px;
    font-size: 1rem;
    border: none;
    padding: 5px 0;
    flex-grow: 1
}

.m-search .m-search__input:focus {
    box-shadow: none
}

.m-search .m-search__input::-moz-placeholder {
    color: #a8a99e;
    opacity: 1
}

.m-search .m-search__input:-ms-input-placeholder {
    color: #a8a99e;
    opacity: 1
}

.m-search .m-search__input::placeholder {
    color: #a8a99e;
    opacity: 1
}

.m-search .m-search__input::-ms-input-placeholder {
    color: #a8a99e
}

.m-search__input:focus~.m-search__underline {
    transform: none
}

.m-search__close-btn {
    display: none
}

@media screen and (min-width:1024px) {
    .m-search .m-search__input {
        font-size: 24px;
        font-size: 1.5rem;
        line-height: 1.33;
        font-weight: 300;
        padding: 10px
    }
    .m-search .a-icon-text-btn__icon {
        font-size: 40px;
        font-size: 2.5rem
    }
    .m-search__close-btn {
        display: block;
        margin-left: 17px
    }
}

.m-social-links {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex
}

.m-social-links__link {
    padding: 0;
    margin: 0;
    list-style: none;
    margin: 0 8px
}

.m-social-links__link:before {
    display: none
}

.m-social-links__link:first-child {
    margin-left: 0
}

.m-social-links__link:last-child {
    margin-right: 0
}

.m-social-links .a-icon-text-btn__icon {
    font-size: 32px;
    font-size: 2rem
}

.m-footer-menu {
    --color-accent: #137f62
}

.m-footer-menu:first-child {
    border-top: none
}

.m-footer-menu__list {
    list-style: none;
    margin: 0;
    padding: 0
}

.m-footer-menu__item {
    padding: 0;
    margin: 0;
    list-style: none;
    padding-bottom: 10px
}

.m-footer-menu__item:before {
    display: none
}

.m-footer-menu__item:first-child {
    padding-top: 10px
}

.m-footer-menu__link {
    color: inherit;
    text-decoration: none;
    text-decoration: underline;
    -webkit-text-decoration-color: transparent;
    text-decoration-color: transparent;
    transition: all .2s ease-in-out
}

.m-footer-menu__link:hover,
.m-footer-menu__link:focus {
    -webkit-text-decoration-color: currentColor;
    text-decoration-color: currentColor
}

.m-footer-menu__link img {
    transition: transform .2s ease-in-out
}

.m-footer-menu__link:hover img,
.m-footer-menu__link:focus img {
    transform: scale(1.1)
}

@media screen and (min-width:1024px) {
    .m-footer-menu__heading {
        font-size: 12px;
        font-size: .75rem;
        color: var(--color-accent)
    }
    .m-footer-menu__heading:hover span,
    .m-footer-menu__heading:focus span {
        text-decoration: none
    }
    .m-footer-menu__content {
        overflow: visible
    }
}

.m-footer-menu--brands .m-footer-menu__list {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 20px;
    justify-items: center;
    align-items: center;
    padding: 20px 15px
}

.m-footer-menu--brands .m-footer-menu__item {
    text-align: center;
    padding: 0
}

.m-footer-menu--brands .m-footer-menu__link {
    display: block
}

.m-footer-menu--brands .m-footer-menu__link::after {
    bottom: -5px
}

.m-footer-menu--brands .m-footer-menu__link img {
    display: block
}

@media screen and (min-width:768px) {
    .m-footer-menu--brands .m-footer-menu__list {
        display: flex;
        justify-content: center
    }
    .m-footer-menu--brands .m-footer-menu__item {
        margin: 0 17px
    }
}

@media screen and (min-width:1024px) {
    .m-footer-menu--brands .m-footer-menu__heading {
        display: none
    }
    .m-footer-menu--brands .m-footer-menu__content-inner {
        padding: 0
    }
    .m-footer-menu--brands .m-footer-menu__list {
        padding: 0 0 5px;
        justify-content: flex-start
    }
    .m-footer-menu--brands .m-footer-menu__item {
        margin: 0 35px 0 0
    }
}

.m-footer-menu--brands-demo {
    background-color: #0b2d25;
    color: #fff;
    --color-foreground: #FFF
}

.m-minicart {
    width: 100%;
    border-top: 1px solid #ddd6c4
}

.m-minicart__subtotal {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 20px;
    border-bottom: 1px solid #ddd6c4
}

.m-minicart__subtotal+.m-minicart__subtotal {
    padding-top: 0
}

.m-minicart__subtotal--no-border {
    border-bottom: none
}

.m-minicart__draft-total .m-minicart__subtotal-label {
    font-size: 16px;
    font-size: 1rem
}

.m-minicart__draft-total .m-minicart__subtotal-amount {
    font-size: 16px;
    font-size: 1rem
}

.m-minicart__subtotal-label {
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 1.2;
    font-family: montserrat, sans-serif;
    font-weight: 700;
    text-transform: uppercase
}

.m-minicart__products {
    max-height: calc(100vh - 150px - 72px - 100px);
    overflow-y: auto
}

.m-minicart__product {
    position: relative;
    display: grid;
    grid-gap: 20px;
    grid-template-columns: 85px 1fr 1fr 1fr;
    margin: 0 20px;
    padding: 16px 0
}

.m-minicart__product+.m-minicart__product {
    border-top: 1px solid #ddd6c4
}

.m-minicart__img img {
    display: block;
    width: auto;
    max-height: 85px;
    margin: 0 auto
}

.m-minicart__info {
    grid-column: 2/span 3
}

.m-minicart__info .m-combined-product-name__link {
    max-width: calc(100% - 40px)
}

.m-minicart__qty-price {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 8px
}

.m-minicart .m-text-input {
    flex-direction: row-reverse;
    align-items: center
}

.m-minicart .m-text-input__input {
    width: 24px;
    height: 24px;
    padding: 5px;
    margin-left: 5px
}

.m-minicart__remove-btn {
    position: absolute;
    top: 16px;
    right: 0
}

.m-minicart__actions {
    display: flex;
    flex-direction: column;
    padding: 0 20px 25px;
    border-top: 1px solid #ddd6c4
}

.m-minicart__actions .a-btn {
    margin-top: 12px
}

.m-minicart__actions:first-child {
    border-top: none
}

.m-minicart__empty {
    padding: 20px
}

@media screen and (min-width:768px) {
    .m-minicart {
        max-width: 460px
    }
    .m-minicart__products {
        max-height: 360px
    }
}

.m-featured-links__list {
    list-style: none;
    margin: 0;
    padding: 0
}

.m-featured-links__item {
    padding: 0;
    margin: 0;
    list-style: none
}

.m-featured-links__item:before {
    display: none
}

.m-featured-links__link {
    text-decoration: none;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 0 20px;
    height: 48px
}

.m-featured-links__link span {
    text-decoration: underline;
    -webkit-text-decoration-color: transparent;
    text-decoration-color: transparent;
    transition: all .2s ease-in-out
}

.m-featured-links__link:hover span,
.m-featured-links__link:focus span {
    -webkit-text-decoration-color: currentColor;
    text-decoration-color: currentColor
}

@media screen and (min-width:1024px) {
    .m-featured-links__item {
        margin-bottom: 15px
    }
    .m-featured-links__link {
        padding: 0;
        display: inline;
        height: auto
    }
}

.m-menu-media-card {
    text-decoration: none;
    display: block;
    position: relative
}

.m-menu-media-card .m-menu-media-card__label-text {
    text-decoration: underline;
    -webkit-text-decoration-color: transparent;
    text-decoration-color: transparent;
    transition: all .2s ease-in-out
}

.m-menu-media-card:hover .m-menu-media-card__label-text,
.m-menu-media-card:focus .m-menu-media-card__label-text {
    -webkit-text-decoration-color: currentColor;
    text-decoration-color: currentColor
}

.m-menu-media-card__img-wrapper {
    overflow: hidden
}

.m-menu-media-card__img {
    width: 260px;
    display: block;
    transition: transform .2s ease-in-out
}
.sub-menu .uni-menu {
    width: 17%;
}
.m-menu-media-card__label {
    margin-top: 15px;
    min-height: 50px;
}

.m-menu-media-card:hover .m-menu-media-card__img,
.m-menu-media-card:focus .m-menu-media-card__img {
    transform: scale(1.1)
}

.m-menu-media-card--overlay .m-menu-media-card__img-wrapper {
    position: relative
}

.m-menu-media-card--overlay .m-menu-media-card__img-wrapper::after {
    content: '';
    position: absolute;
    background-color: rgba(11, 45, 37, .4);
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.m-menu-media-card--overlay .m-menu-media-card__label {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    margin: 0;
    text-align: center;
    max-width: 50%;
    display: flex;
    justify-content: center;
    align-items: center
}

.m-menu-media-card--brand {
    height: 48px;
    padding: 0 20px;
    display: flex;
    align-items: center
}

.m-menu-media-card--brand .m-menu-media-card__img-wrapper {
    display: none
}

.m-menu-media-card--brand .m-menu-media-card__label-logo {
    display: none
}

.m-menu-media-card--brand .m-menu-media-card__label {
    margin: 0
}

.m-menu-media-card--brand .m-menu-media-card__label-text {
    font-size: 16px;
    font-size: 1rem;
    font-weight: 400;
    text-transform: inherit
}

@media screen and (min-width:1024px) {
    .m-menu-media-card--brand {
        height: auto;
        padding: 0;
        display: block
    }
    .m-menu-media-card--brand .m-menu-media-card__img-wrapper {
        display: block
    }
    .m-menu-media-card--brand .m-menu-media-card__label {
        position: absolute;
        left: 47px;
        right: 47px;
        top: 115px;
        bottom: 15px
    }
    .m-menu-media-card--brand .m-menu-media-card__label-text {
        display: none
    }
    .m-menu-media-card--brand .m-menu-media-card__label-logo {
        width: 100%;
        height: 100%;
        -o-object-fit: contain;
        object-fit: contain;
        display: block
    }
}

.m-menu-media-card--demo {
    width: 230px
}

.m-submenu-heading {
    height: 58px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    position: relative;
    padding-right: 50px;
    padding-top: 8px
}

.m-submenu-heading::after {
    content: '';
    position: absolute;
    left: 20px;
    right: 20px;
    bottom: 0;
    height: 1px;
    background-color: #ddd6c4
}

.m-submenu-heading__back {
    font-size: 16px;
    font-size: 1rem;
    padding: 16px 16px 16px 20px;
    transform-origin: right
}

.m-submenu-heading__back .a-icon-text-btn__icon {
    font-size: inherit
}

.m-submenu-heading__label {
    font-size: 24px;
    font-size: 1.5rem
}

@media screen and (max-width:400px) {
    .m-submenu-heading__back {
        padding: 16px 10px 16px 20px
    }
    .m-submenu-heading__label {
        font-size: 20px;
        font-size: 1.25rem
    }
}

.m-multilevel-menu {
    position: relative
}

.m-multilevel-menu__list {
    list-style: none;
    margin: 0;
    padding: 0
}

.m-multilevel-menu__item {
    padding: 0;
    margin: 0;
    list-style: none
}

.m-multilevel-menu__item:before {
    display: none
}

.m-multilevel-menu__link {
    border: none;
    background: 0 0;
    text-decoration: none;
    height: 48px;
    padding: 0 20px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: var(--color-foreground);
    font-size: 16px;
    font-size: 1rem;
    font-family: montserrat, sans-serif;
    font-weight: 400
}

.m-multilevel-menu__link .m-multilevel-menu__link-text {
    text-decoration: underline;
    -webkit-text-decoration-color: transparent;
    text-decoration-color: transparent;
    transition: all .2s ease-in-out
}

.m-multilevel-menu__link:hover .m-multilevel-menu__link-text,
.m-multilevel-menu__link:focus .m-multilevel-menu__link-text {
    -webkit-text-decoration-color: currentColor;
    text-decoration-color: currentColor
}

.m-multilevel-menu__link--bold {
    font-weight: 700
}

.m-multilevel-menu__submenu {
    display: none;
    position: fixed;
    z-index: 200002;
    background-color: var(--color-background);
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    transition: transform .5s ease-in-out;
    overflow-y: auto
}

@media screen and (min-width:1024px) {
    .m-multilevel-menu {
        width: 220px;
        padding-right: 15px;
        margin-right: 220px
    }
    .m-multilevel-menu--single-levle {
        margin-right: 0
    }
    .m-multilevel-menu__item {
        margin-bottom: 15px
    }
    .m-multilevel-menu__link {
        padding: 0;
        height: auto;
        width: auto;
        display: inline;
        position: relative
    }
    .m-multilevel-menu__link:hover .m-multilevel-menu__link-arrow,
    .m-multilevel-menu__link:focus .m-multilevel-menu__link-arrow {
        transform: none;
        opacity: 1
    }
    .m-multilevel-menu__link-arrow {
        position: absolute;
        left: 100%;
        top: calc(50% - 8px);
        margin-left: 5px;
        transform: translateX(-20%);
        opacity: 0;
        pointer-events: none;
        transition: transform .2s ease-in-out, opacity .2s ease-in-out
    }
    .m-multilevel-menu__submenu-heading {
        display: none
    }
    .m-multilevel-menu__submenu {
        position: absolute;
        left: 100%;
        right: auto;
        bottom: auto;
        width: 220px;
        padding-left: 24px;
        transition-property: opacity;
        transition-duration: .3s;
        min-height: 240px;
        max-height: 100%;
        overflow-y: auto
    }
    .m-multilevel-menu__submenu::after {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        width: 1px;
        background-color: #ddd6c4;
        transition: transform .3s ease-in-out;
        transform-origin: top
    }
}

.m-multilevel-menu__item {
    overflow: hidden
}

.m-multilevel-menu__item--open .m-multilevel-menu__submenu {
    display: block
}

.m-multilevel-menu__item--transition .m-multilevel-menu__submenu {
    transform: translateX(100%)
}

@media screen and (min-width:1024px) {
    .m-multilevel-menu__item--open .js-nav-submenu__trigger {
        font-weight: 700
    }
    .m-multilevel-menu__item--open .m-multilevel-menu__link-arrow {
        transform: none;
        opacity: 1
    }
    .m-multilevel-menu__item--transition .m-multilevel-menu__submenu {
        opacity: 0;
        transform: none
    }
    .m-multilevel-menu__item--transition .m-multilevel-menu__submenu::after {
        transform: scaleY(0)
    }
}

.m-menu-info-block {
    color: var(--color-foreground)
}

.m-menu-info-block__heading {
    margin-bottom: 16px
}

.m-menu-info-block__cta {
    margin-top: 14px
}

.m-menu-info-block__cta-link {
    font-size: inherit
}

.m-menu-info-block__cta-link .a-text-btn-with-arrow__arrow {
    font-size: inherit
}

.m-sidebar-nav {
    margin-bottom: 20px
}

.m-sidebar-nav__links {
    display: flex;
    flex-direction: column
}

.m-sidebar-nav__link {
    text-decoration: underline;
    -webkit-text-decoration-color: transparent;
    text-decoration-color: transparent;
    transition: all .2s ease-in-out;
    font-size: 14px;
    font-size: .875rem;
    line-height: 2;
    font-weight: 700
}

.m-sidebar-nav__link:hover,
.m-sidebar-nav__link:focus {
    -webkit-text-decoration-color: currentColor;
    text-decoration-color: currentColor
}

@media screen and (min-width:1024px) {
    .m-sidebar-nav__link {
        text-transform: uppercase
    }
    .m-sidebar-nav .m-accordion__title {
        display: none
    }
}

.m-account-dropdown__item {
    padding: 0;
    margin: 0;
    list-style: none
}

.m-account-dropdown__link {
    font-size: 20px;
    font-size: 1.25rem;
    /*color: #fff;*/
    text-decoration: none;
    line-height: 1.2;
    font-family: montserrat, sans-serif;
    display: flex;
    padding: 10px 20px
}

.m-account-dropdown__link span {
    text-decoration: underline;
    -webkit-text-decoration-color: transparent;
    text-decoration-color: transparent;
    transition: all .2s ease-in-out
}

.m-account-dropdown__link:hover span,
.m-account-dropdown__link:focus span {
    -webkit-text-decoration-color: currentColor;
    text-decoration-color: currentColor
}

.m-quick-filter {
    position: relative
}

.m-quick-filter__input {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0
}

.m-quick-filter__input+label {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
    height: 100%;
    padding: 8px;
    color: #0b2d25;
    text-align: center;
    border: 2px solid #0b2d25;
    border-radius: 0;
    transition: all .2s ease-in-out;
    text-decoration: underline;
    -webkit-text-decoration-color: transparent;
    text-decoration-color: transparent
}

.m-quick-filter__input+label:hover {
    -webkit-text-decoration-color: currentColor;
    text-decoration-color: currentColor
}

.m-quick-filter__input:checked+label,
.m-quick-filter__input+label.is-active {
    background-color: #0b2d25;
    color: #fff
}

.m-quick-filter__input:checked+label .m-quick-filter__checkmark:after,
.m-quick-filter__input+label.is-active .m-quick-filter__checkmark:after {
    opacity: 1
}

.m-quick-filter__input:focus+label {
    -webkit-text-decoration-color: currentColor;
    text-decoration-color: currentColor
}

.m-quick-filter__text-label {
    font-size: 16px;
    font-size: 1rem;
    display: inline-block;
    font-family: montserrat, sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    vertical-align: middle
}

.m-quick-filter__checkmark {
    display: none;
    position: relative;
    background-color: #fff;
    border: 1px solid #0b2d25;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    vertical-align: middle
}

.m-quick-filter__checkmark:after {
    content: "\E905";
    font-size: 12px;
    font-size: .75rem;
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    color: #0b2d25;
    opacity: 0;
    transition: opacity .2s ease-in-out
}

@media screen and (min-width:1024px) {
    .m-quick-filter__input+label {
        text-align: left
    }
    .m-quick-filter__text-label {
        margin-right: 10px
    }
    .m-quick-filter__checkmark {
        display: inline-block
    }
}

.m-sort-by {
    position: relative;
    display: inline-block;
    font-weight: 700
}

.m-sort-by__label {
    display: none;
    margin-right: 10px
}

.m-sort-by__select {
    border: none;
    max-width: 130px;
    text-overflow: ellipsis;
    padding: 5px 25px 5px 0
}

.m-sort-by__select:focus {
    border: none;
    box-shadow: none
}

.m-sort-by__arrow {
    font-size: 24px;
    font-size: 1.5rem;
    position: absolute;
    pointer-events: none;
    right: 0;
    top: calc(50% - 20px);
    color: var(--color-foreground)
}

.m-sort-by__arrow::before {
    content: "\E915"
}

@media screen and (min-width:1024px) {
    .m-sort-by__label {
        display: inline-block
    }
    .m-sort-by__select {
        max-width: none;
        padding-left: 14px;
        padding-right: 35px;
        border: 1px solid var(--color-form-border)
    }
    .m-sort-by__select:focus {
        box-shadow: 0 0 0 1px var(--color-form-border-active);
        border: 1px solid var(--color-form-border-active)
    }
    .m-sort-by__arrow {
        right: 8px
    }
}

.m-selected-filter {
    position: relative;
    display: inline-flex;
    align-items: center;
    padding: 5px 8px;
    color: #fff;
    text-align: center;
    background-color: #0b2d25;
    border-radius: 0
}

.m-selected-filter__label {
    font-size: 14px;
    font-size: .875rem;
    margin-bottom: 0;
    margin-right: 10px
}

.m-selected-filter__remove-btn {
    position: relative;
    background-color: #fff;
    border: 1px solid #0b2d25;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    flex-shrink: 0;
    padding: 0;
    vertical-align: middle;
    transition: transform .25s ease-in-out
}

.m-selected-filter__remove-btn:after {
    content: "\E905";
    font-size: 12px;
    font-size: .75rem;
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    color: #0b2d25
}

.m-selected-filter__remove-btn:hover,
.m-selected-filter__remove-btn:focus {
    transform: scale(1.15)
}

body._has-modal {
    height: 100%;
    overflow: hidden;
    width: 100%
}

.m-modal--hidden .m-modal__overlay {
    opacity: 0
}

.m-modal--hidden .m-modal__box {
    transform: translate(-50%, -50%) scale(.6);
    opacity: 0
}

.m-modal__overlay {
    width: 100vw;
    height: 100vh;
    top: 0;
    left: 0;
    position: fixed;
    background: #0b2d25;
    z-index: 200;
    opacity: .4;
    transition: opacity .3s ease
}

.m-modal__box {
    min-width: 350px;
    min-height: 350px;
    position: fixed;
    overflow: auto;
    width: 25vw;
    height: auto;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(1);
    opacity: 1;
    background: #fff;
    box-shadow: 0 2px 4px rgba(11, 45, 37, .2);
    border: 1px solid #ddd6c4;
    z-index: 200000;
    transition: transform .3s ease, opacity .3s ease
}

.m-modal__content {
    width: 100%;
    padding: 20px;
    overflow: auto;
    min-height: inherit;
    display: flex;
    flex-direction: column;
    position: relative
}

.m-modal__content--loading {
    position: relative
}

.m-modal__content--loading:before,
.m-modal__content--loading:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    z-index: 1
}

.m-modal__content--loading:before {
    background-color: #fff;
    opacity: .5
}

.m-modal__content--loading:after {
    background: transparent url(/loader-2.gif) no-repeat 50% 50%
}

.m-modal__headline {
    padding: 0 0 10px
}

.m-modal__body {
    max-height: 207px;
    overflow-y: auto;
    padding-bottom: 10px;
    flex-grow: 1
}

.m-modal .m-radio-button {
    padding: 3px 0
}

.m-modal__footer {
    padding-top: 10px;
    border-top: 1px solid #ddd6c4
}

.m-modal__link {
    display: inline-block;
    margin: 10px 0 20px
}

.m-modal__form {
    display: flex
}

.m-modal__form .m-text-input {
    margin-right: 15px;
    flex-grow: 1
}

.m-modal__form .m-text-input__input {
    width: 100%;
    height: 100%
}

.m-modal__cta {
    margin: 20px 0 0
}

.m-modal__close {
    position: absolute;
    border: none;
    background: 0 0;
    top: 0;
    right: 0;
    z-index: 1;
    height: 48px;
    width: 48px;
    padding: 0;
    font-size: 32px;
    font-size: 2rem;
    display: flex;
    justify-content: center;
    align-items: center
}

.m-modal__close:hover {
    color: var(--color-brand)
}

.m-modal__close:focus {
    color: var(--color-brand)
}

.m-modal__form-wrapper--collapsible .m-modal__form {
    display: none;
    height: 0;
    overflow: hidden;
    transition: height .3s ease
}

.m-modal__form-wrapper--collapsible .m-modal__link {
    margin-bottom: 0
}

.m-modal__form-wrapper--collapsible .m-text-input,
.m-modal__form-wrapper--collapsible .a-btn {
    margin-top: 20px;
    height: 50px
}

.m-modal__form-wrapper--collapsible-open .m-modal__form {
    display: flex;
    height: 70px
}

.m-modal__form-wrapper--collapsible-transition .m-modal__form {
    height: 0
}

@media screen and (min-width:768px) {
    .m-modal--large .m-modal__box {
        width: 90vw
    }
    .m-modal--small .m-modal__box {
        min-width: 0;
        min-height: 0;
        max-width: 90vw;
        max-height: 90vh
    }
    .m-modal--small .m-modal__form {
        flex-direction: column
    }
    .m-modal--small .m-text-input {
        margin: 7px 0
    }
}

@media screen and (max-width:767px) {
    .m-modal--slide-up-on-mobile .m-modal__box {
        top: auto;
        bottom: 0;
        left: 0;
        right: 0;
        width: auto;
        transform: none
    }
    .m-modal--slide-up-on-mobile.m-modal--hidden .m-modal__box {
        transform: translateY(100%)
    }
    .m-modal--slide-up-on-mobile .m-modal__content {
        height: 455px
    }
    .m-modal--slide-up-on-mobile .m-modal__body {
        max-height: none
    }
}

.m-breadcrumb {
    padding-left: 20px;
    padding-right: 20px;
    margin-top: 16px;
    margin-bottom: 16px
}

@media screen and (min-width:1320px) {
    .m-breadcrumb {
        padding-left: calc((100vw - 1280px)/2);
        padding-right: calc((100vw - 1280px)/2)
    }
}

.m-breadcrumb__list {
    display: flex;
    flex-flow: wrap
}

.m-breadcrumb__item {
    display: inline-block;
    padding: 0;
    margin: 0;
    list-style: none;
    color: #0b2d25
}

.m-breadcrumb__item:before {
    display: none
}

.m-breadcrumb__item a {
    padding: 0;
    line-height: 1.25;
}

.m-breadcrumb__item a:hover,
.m-breadcrumb__item a:focus {
    box-shadow: inset 0 -1px var(--color-primary)
}

.m-breadcrumb__item:after {
    content: '\B7';
    display: inline-block;
    padding: 0 5px;
    color: #0b2d25
}

.m-breadcrumb__item--active a {
    text-decoration: none;
    box-shadow: none;
    pointer-events: none
}

.m-breadcrumb__item--active a:hover {
    box-shadow: none
}

.m-breadcrumb__item--active:after {
    display: none
}

.m-newsletter-signup {
    --color-background: #0b2d25;
    background: url(/bgtexture.jpg) #0b2d25;
    color: #0b2d25;
    display: flex;
    justify-content: center;
    align-items: center
}

.m-newsletter-signup--light {
    color: #fff
}

.m-newsletter-signup--no-bg {
    background: #f4f0e9
}

.m-newsletter-signup--no-bg .m-newsletter-signup__input {
    border-right: none;
    margin-right: -2px
}

.m-newsletter-signup .fieldset {
    width: 100%
}

.m-newsletter-signup__content {
    text-align: center;
    margin: 50px 20px 40px
}

.m-newsletter-signup__heading {
    color: inherit;
    font-weight: 400
}

.m-newsletter-signup__form {
    display: flex;
    margin: 27px auto 0;
    min-height: 50px;
    position: relative;
    z-index: 999999;
}

.m-newsletter-signup__input {
    border: none;
    background-color: #fff;
    flex-grow: 1;
    transition: box-shadow .2s ease-in-out;
    width: 100%;
    order: 1
}

.m-newsletter-signup__input--error {
    border-color: #f05922!important
}

.m-newsletter-signup__input:focus {
    box-shadow: 0 0 0 2px #0b2d25 inset
}

.m-newsletter-signup__error {
    font-size: 14px;
    font-size: .875rem;
    margin-top: 5px;
    text-align: left;
    color: #f05922
}

.m-newsletter-signup__submit {
    font-size: 30px;
    font-size: 1.875rem;
    padding: 0;
    width: 50px;
    min-width: 50px;
    border-radius: 0 0 0 0;
    border: none;
    background-color: var(--color-background);
    color: #fff
}

.m-newsletter-signup__submit:hover,
.m-newsletter-signup__submit:focus {
    -webkit-text-stroke: 1px currentcolor;
    text-stroke: 1px currentcolor
}

.m-newsletter-signup__submit span::before {
    transition: transform .3s ease-in-out
}

.m-newsletter-signup__submit:hover span::before,
.m-newsletter-signup__submit:focus span::before {
    transform: translateX(10%)
}

.m-newsletter-signup--torn-edge {
    position: relative
}

.m-newsletter-signup--torn-edge::before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    top: -23px;
    height: 38px;
    
}

@media screen and (min-width:768px) {
    .m-newsletter-signup--illustrations {
        position: relative;
        position: relative
    }
    .m-newsletter-signup--illustrations>* {
        z-index: 1
    }
    .m-newsletter-signup--illustrations::before {
        content: '';
        display: block;
        pointer-events: none;
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: auto;
        height: 100%;
        width: auto;
        background-image: var(--illustration-top);
        background-repeat: no-repeat;
        background-size: auto;
        background-position: top left
    }
    .m-newsletter-signup--illustrations>* {
        z-index: 1
    }
    .m-newsletter-signup--illustrations::after {
        content: '';
        display: block;
        pointer-events: none;
        position: absolute;
        left: 0;
        top: auto;
        right: 0;
        bottom: 0;
        height: 100%;
        width: auto;
        background-image: var(--illustration-bottom);
        background-repeat: no-repeat;
        background-size: auto;
        background-position: bottom right
    }
}

@media screen and (min-width:1024px) {
    .m-newsletter-signup__content {
        margin-top: 56px;
        margin-bottom: 56px
    }
    .m-newsletter-signup__form {
        width: 414px;
        z-index: 9999999;
        position: relative;
    }
}

.m-products-panel__menu,
.m-guides-panel__guides,
.m-about-panel__menu,
.c-header__main-panel-top {
    padding-top: 24px;
    padding-bottom: 24px;
    min-height: 60%;
    overflow: auto
}

@media screen and (min-width:1024px) {
    .m-products-panel__menu,
    .m-guides-panel__guides,
    .m-about-panel__menu,
    .c-header__main-panel-top {
        padding-top: 0;
        padding-bottom: 0;
        min-height: 0;
        overflow: visible
    }
}

.m-products-panel__featured-links,
.m-guides-panel__info-block,
.c-header__main-panel-bottom {
    --color-foreground: #FFF;
    --color-accent: #FFF;
    background-color: #0b2d25;
    max-height: 40%;
    flex-grow: 1;
    padding-top: 32px;
    padding-bottom: 32px;
    overflow: auto
}

@media screen and (min-width:1024px) {
    .m-products-panel__featured-links,
    .m-guides-panel__info-block,
    .c-header__main-panel-bottom {
        --color-foreground: #0b2d25;
        --color-accent: var(--color-brand);
        background-color: transparent;
        max-height: none;
        flex-grow: 0;
        padding-top: 0;
        padding-bottom: 0
    }
}

.m-products-panel,
.m-guides-panel,
.m-about-panel,
.m-shop-by-brand-panel,
.m-search-panel {
    background-color: #fff;
    min-height: 100%;
    display: inline-block;
    flex-direction: column
}

@media screen and (min-width:1024px) {
    .m-products-panel,
    .m-guides-panel,
    .m-about-panel,
    .m-shop-by-brand-panel,
    .m-search-panel {
        padding-left: 20px;
        padding-right: 20px;
        padding-top: 40px;
        padding-bottom: 40px;
        min-height: 320px
    }
}

@media screen and (min-width:1024px) and (min-width:1320px) {
    .m-products-panel,
    .m-guides-panel,
    .m-about-panel,
    .m-shop-by-brand-panel,
    .m-search-panel {
        padding-left: calc((100vw - 1280px)/2);
        padding-right: calc((100vw - 1280px)/2)
    }
}

.m-products-panel__body,
.m-guides-panel__body,
.m-about-panel__body,
.m-shop-by-brand-panel__body {
    display: flex;
    flex-direction: column;
    flex-grow: 1
}

@media screen and (min-width:1024px) {
    .m-products-panel__body,
    .m-guides-panel__body,
    .m-about-panel__body,
    .m-shop-by-brand-panel__body {
        flex-direction: row
    }
}

@media screen and (min-width:1024px) {
    .m-products-panel__heading,
    .m-guides-panel__heading,
    .m-about-panel__heading,
    .m-shop-by-brand-panel__heading {
        display: none
    }
}

.m-products-panel__media-cards {
    display: none
}

@media screen and (min-width:1024px) {
    .m-products-panel__featured-links {
        order: -1;
        width: 193px;
        padding-right: 46px
    }
    .m-products-panel__menu {
        flex-grow: 1
    }
    .m-products-panel__media-cards {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-gap: 16px
    }
    .m-products-panel__media-cards .m-menu-media-card {
        width: auto
    }
}

.m-guides-panel__media-cards {
    padding-left: 20px;
    padding-right: 20px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-auto-rows: 1fr;
    grid-gap: 16px;
    grid-auto-flow: dense
}

.m-guides-panel__links {
    margin-top: 24px
}

.m-guides-panel__links-heading {
    padding-left: 20px;
    padding-right: 20px;
    min-height: 48px;
    display: flex;
    align-items: center;
    font-size: 16px;
    font-size: 1rem;
    color: var(--color-foreground);
    font-family: montserrat, sans-serif;
    font-weight: 700
}

.m-guides-panel__info-block {
    padding-left: 20px;
    padding-right: 20px
}

.m-guides-panel__media-cards--grid .m-guides-panel__media-card--two-wide {
    grid-column-end: span 2
}

.m-guides-panel__media-cards--grid .m-guides-panel__media-card--two-tall {
    grid-row-end: span 2
}

@media screen and (min-width:768px) {
    .m-guides-panel__media-cards {
        grid-template-columns: 1fr 1fr 1fr
    }
    .m-guides-panel__media-cards--grid {
        grid-template-columns: repeat(4, 1fr)
    }
}

@media screen and (min-width:1024px) {
    .m-guides-panel__guides {
        display: flex;
        flex-grow: 1
    }
    .m-guides-panel__media-cards {
        padding: 0;
        display: flex;
        flex-grow: 1;
        margin-right: 24px
    }
    .m-guides-panel__media-card {
        margin-right: 16px;
        max-width: 230px
    }
    .m-guides-panel__media-card:last-child {
        margin-right: 0
    }
    .m-guides-panel__media-cards--grid {
        display: grid;
        grid-template-columns: repeat(4, 1fr)
    }
    .m-guides-panel__media-cards--grid .m-guides-panel__media-card {
        margin-right: 0;
        max-width: none
    }
    .m-guides-panel__links {
        margin-top: 0;
        width: 302px;
        margin-right: 24px
    }
    .m-guides-panel__links-heading {
        padding-left: 0;
        padding-right: 0;
        min-height: 0;
        margin-bottom: 15px
    }
    .m-guides-panel__info-block {
        padding-right: 0;
        padding-left: 23px;
        border-left: 1px solid #ddd6c4;
        width: 410px
    }
}

@media screen and (min-width:1280px) {
    .m-guides-panel__media-cards {
        margin-right: 48px
    }
}

.m-about-panel__img-wrapper {
    overflow: hidden;
    flex-shrink: 1
}

.m-about-panel__img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

@media screen and (min-width:1024px) {
    .m-about-panel__menu {
        margin-left: 193px
    }
}

.m-shop-by-brand-panel__body {
    padding-bottom: 24px
}

.m-shop-by-brand-panel__a-z-desktop {
    display: block;
    margin: 20px
}

.m-shop-by-brand-panel__a-z-link {
    height: 56px;
    padding: 0 20px;
    display: flex;
    align-items: center;
    font-weight: 700;
    color: var(--color-foreground);
    text-decoration: none
}

.m-shop-by-brand-panel__a-z-link span {
    text-decoration: underline;
    -webkit-text-decoration-color: transparent;
    text-decoration-color: transparent;
    transition: all .2s ease-in-out
}

.m-shop-by-brand-panel__a-z-link:hover span,
.m-shop-by-brand-panel__a-z-link:focus span {
    -webkit-text-decoration-color: currentColor;
    text-decoration-color: currentColor
}

.m-shop-by-brand-panel__family-brands-heading,
.m-shop-by-brand-panel__more-brands-heading {
    height: 48px;
    padding: 0 20px;
    display: flex;
    align-items: center;
    font-weight: 700;
    text-transform: uppercase;
    background-color: #0b2d25;
    color: #fff
}

.m-shop-by-brand-panel__a-z-mobile {
    display: none
}

.m-shop-by-brand-panel__a-z-grid {
    display: grid;
    width: 163px;
    grid-template-columns: repeat(5, 1fr);
    justify-items: start
}

.m-shop-by-brand-panel__a-z-letter {
    margin-bottom: 12px;
    min-width: 16px;
    text-align: center;
    text-decoration: none;
    color: var(--color-foreground);
    text-decoration: underline;
    -webkit-text-decoration-color: transparent;
    text-decoration-color: transparent;
    transition: all .2s ease-in-out
}

.m-shop-by-brand-panel__a-z-letter:hover,
.m-shop-by-brand-panel__a-z-letter:focus {
    -webkit-text-decoration-color: currentColor;
    text-decoration-color: currentColor
}

.m-shop-by-brand-panel__a-z-shop-all {
    margin-top: 4px;
    font-size: 16px;
    font-size: 1rem
}

.m-shop-by-brand-panel__a-z-shop-all .a-text-btn-with-arrow__arrow {
    font-size: 16px;
    font-size: 1rem
}

.m-shop-by-brand-panel__a-z-heading {
    height: auto;
    padding: 0;
    color: var(--color-foreground);
    font-weight: 700;
    text-transform: none;
    background-color: transparent;
    margin-bottom: 16px
}

@media screen and (min-width:1024px) {
    .m-shop-by-brand-panel__a-z-desktop {
        margin: 0
    }
    .m-shop-by-brand-panel__family-brands-heading,
    .m-shop-by-brand-panel__more-brands-heading {
        height: auto;
        padding: 0;
        color: var(--color-foreground);
        font-weight: 700;
        text-transform: none;
        background-color: transparent;
        margin-bottom: 16px
    }
    .m-shop-by-brand-panel__family-brands {
        flex-grow: 1;
        margin-left: 56px;
        margin-right: 42px
    }
    .m-shop-by-brand-panel__family-brands-cards {
        display: flex
    }
    .m-shop-by-brand-panel__family-brands-cards .m-menu-media-card {
        margin-right: 16px
    }
    .m-shop-by-brand-panel__family-brands-cards .m-menu-media-card:last-child {
        margin-right: 0
    }
}

.m-search-panel {
    padding: 0
}

.m-search-panel__input {
    padding: 0 20px
}

.m-search-panel__trending {
    padding: 0 20px;
    margin-top: 32px
}

.m-search-panel__trending-heading {
    font-size: 12px;
    font-size: .75rem;
    text-transform: uppercase;
    font-weight: 700;
    color: var(--color-accent);
    margin-bottom: 16px
}

.m-search-panel__trending-list {
    list-style: none;
    margin: 0;
    padding: 0
}

.m-search-panel__trending-item {
    padding: 0;
    margin: 0;
    list-style: none;
    font-size: 16px;
    font-size: 1rem;
    margin-bottom: 16px
}

.m-search-panel__trending-item:before {
    display: none
}

.m-search-panel__trending-item .a-btn {
    font-size: inherit;
    text-align: left
}

.m-search-panel__results {
    margin-top: 32px;
    margin-bottom: 32px;
    display: none
}

.m-search-panel__results--demo {
    display: block
}

.m-search-panel__categories-container,
.m-search-panel__products-container {
    width: 100%;
    overflow-x: auto;
    margin-bottom: 26px;
    scrollbar-width: none
}

.m-search-panel__categories-container::-webkit-scrollbar,
.m-search-panel__products-container::-webkit-scrollbar {
    display: none
}

.m-search-panel__categories {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex
}

.m-search-panel__categories:before,
.m-search-panel__categories:after {
    content: '';
    padding-left: 20px
}

.m-search-panel__category {
    padding: 0;
    margin: 0;
    list-style: none;
    white-space: nowrap;
    margin-right: 16px
}

.m-search-panel__category:before {
    display: none
}

.m-search-panel__category:last-child {
    margin-right: 0
}

.m-search-panel__category-link {
    text-decoration: none;
    color: var(--color-foreground);
    text-decoration: underline;
    -webkit-text-decoration-color: transparent;
    text-decoration-color: transparent;
    transition: all .2s ease-in-out
}

.m-search-panel__category-link:hover,
.m-search-panel__category-link:focus {
    -webkit-text-decoration-color: var(--color-accent);
    text-decoration-color: var(--color-accent)
}

.m-search-panel__category-link--active {
    font-weight: 700
}

.m-search-panel__products {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    align-items: stretch
}

.m-search-panel__products:before,
.m-search-panel__products:after {
    content: '';
    padding-left: 20px
}

.m-search-panel__product {
    padding: 0;
    margin: 0;
    list-style: none;
    width: 193px;
    flex-shrink: 0;
    margin-right: 16px
}

.m-search-panel__product:before {
    display: none
}

.m-search-panel__product:last-child {
    margin-right: 0
}

.m-search-panel__product .m-recipe-card {
    width: 100%
}

.m-search-panel__product .m-mini-product-card {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column
}

.m-search-panel__product .m-mini-product-card:hover .m-mini-product-card__img-wrapper,
.m-search-panel__product .m-mini-product-card:focus .m-mini-product-card__img-wrapper {
    transform: scale(.9)
}

.m-search-panel__product .m-mini-product-card__img-wrapper {
    padding: 0;
    height: 124px
}

.m-search-panel__product .m-mini-product-card__img-wrapper img {
    width: auto;
    height: 100%;
    margin: 0 auto;
    max-width: 100%;
    min-width: 0
}

.m-search-panel__product .m-mini-product-card__info {
    flex-direction: column;
    padding: 20px;
    flex-grow: 1
}

.m-search-panel__product .m-mini-product-card__price {
    align-self: flex-start;
    margin-left: 0;
    margin-top: 8px
}

.m-search-panel__product .m-combined-product-name {
    flex-grow: 1
}

.m-search-panel__product .m-price-lockup__price .a-price {
    color: var(--color-foreground)
}

.m-search-panel__show-all-wrapper {
    padding: 0 20px;
    text-align: center
}

.m-search-panel__show-all {
    width: 220px
}

.m-search-panel--show-results .m-search-panel__trending {
    display: none
}

.m-search-panel--show-results .m-search-panel__results {
    display: block
}

@media screen and (min-width:1024px) {
    .m-search-panel {
        padding-left: 20px;
        padding-right: 20px
    }
}

@media screen and (min-width:1024px) and (min-width:1102px) {
    .m-search-panel {
        padding-left: calc((100vw - 1062px)/2);
        padding-right: calc((100vw - 1062px)/2)
    }
}

@media screen and (min-width:1024px) {
    .m-search-panel__input {
        padding: 0
    }
    .m-search-panel__trending {
        padding: 0
    }
    .m-search-panel__categories {
        justify-content: center
    }
    .m-search-panel__categories:before,
    .m-search-panel__categories:after {
        display: none
    }
    .m-search-panel__products {
        justify-content: center
    }
    .m-search-panel__products:before,
    .m-search-panel__products:after {
        display: none
    }
    .m-search-panel__show-all-wrapper {
        padding: 0
    }
}

.m-recipe-quick-info {
    text-align: center
}

.m-recipe-quick-info__icon {
    font-size: 40px;
    font-size: 2.5rem
}

.m-recipe-quick-info__label {
    font-weight: 700;
    display: block
}

@media screen and (min-width:768px) {
    .m-recipe-quick-info {
        text-align: left;
        display: flex
    }
    .m-recipe-quick-info__icon {
        margin-right: 8px
    }
}

.m-recipe-header__rating {
    display: flex;
    align-items: center;
    margin-bottom: 13px
}

.m-recipe-header__write-review {
    text-decoration: none;
    color: inherit;
    font-weight: 700;
    text-decoration: underline;
    -webkit-text-decoration-color: transparent;
    text-decoration-color: transparent;
    transition: all .2s ease-in-out;
    margin-left: 10px
}

.m-recipe-header__write-review:hover,
.m-recipe-header__write-review:focus {
    -webkit-text-decoration-color: currentColor;
    text-decoration-color: currentColor
}

.m-recipe-header__quick-info {
    list-style: none;
    margin: 0;
    padding: 0;
    margin-bottom: 13px;
    display: flex
}

.m-recipe-header__quick-info-item {
    padding: 0;
    margin: 0;
    list-style: none;
    margin-bottom: 10px
}

.m-recipe-header__quick-info-item:before {
    display: none
}

.m-recipe-header__quick-info-item:not(:last-of-type) {
    margin-right: 10px
}

.m-recipe-header__actions {
    margin-top: 24px
}

.m-recipe-header__action {
    font-size: 16px;
    font-size: 1rem;
    margin-right: 24px;
    margin-bottom: 15px;
    border-radius: 0
}

.m-recipe-header__action:hover,
.m-recipe-header__action:focus {
    color: inherit
}

@media screen and (min-width:768px) {
    .m-recipe-header__quick-info {
        display: flex;
        justify-content: flex-start
    }
    .m-recipe-header__quick-info-item {
        margin-right: 32px;
        margin-bottom: 0
    }
}

@media screen and (min-width:1024px) {
    .m-recipe-header {
        display: grid;
        grid-template-columns: 519px 1fr
    }
    .m-recipe-header__quick-info {
        grid-column: 2/span 1;
        grid-row: 1/span 2;
        flex-direction: column;
        margin-left: 75px
    }
    .m-recipe-header__quick-info-item {
        margin-bottom: 10px
    }
}

@media screen and (min-width:1280px) {
    .m-recipe-header__quick-info {
        flex-direction: row
    }
    .m-recipe-header__quick-info-item {
        margin-bottom: 0
    }
}

.m-recipe-body__heading {
    font-family: montserrat, sans-serif;
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 2;
    text-transform: none;
    margin-bottom: 16px
}

.m-recipe-body__ingredients {
    width: 100%
}

.m-recipe-body__ingredients-list {
    list-style: none;
    margin: 0;
    padding: 0
}

.m-recipe-body__ingredients-item {
    padding: 0;
    margin: 0;
    list-style: none;
    margin-bottom: 24px
}

.m-recipe-body__ingredients-item:before {
    display: none
}

.m-recipe-body__ingredients-link {
    display: inline
}

.m-recipe-body__directions-item {
    margin-bottom: 24px
}

@media screen and (min-width:1024px) {
    .m-recipe-body {
        display: flex;
        justify-content: space-between
    }
    .m-recipe-body__directions {
        width: 50%;
        margin-left: 50px
    }
    .m-recipe-body__ingredients {
        width: 50%
    }
}

@media screen and (min-width:1280px) {
    .m-recipe-body__directions {
        margin-left: 70px
    }
}

.m-top-banner {
    background: #137f62;
    padding: 15px;
    color: var(--color-foreground);
    text-align: center;
    line-height: 1.5;
    position: absolute;
    top: 0;
    width: 100%
}

.m-top-banner__cta {
    display: inline-block;
    margin-left: 5px
}

.m-top-banner .a-text-btn-with-arrow {
    font-size: inherit
}

.m-top-banner .a-text-btn-with-arrow:hover,
.m-top-banner .a-text-btn-with-arrow:focus {
    color: inherit
}

.c-header {
    position: relative
}

.c-header__top {
    background-color: #0b2d25;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 40px;
    padding-left: 16px;
    padding-right: 16px
}

@media screen and (min-width:1312px) {
    .c-header__top {
        padding-left: calc((100vw - 1280px)/2);
        padding-right: calc((100vw - 1280px)/2)
    }
}

.c-header__account-menu-desktop {
    display: none
}

.c-header__main {
    background-color: #fff;
    height: 60px;
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    padding-left: 16px;
    padding-right: 16px
}

@media screen and (min-width:1312px) {
    .c-header__main {
        /* padding-left: calc((100vw - 1280px)/2);
            padding-right: calc((100vw - 1280px)/2) */
        padding-left: 0;
        padding-right: 0
    }
}

.c-header__menu-button {
    display: flex;
    align-items: center
}

.c-header__menu-button .a-icon-text-btn__icon {
    font-size: 32px;
    font-size: 2rem
}

.c-header__logo {
    width: 113px
}

.c-header__logo .a-logo {
    width: 100%
}

.c-header__logo img {
    width: 100%;
    max-height: 50px;
    margin-top: 10px;
}

@media screen and (min-width:1024px) {
    .c-header__logo img {
        margin-top: 20px;
        max-height: 50px
    }
}

.c-header__icon-btns>*:not(:first-child) {
    margin-left: 8px
}

.c-header__search-button>.a-icon-text-btn .a-icon-text-btn__icon,
.c-header__account-button>.a-icon-text-btn .a-icon-text-btn__icon,
.c-header__minicart>.a-icon-text-btn .a-icon-text-btn__icon {
    font-size: 32px;
    font-size: 2rem
}

.c-header__account-button {
    display: none
}

.c-header__initials {
    color: var(--color-btn-primary-text);
    background-color: var(--color-btn-primary);
    border: none;
    border-radius: 50%;
    width: 32px;
    height: 32px;
    padding: 0;
    transition: transform .25s ease-in-out;
    transform-origin: bottom
}

.c-header__initials:hover,
.c-header__initials:focus {
    transform: scale(1.15)
}

.c-header__minicart-button {
    position: relative
}

.c-header__minicart-count {
    position: absolute;
    background-color: #0b2d25;
    color: #fff;
    height: 10px;
    width: 10px;
    border-radius: 50%;
    bottom: 0;
    right: 3px;
    border: 1px solid #fff
}

.c-header__minicart-count span {
    display: none
}

.c-header__main-panel {
    display: none;
    transition: transform .4s ease-in-out;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    flex-direction: column;
    background-color: #fff;
    z-index: 200000
}

.c-header__main-panel-close {
    position: fixed;
    top: 18px;
    right: 16px;
    z-index: 200003
}

.c-header__main-panel-top {
    padding-top: 50px;
    padding-bottom: 12px;
    display: block;
    flex-direction: column
}

.c-header__links {
    list-style: none;
    margin: 0;
    padding: 0;
    flex-grow: 1
}

@media screen and (min-width:1024px) {
    .c-header__links {
        overflow: hidden
    }
}

.c-header__link-item {
    padding: 0;
    margin: 0;
    list-style: none
}

.c-header__link-item:before {
    display: none
}

.c-header__link {
    display: flex;
    align-items: center;
    height: 48px;
    width: 100%;
    padding: 0 20px;
    border: none;
    background-color: transparent;
    font-size: 24px;
    font-size: 14px;
    line-height: 1.5;
    text-align: left;
    font-weight: 500;
    text-decoration: none;
    color: var(--color-foreground);
    text-transform: uppercase;
}

.c-header__link .c-header__link-text {
    text-decoration: underline;
    -webkit-text-decoration-color: transparent;
    text-decoration-color: transparent;
    transition: all .2s ease-in-out
}

.c-header__link:hover .c-header__link-text,
.c-header__link:focus .c-header__link-text {
    -webkit-text-decoration-color: currentColor;
    text-decoration-color: currentColor
}

.c-header__link-arrow {
    font-size: 16px;
    font-size: 1rem;
    margin-left: 12px
}

.c-header__main-panel-bottom {
    display: flex;
    flex-direction: column
}

.c-header__account-menu-mobile {
    flex-grow: 1
}

.c-header__social {
    padding: 0 20px
}

.c-header__social .a-icon-text-btn:hover,
.c-header__social .a-icon-text-btn:focus {
    color: #fff
}

.c-header__minicart-panel,
.c-header__account-dropdown {
    display: none;
    position: absolute;
    z-index: 100;
    top: 100%;
    left: 0;
    right: 0;
    min-height: calc(100vh - 100px);
    transition: -webkit-clip-path .4s ease-in-out;
    transition: clip-path .4s ease-in-out;
    transition: clip-path .4s ease-in-out, -webkit-clip-path .4s ease-in-out;
    -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
    clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%)
}

.c-header__minicart-panel .m-minicart,
.c-header__minicart-panel .m-account-dropdown,
.c-header__account-dropdown .m-minicart,
.c-header__account-dropdown .m-account-dropdown {
    background-color: #fff
}

.c-header__minicart-panel--loader .m-minicart,
.c-header__account-dropdown--loader .m-minicart {
    position: relative
}

.c-header__minicart-panel--loader .m-minicart:before,
.c-header__minicart-panel--loader .m-minicart:after,
.c-header__account-dropdown--loader .m-minicart:before,
.c-header__account-dropdown--loader .m-minicart:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    z-index: 1
}

.c-header__minicart-panel--loader .m-minicart:before,
.c-header__account-dropdown--loader .m-minicart:before {
    background-color: #fff;
    opacity: .5
}

.c-header__minicart-panel--loader .m-minicart:after,
.c-header__account-dropdown--loader .m-minicart:after {
    background: transparent url(/loader-2.gif) no-repeat 50% 50%
}

.c-header__search-panel-wrapper {
    position: relative
}

.c-header__search-panel-open {
    position: absolute;
    top: 0;
    left: 20px;
    width: calc(100% - 2 * 20px);
    height: 100%;
    padding: 0;
    border: none;
    border-bottom: 0 solid #0b2d25;
    border-radius: 0;
    background-color: transparent;
    transition: border-width .3s ease-in-out
}

.c-header__search-panel-open:hover,
.c-header__search-panel-open:focus {
    border-bottom-width: 2px
}

.c-header__underlay {
    display: none
}

@media screen and (min-width:320px) {
    .c-header__icon-btns {
        display: flex;
        justify-content: flex-end;
        align-items: center;
        flex-grow: 1;
    }
}

@media screen and (min-width:768px) {
    .c-header__minicart-panel,
    .c-header__account-dropdown {
        top: 100%;
        left: auto;
        right: 0;
        min-height: 0;
        transition: -webkit-clip-path .4s ease-in-out;
        transition: clip-path .4s ease-in-out;
        transition: clip-path .4s ease-in-out, -webkit-clip-path .4s ease-in-out;
        -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
        clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
        padding-left: 16px;
        padding-right: 16px;
        padding-left: 0;
        pointer-events: none
    }
    .c-header__icon-btns {
        display: flex;
        justify-content: flex-end;
        align-items: center;
        flex-grow: 1;
    }
}

@media screen and (min-width:768px) and (min-width:1312px) {
    .c-header__minicart-panel,
    .c-header__account-dropdown {
        padding-left: calc((100vw - 1280px)/2);
        padding-right: calc((77vw - 1280px)/2);
        padding-left: 0
    }
}

@media screen and (min-width:1024px) {
    .c-header__icon-btns {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-grow: 1;
    }
}

@media screen and (min-width:768px) {
    .c-header__minicart-panel .m-minicart,
    .c-header__minicart-panel .m-account-dropdown,
    .c-header__account-dropdown .m-minicart,
    .c-header__account-dropdown .m-account-dropdown {
        pointer-events: auto
    }
    .c-header__minicart-panel .m-minicart,
    .c-header__account-dropdown .m-minicart {
        width: 460px
    }
}

@media screen and (min-width:1024px) {
    .c-header {
        z-index: 200000
    }
    .c-header__top {
        height: 50px;
        justify-content: space-between
    }
    .c-header__account-menu-desktop {
        display: block;
        justify-self: end;
        flex-grow: 1
    }
    .c-header__main {
        position: relative;
        height: 80px;
        border-bottom: 1px solid #ddd6c4;
        display: flex
    }
    .c-header__menu-button {
        display: none
    }
    .c-header__main-panel {
        display: flex;
        position: static;
        justify-content: center;
        background-color: transparent
    }
    .c-header__main-panel-top {
        padding: 0
    }
    .c-header__links {
        display: flex;
        flex-direction: row
    }
    .c-header__link-item {
        margin-left: 32px
    }
    .c-header__link {
        padding: 0;
        height: auto
    }
    .c-header__link-arrow {
        display: none
    }
    .c-header__panel {
        float: left;
        position: absolute;
        top: 100%;
        z-index: 99999;
        display: none;
        border-radius: 6px;
        box-shadow: 0 0 6px 0 rgba(1, 1, 1, .3);
    }
    .c-header__main-panel-close {
        display: none
    }
    .c-header__main-panel-bottom {
        display: none
    }
    .c-header__logo {
        width: 20%
    }
    .c-header__account-menu-mobile {
        display: none
    }
    .c-header__social {
        display: none
    }
    .c-header__search-panel-wrapper {
        position: static
    }
    .c-header__search-panel {
        display: none
    }
    .c-header__search-panel-open {
        display: none
    }
    .c-header__icon-btns>*:not(:first-child) {
        margin-left: 16px
    }
    .c-header__search-button>.a-icon-text-btn .a-icon-text-btn__icon,
    .c-header__account-button>.a-icon-text-btn .a-icon-text-btn__icon,
    .c-header__minicart>.a-icon-text-btn .a-icon-text-btn__icon {
        font-size: 40px;
        font-size: 1.6rem
    }
    .c-header__account-button {
        display: block
    }
    .c-header__minicart-count {
        background-color: #137f62;
        width: auto;
        height: auto;
        min-width: 24px;
        display: flex;
        justify-content: center;
        align-items: center;
        border-width: 2px;
        bottom: -7px;
        right: -5px
    }
    .c-header__minicart-count span {
        display: block;
        padding: 3px
    }
    .c-header__underlay {
        display: block;
        pointer-events: none;
        position: fixed;
        z-index: 199999;
        background-color: #0b2d25;
        opacity: 0;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        transition: opacity .4s ease-in-out
    }
    .c-header__underlay--open {}
}

.c-header__main--open .c-header__main-panel {
    display: flex
}

.c-header__main--transition .c-header__main-panel {
    transform: translateX(-100%)
}

.c-header__main--transition .c-header__link-item--transition .c-header__panel {
    transform: none
}

.c-header__main--transition .m-multilevel-menu__item--transition .m-multilevel-menu__submenu {
    transform: none
}

.c-header__search-panel-wrapper .c-header__search-panel {
    transition: .4s ease-in-out;
    transition-property: height, transform;
    height: 30px
}

.c-header__search-panel-wrapper .m-search-panel {
    transition: padding-top .4s ease-in-out
}

@media screen and (min-width:1024px) {
    .c-header__search-panel-wrapper .c-header__search-panel {
        height: auto;
        transition-property: -webkit-clip-path;
        transition-property: clip-path;
        transition-property: clip-path, -webkit-clip-path;
        -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
        clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%)
    }
}

.c-header__search-panel-wrapper--open .c-header__search-panel {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    height: 100vh;
    background-color: #fff;
    z-index: 200002
}

.c-header__search-panel-wrapper--open .m-search-panel {
    padding-top: 89px
}

.c-header__search-panel-wrapper--open .c-header__search-panel-open {
    display: none
}

@media screen and (min-width:1024px) {
    .c-header__search-panel-wrapper--open .c-header__search-panel {
        display: block;
        position: absolute;
        height: auto
    }
    .c-header__search-panel-wrapper--open .m-search-panel {
        padding-top: 30px
    }
}

.c-header__search-panel-wrapper--transition .c-header__search-panel {
    padding-top: 0;
    overflow: hidden;
    transition-property: height
}

@media screen and (min-width:1024px) {
    .c-header__search-panel-wrapper--transition .c-header__search-panel {
        transition-property: -webkit-clip-path;
        transition-property: clip-path;
        transition-property: clip-path, -webkit-clip-path;
        -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 0%, 0% 0%);
        clip-path: polygon(0% 0%, 100% 0%, 100% 0%, 0% 0%)
    }
}

.c-header__search-panel-wrapper:not(.c-header__search-panel-wrapper--open) .m-search-panel__trending {
    display: none
}

.c-header__search-panel-wrapper:not(.c-header__search-panel-wrapper--open) .m-search-panel__results {
    display: none
}

.c-header__link-item--open .c-header__panel {
    display: block
}

.c-header__link-item--transition .c-header__panel {
    transform: translateX(100%)
}

@media screen and (min-width:1024px) {
    .c-header__link-item--transition .c-header__panel {
        transform: none;
        -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 0%, 0% 0%);
        clip-path: polygon(0% 0%, 100% 0%, 100% 0%, 0% 0%)
    }
}

@media screen and (min-width:768px) {
    .c-header__minicart--open .c-header__minicart-panel {
        display: block
    }
    .c-header__minicart--transition .c-header__minicart-panel {
        -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 0%, 0% 0%);
        clip-path: polygon(0% 0%, 100% 0%, 100% 0%, 0% 0%)
    }
    .c-header__account-button--open .c-header__account-dropdown {
        display: block
    }
    .c-header__account-button--transition .c-header__account-dropdown {
        -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 0%, 0% 0%);
        clip-path: polygon(0% 0%, 100% 0%, 100% 0%, 0% 0%)
    }
}

.c-footer {
    --color-background: #0b2d25
}

.c-footer__nav {
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 24px;
    padding-bottom: 55px;
    background-color: var(--color-background);
    color: #fff;
    --color-foreground: #FFF;
    --color-accent: #FFF
}

@media screen and (min-width:1102px) {
    .c-footer__nav {
        padding-left: calc((100vw - 1062px)/2);
        padding-right: calc((100vw - 1062px)/2)
    }
}

.c-footer__social-links {
    --color-btn-text-hover: var(--color-foreground);
    margin: 40px 0;
    display: flex;
    justify-content: center;
    align-items: center
}

.c-footer__copyright {
    text-align: center;
    font-size: 12px;
    font-size: .75rem;
    font-family: montserrat, sans-serif;
    line-height: 2
}

.c-footer__copyright-link a {
    color: inherit;
    text-decoration: none;
    text-decoration: underline;
    -webkit-text-decoration-color: transparent;
    text-decoration-color: transparent;
    transition: all .2s ease-in-out;
    margin: 0 8px
}

.c-footer__copyright-link a:hover,
.c-footer__copyright-link a:focus {
    -webkit-text-decoration-color: currentColor;
    text-decoration-color: currentColor
}

.c-footer__copyright-link:not(:first-child):before {
    content: '|'
}

.c-footer__copyright-text {
    font-size: inherit;
    margin: 5px 0
}

.c-footer--wholesale .c-footer__nav {
    padding-left: 20px;
    padding-right: 20px
}

@media screen and (min-width:1320px) {
    .c-footer--wholesale .c-footer__nav {
        padding-left: calc((100vw - 1280px)/2);
        padding-right: calc((100vw - 1280px)/2)
    }
}

.c-footer--wholesale .c-footer__social-links {
    flex-direction: column;
    margin-bottom: 0
}

.c-footer--wholesale .c-footer__copyright {
    margin-top: 40px
}

@media screen and (min-width:1024px) {
    .c-footer__nav {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: flex-start;
        padding-top: 40px
    }
    .c-footer__nav-section {
        min-width: 266px;
        margin-bottom: 54px
    }
    .c-footer__nav-section--brands {
        margin-bottom: 0;
        order: 2;
        flex-grow: 1;
        border-top: 1px solid var(--color-foreground);
        padding-top: 19px
    }
    .c-footer__social-links {
        margin: 5px 0 0;
        order: 1;
        flex-grow: 1;
        display: flex;
        justify-content: flex-end
    }
    .c-footer__copyright {
        order: 3;
        display: flex;
        flex-direction: column-reverse;
        align-items: flex-end;
        border-top: 1px solid var(--color-foreground);
        padding-top: 16px
    }
    .c-footer__copyright-link:last-child a {
        margin-right: 0
    }
    .c-footer--wholesale .c-footer__nav-section {
        min-width: 200px
    }
    .c-footer--wholesale .c-footer__social-links {
        width: 100%;
        border-top: 1px solid var(--color-foreground);
        flex-direction: row;
        justify-content: space-between
    }
    .c-footer--wholesale .c-footer__copyright {
        margin-top: 0;
        border-top: none
    }
}

.c-homepage-hero {
    position: relative
}

.c-homepage-hero__image-wrapper img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    max-height: 500px
}

.c-homepage-hero__content-wrapper {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate(0, -50%);
    width: 100%
}

.c-homepage-hero__content {
    padding: 45px;
    display: flex;
    flex-direction: column;
    align-items: flex-start
}

.c-homepage-hero__cta {
    margin-top: 20px
}

.c-homepage-hero--center .c-homepage-hero__content-wrapper {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    transform: translate(-50%, -50%)
}

.c-homepage-hero--center .c-homepage-hero__content {
    align-items: center;
    text-align: center
}

.c-homepage-hero--right .c-homepage-hero__content-wrapper {
    position: absolute;
    top: auto;
    bottom: 0;
    left: auto;
    right: 0;
    transform: none
}

.c-homepage-hero--sub-first .c-homepage-hero__subheading {
    order: -1
}

.c-homepage-hero--light .c-homepage-hero__image-wrapper:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0, 0, 0, .4)
}

.c-homepage-hero--light .c-homepage-hero__headline {
    color: #fff
}

.c-homepage-hero--light .c-homepage-hero__subheading {
    color: #fff
}

@media screen and (min-width:768px) {
    .c-homepage-hero--right .c-homepage-hero__content-wrapper {
        position: absolute;
        top: 50%;
        left: auto;
        right: 0;
        transform: translate(0, -50%);
        bottom: auto;
        max-width: 40%
    }
}

.c-page-header {
    position: relative
}

.c-page-header__image {
    display: block;
    position: relative;
    margin-left: 50%;
    left: -50%;
    width: 100vw;
    max-width: 100%
}

.c-page-header__image img {
    -o-object-fit: cover;
    object-fit: cover;
    height: 200px;
    width: 100%;
    display: block
}

.c-page-header__image:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0, 0, 0, .4)
}

.c-page-header__content {
    padding-left: 20px;
    padding-right: 20px;
    padding-right: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    transform: translate(-50%, -50%);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    max-width: 65%;
    padding-right: 20px
}

@media screen and (min-width:1320px) {
    .c-page-header__content {
        padding-left: calc((100vw - 1280px)/2);
        padding-right: calc((100vw - 1280px)/2);
        padding-right: 0
    }
}

.c-page-header__headline {
    margin: 0;
    text-align: center;
    color: inherit
}

.c-page-header__description {
    display: none
}

.c-page-header__cta {
    display: none
}

.c-page-header--centered .c-page-header__content {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    transform: translate(-50%, -50%);
    align-items: center;
    padding-bottom: 0
}

.c-page-header--centered .c-page-header__headline {
    text-align: center
}

.c-page-header--centered .c-page-header__description {
    max-width: 100%
}

.c-page-header--light {
    color: #fff
}

@media screen and (min-width:768px) {
    .c-page-header__image img {
        height: 380px
    }
    .c-page-header__headline {
        text-align: left
    }
    .c-page-header__content {
        padding-bottom: 70px;
        transform: none;
        position: absolute;
        top: auto;
        bottom: 0;
        left: 0;
        transform: none;
        align-items: flex-start
    }
    .c-page-header__description {
        display: block
    }
    .c-page-header__cta {
        display: block
    }
    .c-page-header__headline {
        margin-bottom: 8px
    }
}

.c-brand-landing-hero {
    position: relative
}

.c-brand-landing-hero__background-wrapper img {
    display: block;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
    height: 100%
}

.c-brand-landing-hero__brand-wrapper img {
    position: absolute;
    left: 50%;
    bottom: 20px;
    width: 120px;
    height: 75px;
    -o-object-fit: contain;
    object-fit: contain;
    transform: translate(-50%, 0)
}

@media screen and (min-width:768px) {
    .c-brand-landing-hero__brand-wrapper img {
        width: 300px;
        height: 200px
    }
}

@media screen and (min-width:1024px) {
    .c-brand-landing-hero__brand-wrapper img {
        bottom: 70px
    }
}

.c-media-block {
    --height: 350px;
    position: relative;
    width: 100%;
    height: var(--height);
    margin-bottom: 80px
}

.c-media-block__image-wrapper {
    height: calc(var(--height) - 20%);
    width: 80%;
    position: absolute;
    top: 0;
    left: 0
}

.c-media-block__image-wrapper img {
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
    height: 100%
}

.c-media-block__content {
    position: absolute;
    top: calc(var(--height) - 35%);
    left: 5%;
    right: 20px;
    box-shadow: 0 0 0 8px rgba(221, 214, 196, .3);
    background-color: #0b2d25;
    padding: 22px 25px
}

.c-media-block__headline {
    color: #fff
}

.c-media-block__subheading {
    color: #fff
}

.c-media-block__cta {
    display: flex;
    align-items: center;
    font-family: montserrat, sans-serif;
    font-size: 16px;
    font-size: 1rem;
    color: #fff;
    text-decoration: none;
    margin: 0
}

@media(min-width:1280px) {
    .c-media-block__cta {
        font-size: 17px;
        font-size: 1.0625rem
    }
}

.c-media-block__cta .icon-arrow-right {
    font-size: 25px;
    font-size: 1.5625rem
}

.c-media-block__cta .c-media-block__cta-text {
    text-decoration: underline;
    -webkit-text-decoration-color: transparent;
    text-decoration-color: transparent;
    transition: all .2s ease-in-out
}

.c-media-block__cta:hover .c-media-block__cta-text,
.c-media-block__cta:focus .c-media-block__cta-text {
    -webkit-text-decoration-color: currentColor;
    text-decoration-color: currentColor
}

@media screen and (min-width:768px) {
    .c-media-block {
        width: 90%
    }
    .c-media-block__image-wrapper {
        height: calc(var(--height) - 10%)
    }
    .c-media-block__content {
        right: 0;
        left: auto;
        top: calc(var(--height) - 45%);
        width: 60%
    }
}

@media screen and (min-width:1280px) {
    .c-media-block__content {
        width: 40%
    }
}

@media screen and (min-width:1440px) {
    .c-media-block__content {
        width: 35%
    }
}

.c-media-block--tall {
    --height: 500px;
    height: var(--height)
}

@media screen and (min-width:768px) {
    .c-media-block--tall .c-media-block__image-wrapper {
        height: calc(var(--height) - 5%)
    }
    .c-media-block--tall .c-media-block__content {
        top: calc(var(--height) - 30%);
        width: 60%
    }
}

@media screen and (min-width:1280px) {
    .c-media-block--tall {
        margin-bottom: 200px
    }
    .c-media-block--tall .c-media-block__content {
        width: 40%
    }
}

.c-media-block--flipped {
    --height: 285px;
    width: 100%
}

.c-media-block--flipped .c-media-block__image-wrapper {
    top: calc(var(--height) - 50%);
    left: 50%;
    z-index: 10;
    width: 50%;
    height: calc(var(--height) - 50%)
}

.c-media-block--flipped .c-media-block__content {
    position: static;
    height: auto;
    width: 100%;
    top: 0;
    left: 0;
    border: none;
    padding: 32px;
    border-radius: 0
}

@media screen and (min-width:768px) {
    .c-media-block--flipped .c-media-block__content {
        width: calc(100% - 55px);
        padding: 55px 0 55px 48px
    }
    .c-media-block--flipped .c-media-block__image-wrapper {
        height: calc(var(--height) - 25%);
        top: 55px;
        left: 55%;
        width: 45%
    }
    .c-media-block--flipped .c-media-block__headline {
        max-width: 40%
    }
}

@media screen and (min-width:1280px) {
    .c-media-block--flipped .c-media-block__image-wrapper {
        height: calc(var(--height) - 15%)
    }
}

.c-media-block--template-blp {
    margin-bottom: 40px;
    padding-left: 20px;
    padding-right: 20px
}

@media screen and (min-width:1320px) {
    .c-media-block--template-blp {
        padding-left: calc((100vw - 1280px)/2);
        padding-right: calc((100vw - 1280px)/2)
    }
}

@media screen and (min-width:768px) {
    .c-media-block--template-blp {
        margin-bottom: 80px
    }
}

.c-media-block-aligned {
    position: relative;
    margin-bottom: 48px
}

.c-media-block-aligned__content-wrapper {
    padding-left: 20px;
    padding-right: 20px
}

@media screen and (min-width:1102px) {
    .c-media-block-aligned__content-wrapper {
        padding-left: calc((100vw - 1062px)/2);
        padding-right: calc((100vw - 1062px)/2)
    }
}

.c-media-block-aligned--2up .c-media-block-aligned__content-wrapper {
    display: grid;
    grid-gap: 20px
}

.c-media-block-aligned--colored-bg,
.c-media-block-aligned--img-bg {
    padding-bottom: 48px
}

.c-media-block-aligned--colored-bg:not(.c-media-block-aligned--reverse-bg),
.c-media-block-aligned--img-bg:not(.c-media-block-aligned--reverse-bg) {
    margin-bottom: 0
}

.c-media-block-aligned--colored-bg:before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 50%;
    z-index: -10;
    background-color: #78be4c
}

.c-media-block-aligned--img-bg:before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 50%;
    z-index: -10;
    
}

.c-media-block-aligned--torn-edge {
    position: relative
}

.c-media-block-aligned--torn-edge::after {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -12px;
    height: 38px;
    
}

.c-media-block-aligned--reverse-bg {
    padding-top: 48px;
    padding-bottom: 0
}

.c-media-block-aligned--reverse-bg:before {
    top: 0;
    bottom: auto
}

.c-media-block-aligned--reverse-bg:after {
    top: -23px;
    bottom: auto
}

.c-media-block-aligned--mobile-column-wide .c-media-block-aligned__content-wrapper {
    padding-left: 20px;
    padding-right: 20px
}

@media screen and (min-width:1102px) {
    .c-media-block-aligned--mobile-column-wide .c-media-block-aligned__content-wrapper {
        padding-left: calc((100vw - 1062px)/2);
        padding-right: calc((100vw - 1062px)/2)
    }
}

@media screen and (min-width:768px) {
    .c-media-block-aligned {
        margin-bottom: 80px
    }
    .c-media-block-aligned--2up .c-media-block-aligned__content-wrapper {
        grid-template-columns: repeat(2, 1fr)
    }
    .c-media-block-aligned--colored-bg,
    .c-media-block-aligned--img-bg {
        padding-bottom: 80px
    }
    .c-media-block-aligned--reverse-bg {
        padding-top: 80px;
        padding-bottom: 0
    }
}

.c-category-card-grid--template-homepage+.c-media-block-aligned--reverse-bg,
.c-products-slider--template-homepage+.c-media-block-aligned--reverse-bg {
    margin-top: -48px
}

@media screen and (min-width:1024px) {
    .c-category-card-grid--template-homepage+.c-media-block-aligned--reverse-bg,
    .c-products-slider--template-homepage+.c-media-block-aligned--reverse-bg {
        margin-top: -80px
    }
}

.c-category-card-grid {
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 56px;
    padding-bottom: 56px;
    margin-bottom: 48px
}

@media screen and (min-width:1102px) {
    .c-category-card-grid {
        padding-left: calc((100vw - 1062px)/2);
        padding-right: calc((100vw - 1062px)/2)
    }
}

.c-category-card-grid__text-wrapper {
    display: flex;
    flex-direction: column;
    margin: 0 auto 54px;
    text-align: center
}

.c-category-card-grid__heading {
    margin-bottom: 0;
    color: var(--color-foreground)
}

.c-category-card-grid__subheading {
    color: var(--color-foreground)
}

.c-category-card-grid__copy {
    color: var(--color-foreground)
}

.c-category-card-grid__container {
    display: grid;
    grid-template-columns: repeat(2, 46%);
    grid-gap: 20px;
    max-width: 100%
}

.c-category-card-grid .m-category-card {
    padding: 24px;
    position: relative;
    width: 100%;
    height: auto
}

.c-category-card-grid .m-category-card__image-wrapper {
    margin-top: -13px;
    padding-bottom: 13px
}

.c-category-card-grid .m-category-card__image-wrapper img {
    width: 100%;
    display: block;
    overflow: hidden;
    max-width: 100%
}

.c-category-card-grid .m-category-card__caption {
    position: absolute;
    bottom: 2px;
    left: 50%;
    transform: translate(-50%, -50%);
    margin: 0;
    width: calc(100% - 20px/2)
}

.c-category-card-grid .m-category-card--centered {
    padding: 0
}

.c-category-card-grid .m-category-card--centered .m-category-card {
    padding: 0
}

.c-category-card-grid .m-category-card--centered .m-category-card__caption {
    bottom: auto;
    top: 50%;
    left: 50%
}

.c-category-card-grid .m-category-card--centered .m-category-card__image-wrapper {
    margin: 0;
    padding: 0
}

.c-category-card-grid--with-bg {
    background-color: #78be4c
}

.c-category-card-grid--with-bg .m-category-card:hover,
.c-category-card-grid--with-bg .m-category-card:focus {
    box-shadow: 0 0 0 8px #0b2d25 inset
}

@media screen and (min-width:768px) {
    .c-category-card-grid__container {
        grid-template-columns: repeat(3, 1fr)
    }
    .c-category-card-grid__text-wrapper {
        width: 50%;
        margin-bottom: 60px
    }
    .c-category-card-grid .m-category-card {
        padding: 55px
    }
    .c-category-card-grid .m-category-card__caption {
        bottom: 15px
    }
    .c-category-card-grid .m-category-card__image-wrapper {
        margin-top: -30px;
        padding-bottom: 30px
    }
    .c-category-card-grid .m-category-card--centered {
        padding: 0
    }
}

@media screen and (min-width:1024px) {
    .c-category-card-grid {
        padding-top: 80px;
        padding-bottom: 80px;
        margin-bottom: 80px
    }
}

.c-category-card-grid--template-clp {
    padding-top: 0;
    padding-bottom: 0
}

@media screen and (min-width:1024px) {
    .c-category-card-grid--template-clp {
        margin-bottom: 104px
    }
}

.c-category-card-grid--template-homepage:not(:only-child) {
    margin-bottom: 0
}

.c-cta-banner {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #f4f0e9
}

.c-cta-banner--torn-edge {
    position: relative
}

.c-cta-banner--torn-edge::after {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -12px;
    height: 38px;
    
}

.c-cta-banner--bgImg {
    
}

.c-cta-banner--isLight {
    color: #fff
}

.c-cta-banner__content {
    text-align: center;
    margin: 104px auto;
    padding-left: 20px;
    padding-right: 20px
}

@media screen and (min-width:1320px) {
    .c-cta-banner__content {
        padding-left: calc((100vw - 1280px)/2);
        padding-right: calc((100vw - 1280px)/2)
    }
}

.c-cta-banner__heading {
    color: inherit;
    display: block;
    width: 65%;
    margin: 0 auto;
    padding-bottom: 15px
}

.c-cta-banner__subheading {
    padding-bottom: 48px;
    margin: auto
}

.c-cta-banner--no-bg {
    background: 0 0
}

.c-cta-banner--no-bg .c-cta-banner__subheading {
    padding-bottom: 14px
}

@media screen and (min-width:768px) {
    .c-cta-banner__heading {
        width: 85%
    }
    .c-cta-banner--illustrations {
        position: relative
    }
    .c-cta-banner--illustrations>* {
        z-index: 1
    }
    .c-cta-banner--illustrations::before {
        content: '';
        display: block;
        pointer-events: none;
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: auto;
        height: 100%;
        width: auto;
        background-image: var(--illustration-top);
        background-repeat: no-repeat;
        background-size: auto;
        background-position: top left
    }
}

.c-story-block {
    display: flex;
    flex-direction: column
}

.c-story-block:last-child {
    margin-bottom: 48px
}

.c-story-block__content-wrapper {
    padding-left: 20px;
    padding-right: 20px;
    padding-right: 0;
    /*display: grid;*/
    grid-template-columns: repeat(6, 1fr);
    grid-gap: 20px;
    margin-right: 20px
}

@media screen and (min-width:1320px) {
    .c-story-block__content-wrapper {
        padding-left: calc((100vw - 1280px)/2);
        padding-right: calc((100vw - 1280px)/2);
        padding-right: 0
    }
}

.c-story-block__content {
    grid-column: 1/span 6;
    z-index: 100;
    background-color: #fff;
    padding: 30px 15px
}

.c-story-block__description {
    margin-top: 20px
}

.c-story-block__cta {
    margin-top: 36px
}

.c-story-block__image-wrapper {
    flex: 0 0 50%
}

.c-story-block__image-wrapper img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.c-story-block--flipped .c-story-block__content-wrapper {
    padding-left: 20px;
    padding-right: 20px;
    padding-left: 0;
    margin-left: 20px;
    margin-right: 0
}

@media screen and (min-width:1320px) {
    .c-story-block--flipped .c-story-block__content-wrapper {
        padding-left: calc((100vw - 1280px)/2);
        padding-right: calc((100vw - 1280px)/2);
        padding-left: 0
    }
}

@media screen and (min-width:768px) {
    .c-story-block {
        flex-direction: row;
        align-items: center
    }
    .c-story-block--flipped {
        flex-direction: row-reverse
    }
}

@media screen and (min-width:1024px) {
    .c-story-block:last-child {
        margin-bottom: 80px
    }
    .c-story-block .c-story-block__content {
        grid-column: 2/span 5
    }
    .c-story-block--withIllustration:not(.c-story-block--flipped) {
        position: relative
    }
    .c-story-block--withIllustration:not(.c-story-block--flipped)>* {
        z-index: 1
    }
    .c-story-block--withIllustration:not(.c-story-block--flipped)::after {
        content: '';
        display: block;
        pointer-events: none;
        position: absolute;
        left: 0;
        top: auto;
        right: auto;
        bottom: 0;
        height: 100%;
        width: 350px;
        background-image: var(--illustration);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: bottom right
    }
    .c-story-block--flipped.c-story-block--withIllustration {
        position: relative
    }
    .c-story-block--flipped.c-story-block--withIllustration>* {
        z-index: 1
    }
    .c-story-block--flipped.c-story-block--withIllustration::before {
        content: '';
        display: block;
        pointer-events: none;
        position: absolute;
        left: auto;
        top: 0;
        right: 0;
        bottom: auto;
        height: 100%;
        width: 350px;
        background-image: var(--illustration);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: top left
    }
}

.c-intro-block {
    margin-bottom: 48px
}

.c-intro-block__heading {
    font-family: montserrat, sans-serif;
    text-transform: none;
    margin-bottom: 15px
}

.c-intro-block__heading--sub {
    font-weight: 400
}

@media screen and (min-width:1024px) {
    .c-intro-block {
        margin-bottom: 80px
    }
    .c-intro-block__heading {
        margin-bottom: 35px
    }
}

.c-cms-recipe-block {
    padding-left: 20px;
    padding-right: 20px
}

@media screen and (min-width:1320px) {
    .c-cms-recipe-block {
        padding-left: calc((100vw - 1280px)/2);
        padding-right: calc((100vw - 1280px)/2)
    }
}

.c-cms-recipe-block__content {
    padding-top: 48px;
    padding-bottom: 48px
}

.c-cms-recipe-block__recipe-heading {
    margin-bottom: 40px
}

.c-cms-recipe-block__image-wrapper {
    width: 100%;
    margin-bottom: 36px
}

.c-cms-recipe-block__image-wrapper img {
    width: 100%
}

.c-cms-recipe-block__recipe-subheading {
    font-family: montserrat, sans-serif;
    text-transform: none;
    margin-bottom: 19px
}

.c-cms-recipe-block__ingredients-list {
    list-style: none;
    margin: 0;
    padding: 0
}

.c-cms-recipe-block__ingredients-item {
    padding: 0;
    margin: 0;
    list-style: none;
    margin-bottom: 20px
}

.c-cms-recipe-block__ingredients-item:before {
    display: none
}

.c-cms-recipe-block__directions-item {
    margin-bottom: 20px
}

.c-cms-recipe-block__directions-item:last-child {
    margin-bottom: 0
}

.c-cms-recipe-block--light {
    color: #fff
}

.c-cms-recipe-block--light .m-cms-section-heading__title,
.c-cms-recipe-block--light .c-cms-recipe-block__recipe-subheading,
.c-cms-recipe-block--light .m-cms-recipe-section-heading__title,
.c-cms-recipe-block--light .m-cms-section-heading__subtitle {
    color: #fff
}

@media screen and (min-width:768px) {
    .c-cms-recipe-block__recipe {
        display: flex
    }
    .c-cms-recipe-block__ingredients {
        margin-right: 50px;
        width: calc(50% - 50px);
        max-width: 295px
    }
    .c-cms-recipe-block__directions {
        flex-grow: 1
    }
}

@media screen and (min-width:1024px) {
    .c-cms-recipe-block__content {
        padding-top: 80px;
        padding-bottom: 80px
    }
    .c-cms-recipe-block--with-nav-col-gap {
        display: grid;
        grid-template-columns: repeat(12, 1fr);
        grid-gap: 20px
    }
    .c-cms-recipe-block--with-nav-col-gap .c-cms-recipe-block__content {
        grid-column: 3/span 9
    }
}

.c-media-card-2up {
    margin-bottom: 10px;
    text-align: center
}

.c-media-card-2up .m-heading {
    margin: 40px 0;
    padding: 0 60px
}

.c-media-card-2up__media-wrapper {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

.c-media-card-2up__media-wrapper .m-media-card {
    width: calc(95% - 25px);
    margin-bottom: 40px
}

@media screen and (min-width:768px) {
    .c-media-card-2up {
        margin: 80px 0 15px
    }
    .c-media-card-2up .m-heading {
        margin-bottom: 40px
    }
    .c-media-card-2up__media-wrapper {
        flex-direction: row
    }
    .c-media-card-2up__media-wrapper .m-media-card {
        width: calc(35% - 25px)
    }
    .c-media-card-2up__media-wrapper .m-media-card:last-child {
        margin-right: 0
    }
}

.c-content-card-section {
    padding-left: 20px;
    padding-right: 20px
}

@media screen and (min-width:1320px) {
    .c-content-card-section {
        padding-left: calc((100vw - 1280px)/2);
        padding-right: calc((100vw - 1280px)/2)
    }
}

.c-content-card-section__card-wrapper {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

.c-content-card-section__card-wrapper .m-content-card {
    margin-bottom: 23px
}

@media screen and (min-width:768px) {
    .c-content-card-section__card-wrapper {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-gap: 23px;
        margin-bottom: 23px;
        align-items: stretch
    }
    .c-content-card-section__card-wrapper .m-content-card {
        margin-bottom: 0;
        width: 100%
    }
    .c-content-card-section__existing-account {
        margin: 0 40px
    }
}

@media screen and (min-width:1280px) {
    .c-content-card-section__card-wrapper {
        grid-gap: 60px
    }
}

.c-info-cards-3-up {
    padding-left: 20px;
    padding-right: 20px;
    display: flex;
    flex-flow: column
}

@media screen and (min-width:1102px) {
    .c-info-cards-3-up {
        padding-left: calc((100vw - 1062px)/2);
        padding-right: calc((100vw - 1062px)/2)
    }
}

.c-info-cards-3-up__heading,
.c-info-cards-3-up__subheading,
.c-info-cards-3-up__paragraph {
    text-align: center
}

.c-info-cards-3-up__heading {
    line-height: 1.25
}

.c-info-cards-3-up__cards {
    display: flex;
    justify-content: space-between;
    flex-flow: column
}

.c-info-cards-3-up__heading+.c-info-cards-3-up__cards,
.c-info-cards-3-up__subheading+.c-info-cards-3-up__cards {
    margin-top: 23px
}

.c-info-cards-3-up__paragraph+.c-info-cards-3-up__cards {
    margin-top: 10px
}

.c-info-cards-3-up--with-bg {
    background-color: #fdfaf4
}

.c-info-cards-3-up--torn-edge {
    position: relative
}

.c-info-cards-3-up--torn-edge::after {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -12px;
    height: 38px;
    
}

@media screen and (min-width:768px) {
    .c-info-cards-3-up__cards {
        flex-flow: row
    }
    .c-info-cards-3-up .m-info-card {
        width: calc(33% - 40px)
    }
}

@media screen and (min-width:1280px) {
    .c-info-cards-3-up .m-info-card {
        width: calc(33% - 80px)
    }
}

.c-shop-the-recipe-carousel {
    position: relative;
    margin-bottom: 48px
}

.c-shop-the-recipe-carousel__track {
    position: relative;
    z-index: 1
}

.c-shop-the-recipe-carousel__arrows {
    display: none;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    transform: translate(-50%, -50%);
    justify-content: space-between;
    z-index: 1;
    pointer-events: none
}

.c-shop-the-recipe-carousel__arrows .a-carousel-indicator__arrow {
    pointer-events: auto
}

.c-shop-the-recipe-carousel .glide__slides {
    white-space: normal
}

@media screen and (min-width:1024px) {
    .c-shop-the-recipe-carousel {
        margin-bottom: 80px
    }
    .c-shop-the-recipe-carousel__arrows {
        display: flex
    }
}

.c-shop-the-recipe-carousel--template-clp {
    margin-top: 48px
}

@media screen and (min-width:1024px) {
    .c-shop-the-recipe-carousel--template-clp {
        margin-top: 80px
    }
}

.c-testimonial-carousel {
    padding-left: 20px;
    padding-right: 20px;
    padding-right: 0;
    display: flex;
    padding-bottom: 48px
}

@media screen and (min-width:1320px) {
    .c-testimonial-carousel {
        padding-left: calc((100vw - 1280px)/2);
        padding-right: calc((100vw - 1280px)/2);
        padding-right: 0
    }
}

.c-testimonial-carousel__carousel {
    width: 100%
}

.c-testimonial-carousel__controls {
    display: none
}

.c-testimonial-carousel--with-bg {
    padding-top: 80px;
    padding-bottom: 80px;
    margin-bottom: 48px;
    background-color: #78be4c
}

@media screen and (min-width:768px) {
    .c-testimonial-carousel {
        padding-left: 20px;
        padding-right: 20px
    }
}

@media screen and (min-width:768px) and (min-width:1320px) {
    .c-testimonial-carousel {
        padding-left: calc((100vw - 1280px)/2);
        padding-right: calc((100vw - 1280px)/2)
    }
}

@media screen and (min-width:768px) {
    .c-testimonial-carousel__carousel {
        width: 70%
    }
    .c-testimonial-carousel__controls {
        display: block;
        width: 25%;
        margin-left: 5%
    }
    .c-testimonial-carousel__controls img {
        max-width: 100%
    }
    .c-testimonial-carousel--illustration {
        position: relative
    }
    .c-testimonial-carousel--illustration>* {
        z-index: 1
    }
    .c-testimonial-carousel--illustration::after {
        content: '';
        display: block;
        pointer-events: none;
        position: absolute;
        left: 0;
        top: auto;
        right: 0;
        bottom: 0;
        height: 250px;
        width: auto;
        background-image: var(--illustration);
        background-repeat: no-repeat;
        background-size: auto;
        background-position: bottom left
    }
}

@media screen and (min-width:1024px) {
    .c-testimonial-carousel {
        padding-bottom: 80px
    }
    .c-testimonial-carousel--with-bg {
        padding-top: 150px;
        padding-bottom: 150px
    }
}

.c-homepage-hero-carousel {
    position: relative
}

.c-homepage-hero-carousel__slide {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    max-height: 500px;
    overflow: hidden
}

.c-homepage-hero-carousel__slide:not(.glide__slide--active) .c-homepage-hero-carousel__headline,
.c-homepage-hero-carousel__slide:not(.glide__slide--active) .c-homepage-hero-carousel__cta {
    opacity: 0;
    transform: translateY(10px);
    visibility: hidden
}

.c-homepage-hero-carousel__overlay-content {
    padding: 60px 40px
}

.c-homepage-hero-carousel__overlay-img-wrapper {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    -webkit-clip-path: polygon(0% 0%, 50% 0%, 50% 100%, 0% 100%);
    clip-path: polygon(0% 0%, 50% 0%, 50% 100%, 0% 100%);
    margin: -15px
}

.c-homepage-hero-carousel__overlay-img {
    display: block;
    width: 100%;
    height: 100%;
    filter: blur(10px);
    -o-object-fit: cover;
    object-fit: cover
}

.c-homepage-hero-carousel__content {
    position: relative;
    white-space: normal
}

.c-homepage-hero-carousel__headline {
    margin-bottom: 30px;
    transition: transform .3s ease-in-out, opacity .3s ease-in-out;
    line-height: 1.3;
}

.c-homepage-hero-carousel__cta {
    transition: transform .3s ease-in-out .1s, opacity .3s ease-in-out .1s
}

.c-homepage-hero-carousel__cta:hover {
    transition: color .35s ease-in-out, border-color .35s ease-in-out
}

.c-homepage-hero-carousel__img {
    display: block;
    width: 100%
}

.c-homepage-hero-carousel__arrows {
    position: absolute;
    top: auto;
    bottom: 0;
    left: 50%;
    width: 100%;
    transform: translate(-50%, 0);
    bottom: 32px;
    z-index: 0
}

.c-homepage-hero-carousel__arrows .a-carousel-indicator__arrow {
    display: none;
    color: var(--color-foreground)
}

@media screen and (min-width:768px) {
    .c-homepage-hero-carousel__slide {
        max-height: 750px
    }
}

@media screen and (min-width:1024px) {
    .c-homepage-hero-carousel__slides {
        max-height: calc(100vh - 95px - 100px)
    }
    .c-homepage-hero-carousel__slide {
        max-height: none
    }
    .c-homepage-hero-carousel__slide--dark-overlay .c-homepage-hero-carousel__overlay-content:before {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        background-color: #000;
        opacity: .5
    }
    .c-homepage-hero-carousel__overlay-img-wrapper {
        display: block
    }
    .c-homepage-hero-carousel__overlay-content {
        position: absolute;
        top: 0;
        bottom: 0;
        width: 50%;
        display: flex;
        align-items: center;
        overflow: hidden
    }
    .c-homepage-hero-carousel__content {
        display: grid;
        grid-gap: 20px;
        grid-template-areas: "a head head" "a cta .";
        grid-template-columns: 1fr 2fr 2fr;
        width: 100%;
        max-width: calc(1280px/2);
        margin-left: auto
    }
    .c-homepage-hero-carousel__headline {
        grid-area: head;
        color: #fff
    }
    .c-homepage-hero-carousel__cta {
        --color-foreground: #FFF;
        --color-background: #0b2d25;
        grid-area: cta
    }
    .c-homepage-hero-carousel__img {
        width: auto;
        /* height: calc(100% + 30px); */
        margin: -15px;
        -o-object-fit: cover;
        object-fit: cover
    }
    .c-homepage-hero-carousel__arrows {
        bottom: 48px
    }
    .c-homepage-hero-carousel__arrows .a-carousel-indicator__arrow {
        display: inline-block
    }
}

.c-products-slider {
    --color-foreground: #FFF;
    --color-accent: #137f62;
    --color-background: #0b2d25;
    position: relative;
    padding-top: 48px;
    margin-bottom: 48px;
    background: var(--color-background);
    padding-bottom: 25px
}

.c-products-slider__heading {
    padding-left: 45px;
    padding-right: 45px;
    color: var(--color-foreground);
    padding-bottom: 48px
}

@media screen and (min-width:1152px) {
    .c-products-slider__heading {
        padding-left: calc((100vw - 1062px)/2);
        padding-right: calc((100vw - 1062px)/2)
    }
}

.c-products-slider .m-heading__headline {
    color: inherit
}

.c-products-slider__slider-container {
    width: 100%;
    padding-left: 45px;
    padding-right: 45px;
    overflow: hidden;
    position: relative
}

@media screen and (min-width:1152px) {
    .c-products-slider__slider-container {
        padding-left: calc((100vw - 1062px)/2);
        padding-right: calc((100vw - 1062px)/2)
    }
}

.c-products-slider__slider {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex
}

.c-products-slider__item {
    padding: 0;
    margin: 0;
    list-style: none;
    margin-right: 16px
}

.c-products-slider__item:before {
    display: none
}

.c-products-slider__item:last-child {
    margin-right: 0
}

.c-products-slider .m-mini-product-card {
    width: 250px;
    height: 100%;
    display: flex;
    flex-direction: column;
    background-color: #fff
}

.c-products-slider .m-mini-product-card__info {
    flex-direction: column;
    flex-grow: 1
}

.c-products-slider .m-mini-product-card__price {
    margin-left: 0;
    margin-top: 10px;
    align-self: flex-start
}

.c-products-slider .m-mini-product-card__img-wrapper img {
    max-height: 200px;
    min-width: 200px
}

.c-products-slider__arrows {
    display: none
}

.c-products-slider__scrollbar {
    margin-top: 25px;
    margin-left: 45px;
    margin-right: 45px
}

.c-products-slider__add-all-wrapper {
    padding-left: 45px;
    padding-right: 45px;
    margin: 32px 0
}

@media screen and (min-width:1152px) {
    .c-products-slider__add-all-wrapper {
        padding-left: calc((100vw - 1062px)/2);
        padding-right: calc((100vw - 1062px)/2)
    }
}

.c-products-slider__add-all-btn {
    width: 100%
}

.c-products-slider--light-bg {
    background-color: var(--color-accent)
}

.c-products-slider--split-bg {
    --color-foreground: #FFF
}

.c-products-slider--split-bg::before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 50%;
    z-index: 0;
    
}

.c-products-slider--split-bg>* {
    position: relative;
    z-index: 1
}

.c-products-slider--reverse-split-bg {
    
}

.c-products-slider--reverse-split-bg::before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 50%;
    z-index: 0;
    background: #fdfaf4
}

.c-products-slider--reverse-split-bg>* {
    position: relative;
    z-index: 1
}

.c-products-slider--no-border-cards .m-mini-product-card {
    border: none
}

.c-products-slider--no-border-cards .m-mini-product-card__info {
    border-top: 2px solid #f4f0e9
}

@media screen and (min-width:1024px) {
    .c-products-slider {
        padding-top: 80px;
        margin-bottom: 80px;
        padding-bottom: 104px
    }
    .c-products-slider__heading .m-heading {
        max-width: 40%
    }
    .c-products-slider .m-mini-product-card {
        width: 350px
    }
    .c-products-slider .m-mini-product-card__info {
        flex-direction: row;
        flex-grow: 1
    }
    .c-products-slider .m-mini-product-card__price {
        margin-left: 26px;
        margin-top: 0;
        align-self: center
    }
    .c-products-slider .m-mini-product-card__img-wrapper img {
        max-height: 250px;
        min-width: 250px
    }
    .c-products-slider__arrows {
        display: flex;
        position: absolute;
        top: calc(50% - 24px);
        left: 0;
        right: 0;
        transform: translateY(-50%);
        justify-content: space-between;
        pointer-events: none
    }
    .c-products-slider__arrows .a-carousel-indicator__arrow {
        pointer-events: auto;
        margin: 0
    }
    .c-products-slider__scrollbar {
        max-width: 845px;
        margin-left: auto;
        margin-right: auto;
        margin-top: 48px
    }
    .c-products-slider__add-all-wrapper {
        padding-bottom: 0;
        margin-top: 48px;
        margin-bottom: 0
    }
    .c-products-slider__add-all-btn {
        width: auto;
        min-width: 242px
    }
}

.c-products-slider--template-pdp {
    margin-bottom: 0
}

.c-products-slider--template-blp {
    margin-bottom: 0
}

.c-products-slider--template-recipe {
    margin-bottom: 0
}

.c-products-slider--template-homepage:not(:only-child) {
    margin-bottom: 0
}

.c-products-slider--changeable {
    background: #0b2d25;
    margin-bottom: 0
}

.c-products-slider--changeable .c-products-slider__switcher-label {
    color: inherit;
    display: block
}

.c-products-slider--changeable .c-products-slider__switcher-select-wrapper {
    position: relative;
    display: inline-block
}

.c-products-slider--changeable .c-products-slider__switcher-select-wrapper::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 1px;
    background-color: currentColor;
    transform-origin: left;
    transform: scaleX(0);
    transition: transform .2s ease-in-out
}

.c-products-slider--changeable .c-products-slider__switcher-select-wrapper:hover::after,
.c-products-slider--changeable .c-products-slider__switcher-select-wrapper:focus-within::after {
    transform: scaleX(1)
}

.c-products-slider--changeable .c-products-slider__switcher-select {
    display: block;
    border: none;
    padding: 0 35px 0 0;
    font-size: 32px;
    font-size: 2rem;
    color: inherit;
    font-weight: 700;
    background: 0 0
}

.c-products-slider--changeable .c-products-slider__switcher-select:focus {
    box-shadow: none
}

.c-products-slider--changeable .c-products-slider__switcher-select-icon {
    font-size: 24px;
    font-size: 1.5rem;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none
}

.c-products-slider--changeable .c-products-slider__slider-container {
    transition: .3s ease-in-out;
    transition-property: opacity, transform
}

.c-products-slider--changeable .c-products-slider__slider-container--appearing {
    opacity: 0;
    transform: translateY(10%)
}

.c-expandable-products-slider {
    margin-top: -299px;
    margin-bottom: -30px;
    pointer-events: none
}

.c-expandable-products-slider__slider-wrapper {
    display: flex;
    overflow-x: auto;
    padding-top: 299px;
    padding-bottom: 30px;
    scrollbar-width: none
}

.c-expandable-products-slider__slider-wrapper::-webkit-scrollbar {
    display: none
}

.c-expandable-products-slider__slider-wrapper::after {
    content: '';
    display: block;
    border-top: 1px solid #f4f0e9;
    border-bottom: 1px solid #f4f0e9;
    flex-grow: 1;
    flex-shrink: 1
}

.c-expandable-products-slider__slider {
    display: flex;
    pointer-events: auto
}

.c-expandable-products-slider__heading {
    background-color: #0b2d25;
    color: #fff;
    width: 97px;
    flex-shrink: 0;
    display: flex;
    padding: 0 12px;
    justify-content: center;
    align-items: center;
    font-size: 12px;
    font-size: .75rem;
    line-height: 1.3
}

.c-expandable-products-slider__products {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex
}

.c-expandable-products-slider__item {
    padding: 0;
    margin: 0;
    list-style: none;
    margin-left: -1px
}

.c-expandable-products-slider__item:before {
    display: none
}

@media screen and (min-width:1024px) {
    .c-expandable-products-slider__heading {
        width: 190px;
        padding: 0 40px;
        font-size: 16px;
        font-size: 1rem;
        line-height: 1.5;
        font-weight: 700
    }
}

.c-expandable-products-slider--demo {
    margin-top: 0
}

.c-categories-slider {
    --color-foreground: #FFF;
    --color-accent: #137f62;
    --color-background: #78be4c;
    position: relative;
    padding-top: 48px;
    background-color: var(--color-background);
    padding-bottom: 25px
}

.c-categories-slider:before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 40%;
    z-index: 0;
    
}

.c-categories-slider__heading-wrapper {
    padding-left: 45px;
    padding-right: 45px;
    padding-bottom: 48px
}

@media screen and (min-width:1152px) {
    .c-categories-slider__heading-wrapper {
        padding-left: calc((100vw - 1062px)/2);
        padding-right: calc((100vw - 1062px)/2)
    }
}

.c-categories-slider__container {
    width: 100%;
    padding-left: 45px;
    padding-right: 45px;
    overflow: hidden;
    position: relative
}

@media screen and (min-width:1152px) {
    .c-categories-slider__container {
        padding-left: calc((100vw - 1062px)/2);
        padding-right: calc((100vw - 1062px)/2)
    }
}

.c-categories-slider__slider {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex
}

.c-categories-slider__item {
    padding: 0;
    margin: 0;
    list-style: none;
    margin-right: 16px
}

.c-categories-slider__item:before {
    display: none
}

.c-categories-slider__item:last-child {
    margin-right: 0
}

.c-categories-slider__inline-heading {
    display: none
}

.c-categories-slider__arrows {
    display: none
}

.c-categories-slider__scrollbar {
    margin-top: 25px;
    margin-left: 45px;
    margin-right: 45px
}

.c-categories-slider--no-bg-img:before {
    background-color: var(--color-accent);
    background-image: none
}

.c-categories-slider--no-bg {
    padding-top: 0;
    background-color: transparent
}

.c-categories-slider--no-bg:before {
    background-image: none
}

.c-categories-slider--aligned {
    background-color: transparent
}

.c-categories-slider--aligned:before {
    height: 100%;
    z-index: -10
}

.c-categories-slider--aligned .c-categories-slider__illustration {
    display: block;
    position: absolute;
    left: 0;
    top: 30px;
    right: 0;
    bottom: 0;
    background: var(--illustration) no-repeat top right;
    z-index: -1
}

@media screen and (min-width:768px) {
    .c-categories-slider--aligned .c-categories-slider__illustration {
        top: 40%;
        right: auto;
        width: 40%
    }
}

.c-categories-slider--aligned .c-categories-slider__container {
    padding-left: 45px;
    padding-right: 45px
}

@media screen and (min-width:1370px) {
    .c-categories-slider--aligned .c-categories-slider__container {
        padding-left: calc((100vw - 1280px)/2);
        padding-right: calc((100vw - 1280px)/2)
    }
}

.c-categories-slider--torn-edge {
    position: relative
}

.c-categories-slider--torn-edge::after {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -12px;
    height: 38px;
    
}

.c-categories-slider--light .m-heading__headline {
    color: #fff
}

.c-categories-slider--light .m-heading__cta {
    color: #fff
}

@media screen and (min-width:1024px) {
    .c-categories-slider {
        padding-top: 80px;
        padding-bottom: 104px
    }
    .c-categories-slider__heading-wrapper .m-heading {
        max-width: 40%
    }
    .c-categories-slider__arrows {
        display: flex;
        position: absolute;
        top: calc(50% - 24px);
        left: 0;
        right: 0;
        transform: translateY(-50%);
        justify-content: space-between;
        pointer-events: none
    }
    .c-categories-slider__arrows .a-carousel-indicator__arrow {
        pointer-events: auto;
        margin: 0
    }
    .c-categories-slider__scrollbar {
        max-width: 845px;
        margin-left: auto;
        margin-right: auto;
        margin-top: 48px
    }
    .c-categories-slider--no-bg {
        padding-top: 0
    }
    .c-categories-slider--aligned {
        padding-top: 0;
        padding-bottom: 60px
    }
    .c-categories-slider--aligned:before {
        height: calc(100% - 100px)
    }
    .c-categories-slider--aligned .c-categories-slider__heading-wrapper {
        display: none
    }
    .c-categories-slider--aligned .c-categories-slider__inline-heading {
        display: block;
        width: 40%;
        flex-shrink: 0;
        align-self: center;
        margin-top: 100px;
        padding-right: 20px
    }
    .c-categories-slider--aligned .c-categories-slider__heading {
        max-width: 100%
    }
}

@media screen and (min-width:1280px) {
    .c-categories-slider--aligned .c-categories-slider__inline-heading {
        padding-right: 60px
    }
}

@media screen and (min-width:1024px) {
    .c-categories-slider--template-homepage.c-categories-slider--aligned {
        margin-top: -100px
    }
}

.c-testimonial-slider {
    margin-bottom: 48px
}

.c-testimonial-slider__container {
    width: 100%;
    overflow: hidden;
    position: relative;
    padding-left: 20px;
    padding-right: 20px
}

@media screen and (min-width:1320px) {
    .c-testimonial-slider__container {
        padding-left: calc((100vw - 1280px)/2);
        padding-right: calc((100vw - 1280px)/2)
    }
}

.c-testimonial-slider__slider {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex
}

.c-testimonial-slider__arrows {
    display: none
}

.c-testimonial-slider__scrollbar {
    margin-top: 25px;
    margin-left: 45px;
    margin-right: 45px
}

.c-testimonial-slider__item {
    padding: 0;
    margin: 0;
    list-style: none;
    margin-right: 16px
}

.c-testimonial-slider__item:before {
    display: none
}

.c-testimonial-slider__item:last-child {
    margin-right: 0
}

@media screen and (min-width:1024px) {
    .c-testimonial-slider {
        margin-bottom: 80px
    }
    .c-testimonial-slider__arrows {
        display: flex;
        position: absolute;
        top: calc(50% - 24px);
        left: 0;
        right: 0;
        transform: translateY(-50%);
        justify-content: space-between;
        pointer-events: none
    }
    .c-testimonial-slider__arrows .a-carousel-indicator__arrow {
        pointer-events: auto;
        margin: 0
    }
    .c-testimonial-slider__scrollbar {
        max-width: 845px;
        margin-left: auto;
        margin-right: auto;
        margin-top: 48px
    }
}

.c-recipe-slider {
    position: relative;
    padding-bottom: 48px
}

.c-recipe-slider__heading {
    padding-left: 45px;
    padding-right: 45px;
    color: var(--color-foreground);
    margin-bottom: 20px
}

@media screen and (min-width:1152px) {
    .c-recipe-slider__heading {
        padding-left: calc((100vw - 1062px)/2);
        padding-right: calc((100vw - 1062px)/2)
    }
}

.c-recipe-slider .m-heading__headline {
    color: inherit
}

.c-recipe-slider__slider-container {
    width: 100%;
    padding-left: 45px;
    padding-right: 45px;
    overflow: hidden;
    position: relative
}

@media screen and (min-width:1152px) {
    .c-recipe-slider__slider-container {
        padding-left: calc((100vw - 1062px)/2);
        padding-right: calc((100vw - 1062px)/2)
    }
}

.c-recipe-slider__slider {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex: 1
}

.c-recipe-slider__item {
    padding: 0;
    margin: 0;
    list-style: none;
    margin-right: 16px;
    flex: 1 0 auto;
    max-height: 375px
}

.c-recipe-slider__item:before {
    display: none
}

.c-recipe-slider__item:last-child {
    margin-right: 0
}

.c-recipe-slider .m-recipe-card__recipe-name {
    color: var(--color-foreground)
}

.c-recipe-slider__arrows {
    display: none
}

.c-recipe-slider__view-all-wrapper {
    padding-left: 45px;
    padding-right: 45px;
    margin: 32px 0
}

@media screen and (min-width:1152px) {
    .c-recipe-slider__view-all-wrapper {
        padding-left: calc((100vw - 1062px)/2);
        padding-right: calc((100vw - 1062px)/2)
    }
}

.c-recipe-slider__scrollbar {
    margin-top: 25px;
    margin-left: 45px;
    margin-right: 45px
}

.c-recipe-slider--colored-bg {
    --color-accent: var(--color-foreground);
    padding-top: 48px;
    background: #0b2d25
}

.c-recipe-slider--wide-column-mobile .c-recipe-slider__heading {
    padding-left: 20px;
    padding-right: 20px
}

@media screen and (min-width:1102px) {
    .c-recipe-slider--wide-column-mobile .c-recipe-slider__heading {
        padding-left: calc((100vw - 1062px)/2);
        padding-right: calc((100vw - 1062px)/2)
    }
}

.c-recipe-slider--wide-column-mobile .c-recipe-slider__slider-container {
    padding-left: 20px;
    padding-right: 20px
}

@media screen and (min-width:1102px) {
    .c-recipe-slider--wide-column-mobile .c-recipe-slider__slider-container {
        padding-left: calc((100vw - 1062px)/2);
        padding-right: calc((100vw - 1062px)/2)
    }
}

@media screen and (min-width:768px) {
    .c-recipe-slider__item {
        max-height: 450px
    }
}

@media screen and (min-width:1024px) {
    .c-recipe-slider {
        padding-bottom: 60px
    }
    .c-recipe-slider__heading {
        margin-bottom: 40px
    }
    .c-recipe-slider__arrows {
        display: flex;
        position: absolute;
        top: calc(50% - 24px);
        left: 0;
        right: 0;
        transform: translateY(-50%);
        justify-content: space-between;
        pointer-events: none
    }
    .c-recipe-slider__arrows .a-carousel-indicator__arrow {
        pointer-events: auto;
        margin: 0
    }
    .c-recipe-slider__scrollbar {
        max-width: 845px;
        margin-left: auto;
        margin-right: auto;
        margin-top: 48px
    }
    .c-recipe-slider--colored-bg {
        padding-top: 80px
    }
    .c-recipe-slider__view-all-wrapper {
        padding-bottom: 0;
        margin-top: 48px;
        margin-bottom: 0
    }
    .c-recipe-slider__view-all-btn {
        width: auto;
        min-width: 242px
    }
}

.c-recipe-slider--template-clp {
    margin-top: 32px
}

@media screen and (min-width:1024px) {
    .c-recipe-slider--template-clp {
        margin-top: 40px;
        margin-bottom: 48px
    }
}

.c-recipe-slider--template-clp.c-recipe-slider--colored-bg {
    margin-top: 0;
    margin-bottom: 0
}

.c-cms-slider-section {
    --grid-col-width: calc((100vw - (2 * 20px) - (11 * 20px)) / 12);
    padding-top: 48px;
    padding-bottom: 48px
}

@media screen and (min-width:1320px) {
    .c-cms-slider-section {
        --grid-col-width: calc((1280px - 11 * 20px) / 12)
    }
}

.c-cms-slider-section__top-matter {
    padding-left: 20px;
    padding-right: 20px;
    margin-bottom: 38px
}

@media screen and (min-width:1320px) {
    .c-cms-slider-section__top-matter {
        padding-left: calc((100vw - 1280px)/2);
        padding-right: calc((100vw - 1280px)/2)
    }
}

.c-cms-slider-section__slider-container {
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
    overflow: hidden;
    position: relative
}

@media screen and (min-width:1320px) {
    .c-cms-slider-section__slider-container {
        padding-left: calc((100vw - 1280px)/2);
        padding-right: calc((100vw - 1280px)/2)
    }
}

.c-cms-slider-section__slider {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex
}

.c-cms-slider-section__item {
    padding: 0;
    margin: 0;
    list-style: none;
    margin-right: 24px
}

.c-cms-slider-section__item:before {
    display: none
}

.c-cms-slider-section__item:last-child {
    margin-right: 0
}

.c-cms-slider-section__img-wrapper {
    width: 302px;
    background-color: #fff;
    margin-bottom: 21px
}

.c-cms-slider-section__link {
    font-size: 20px;
    font-size: 1.25rem;
    font-family: montserrat, sans-serif
}

@media(min-width:1280px) {
    .c-cms-slider-section__link {
        font-size: 24px;
        font-size: 1.5rem
    }
}

.c-cms-slider-section__arrows {
    display: none
}

.c-cms-slider-section__scrollbar {
    margin-top: 25px;
    margin-left: 45px;
    margin-right: 45px
}

@media screen and (min-width:1024px) {
    .c-cms-slider-section {
        padding-top: 80px;
        padding-bottom: 80px
    }
    .c-cms-slider-section__arrows {
        display: flex;
        position: absolute;
        top: calc(50% - 24px);
        left: 0;
        right: 0;
        transform: translateY(-50%);
        justify-content: space-between;
        pointer-events: none
    }
    .c-cms-slider-section__arrows .a-carousel-indicator__arrow {
        pointer-events: auto;
        margin: 0
    }
    .c-cms-slider-section__scrollbar {
        max-width: 845px;
        margin-left: auto;
        margin-right: auto;
        margin-top: 48px
    }
    .c-cms-slider-section--with-nav-col-gap .c-cms-slider-section__section-heading,
    .c-cms-slider-section--with-nav-col-gap .c-cms-slider-section__description {
        margin-left: calc(2 * (var(--grid-col-width) + 20px));
        margin-right: calc(var(--grid-col-width) + 20px)
    }
    .c-cms-slider-section--with-nav-col-gap .c-cms-slider-section__slider-inner-container {
        padding-left: calc(2 * (var(--grid-col-width) + 20px));
        padding-right: calc(var(--grid-col-width) + 20px)
    }
}

.c-reviews {
    background-color: var(--color-background);
    padding-top: 48px;
    padding-bottom: 48px;
    margin-bottom: 48px
}

.c-reviews__container {
    padding-left: 20px;
    padding-right: 20px;
    margin: 0 auto;
    color: var(--color-foreground)
}

@media screen and (min-width:1102px) {
    .c-reviews__container {
        padding-left: calc((100vw - 1062px)/2);
        padding-right: calc((100vw - 1062px)/2)
    }
}

.c-reviews__container:first-of-type {
    margin-bottom: 30px
}

.c-reviews__content-wrapper {
    display: grid;
    grid-gap: 20px
}

.c-reviews__headline {
    color: #fff
}

.c-reviews__sort {
    margin-left: 5px
}

.c-reviews__sort .a-select-menu {
    border-width: 2px;
    border-radius: 0
}

.c-reviews__sort .a-select-menu:not(:focus) {
    border-color: var(--color-foreground)
}

.c-reviews__review-title {
    margin-top: 8px;
    text-transform: uppercase;
    font-weight: 700
}

.c-reviews__pagination {
    margin: 40px auto 0
}

.c-reviews__pagination .m-pagination {
    grid-column-start: 1;
    grid-column-end: 3
}

.c-reviews__pagination .m-pagination__list {
    justify-content: center
}

@media screen and (min-width:768px) {
    .c-reviews__content-wrapper {
        grid-template-columns: 4fr 6fr
    }
}

@media screen and (min-width:1024px) {
    .c-reviews {
        padding-top: 80px;
        padding-bottom: 128px;
        margin-bottom: 80px
    }
    .c-reviews__container:first-of-type {
        margin-bottom: 60px
    }
    .c-reviews__sort {
        margin-left: 24px
    }
    .c-reviews__pagination {
        margin-left: 0
    }
    .c-reviews__pagination .m-pagination__list {
        justify-content: flex-start
    }
}

.c-product-overview__content-wrapper {
    display: flex;
    flex-direction: column
}

.c-product-overview__promo-badge {
    margin-bottom: 20px
}

.c-product-overview__info {
    padding: 35px 20px 25px;
    position: relative
}

.c-product-overview__info .drift-zoom-pane {
    height: 70%;
    margin-left: 109px;
    width: calc(100% - 160px);
    border: 2px solid #0b2d25
}

.c-product-overview__highlights {
    padding: 24px 0;
    margin: 24px 0;
    border-top: 2px solid #ddd6c4;
    border-bottom: 2px solid #ddd6c4
}

.c-product-overview__highlights:last-child {
    border-bottom: none
}

.c-product-overview__links {
    display: flex
}

.c-product-overview__link:not(:last-child) {
    margin-right: 16px
}

.c-product-overview .m-product-gallery__img-wrapper {
    position: relative
}

.c-product-overview .m-product-gallery__img-wrapper::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: 0 0
}

@media screen and (min-width:1024px) {
    .c-product-overview {
        margin-bottom: 80px
    }
    .c-product-overview .m-product-gallery__img-wrapper::before {
        display: none
    }
    .c-product-overview__content-wrapper {
        flex-direction: row
    }
    .c-product-overview__info {
        display: grid;
        grid-gap: 20px;
        grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
        max-width: calc(1280px/2);
        width: 100%;
        margin-right: auto;
        padding: 5px 0 40px
    }
    .c-product-overview__content {
        grid-column: 2/span 4
    }
}

.c-product-description {
    max-width: 1062px;
    padding-top: 24px;
    margin: 0 20px 48px;
    border-top: 2px solid #ddd6c4
}

.c-product-description .m-accordion:first-child {
    border-top: none
}

@media screen and (min-width:1024px) {
    .c-product-description {
        margin: 0 auto 80px;
        padding-top: 80px
    }
    .c-product-description__main-description .c-product-description__title {
        display: none
    }
    .c-product-description__container {
        display: flex;
        justify-content: space-between;
        align-items: center
    }
    .c-product-description__warning-description {
        flex-basis: calc(45% - 10px)
    }
    .c-product-description__product-features-description {
        flex-basis: calc(40% - 10px)
    }
    .c-product-description .m-accordion {
        border-top: none;
        border-bottom: none;
        pointer-events: none
    }
    .c-product-description .m-accordion:first-child {
        border-top: none
    }
    .c-product-description .m-accordion__title:after {
        content: none
    }
    .c-product-description .m-accordion__content-inner {
        opacity: 1;
        visibility: visible;
        transform: translateY(0)
    }
    .c-product-description .m-accordion__title-label {
        font-size: 20px;
        font-size: 1.25rem;
        font-weight: 700;
        line-height: 2.5;
        text-transform: none
    }
}

.c-product-details {
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 24px;
    padding-bottom: 24px
}

@media screen and (min-width:1102px) {
    .c-product-details {
        padding-left: calc((100vw - 1062px)/2);
        padding-right: calc((100vw - 1062px)/2)
    }
}

.c-product-details .m-accordion:first-child {
    border-top: none
}

.c-product-details__icon {
    display: none;
    margin: 20px 40px 20px 0
}

.c-product-details__icon span {
    font-size: 35px;
    font-size: 2.1875rem;
    background-color: #ddd6c4;
    border-radius: 50%;
    padding: .9375rem;
    color: var(--color-primary)
}

.c-product-details__main-description .c-product-details__content-inner {
    display: flex;
    align-items: center
}

.c-product-details__main-description .c-product-details__content-inner p {
    margin-bottom: 0
}

.c-product-details__more-info .c-product-details__list-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border: 2px #ddd6c4 solid;
    border-bottom: none;
    margin: 0;
    padding: 20px 25px
}

.c-product-details__more-info .c-product-details__list-item p {
    margin: 0
}

.c-product-details__more-info .c-product-details__list-item:last-child {
    border-bottom: 2px #ddd6c4 solid
}

.c-product-details__ingredients .c-product-details__text {
    border: 2px #ddd6c4 solid;
    padding: 20px 25px
}

.c-product-details__list .c-product-details__list-item:before {
    content: none
}

.c-product-details__warning-description {
    width: 100%
}

@media screen and (min-width:1024px) {
    .c-product-details {
        margin: 0 auto 80px;
        padding-top: 80px
    }
    .c-product-details__main-description .c-product-details__title {
        display: none
    }
    .c-product-details__main-description .c-product-details__content-inner a {
        display: block
    }
    .c-product-details__container {
        display: flex;
        justify-content: space-between
    }
    .c-product-details__more-info {
        flex-basis: calc(45% - 10px)
    }
    .c-product-details__icon {
        display: inline-flex
    }
    .c-product-details__ingredients {
        flex-basis: calc(40% - 10px)
    }
    .c-product-details__warning-description {
        width: 50%
    }
    .c-product-details .m-accordion {
        border-top: none;
        border-bottom: none;
        pointer-events: none
    }
    .c-product-details .m-accordion:first-child {
        border-top: none
    }
    .c-product-details .m-accordion__title:after {
        content: none
    }
    .c-product-details .m-accordion__content-inner {
        opacity: 1;
        visibility: visible;
        transform: translateY(0)
    }
    .c-product-details .m-accordion__title-label {
        font-size: 20px;
        font-size: 1.25rem;
        font-weight: 700;
        line-height: 2.5;
        text-transform: none
    }
}

.c-simple-content-block {
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 24px;
    padding-bottom: 24px
}

@media screen and (min-width:1102px) {
    .c-simple-content-block {
        padding-left: calc((100vw - 1062px)/2);
        padding-right: calc((100vw - 1062px)/2)
    }
}

.c-simple-content-block p:first-child {
    margin-bottom: 40px
}

.c-simple-content-block table {
    margin-bottom: 40px
}

.c-sidebar-filters {
    position: relative;
    display: flex;
    flex-direction: column;
    padding-top: 20px;
    padding-bottom: 20px;
    height: 100vh;
    height: calc(var(--vh, 1vh) * 100)
}

.c-sidebar-filters__close-filters {
    position: absolute;
    top: 20px;
    right: 20px
}

.c-sidebar-filters__heading {
    display: flex;
    justify-content: space-between;
    padding: 0 20px;
    margin-bottom: 20px;
    flex-shrink: 0
}

.c-sidebar-filters__clear-cta {
    display: none
}

.c-sidebar-filters__selected-filters {
    padding: 0 20px;
    margin-bottom: 20px;
    flex-shrink: 0
}

.c-sidebar-filters__selected-filters .m-selected-filter {
    margin-right: 10px;
    margin-bottom: 10px
}

.c-sidebar-filters__list {
    flex-grow: 1;
    padding: 0 20px 20px;
    overflow-y: auto
}

.c-sidebar-filters__list .m-accordion__content-inner {
    display: flex;
    flex-direction: column;
    align-items: flex-start
}

.c-sidebar-filters__filter {
    padding-left: 2px;
    margin: 5px 0
}

.c-sidebar-filters__filter.a-btn {
    text-align: left
}

.c-sidebar-filters__cta {
    display: grid;
    grid-gap: 10px;
    grid-template-columns: repeat(2, 1fr);
    padding: 20px 20px 0;
    flex-shrink: 0
}

@media screen and (min-width:1024px) {
    .c-sidebar-filters__clear-cta {
        display: inline-block
    }
    .c-sidebar-filters__heading,
    .c-sidebar-filters__selected-filters {
        padding-left: 0;
        padding-right: 0
    }
    .c-sidebar-filters__list {
        padding-right: 5px;
        padding-left: 0
    }
    .c-sidebar-filters__close-filters,
    .c-sidebar-filters__cta {
        display: none
    }
}

.c-filter-bar {
    padding-left: 20px;
    padding-right: 20px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    padding-top: 10px;
    padding-bottom: 10px;
    border-top: 1px solid #ddd6c4
}

@media screen and (min-width:1320px) {
    .c-filter-bar {
        padding-left: calc((100vw - 1280px)/2);
        padding-right: calc((100vw - 1280px)/2)
    }
}

.c-filter-bar__filter-btn {
    font-size: 16px;
    font-size: 1rem;
    font-weight: 700
}

.c-filter-bar__filter-btn .a-icon-text-btn__label {
    white-space: nowrap
}

.c-filter-bar__filter-btn .c-filter-bar__label--show {
    display: inline-block
}

.c-filter-bar__filter-btn .c-filter-bar__label--hide {
    display: none
}

.c-filter-bar__filter-btn.active .c-filter-bar__label--show {
    display: none
}

.c-filter-bar__filter-btn.active .c-filter-bar__label--hide {
    display: inline-block
}

.c-filter-bar__items-count {
    margin-bottom: 0
}

.c-filter-bar__items-count span {
    font-weight: 700
}

.c-filter-bar__quick-filters {
    display: flex;
    flex-basis: calc(100% + 40px);
    margin: 20px -20px 0;
    overflow-x: auto;
    scrollbar-width: none
}

.c-filter-bar__quick-filters::-webkit-scrollbar {
    display: none
}

.c-filter-bar__quick-filters .m-quick-filter {
    margin-left: 20px
}

.c-filter-bar__quick-filters .m-quick-filter:last-child {
    padding-right: 20px
}

@media screen and (min-width:1024px) {
    .c-filter-bar {
        padding-top: 30px;
        padding-bottom: 30px;
        border-top: none;
        border-bottom: 1px solid #ddd6c4
    }
    .c-filter-bar__sorting {
        order: 5
    }
    .c-filter-bar__quick-filters {
        flex-basis: auto;
        margin-top: 0
    }
}

.c-recipe-content {
    padding-left: 20px;
    padding-right: 20px
}

@media screen and (min-width:1320px) {
    .c-recipe-content {
        padding-left: calc((100vw - 1280px)/2);
        padding-right: calc((100vw - 1280px)/2)
    }
}

.c-recipe-content .m-breadcrumb {
    padding: 0;
    margin-top: 0
}

.c-recipe-content__header {
    padding: 0 0 25px;
    border-bottom: 1px solid #ddd6c4;
    margin-bottom: 50px
}

.c-recipe-content__body {
    padding-bottom: 56px
}

@media screen and (min-width:768px) {
    .c-recipe-content__card {
        padding-top: 24px;
        padding-bottom: 94px;
        border-radius: 10px 10px 0 0;
        background-color: #fff;
        position: relative
    }
    .c-recipe-content__breadcrumbs {
        margin: 0 56px
    }
    .c-recipe-content__header {
        padding-left: 56px;
        padding-right: 56px
    }
    .c-recipe-content__body {
        padding: 0 56px
    }
}

.c-recipe-banner {
    width: 100vw;
    max-width: 100%
}

.c-recipe-banner img {
    width: 100%;
    max-height: 600px;
    -o-object-fit: cover;
    object-fit: cover
}

@media screen and (min-width:768px) {
    .c-recipe-banner {
        margin-bottom: -95px
    }
}

.c-account-header {
    position: relative
}

.c-account-header__image {
    display: block
}

.c-account-header__image img {
    display: block;
    width: 100%;
    height: auto;
    max-height: 200px;
    -o-object-fit: cover;
    object-fit: cover
}

.c-account-header__greeting,
.c-account-header__account-link {
    color: var(--color-foreground)
}

.c-account-header__content-wrapper {
    padding-left: 20px;
    padding-right: 20px;
    position: absolute;
    top: 30px;
    left: 0
}

@media screen and (min-width:1320px) {
    .c-account-header__content-wrapper {
        padding-left: calc((100vw - 1280px)/2);
        padding-right: calc((100vw - 1280px)/2)
    }
}

.c-account-header__tiles {
    padding-left: 20px;
    padding-right: 20px;
    position: relative;
    z-index: 100;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: -50px
}

@media screen and (min-width:1320px) {
    .c-account-header__tiles {
        padding-left: calc((100vw - 1280px)/2);
        padding-right: calc((100vw - 1280px)/2)
    }
}

.c-account-header__tile {
    margin: 0 5px 10px
}

@media screen and (min-width:768px) {
    .c-account-header__image img {
        max-height: 380px
    }
}

@media screen and (min-width:1024px) {
    .c-account-header__content-wrapper {
        top: 60px
    }
    .c-account-header__tiles {
        margin-top: -100px
    }
    .c-account-header__tile {
        margin: 0 10px
    }
}

.c-login__content,
.c-create-account__content,
.c-forgot-password__content,
.c-contact-information__content {
    padding-left: 20px;
    padding-right: 20px;
    padding-right: 0;
    padding-top: 15px;
    padding-bottom: 15px
}

@media screen and (min-width:1102px) {
    .c-login__content,
    .c-create-account__content,
    .c-forgot-password__content,
    .c-contact-information__content {
        padding-left: calc((100vw - 1062px)/2);
        padding-right: calc((100vw - 1062px)/2);
        padding-right: 0
    }
}

.c-login__content,
.c-create-account__content,
.c-forgot-password__content,
.c-contact-information__content {
    padding-right: 20px
}

.c-login__block,
.c-create-account__block,
.c-forgot-password__block,
.c-contact-information__block {
    margin-top: 30px
}

.c-login__block p,
.c-create-account__block p,
.c-forgot-password__block p,
.c-contact-information__block p {
    line-height: 1.5
}

.c-login__image,
.c-create-account__image,
.c-forgot-password__image,
.c-contact-information__image {
    display: none
}

.c-login .a-anchor,
.c-create-account .a-anchor,
.c-forgot-password .a-anchor,
.c-contact-information .a-anchor {
    display: inline;
    box-shadow: inset 0 -1px var(--color-primary)
}

.c-login .a-anchor:hover,
.c-login .a-anchor:focus,
.c-create-account .a-anchor:hover,
.c-create-account .a-anchor:focus,
.c-forgot-password .a-anchor:hover,
.c-forgot-password .a-anchor:focus,
.c-contact-information .a-anchor:hover,
.c-contact-information .a-anchor:focus {
    box-shadow: inset 0 -2px var(--color-primary)
}

@media screen and (min-width:1024px) {
    .c-login,
    .c-create-account,
    .c-forgot-password,
    .c-contact-information {
        display: flex;
        flex-direction: row
    }
    .c-login__content,
    .c-create-account__content,
    .c-forgot-password__content,
    .c-contact-information__content {
        flex-shrink: 1;
        flex-grow: 1;
        align-self: center
    }
    .c-login__image,
    .c-create-account__image,
    .c-forgot-password__image,
    .c-contact-information__image {
        display: block;
        max-width: 50%;
        flex-shrink: 0
    }
    .c-login__image img,
    .c-create-account__image img,
    .c-forgot-password__image img,
    .c-contact-information__image img {
        width: 100%
    }
}

@media screen and (min-width:1440px) {
    .c-login__content,
    .c-create-account__content,
    .c-forgot-password__content,
    .c-contact-information__content {
        padding-right: 120px
    }
}

.c-contact-form {
    padding-left: 20px;
    padding-right: 20px
}

@media screen and (min-width:1102px) {
    .c-contact-form {
        padding-left: calc((100vw - 1062px)/2);
        padding-right: calc((100vw - 1062px)/2)
    }
}

.c-contact-form__heading {
    margin-bottom: 30px
}

.c-contact-form__fields {
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 30px 25px
}

.c-contact-form .m-text-input,
.c-contact-form .m-select-menu,
.c-contact-form .m-textarea,
.c-contact-form .a-text-input,
.c-contact-form input[type=number],
.c-contact-form .a-number-input,
.c-contact-form .m-newsletter-signup__input,
.c-contact-form .a-select-menu {
    width: 100%;
    margin: 0
}

.c-contact-form__submit {
    margin-top: 30px
}

.c-contact-form__submit .a-btn {
    min-width: 164px
}

@media screen and (min-width:1024px) {
    .c-contact-form__fields {
        grid-template-columns: 1fr 1fr
    }
    .c-contact-form__field--message {
        grid-column-end: span 2
    }
}

.c-contact-links {
    padding-left: 20px;
    padding-right: 20px;
    margin-top: 50px
}

@media screen and (min-width:1102px) {
    .c-contact-links {
        padding-left: calc((100vw - 1062px)/2);
        padding-right: calc((100vw - 1062px)/2)
    }
}

.c-contact-links::before {
    content: '';
    display: block;
    margin-bottom: 50px;
    border-top: 1px solid #a8a99e;
    width: 100%
}

.c-contact-links__list {
    list-style: none;
    margin: 0;
    padding: 0
}

.c-contact-links__item {
    padding: 0;
    margin: 0;
    list-style: none;
    margin-bottom: 10px
}

.c-contact-links__item:before {
    display: none
}

.c-contact-links__link {
    display: inline;
    box-shadow: inset 0 -1px var(--color-primary)
}

.c-contact-links__link:hover,
.c-contact-links__link:focus {
    box-shadow: inset 0 -2px var(--color-primary)
}

.c-faq-accordion {
    position: relative;
    display: flex;
    flex-direction: column;
    padding-left: 20px;
    padding-right: 20px
}

@media screen and (min-width:1102px) {
    .c-faq-accordion {
        padding-left: calc((100vw - 1062px)/2);
        padding-right: calc((100vw - 1062px)/2)
    }
}

.c-faq-accordion__heading {
    display: flex;
    justify-content: space-between;
    flex-shrink: 0;
    margin-bottom: 23px
}

.c-faq-accordion__list {
    flex-grow: 1;
    padding-bottom: 20px;
    overflow-y: auto
}

.c-faq-accordion__list .m-accordion__content-inner {
    display: flex;
    flex-direction: column;
    align-items: flex-start
}

.c-faq-accordion__list .m-accordion__title-label {
    text-transform: none
}

@media screen and (min-width:1024px) {
    .c-faq-accordion__heading {
        margin-bottom: 64px
    }
    .c-faq-accordion__more-questions {
        margin-top: 52px;
        margin-left: 0
    }
    .c-faq-accordion__more-questions-heading {
        margin-bottom: 16px
    }
}

.t-homepage__bg-color {
    background-color: #f4f0e9;
    padding-bottom: 48px
}

.t-homepage__bg-color>div:last-child {
    margin-bottom: 0
}

@media screen and (min-width:1024px) {
    .t-homepage__bg-color {
        padding-bottom: 80px
    }
    .t-homepage__account+div {
        margin-top: -100px
    }
    .t-homepage__account+div.c-homepage-hero-carousel {
        border-top: 4px solid #ddd6c4
    }
    .t-homepage__account+div.t-homepage__group-wrapper {
        padding-top: 100px
    }
}

.t-clp .m-breadcrumb {
    padding-left: 20px;
    padding-right: 20px
}

@media screen and (min-width:1102px) {
    .t-clp .m-breadcrumb {
        padding-left: calc((100vw - 1062px)/2);
        padding-right: calc((100vw - 1062px)/2)
    }
}

.t-plp__nav {
    display: flex;
    flex-direction: column
}

.t-plp__filter-bar {
    background-color: #fff;
    border-bottom: 1px solid transparent;
    transition: all .2s ease-in-out
}

.t-plp__filter-bar--is-fixed {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 200000;
    border-color: #ddd6c4;
    box-shadow: 0 2px 4px 0 rgba(11, 45, 37, .1)
}

.t-plp__filter-bar .c-filter-bar__quick-filters {
    display: none
}

.t-plp__quick-filters .c-filter-bar {
    border-top: none
}

.t-plp__quick-filters .c-filter-bar__quick-filters {
    margin-top: 0
}

.t-plp__container {
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 24px
}

@media screen and (min-width:1320px) {
    .t-plp__container {
        padding-left: calc((100vw - 1280px)/2);
        padding-right: calc((100vw - 1280px)/2)
    }
}

.t-plp__filters {
    z-index: 200000;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background-color: #fff;
    transform: translateX(calc(-100% - 20px));
    visibility: hidden;
    transition: transform .3s ease-in-out
}

.t-plp__grid {
    display: grid;
    grid-gap: 20px;
    grid-template-columns: repeat(2, 1fr)
}

.t-plp__grid .t-plp__media-block {
    margin-bottom: 0;
    grid-column: 1/span 2;
    grid-row: 7
}

.t-plp__grid .t-plp__media-block .c-media-block {
    margin-bottom: 0
}

.t-plp__grid .t-plp__recipe {
    grid-column: 2;
    grid-row: 2
}

.t-plp__pagination {
    margin: 20px 0 30px
}

.t-plp__pagination .m-pagination__list {
    justify-content: center
}

.t-plp--with-filters .t-plp__filters {
    transform: translateX(0);
    visibility: inherit
}

@media screen and (min-width:768px) {
    .t-plp__filters {
        max-width: 500px;
        border-right: 2px solid #0b2d25
    }
    .t-plp__grid {
        grid-template-columns: repeat(3, 1fr)
    }
    .t-plp__grid .t-plp__media-block {
        grid-column: 1/span 3;
        grid-row: 5;
        margin-bottom: 0
    }
    .t-plp__grid .t-plp__recipe {
        grid-column: 1
    }
    .t-plp .m-recipe-card {
        width: auto
    }
}

@media screen and (min-width:1024px) {
    .t-plp__nav {
        flex-direction: column-reverse
    }
    .t-plp__filter-bar .c-filter-bar__quick-filters {
        display: flex
    }
    .t-plp__quick-filters {
        display: none
    }
    .t-plp__container {
        display: grid;
        grid-gap: 20px
    }
    .t-plp__filters {
        position: relative;
        z-index: 0;
        height: 0;
        padding: 0;
        opacity: 0;
        transform: translateX(-20px);
        transition: visibility 0s, opacity 0s, transform 0s
    }
    .t-plp__grid {
        grid-template-columns: repeat(4, 1fr);
        grid-auto-flow: dense
    }
    .t-plp__grid .t-plp__media-block {
        grid-column: 1/span 4;
        grid-row: 4
    }
    .t-plp__grid .t-plp__recipe {
        grid-column: 4;
        grid-row: 1
    }
    .t-plp__grid--with-filters {
        grid-column-start: 2;
        grid-template-columns: repeat(3, 1fr)
    }
    .t-plp__grid--with-filters .t-plp__media-block {
        grid-column: 1/span 3;
        grid-row: 5
    }
    .t-plp__grid--with-filters .t-plp__recipe {
        grid-column: 1;
        grid-row: 2
    }
    .t-plp__pagination {
        margin: 60px 0
    }
    .t-plp--with-filters .t-plp__container {
        grid-template-columns: 1fr 3fr
    }
    .t-plp--with-filters .t-plp__filters {
        opacity: 1;
        transform: translateX(0);
        transition: visibility 0s, opacity .3s ease-in-out .1s, transform .3s ease
    }
    .t-plp--with-filters .t-plp__filters--is-fixed {
        padding-left: 20px;
        padding-right: 20px;
        padding-right: 0;
        position: fixed
    }
}

@media screen and (min-width:1024px) and (min-width:1320px) {
    .t-plp--with-filters .t-plp__filters--is-fixed {
        padding-left: calc((100vw - 1280px)/2);
        padding-right: calc((100vw - 1280px)/2);
        padding-right: 0
    }
}

@media screen and (min-width:1024px) {
    .t-plp--with-filters .t-plp__pagination {
        grid-column: 1/span 2
    }
}

.t-srp__header {
    text-align: center;
    padding-top: 24px;
    padding-bottom: 30px;
    border-top: 1px solid #ddd6c4;
    border-bottom: 1px solid #ddd6c4
}

.t-srp__title {
    padding-left: 20px;
    padding-right: 20px;
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 1.4;
    font-family: montserrat, sans-serif;
    font-weight: 300;
    text-transform: none;
    margin-bottom: 24px
}

@media screen and (min-width:1320px) {
    .t-srp__title {
        padding-left: calc((100vw - 1280px)/2);
        padding-right: calc((100vw - 1280px)/2)
    }
}

@media(min-width:1280px) {
    .t-srp__title {
        font-size: 24px;
        font-size: 1.5rem
    }
}

.t-srp__search-term {
    quotes: "\201C" "\201D" "\2018" "\2019";
    display: block;
    position: relative
}

.t-srp__search-term:before {
    content: open-quote;
    position: absolute;
    margin-left: -13px
}

.t-srp__search-term:after {
    content: close-quote;
    position: absolute;
    margin-left: 2px
}

.t-srp__categories-container {
    width: 100%;
    overflow-x: auto;
    position: relative;
    display: inline-flex;
    scrollbar-width: none
}

.t-srp__categories-container::-webkit-scrollbar {
    display: none
}

.t-srp__categories {
    display: inline-flex;
    margin: 0 auto
}

.t-srp__categories::before,
.t-srp__categories::after {
    content: '';
    padding-left: 20px;
    padding-right: 20px;
    padding-right: 0
}

@media screen and (min-width:1320px) {
    .t-srp__categories::before,
    .t-srp__categories::after {
        padding-left: calc((100vw - 1280px)/2);
        padding-right: calc((100vw - 1280px)/2);
        padding-right: 0
    }
}

.t-srp__category-link {
    text-decoration: underline;
    -webkit-text-decoration-color: transparent;
    text-decoration-color: transparent;
    transition: all .2s ease-in-out;
    flex-shrink: 0;
    padding: 4px 0;
    color: var(--color-foreground)
}

.t-srp__category-link:hover,
.t-srp__category-link:focus {
    -webkit-text-decoration-color: var(--color-accent);
    text-decoration-color: var(--color-accent)
}

.t-srp__category-link--active {
    font-weight: 700
}

.t-srp__category-link--active:after {
    width: 100%
}

.t-srp__category-link+.t-srp__category-link {
    margin-left: 20px
}

.t-srp__card {
    display: none;
    transition: opacity .3s ease-in-out
}

.t-srp__card--active {
    display: block
}

.t-srp__card--loading {
    opacity: 0
}

.t-srp__card .m-recipe-card {
    width: 100%
}

.t-srp__recipe {
    margin-bottom: calc(48px - 20px)
}

@media screen and (min-width:1024px) {
    .t-srp__header {
        border-top: none;
        padding-top: 40px;
        padding-bottom: 48px
    }
    .t-srp__title {
        margin-bottom: 30px
    }
    .t-srp__recipe {
        margin-bottom: calc(80px - 20px)
    }
    .t-srp .c-filter-bar {
        justify-content: flex-start
    }
    .t-srp .c-filter-bar__filter-btn {
        margin-right: 40px
    }
    .t-srp .c-filter-bar__sorting {
        margin-left: auto
    }
}

@media screen and (min-width:1280px) {
    .t-srp__search-term:before {
        margin-left: -19px
    }
}

.t-blp {
    --color-brand-primary: #0b2d25
}

.t-blp .c-products-slider--light-bg {
    background-color: #f4f0e9
}

.t-blp--bg-color {
    padding-bottom: 48px;
    background-color: #f4f0e9
}

.t-blp--bg-color>div:last-child {
    margin-bottom: 0
}

.t-blp--fc {
    --color-brand-primary: #137f62
}

.t-blp--fc .c-category-card-grid {
    background-color: #137f62
}

.t-blp--fc .c-media-block__content {
    background-color: #000
}

.t-blp--fc .c-media-block--flipped .c-media-block__content {
    box-shadow: none
}

.t-blp--ac {
    --color-brand-primary: #9678d3
}

.t-blp--ac .c-category-card-grid {
    background-color: #a2a569
}

.t-blp--ac .c-media-block__content {
    background-color: #9678d3
}

.t-blp--ac .c-media-block--flipped .c-media-block__content {
    box-shadow: none
}

.t-blp--so {
    --color-brand-primary: #4a6915
}

.t-blp--so .c-category-card-grid {
    background-color: #4a6915
}

.t-blp--so .c-media-block__content {
    background-color: #3e3e3c
}

.t-blp--so .c-media-block--flipped .c-media-block__content {
    box-shadow: none
}

.t-blp .m-combined-product-name__folio,
.t-blp .m-heading__folio,
.t-blp .a-star-rating__rating {
    color: var(--color-brand-primary)
}

@media screen and (min-width:1024px) {
    .t-blp--bg-color {
        padding-bottom: 80px
    }
}

.t-cms__with-nav {
    padding-left: 20px;
    padding-right: 20px;
    max-width: 100%;
    width: 100%
}

@media screen and (min-width:1320px) {
    .t-cms__with-nav {
        padding-left: calc((100vw - 1280px)/2);
        padding-right: calc((100vw - 1280px)/2)
    }
}

.t-cms__with-nav img {
    max-width: 100%
}

.t-cms__links {
    margin-bottom: 30px
}

.t-cms__links .a-anchor {
    margin-right: 24px
}

.t-cms__block--background-color-1 {
    background-color: #78be4c
}

.t-cms__block--background-color-2 {
    background-color: #137f62
}

.t-cms__recipe-block:last-child .c-cms-recipe-block__content {
    padding-bottom: 0
}

@media screen and (min-width:1024px) {
    .t-cms .m-breadcrumb {
        margin-bottom: 40px
    }
    .t-cms__with-nav {
        display: grid;
        grid-template-columns: repeat(12, 1fr);
        grid-gap: 20px
    }
    .t-cms__with-nav .m-sidebar-nav {
        grid-column: 1/span 2
    }
    .t-cms__with-nav>div:not(:first-child) {
        grid-column: 3/span 10
    }
    .t-cms__content--illustrations {
        position: relative
    }
    .t-cms__content--illustrations>* {
        z-index: 1
    }
    .t-cms__content--illustrations::before {
        content: '';
        display: block;
        pointer-events: none;
        position: absolute;
        left: 0;
        top: 0;
        right: auto;
        bottom: auto;
        height: 100%;
        width: 220px;
        background-image: var(--illustration-top);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: top center
    }
}

.t-recipe .c-products-slider {
    background-color: #78be4c
}

.t-contact-us__form {
    margin-top: 50px
}

.t-contact-us__links {
    margin-bottom: 50px
}

@media screen and (min-width:1280px) {
    .t-contact-us__form {
        margin-top: 100px
    }
    .t-contact-us__links {
        margin-bottom: 90px
    }
}

.t-membership-b2c__info {
    margin-top: 80px
}

.t-membership-b2c__info-blocks {
    margin-top: 80px;
    margin-bottom: 80px
}

.t-membership-b2c__faq {
    margin-top: 80px;
    margin-bottom: 60px
}

.t-membership__buying-club {
    margin-top: 66px
}

.t-membership__info {
    margin-top: 80px
}

.t-membership__faq {
    margin-bottom: 64px
}

.t-cms__with-nav {
    padding-left: 20px;
    padding-right: 20px;
    max-width: 100%;
    width: 100%
}

@media screen and (min-width:1320px) {
    .t-cms__with-nav {
        padding-left: calc((100vw - 1280px)/2);
        padding-right: calc((100vw - 1280px)/2)
    }
}

.t-cms__with-nav img {
    max-width: 100%
}

.t-cms__links {
    margin-bottom: 30px
}

.t-cms__links .a-anchor {
    margin-right: 24px
}

.t-cms__block--background-color-1 {
    background-color: #78be4c
}

.t-cms__block--background-color-2 {
    background-color: #137f62
}

.t-cms__recipe-block:last-child .c-cms-recipe-block__content {
    padding-bottom: 0
}

@media screen and (min-width:1024px) {
    .t-cms .m-breadcrumb {
        margin-bottom: 40px
    }
    .t-cms__with-nav {
        display: grid;
        grid-template-columns: repeat(12, 1fr);
        grid-gap: 20px
    }
    .t-cms__with-nav .m-sidebar-nav {
        grid-column: 1/span 2
    }
    .t-cms__with-nav>div:not(:first-child) {
        grid-column: 3/span 10
    }
    .t-cms__content--illustrations {
        position: relative
    }
    .t-cms__content--illustrations>* {
        z-index: 1
    }
    .t-cms__content--illustrations::before {
        content: '';
        display: block;
        pointer-events: none;
        position: absolute;
        left: 0;
        top: 0;
        right: auto;
        bottom: auto;
        height: 100%;
        width: 220px;
        background-image: var(--illustration-top);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: top center
    }
}

.p-homepage {
    --color-background: #fdfaf4;
    background-color: var(--color-background)
}

.t-static {
    background-color: #0b2d25;
    min-height: 100vh;
    background-image: url(ground-position:bottom center;background-size:contain;background-repeat:no-repeat}.t-static__hero{position:relative;display:flex}.t-static__hero img{display:block;width:\100%;-o-object-fit:cover;object-fit:cover;height:auto}.t-static__shape{position:absolute;bottom:\0;left:\0}.t-static__shape path{fill:#0b2d25}.t-static__body{text-align:center;max-width:\687px;margin:\0 auto;padding:\0 15px 50px}.t-static .a-logo{margin-bottom:\45px}.t-static__heading{color:#78be4c;font-size:\72px;font-size:\4.5rem;line-height:\1.1;font-family:montserrat,sans-serif;margin-bottom:\15px}.t-static__subheading{font-size:\30px;font-size:\1.875rem;line-height:\1;font-family:montserrat,sans-serif;margin-bottom:\20px;font-weight:\500;color:#fdfaf4}.t-static__content{font-size:\24px;font-size:\1.5rem;line-height:\1.3;font-family:montserrat,sans-serif;margin-bottom:\73px;font-weight:\400;color:#fdfaf4}.t-static__socials{display:flex;justify-content:center;align-items:center;margin-bottom:\73px}.t-static__socials .a-icon-text-btn{color:#fff}.t-static__socials .a-icon-text-btn__icon{font-size:\36px;font-size:\2.25rem}.t-static__socials .m-social-links__link{margin:\0 20px}@media screen and (min-width:\768px) {
        .t-cms__with-nav {
            padding-left: 20px;
            padding-right: 20px;
            max-width: 100%;
            width: 100%
        }
        @media screen and (min-width:1320px) {
            .t-cms__with-nav {
                padding-left: calc((100vw - 1280px)/2);
                padding-right: calc((100vw - 1280px)/2)
            }
        }
        .t-cms__with-nav img {
            max-width: 100%
        }
        .t-cms__links {
            margin-bottom: 30px
        }
        .t-cms__links .a-anchor {
            margin-right: 24px
        }
        .t-cms__block--background-color-1 {
            background-color: #78be4c
        }
        .t-cms__block--background-color-2 {
            background-color: #137f62
        }
        .t-cms__recipe-block:last-child .c-cms-recipe-block__content {
            padding-bottom: 0
        }
        @media screen and (min-width:1024px) {
            .t-cms .m-breadcrumb {
                margin-bottom: 40px
            }
            .t-cms__with-nav {
                display: grid;
                grid-template-columns: repeat(12, 1fr);
                grid-gap: 20px
            }
            .t-cms__with-nav .m-sidebar-nav {
                grid-column: 1/span 2
            }
            .t-cms__with-nav>div:not(:first-child) {
                grid-column: 3/span 10
            }
            .t-cms__content--illustrations {
                position: relative
            }
            .t-cms__content--illustrations>* {
                z-index: 1
            }
            .t-cms__content--illustrations::before {
                content: '';
                display: block;
                pointer-events: none;
                position: absolute;
                left: 0;
                top: 0;
                right: auto;
                bottom: auto;
                height: 100%;
                width: 220px;
                background-image: var(--illustration-top);
                background-repeat: no-repeat;
                background-size: cover;
                background-position: top center
            }
        }
        @media print {
            @page {
                size: A4 portrait
            }
            @page: first {
                margin-top: 10pt!important
            }
            * {
                color: #000!important;
                box-shadow: none!important
            }
            .c-header__top,
            .c-header__icon-btns,
            .a-icon-text-btn__icon,
            .c-recipe-banner,
            .m-recipe-header__actions,
            .m-breadcrumb,
            .m-recipe-header__write-review,
            .c-products-slider--template-recipe,
            .c-media-block-aligned--template-recipe,
            .c-recipe-slider--template-recipe,
            .m-newsletter-signup,
            .c-footer__nav-section {
                display: none
            }
        }
        h1,
        .c-info-cards-3-up__heading,
        .c-homepage-hero-carousel__headline,
        h2,
        .c-page-header__headline,
        .c-category-card-grid__heading,
        .c-cta-banner__heading,
        .c-account-header__greeting,
        .c-login__heading,
        .c-create-account__heading,
        .c-forgot-password__heading,
        .c-contact-information__heading,
        .t-srp__search-term,
        .m-review-testimonial-block__quote .m-review-testimonial-block__quote-text,
        .m-newsletter-signup__heading,
        .c-reviews__headline,
        .c-intro-block .c-intro-block__heading,
        h3,
        .m-media-card__headline,
        .m-content-card__headline,
        .m-recipe-header__name,
        .c-info-cards-3-up__subheading,
        .m-cms-recipe-section-heading .m-cms-recipe-section-heading__title,
        h4,
        .m-heading__headline,
        .m-cms-recipe-section-heading__title,
        .m-content-card__content-headline,
        .m-info-card__headline,
        .m-recipe-card__recipe-name,
        .m-review-testimonial-block__quote-text,
        .c-media-block__headline,
        .c-intro-block__heading,
        .c-products-slider--changeable .c-products-slider__switcher-label,
        .c-faq-accordion__more-questions-heading,
        h5,
        .m-newsletter-signup__heading,
        .c-homepage-hero__subheading,
        .c-category-card-grid__subheading,
        h6,
        .m-category-card__caption,
        .m-content-card__subheading,
        .m-account-tile__label,
        .m-cms-content-card__recipe-name,
        .c-cms-recipe-block__recipe-subheading,
        .c-cms-slider-section__link,
        .c-login__block-heading,
        .c-create-account__block-heading,
        .c-forgot-password__block-heading,
        .c-contact-information__block-heading {
            text-transform: capitalize
        }
        h1,
        .c-info-cards-3-up__heading,
        .c-homepage-hero-carousel__headline {
            font-size: 32px;
            font-size: 2rem;
            line-height: 1.1
        }
        @media(min-width:1280px) {
            h1,
            .c-info-cards-3-up__heading,
            .c-homepage-hero-carousel__headline {
                font-size: 40px;
                font-size: 2.5rem
            }
        }
        @media screen and (min-width:768px) {
            h1,
            .c-info-cards-3-up__heading,
            .c-homepage-hero-carousel__headline {
                line-height: 1.2
            }
        }
        h2,
        .c-page-header__headline,
        .c-category-card-grid__heading,
        .c-cta-banner__heading,
        .c-account-header__greeting,
        .c-login__heading,
        .c-create-account__heading,
        .c-forgot-password__heading,
        .c-contact-information__heading,
        .t-srp__search-term,
        .m-review-testimonial-block__quote .m-review-testimonial-block__quote-text,
        .m-newsletter-signup__heading,
        .c-reviews__headline,
        .c-intro-block .c-intro-block__heading {
            font-size: 24px;
            font-size: 1.5rem;
            font-family: montserrat, sans-serif;
            line-height: 1.2
        }
        @media(min-width:1280px) {
            h2,
            .c-page-header__headline,
            .c-category-card-grid__heading,
            .c-cta-banner__heading,
            .c-account-header__greeting,
            .c-login__heading,
            .c-create-account__heading,
            .c-forgot-password__heading,
            .c-contact-information__heading,
            .t-srp__search-term,
            .m-review-testimonial-block__quote .m-review-testimonial-block__quote-text,
            .m-newsletter-signup__heading,
            .c-reviews__headline,
            .c-intro-block .c-intro-block__heading {
                font-size: 32px;
                font-size: 2rem
            }
        }
        h3,
        .m-media-card__headline,
        .m-content-card__headline,
        .m-recipe-header__name,
        .c-info-cards-3-up__subheading,
        .m-cms-recipe-section-heading .m-cms-recipe-section-heading__title {
            font-size: 20px;
            font-size: 1.25rem;
            line-height: 1.2
        }
        @media(min-width:1280px) {
            h3,
            .m-media-card__headline,
            .m-content-card__headline,
            .m-recipe-header__name,
            .c-info-cards-3-up__subheading,
            .m-cms-recipe-section-heading .m-cms-recipe-section-heading__title {
                font-size: 24px;
                font-size: 1.5rem
            }
        }
        h4,
        .m-heading__headline,
        .m-cms-recipe-section-heading__title,
        .m-content-card__content-headline,
        .m-info-card__headline,
        .m-recipe-card__recipe-name,
        .m-review-testimonial-block__quote-text,
        .c-media-block__headline,
        .c-intro-block__heading,
        .c-products-slider--changeable .c-products-slider__switcher-label,
        .c-faq-accordion__more-questions-heading {
            font-size: 22px;
            font-size: 1.375rem;
            line-height: 1.3;
            font-family: arno-pro, serif;
            font-weight: 400
        }
        @media(min-width:1280px) {
            h4,
            .m-heading__headline,
            .m-cms-recipe-section-heading__title,
            .m-content-card__content-headline,
            .m-info-card__headline,
            .m-recipe-card__recipe-name,
            .m-review-testimonial-block__quote-text,
            .c-media-block__headline,
            .c-intro-block__heading,
            .c-products-slider--changeable .c-products-slider__switcher-label,
            .c-faq-accordion__more-questions-heading {
                font-size: 32px;
                font-size: 2rem
            }
        }
        h5,
        .m-newsletter-signup__heading,
        .c-homepage-hero__subheading,
        .c-category-card-grid__subheading {
            font-size: 20px;
            font-size: 1.25rem;
            line-height: 1.2;
            font-family: montserrat, sans-serif;
            font-weight: 400
        }
        @media(min-width:1280px) {
            h5,
            .m-newsletter-signup__heading,
            .c-homepage-hero__subheading,
            .c-category-card-grid__subheading {
                font-size: 28px;
                font-size: 1.75rem
            }
        }
        h6,
        .m-category-card__caption,
        .m-content-card__subheading,
        .m-account-tile__label,
        .m-cms-content-card__recipe-name,
        .c-cms-recipe-block__recipe-subheading,
        .c-cms-slider-section__link,
        .c-login__block-heading,
        .c-create-account__block-heading,
        .c-forgot-password__block-heading,
        .c-contact-information__block-heading {
            font-size: 16px;
            font-size: 1rem;
            line-height: 1.3
        }
        .m-featured-links__link,
        .m-menu-media-card__label-text,
        .m-submenu-heading__label,
        .m-menu-info-block__heading {
            font-size: 16px;
            font-size: 1rem;
            font-weight: 700;
            line-height: 1.5;
            text-transform: capitalize
        }
        .a-btn {
            font-weight: 600
        }
        .a-btn--text {
            font-weight: 500
        }
        .a-paragraph {
            font-weight: 500
        }
        .a-paragraph--small,
        .a-form-tooltip__tooltip-inner {
            font-weight: 400
        }
        .a-paragraph--large,
        .c-simple-content-block p:first-child {
            font-weight: 300
        }
        .a-promo-message {
            color: #fdfaf4
        }
        @media screen and (min-width:1024px) {
            .a-promo-message {
                font-size: 14px;
                font-size: .875rem
            }
        }
        .m-heading__headline {
            font-size: 24px;
            font-size: 1.5rem;
            font-family: montserrat, sans-serif;
            line-height: 1.2;
            font-weight: 700
        }
        @media(min-width:1280px) {
            .m-heading__headline {
                font-size: 32px;
                font-size: 2rem
            }
        }
        .m-account-menu__link {
            text-transform: uppercase;
            color: #fdfaf4;
            font-weight: 300
        }
        @media screen and (min-width:1024px) {
            .m-account-menu__link {
                text-transform: capitalize
            }
        }
        @media screen and (max-width:1023px) {
            .m-account-dropdown__link {
                text-transform: uppercase;
                color: #fdfaf4;
                font-weight: 300
            }
        }
        .c-header__main-panel-bottom {
            padding-top: 0
        }
        .m-search .m-search__input {
            font-size: 20px;
            font-size: 1.25rem;
            font-family: arno-pro, serif;
            font-style: italic
        }
        .m-search-panel__trending-heading {
            font-size: 16px;
            font-size: 1rem;
            color: var(--color-foreground);
            font-family: arno-pro, serif;
            font-style: italic;
            text-transform: capitalize
        }
        .m-search-panel__trending-item .a-btn {
            font-weight: 400
        }
        .m-featured-links__link {
            font-weight: 400;
            text-transform: uppercase
        }
        .m-mini-product-card {
            border-color: #ddd6c4
        }
        .m-mini-product-card .a-price {
            --color-brand: #0b2d25
        }
        .m-expandable-product-card__price {
            --color-brand: #0b2d25
        }
        .m-cms-content-card__content {
            background-color: #78be4c
        }
        .m-newsletter-signup__heading {
            font-weight: 700
        }
        .m-newsletter-signup__description {
            font-weight: 500
        }
        .m-recipe-card__recipe-name {
            font-size: 20px;
            font-size: 1.25rem
        }
        @media(min-width:1280px) {
            .m-recipe-card__recipe-name {
                font-size: 24px;
                font-size: 1.5rem
            }
        }
        .m-footer-menu__heading {
            color: var(--color-foreground)
        }
        .m-footer-menu__link {
            text-transform: uppercase
        }
        .c-header__logo {
            width: 84px;
            align-self: center
        }
        @media screen and (min-width:768px) {
            .c-header__logo {
                width: 106px
            }
        }
        .c-header__main {
            background-color: #f4f0e9
        }
        .c-header__link {
            font-size: 20px;
            font-size: 1.25rem;
            font-weight: 400;
            text-transform: uppercase
        }
        @media(min-width:768px) {
            .c-header__link {
                font-size: 14px;
                font-size: .875rem
            }
        }
        .c-header__icon-btns .a-icon-text-btn__icon {
            font-size: 32px;
            font-size: 2rem
        }
        @media(min-width:768px) {
            .c-header__icon-btns .a-icon-text-btn__icon {
                font-size: 40px;
                font-size: 2.5rem
            }
        }
        .c-header__minicart-count {
            font-family: arno-pro, serif;
            background-color: #0b2d25
        }
        .c-header__panel {
            background-color: #fdfaf4
        }
        @media screen and (min-width:1024px) and (max-width:1279px) {
            .c-header__link-item {
                margin-left: 20px
            }
            .c-header__link {
                font-size: 12px;
                font-size: .75rem
            }
            .c-header__icon-btns .a-icon-text-btn__icon {
                font-size: 32px;
                font-size: 2rem
            }
            .c-header__icon-btns>*:not(:first-child) {
                margin-left: 12px
            }
        }
        .c-header__search-panel-wrapper .c-header__search-panel {
            height: 35px
        }
        .c-header__search-panel-wrapper--open .c-header__search-panel {
            height: 100vh
        }
        @media screen and (min-width:1024px) {
            .c-header__search-panel-wrapper .c-header__search-panel {
                height: auto
            }
        }
        .c-homepage-hero-carousel__headline {
            font-size: 40px;
            font-size: 2.5rem;
            line-height: 1
        }
        @media(min-width:768px) {
            .c-homepage-hero-carousel__headline {
                font-size: 65px;
                font-size: 4.0625rem
            }
        }
        .c-homepage-hero-carousel__overlay-content {
            background-color: #f4f0e9
        }
        @media screen and (min-width:1024px) {
            .c-homepage-hero-carousel__overlay-content {
                background-color: transparent
            }
        }
        .c-products-slider {
            --color-foreground: #0b2d25;
            --color-background: #ddd6c4;
            --color-accent: #fdfaf4
        }
        .c-products-slider--changeable {
            --color-foreground: #f4f0e9
        }
        .c-products-slider--changeable .c-products-slider__switcher-label {
            font-size: 20px;
            font-size: 1.25rem;
            font-family: montserrat, sans-serif;
            font-weight: 700;
            line-height: 1.2
        }
        @media(min-width:1280px) {
            .c-products-slider--changeable .c-products-slider__switcher-label {
                font-size: 24px;
                font-size: 1.5rem
            }
        }
        .c-products-slider--changeable .c-products-slider__switcher-select {
            font-size: 24px;
            font-size: 1.5rem;
            font-weight: 900;
            text-transform: uppercase
        }
        @media(min-width:1280px) {
            .c-products-slider--changeable .c-products-slider__switcher-select {
                font-size: 32px;
                font-size: 2rem
            }
        }
        .c-media-block .c-media-block__content .c-media-block__headline {
            font-size: 24px;
            font-size: 1.5rem;
            line-height: 1.2;
            color: #fdfaf4;
            font-family: arno-pro, serif
        }
        @media(min-width:1280px) {
            .c-media-block .c-media-block__content .c-media-block__headline {
                font-size: 32px;
                font-size: 2rem
            }
        }
        @media screen and (min-width:1024px) {
            .m-multilevel-menu__submenu {
                background-color: initial
            }
        }
        .c-categories-slider {
            --color-background: #ddd6c4
        }
        .c-reviews {
            --color-foreground: #fdfaf4
        }
        .c-reviews__headline {
            color: #fdfaf4
        }
        .c-intro-block .c-intro-block__heading {
            margin-bottom: 32px
        }
        .c-intro-block .c-intro-block__heading--sub {
            text-transform: none;
            font-family: montserrat, sans-serif;
            font-size: 20px;
            font-size: 1.25rem;
            line-height: 1.3;
            letter-spacing: .25px;
            font-weight: 300
        }
        @media(min-width:1280px) {
            .c-intro-block .c-intro-block__heading--sub {
                font-size: 24px;
                font-size: 1.5rem
            }
        }
        @media screen and (min-width:768px) {
            .c-intro-block .c-intro-block__heading--sub {
                line-height: 1.4
            }
        }
        .c-story-block__headline {
            margin-bottom: 32px
        }
        @media screen and (max-width:400px) {
            .m-submenu-heading__label {
                font-size: 14px;
                font-size: .875rem
            }
        }
        a.c-product-overview__link.a-anchor--social-sharing {
            box-shadow: none;
            transition: transform .25s ease-in-out;
            transform-origin: bottom
        }
        a.c-product-overview__link.a-anchor--social-sharing:hover {
            transform: scale(1.15)
        }
        a.c-product-overview__link.a-anchor--find-store {
            height: 20px
        }
        .js-form-item.form-item.js-form-type-select.form-type-select.js-form-item-type.form-item-type {
            display: none
        }
        .js-form-item.form-item.js-form-type-textfield.form-type-textfield.js-form-item-search.form-item-search {
            width: 100%
        }
        .js-form-item-search.form-item-search label {
            display: none
        }
        input.frontier-custom-header-search-form-input {
            width: 100%
        }
        .frontier-custom-header-search-form input[type=submit] {
            display: none
        }
        div#block-frontiercoop-content {
            padding-bottom: 40px
        }
        div.c-header__main-panel {
            z-index: 100001
        }
        div#colorbox,
        div#cboxOverlay,
        div#cboxWrapper {
            z-index: 100002
        }
        a.notifyBtn {
            padding: 0!important
        }
        .toolbar-oriented .toolbar-bar {
            z-index: 1000001
        }
        .toolbar-menu li::before {
            content: none
        }
        .use-ajax.layout-builder__link.layout-builder__link--configure {
            z-index: 100;
            position: relative
        }
        #writeReview .m-modal__body {
            max-height: 75vh;
            z-index: 200001
        }
        #writeReview .m-modal__box {
            z-index: 200001
        }
        .non-visible {
            display: none
        }
        .c-product-details__more-info .c-product-details__list-item {
            text-align: right
        }
        .c-product-details__more-info .c-product-details__list-item strong {
            padding-right: 20px;
            text-align: left
        }
        .m-search__input-wrapper .form-item {
            margin: 0
        }
        .m-search-panel__product .views-field {
            height: 100%
        }
        .error-page {
            margin-top: 40px
        }
        @media screen and (min-width:1024px) {
            .error-page {
                margin-left: auto;
                margin-right: auto;
                padding-left: 20px
            }
        }
        .m-text-input {
            width: 100%;
            max-width: 500px
        }
        .m-text-input__input {
            width: 100%
        }
        .m-select-menu {
            margin-top: 15px
        }
        .a-btn--save {
            margin-top: 10px
        }
        .m-text-input__input--error {
            margin-top: 5px;
            color: #f05922;
            font-size: 14px
        }
        .m-text-input--error input {
            border: 1px solid #f05922;
            color: #f05922
        }
        .m-text-input--error input:focus {
            box-shadow: 0 0 0 1px #f05922;
            border-color: #f05922
        }
        .fieldset-wrapper .m-text-input--error label,
        .fieldset-wrapper .m-text-input--error input:focus~.m-text-input__label {
            color: #f05922
        }
    }
}

.js-main-menu-panel a {
    text-decoration: none;
}

span.text-strong.gd-danger {
    color: red;
    margin-top: 10px;
}

.uk-form-group {
    margin-top: 10px;
}

label.uk-form-label {
    line-height: 2;
}

.toast-title {
    font-weight: 700;
}

.toast-message {
    -ms-word-wrap: break-word;
    word-wrap: break-word;
}

.toast-message a,
.toast-message label {
    color: #FFF;
}

.toast-message a:hover {
    color: #CCC;
    text-decoration: none;
}

.toast-close-button {
    position: relative;
    right: -0.3em;
    top: -0.3em;
    float: right;
    font-size: 20px;
    font-weight: 700;
    color: #FFF;
    -webkit-text-shadow: 0 1px 0 #fff;
    text-shadow: 0 1px 0 #fff;
    opacity: 0.8;
    -ms-filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=80);
    filter: alpha(opacity=80);
    line-height: 1;
}

.toast-close-button:focus,
.toast-close-button:hover {
    color: #000;
    text-decoration: none;
    cursor: pointer;
    opacity: 0.4;
    -ms-filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=40);
    filter: alpha(opacity=40);
}

.rtl .toast-close-button {
    left: -0.3em;
    float: left;
    right: 0.3em;
}

button.toast-close-button {
    padding: 0;
    cursor: pointer;
    background: 0 0;
    border: 0;
    -webkit-appearance: none;
}

.toast-top-center {
    top: 0;
    right: 0;
    width: 100%;
}

.toast-bottom-center {
    bottom: 0;
    right: 0;
    width: 100%;
}

.toast-top-full-width {
    top: 0;
    right: 0;
    width: 100%;
}

.toast-bottom-full-width {
    bottom: 0;
    right: 0;
    width: 100%;
}

.toast-top-left {
    top: 12px;
    left: 12px;
}

.toast-top-right {
    top: 12px;
    right: 12px;
}

.toast-bottom-right {
    right: 12px;
    bottom: 12px;
}

.toast-bottom-left {
    bottom: 12px;
    left: 12px;
}

#toast-container {
    position: fixed;
    z-index: 999999;
    pointer-events: none;
}

#toast-container * {
    box-sizing: border-box;
}

#toast-container>div {
    position: relative;
    pointer-events: auto;
    overflow: hidden;
    margin: 0 0 6px;
    padding: 15px 15px 15px 50px;
    width: 300px;
    border-radius: 3px;
    background-position: 15px center;
    background-repeat: no-repeat;
    box-shadow: 0 0 12px #999;
    color: #FFF;
    opacity: 0.8;
    -ms-filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=80);
    filter: alpha(opacity=80);
}

#toast-container>div.rtl {
    direction: rtl;
    padding: 15px 50px 15px 15px;
    background-position: right 15px center;
}

#toast-container>div:hover {
    box-shadow: 0 0 12px #000;
    opacity: 1;
    -ms-filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=100);
    filter: alpha(opacity=100);
    cursor: pointer;
}

#toast-container>.toast-info {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=) !important;
}

#toast-container>.toast-error {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII=) !important;
}

#toast-container>.toast-success {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==) !important;
}

#toast-container>.toast-warning {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGYSURBVEhL5ZSvTsNQFMbXZGICMYGYmJhAQIJAICYQPAACiSDB8AiICQQJT4CqQEwgJvYASAQCiZiYmJhAIBATCARJy+9rTsldd8sKu1M0+dLb057v6/lbq/2rK0mS/TRNj9cWNAKPYIJII7gIxCcQ51cvqID+GIEX8ASG4B1bK5gIZFeQfoJdEXOfgX4QAQg7kH2A65yQ87lyxb27sggkAzAuFhbbg1K2kgCkB1bVwyIR9m2L7PRPIhDUIXgGtyKw575yz3lTNs6X4JXnjV+LKM/m3MydnTbtOKIjtz6VhCBq4vSm3ncdrD2lk0VgUXSVKjVDJXJzijW1RQdsU7F77He8u68koNZTz8Oz5yGa6J3H3lZ0xYgXBK2QymlWWA+RWnYhskLBv2vmE+hBMCtbA7KX5drWyRT/2JsqZ2IvfB9Y4bWDNMFbJRFmC9E74SoS0CqulwjkC0+5bpcV1CZ8NMej4pjy0U+doDQsGyo1hzVJttIjhQ7GnBtRFN1UarUlH8F3xict+HY07rEzoUGPlWcjRFRr4/gChZgc3ZL2d8oAAAAASUVORK5CYII=) !important;
}

#toast-container.toast-bottom-center>div,
#toast-container.toast-top-center>div {
    width: 300px;
    margin-left: auto;
    margin-right: auto;
}

#toast-container.toast-bottom-full-width>div,
#toast-container.toast-top-full-width>div {
    width: 96%;
    margin-left: auto;
    margin-right: auto;
}

.toast {
    background-color: #030303;
}

.toast-success {
    background-color: #51A351;
}

.toast-error {
    background-color: #BD362F;
}

.toast-info {
    background-color: #2F96B4;
}

.toast-warning {
    background-color: #F89406;
}

.toast-progress {
    position: absolute;
    left: 0;
    bottom: 0;
    height: 4px;
    background-color: #000;
    opacity: 0.4;
    -ms-filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=40);
    filter: alpha(opacity=40);
}

@media all and (max-width: 240px) {
    #toast-container>div {
        padding: 8px 8px 8px 50px;
        width: 11em;
    }
    #toast-container>div.rtl {
        padding: 8px 50px 8px 8px;
    }
    #toast-container .toast-close-button {
        right: -0.2em;
        top: -0.2em;
    }
    #toast-container .rtl .toast-close-button {
        left: -0.2em;
        right: 0.2em;
    }
}

@media all and (min-width: 241px) and (max-width: 480px) {
    #toast-container>div {
        padding: 8px 8px 8px 50px;
        width: 18em;
    }
    #toast-container>div.rtl {
        padding: 8px 50px 8px 8px;
    }
    #toast-container .toast-close-button {
        right: -0.2em;
        top: -0.2em;
    }
    #toast-container .rtl .toast-close-button {
        left: -0.2em;
        right: 0.2em;
    }
}

@media all and (min-width: 481px) and (max-width: 768px) {
    #toast-container>div {
        padding: 15px 15px 15px 50px;
        width: 25em;
    }
    #toast-container>div.rtl {
        padding: 15px 50px 15px 15px;
    }
}

/*
 
 Slick Slider
 Version: 1.8.1
  Author: Ken Wheeler
 Website: http://kenwheeler.github.io
    Docs: http://kenwheeler.github.io/slick
    Repo: http://github.com/kenwheeler/slick
  Issues: http://github.com/kenwheeler/slick/issues
 */
 .slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0}.slick-list:focus{outline:none}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-track,.slick-slider .slick-list{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.slick-track{position:relative;top:0;left:0;display:block;margin-left:auto;margin-right:auto}.slick-track:before,.slick-track:after{display:table;content:''}.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}.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{display:block;height:auto;border:1px solid transparent}.slick-arrow.slick-hidden{display:none}
.navigation,
.breadcrumbs,
.page-header .header.panel,
.header.content,
.page-wrapper > .widget,
.page-wrapper > .page-bottom,
.block.category.event,
.top-container,
.page-main {
    box-sizing: border-box;
    margin-left: auto;
    margin-right: auto;
    max-width: 1320px;
    padding-left: 20px;
    padding-right: 20px;
    width: auto;
}
.card-text-1 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}
.section-title .nav-tabs .nav-item {
    margin: 8px 4px!important;
}
/* popup */
    .show-popup-sale{
        overflow-y: hidden;
    }
    .mfp-bg.login-popup,
    .mfp-bg.mfp-newsletter,
    .mfp-wrap.login-popup,
    .mfp-wrap.mfp-newsletter {
        z-index: 10589999999;
    }

    .mfp-bg {
        background-color: #777777;
    }

    .mfp-bg {
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 1042;
        overflow: hidden;
        position: fixed;
        background: #322d2d;
        opacity: 0.8;
    }

    .mfp-wrap {
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 1043;
        position: fixed;
        outline: none !important;
        -webkit-backface-visibility: hidden;
    }

    .mfp-container {
        text-align: center;
        position: fixed;
        width: 100%;
        height: auto;
        left: 0;
        top: 0;
    	transform: translateY(10%);
        padding: 0 8px;
        box-sizing: border-box;
        overflow-y: auto;
    }

    .mfp-container:before {
        content: "";
        display: inline-block;
        height: 100%;
        vertical-align: middle;
    }

    .mfp-wrap.mfp-ready .mfp-content {
        opacity: 1;
    }

    .mfp-wrap .mfp-content {
        transition: all 0.35s ease-out;
        opacity: 0;
    }

    .mfp-auto-cursor .mfp-content {
        cursor: auto;
    }

    .mfp-ajax-holder .mfp-content,
    .mfp-inline-holder .mfp-content {
        width: 100%;
        cursor: auto;
    }

    .mfp-content {
        position: relative;
        display: inline-block;
        vertical-align: middle;
        margin: 0 auto;
        text-align: left;
        z-index: 1045;
    }

    .newsletter-popup {
        position: relative;
        max-width: 740px;
        margin-right: auto;
        margin-left: auto;
        border-radius: 0;
        box-shadow: 0 0 50px rgb(0 0 0 / 12%);
    }
.newsletter-popup-content img{
    width: 100%;
    height: auto;
}
    .bg-img {
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
    }

  

    .logo-newsletter {
        display: inline-block;
        max-width: 111px;
        height: auto;
    }

    .newsletter-popup h2 {
        margin: 24px 0 5px;
        color: red;
        font-size: 1.8rem;
        font-weight: 700;
        text-transform: uppercase;
    }

    .newsletter-popup p {
        font-size: 1.4rem;
        line-height: 1.85;
        letter-spacing: -0.02em;
        margin-bottom: 2.4rem;
        color: #fff;
        padding-right: 8.4rem;
    }
    .newsletter-popup a {
        padding: 5px 40px;
    }

    button.mfp-close {
        position: absolute;
        top: 0;
        right: 0;
        overflow: visible;
        opacity: 0.65;
        cursor: pointer;
        background: transparent;
        border: 0;
        text-indent: -9999px;
        transform: rotateZ(45deg);
        color: #838383;
    }

    button.mfp-arrow,
    button.mfp-close {
        overflow: visible;
        cursor: pointer;
        background: transparent;
        border: 0;
        -webkit-appearance: none;
        display: block;
        outline: none;
        padding: 0;
        z-index: 1046;
        box-shadow: none;
        touch-action: manipulation;
    }

    button.mfp-close:before {
        content: "";
        position: absolute;
        width: 17px;
        top: 20px;
        left: -18px;
        border-top: 3px solid red;
    }

    button.mfp-close:after {
        content: "";
        position: absolute;
        height: 17px;
        top: 12px;
        left: -10px;
        border-left: 3px solid red;
    }

/* popup */


a.btn-more-content{
    cursor: pointer;
    display: block!important;
    width: 229px;
    height: 39px;
    transform: translateX(-50%);
    font-size: 13px;
    font-weight: 400;
    line-height: 39px;
    text-align: center;
    border: 1px solid #0b2d25!important;
    color: #fff!important;
    background-color: #0b2d25;
    border-radius: 4px;
    position: absolute;
    bottom: 0px;
    left: 50%;
}
.product-grid-4{
    margin: auto;
}
a.btn-more-content.hide-content{
    bottom: -70px!important;
}
.content-product-uni.show-divct{
    margin-bottom: 100px;
}
.content-product-uni{
    position: relative;
}
a.btn-more-content:hover {
    color: #0b2d25!important;
    border: 1px solid #0b2d25!important;
    background-color: #fff;
}
.gradient-content {
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
    height: 200px;
    background-image: linear-gradient(rgba(255, 255, 255, 0), #FAFAFA);
}
.show-content{
    overflow: hidden;
    height: 300px;
    margin-bottom: 50px;
}
#update-cart,#delete-all-cart{
    margin-top: 5px;
    margin-bottom: 10px;
}
.c-price-mb{
    display: block;
}
.c-weight-mb{
    display: block;
}
  .price-cat-sale{
    font-size: 20px;
    margin-left: 10px;
  }
  .loader {
    height: 20px;
    width: 250px;
    z-index: 99999;
    position: absolute;
    overflow: hidden;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
  }
  .loader--dot {
    animation-name: loader;
    animation-timing-function: ease-in-out;
    animation-duration: 3s;
    animation-iteration-count: infinite;
    height: 20px;
    width: 20px;
    border-radius: 100%;
    background-color: black;
    position: absolute;
    border: 2px solid white;
  }
  .loader--dot:first-child {
    background-color: #8cc759;
    animation-delay: 0.5s;
  }
  .loader--dot:nth-child(2) {
    background-color: #8c6daf;
    animation-delay: 0.4s;
  }
  .loader--dot:nth-child(3) {
    background-color: #ef5d74;
    animation-delay: 0.3s;
  }
  .loader--dot:nth-child(4) {
    background-color: #f9a74b;
    animation-delay: 0.2s;
  }
  .loader--dot:nth-child(5) {
    background-color: #60beeb;
    animation-delay: 0.1s;
  }
  .loader--dot:nth-child(6) {
    background-color: #fbef5a;
    animation-delay: 0s;
  }

  
  @keyframes loader {
    15% {
      transform: translateX(0);
    }
    45% {
      transform: translateX(230px);
    }
    65% {
      transform: translateX(230px);
    }
    95% {
      transform: translateX(0);
    }
  }
  @keyframes loading-text {
    0% {
      content: "Loading";
    }
    25% {
      content: "Loading.";
    }
    50% {
      content: "Loading..";
    }
    75% {
      content: "Loading...";
    }
  }



.tab-content-pp{
    border-radius: 50%;
    width: 0;
    height: 0;
    /* -webkit-animation: spin 2s linear infinite; Safari */
    /* animation: spin 2s linear infinite;   */
    top: 40%;
    right: 40%;
    overflow: hidden;
}

.bg-1 {background-color: #F2FCE4 !important;}
.bg-2 {background-color: #FFFCEB  !important;}
.bg-3 {background-color: #ECFFEC !important;}
.bg-4 {background-color: #FEEFEA  !important;}
.bg-5 {background-color: #FFF3EB !important;}
.bg-6 {background-color: #FFF3FF !important;}
.bg-7 {background-color: #F2FCE4 !important;}

.search-mb{
    display: none;
}
.change_productPop,.change_productBestSell,a.feature-cat-item{
    font-weight: bold!important;
    padding: 5px 10px!important;
}
.change_productPop.active,.change_productBestSell.active{
    background-color: #f59758!important;
    color: #fff!important;
}
.featured.section-padding {
    padding: 0 0 50px 0;
}
.banner-left-icon {
    position: relative;
    background: #F4F6FA;
    padding: 20px;
    border-radius: 10px;
}
.banner-left-icon .banner-icon {
    max-width: 60px;
    margin-right: 20px;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}
.banner-left-icon .banner-text h3 {
    color: #242424;
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 5px;
}
.banner-left-icon .banner-text p {
    margin-bottom: 0;
    color: #adadad;
}
@media only screen and (min-width: 320px){
    .container-home {
        max-width: calc(100% - 30px);
        margin: auto;
    }
  
}
@media only screen and (min-width: 576px){
    .container-home {
        max-width: 540px;
    }
}
@media (min-width: 768px){
    .container-home {
        max-width: 720px;
    }
    .pizzaro-secondary-navigation {
        padding-left: 99em!important;
        padding-right: 99em!important;
    }
    /* .c-homepage-hero-carousel__img {
        height: calc(100% + 30px);
    } */

.m-category-card .m-category-card__image-wrapper img {
    max-width: 176px;
    margin: auto;
}
.c-media-card-2up {
    margin: 10px 0 15px;
}
.c-media-card-2up__media-wrapper .m-media-card {
    width: calc(50%);
}
.t-cms__with-nav .layout__region {
    grid-column: 1 / span 2;
}
h1.title-blog-post {
    font-size: 2rem;
}
.field__item h2 {
    font-size: 1.5rem;
}
.field__item h3 {
    font-size: 1.2rem;
}
.field__item img {
    width: 100%;
    margin: 10px auto;
}
.c-story-block__headline {
    font-size: 26px;
    line-height: 1.2;
}
.c-story-block__content.info_store {
    padding: 0;
}
.m-media-block-aligned__content {
    width: 33%;
    padding: 40px;
    max-height: 700px;
}
.block-group-store {
    padding: 20px;
    width: 40%;
    display: block;
    cursor: pointer;
    overflow-y: scroll;
    height: 700px;
}
.heading_namestore {
    font-size: 22px;
}
.box-shadow-in {
    box-shadow: inset 0 0 5px #000000;
}
.c-media-block-aligned__content-wrapper {
    padding-left: calc((100vw - 1280px) / 2);
    padding-right: calc((100vw - 1280px) / 2);
}
p.go-map {
    color: #ff7759;
    text-decoration: underline;
    float: right;
}
.m-heading {
    border-bottom: 1px solid #757575;
}
.m-heading:last-child,
.m-heading:first-child {
    border-bottom: none;
}
.m-heading .m-heading__cta {
    width: 100%;
}
#search_name::placeholder {
    color: #ff7759;
    display: block !important;
    animation: none !important;
    opacity: 0 !important;
}
#search_name {
    padding: 10px !important;
    margin-bottom: 10px;
    background: transparent;
    color: #ff7759;
    border: none;
    font-weight: 600;
    font-size: 16px;
    border-bottom: 1px solid #757575;
}
select#order_by {
    padding-top: 5px;
    padding-bottom: 5px;
    background: transparent;
    color: #ff7759;
    background: transparent;
}
select#order_by:focus,
#search_name:focus {
    outline: none;
    border: none;
    box-shadow: none;
    border-bottom: 1px solid #757575;
    color: #ff7759;
}
.c-sidebar-filters {
    padding-top: 0;
}
.text-f20 {
    font-size: 20px !important;
    margin-bottom: 19px !important;
    padding-bottom: 5px !important;
    font-weight: 600 !important;
    letter-spacing: -1px;
    text-transform: none !important;
}
#becometostore {
    width: 30%;
    padding: 15px;
    margin: auto;
    margin-bottom: 40px;
    margin-top: 20px;
    background: #08532f;
    font-size: 20px;
}
.fix-btn-cart {
    width: 100%;
    margin: auto;
}
.banner-big-two .g-banner-item img,.banner-big-two img {
    height: calc(100% + 0px);
}
.secondary-navigation ul.menu, .secondary-navigation ul.nav-menu {
    max-height: none;
    overflow: visible;
    text-align: center;
    padding: 15px;
}
.secondary-navigation ul.menu>li+li, .secondary-navigation ul.nav-menu>li+li {
    margin-left: 24px;
}
}
@media only screen and (min-width: 992px){
    .container-home {
        max-width: 960px;
    }
}
@media only screen and (min-width: 1200px){
    .container-home {
        max-width: calc(100% - 30px)
    }
}
@media only screen and (min-width: 1400px){
    .container-home {
        max-width: calc(100% - 40px)
    }
  
}
@media only screen and (min-width: 1610px){
    .container-home {
        max-width: 1610px
    }
    .col-lg-1-5{
        width: 20%;
        flex: 0 0 20%!important;
    }
}
@media only screen and (max-width: 1610px){
    .screen-4{
        display: none;
    }
}
@media only screen and (max-width: 992px){
    .banner-2{
        display: none;
    }
}



#carausel-4-columns-arrows .slick-initialized .slick-slide{
    margin: 0 10px!important
}
.header-v1 .site-header-cart-v2 .cart-content>a{
    float: right!important
}
.flag-en {
    background-image: url(../images/icon_menu/uni-icon.png);
    background-position: -95px 5px;
    background-repeat: no-repeat;
    display: inline-block;
    height: 32px;
    width: 32px;
    line-height: 30px;
    vertical-align: middle;
    background-size: 185px 270px;
}
.flag-vi {
    background-image: url(../images/icon_menu/uni-icon.png);
    background-position: -138px 5px;
    background-repeat: no-repeat;
    display: inline-block;
    height: 32px;
    width: 32px;
    line-height: 30px;
    vertical-align: middle;
    background-size: 185px 270px;
}
.flag-footer {
    background-image: url(../images/icon_menu/uni-icon.png);
    background-repeat: no-repeat;
    display: inline-block;
    height: 24px;
    width: 24px;
    line-height: 30px;
    vertical-align: middle;
    background-size: 130px 260px;
}
.ft-blog {
    background-position: 0 -20px
}
.ft-recipes {
    background-position: 0 -131px
}
.ft-club {
    background-position: 0 -43px
}
.ft-findstore {
    background-position: 0 -66px
}
.ft-delivery {
    background-position: 0 -89px
}
.ft-policy {
    background-position: 0 -111px
}
.ft-boct{
    background-image: url(../images/icon_menu/uni-icon.png);
    background-repeat: no-repeat;
    display: inline-block;
    height: 30px;
    width: 300px;
    line-height: 30px;
    vertical-align: middle;
    background-size: 175px 350px;
    background-position: 14px -234px;
}
.ft-pay{
    background-image: url(../images/icon_menu/uni-icon.png);
    background-repeat: no-repeat;
    display: inline-block;
    height: 30px;
    width: 300px;
    line-height: 30px;
    vertical-align: middle;
    background-size: 175px 350px;
    background-position: 0 -209px;
}
@media only screen and (min-width: 1030px) and (max-width: 1366px)  
{ 
	.m-menu-media-card__img {
		max-height: 150px;
	}
	.container_cpr{
		padding: 0px 5rem !important;
	}
}
.menu_foooter_2 li p {
    line-height: 0px;
    font-size: 14px;
}
.uni-m-accordion::before,
.uni-m-accordion::after {
    background-color: #0b2d25 !important;
}
.secondary a span {
    color: #0b2d25;
}
.secondary a span:hover {
    color: #000000;
}
.uni-tex-cat.none {
    display: none;
}
.fil-uni {
    margin-top: 0px;
}
.uni-css-img {
    width: 50%;
}
.container-uni {
    max-width: 1500px !important;
}
.uni-magin-top-but {
    margin: 150px 0px 60px;
}
.card-body .show-moreBl:hover,
.card-body .show-moreBl:visited {
    color: #0b2d25 !important;
}
a.a-btn,
button.a-btn {
    border-radius: 5px;
}
.uni-blog-home-img img:hover {
    opacity: 1;
    -webkit-transform: scale(1) rotate(-5deg);
    -moz-transform: scale(1.2) rotate(-5deg);
    -ms-transform: scale(1.2) rotate(-5deg);
    -o-transform: scale(1.2) rotate(-5deg);
    transform: scale(0.9) rotate(-1deg);
}

.uni-blog-home-img img {
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.uni-blog-home p {
    color: black;
    font-size: 18px;
    margin-top: 10px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

#search-close i {
    color: #fff;
    font-size: 25px;
}

.uni-css-title {
    max-width: 100% !important;
}

.card-text {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
.card-text-uni {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
#uni {
    padding: 0.66em 0.9em;
    color: #fff;
    display: flex;
    align-items: center;
    max-width: 225px;
    float: left;
}

#uni-menu {
    margin-left: -64px;
}

#uni-menu .dropdown-item {
    color: black;
}

.m-text-input {
    width: 100%;
}

.block-collapsible-nav .item.current {
    position: relative;
}

li.nav.item {
    margin: 0 0 10px;
}

ul.nav.items {
    font-size: 1rem;
    line-height: 1.5;
    margin: 0;
    letter-spacing: 0.25px;
    list-style: none;
    padding: 0;
}

.block-collapsible-nav {
    margin: 0;
    padding: 0;
    list-style: none;
}

.block-collapsible-nav .content {
    background-color: #fff;
}

h1.page-title {
    margin-bottom: 40px;
    font-size: 32px;
}

.block .block-title {
    font-size: 24px;
    font-weight: 700;
    display: block;
    width: 100%;
    border-bottom: 2px solid #0b2d25;
    padding-bottom: 8px;
    color: #0b2d25;
}

#shopping-cart-table {
    margin-bottom: 0;
    border: 1px solid #f3f3f3;
    margin-left: 5px;
    border-left: 5px solid #f3f3f3;
}

tr.th-payCart th {
    color: #0b2d25;
    font-weight: 600;
}

a.ahr-text {
    margin: 0;
}

.block-title > strong {
    font-size: 24px;
    margin-top: 5px;
    margin-bottom: 5px;
}

.block-title .action.a-anchor {
    padding: 0 0 2px;
    margin: 10px 0 10px 20px;
}

.column.main .block:last-child {
    margin-bottom: 20px;
}

.column.main .block:first-child {
    margin-bottom: 20px;
    padding-right: 20px !important;
}

.block-dashboard-info h2 {
    font-size: 1.5em;
}

.column.main .block {
    margin-bottom: 20px;
}

.block-title .action {
    padding: 10px 0 10px 20px;
    white-space: nowrap;
    float: right;
    font-size: 16px;
    font-family: "Montserrat", sans-serif;
    font-weight: 400;
    vertical-align: middle;
}

.columns {
    display: flex;
    flex-wrap: wrap;
    box-sizing: border-box;
}

.columns:after {
    clear: both;
    content: " ";
    display: block;
    height: 0;
    overflow: hidden;
    visibility: hidden;
}

.columns .column.main {
    /*padding-bottom: 40px;*/
    width: 100%;
}

.columns .sidebar-main {
    flex-grow: 1;
    flex-basis: 100%;
    order: 1;
}

.columns .sidebar-additional {
    flex-grow: 1;
    flex-basis: 100%;
    order: 2;
}

.page-main {
    margin-top: 40px;
}

.page-wrapper {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}

.page.messages {
    max-width: 1280px;
    margin: 0 auto;
}

.box-title {
    display: inline-block;
    margin: 0 0 15px;
    font-family: "Montserrat", sans-serif;
    font-size: 16px;
}

.block .box-actions {
    margin-top: 10px;
}

.block .box-actions .action:after {
    content: "";
    border-left: 1px solid #ddd6c4;
    display: inline-block;
    height: 12px;
    margin: 0 10px;
    position: absolute;
    margin-top: 4px;
}

.block .box-actions .action {
    margin-right: 18px;
}

.block .box-actions .action {
    margin-right: 18px;
}

.can_tren_duoi {
    width: 100%;
    margin: 25px 0;
}

.can_tren_duoi2 {
    margin-top: 25%;
    margin-left: 20%;
}

.text-spice {
    color: #155724 !important;
}

@media screen and (max-width: 767px) {
    .pading-uni {
        padding: 10px;
    }
    .can_tren_duoi {
        width: 50%;
        margin: 25px 0;
        margin-top: 25px;
        margin-left: 0px;
    }
    .can_tren_duoi2 {
        margin-left: 5%;
        width: 120%;
    }
}



.footer-left-widget {
    padding-left: 130px;
}

.header_thunho {
    background-color: #0b2d25;
    padding: 0 6rem;
    padding-top: 0px;
    padding-bottom: 0px;
}

.site-header .site-branding {
    max-width: 180px;
    padding: 0;
    margin: 0 2.5rem;
}

.dk-footer-box-info {
    position: absolute;
    top: -100px;
    background: #104438;
    padding: 30px;
    z-index: 2;
    border-radius: 60px;
    box-shadow: 2px 2px #202020;
}

.foooter_cach_le_duoi {
    padding-bottom: 1rem !important;
}

.footer-widget ul {
    width: 100% !important;
}

.m-combined-product-name {
    display: block;
}

.m-combined-product-name__link {
    flex: 0 0 100%;
    max-width: 100%;
}

.fav-product {
    display: block;
    margin: auto;
    height: 20px;
    width: 20px;
    text-align: center;
}

a.contact-btn {
    margin: 0 auto !important;
}

.m-product-card:hover .product-review {
    transform: scale(1.15) !important;
}

.padding-set0 {
    padding: 0;
}

.padding-set5px {
    padding-right: 5px;
}

.mg-top30 {
    margin-top: 30px !important;
}

.max-w-1200 {
    max-width: 1200px;
}

/* .a-btn.a-btn--primary.m-product-card__add-to-cart-btn, .a-btn.a-btn--primary.m-product-card__add-to-cart-btn:focus {
    background: transparent;
    opacity: 1;
    padding: 0;
} */

.price-total-sale {
    height: 28px;
    color: #08532f;
    font-size: 16px;
    font-weight: bold;
}
.content-footer {
    padding: 9rem;
}
span.select2-container.select2-container--default.select2-container--open {
    z-index: 9999999;
}
/* ul.menu_foooter_1 {
    width: 50% !important;
} */
.container_cpr {
    padding: 0 7rem;
}
@media screen and (max-width: 1440px) {
    .content-footer {
        padding: 5rem;
    }
    ul.menu_foooter_1 {
        width: 100% !important;
    }
    .dk-footer-box-info .footer-social-link li {
        margin-bottom: 0;
    }
    .dk-footer-box-info {
        top: -102px;
        padding: 20px;
    }
    .footer-left-widget {
        padding-left: 10px !important;
    }
}



@media screen and (min-width: 1024px) {
    .c-header__logo img {
        margin: 4px auto;
        max-height: initial;
        max-width: 176px;
    }
    .c-header__minicart-count {
        background-color: #137f62;
        width: auto;
        height: auto;
        min-width: 30px;
        display: flex;
        justify-content: center;
        align-items: center;
        border-width: 2px;
        bottom: -15px;
        right: -15px;
    }
    .columns .sidebar-main {
        width: 20%;
        float: left;
        order: 1;
    }
    .columns {
        display: block;
    }
    .column.main .block.block-addresses-list .block-title,
    .column.main .block.block-dashboard-orders .block-title,
    .column.main .block.block-order-details .block-title {
        margin: 0;
    }
    .column.main .block.block-addresses-list .block-content .empty,
    .column.main .block.block-dashboard-orders .block-content .empty,
    .column.main .block.block-order-details .block-content .empty {
        margin-top: 30px;
    }
    .page-main {
        margin-top: 95px;
    }
    .page-main {
        width: 100%;
    }
    .block .block-title {
        margin: 0 0 30px;
    }
    .block-content:before {
        content: "";
        display: table;
    }
    .block-content:after {
        content: "";
        display: table;
        clear: both;
    }
    .block-content .box {
        width: 48.8%;
    }
    .block-content .box:nth-child(odd) {
        clear: left;
        float: left;
    }
    .block-content .box:nth-child(even) {
        float: right;
    }
    .form-address-edit__fields,
    .form-edit-account__fields {
        grid-template-columns: 1fr 1fr;
    }
    .columns .column.main {
        width: 80%;
        float: right;
        order: 2;
    }
}

@media screen and (max-width: 1023px) {
    .account .page-main {
        margin-top: 0;
        padding-top: 40px;
        position: relative;
    }
    .account .columns .column.main {
        padding-top: 80px;
    }
    .block-content .box {
        margin-bottom: 30px;
    }
    .block-content .box:last-child {
        margin-bottom: 0;
    }
    .account .toolbar .limiter {
        clear: both;
        margin: 0 auto;
    }
    .account .toolbar .pages {
        clear: both;
        margin: 0 auto;
    }
}

@media screen and (max-width: 1560px) {
    .c-header__link-item {
        margin-left: 22px;
    }
}



.c-sidebar-filters__filter .name-filler {
    text-decoration: none;
    margin-left: 10px;
    width: 80%;
}

.name-parent {
    width: 100% !important;
    padding: 5px;
}

.name-parent h2 {
    margin-bottom: 0;
    font-size: 16px;
}

.name-parent:hover h2 {
    color: #fff;
    font-size: 16px;
}

.name-parent span {
    counter-reset: #111;
}

.header-v1 .site-header-cart-v2 .cart-content > a span {
    padding-left: 0;
}

.c-sidebar-filters__filter .name-filler span.active {
    color: #c03235;
    font-weight: 600;
}

.facet-item.m-checkbox.c-sidebar-filters__filter:hover {
    background: #08532f;
}

.facet-item.m-checkbox.c-sidebar-filters__filter:hover .show-catp > i,
.facet-item.m-checkbox.c-sidebar-filters__filter:hover .name-filler > span {
    color: #fff;
}

span.a-qty {
    color: #343a40;
}

.text-null-product {
    margin-bottom: 0;
    
}

.m-price-lockup.m-product-card__price {
    margin-bottom: 10px;
    display: flex;
    margin: auto;
    width: max-content;
}

.loadmore1.t-plp__product {
    box-shadow: 0px 0px 10px 1px #f2f2f2;
}

.product-notnull {
    position: initial;
    right: 10%;
    display: block;
    text-align: center;
}

.add-qty {
    text-align: right !important;
}
.buttons_added.add-qty {
    text-align: center !important;
}

.cat-desscription {
    position: relative;
}

.cat-desscription img {
    position: absolute;
    top: -10%;
    z-index: -1;
    right: -15%;
}

.cat-desscription h2 {
    background: #fff;
    opacity: 0.7;
}

.cat-desscription p {
    background: #fff;
    opacity: 0.7;
}

.btn-parent {
    width: 100%;
    background: #ddd !important;
    color: #111 !important;
    padding: 10px 0 !important;
    font-size: 20px;
    font-weight: 700 !important;
    text-transform: uppercase;
}

.produc-rel-link {
    flex: 0 0 100% !important;
    max-width: 100% !important;
}

/* .info-sale-store{
    display: none;
} */

.info-sale-store {
    position: absolute;
    z-index: 3;
    background: #08532f;
    width: 100%;
    height: 44%;
    top: -50%;
    right: 0;
    opacity: 1;
    transition: all 0.35s ease-in;
}

.m-product-card:hover .info-sale-store {
    top: 0;
    background: #08532f;
}

.info-sale-store p {
    color: #fff;
    padding-left: 20%;
    margin-bottom: 10px;
}

.info-sale-store img {
    width: 40%;
    height: auto;
    margin: auto;
}

.contact-btn {
    margin: 0 auto;
}

.price-single {
    margin-top: 10px;
    font-size: 1.5rem !important;
}

.group-cmt .pull-right,
.btn-submitrv .pull-right {
    padding-left: 0 !important;
    background: #08532f !important;
}

.facet-item.m-checkbox.c-sidebar-filters__filter {
    width: 100%;
    box-shadow: -2px 2px 0px -1px #f2f2f2;
}

.show-catp {
    position: absolute;
    top: 5px;
    right: 10px;
}

.m-catParent {
    display: none;
}

.m-accordion__title:before,
.m-accordion__title:after {
    background-color: #fff;
    right: 10px;
}

.parent-name {
    font-weight: 500;
    text-transform: uppercase;
}

.parent-name span {
    color: #08532f;
}

.a-product-name {
    color: #08532f;
}

.c-product-overview__content #share a,
#share2 a {
    width: 30px;
    height: 30px;
    margin: 0px;
    font-size: 15px;
    border-radius: 50%;
}

.margin-single-10 {
    margin: 10px 0 auto !important;
}

.line-height-single2 {
    line-height: 2;
}

.line-height-single4 {
    line-height: 3 !important;
}

.c-categories-slider.layout.layout--onecol {
    /*background: transparent;*/
}

.not-padding-top {
    /*padding-top: 0!important;*/
}

.padding-top10 {
    position: relative;
    width: 100%;
}

.d-block.float-left.padding-top10::after {
    content: "";
    width: 100%;
    height: 2px;
    background: transparent;
    position: absolute;
    top: 40px;
    left: 0;
}

.not-padding-left {
    padding-left: 0 !important;
}

.not-padding {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.d-block.group-btn {
    float: right;
}

.tablink {
    background-color: #fff !important;
    padding: 10px 5px !important;
    margin: 10px;
    border: solid 1px #e3e3e3 !important;
    box-shadow: none !important;
    font-weight: 500;
}

.btn-comment .tablink > i {
    padding-right: 10px;
    color: #08532f;
}

.btn.btn-comment {
    padding: 0;
}

.btn.btn-comment:hover .tablink,
.btn.btn-comment:focus {
    border: solid 1px #08532f !important;
}

.tablink:focus {
    color: unset !important;
    border: solid 1px #08532f !important;
}

.tabcontents {
    color: #0b2d25;
    display: none;
    padding: 50px 20px;
    height: 100%;
}

.checked-star {
    color: orange;
}

/* Rating Star Widgets Style */

.rating-stars ul {
    list-style-type: none;
    padding: 0;
    -moz-user-select: none;
    -webkit-user-select: none;
}

.rating-stars ul > li.star {
    display: inline-block;
}

/* Idle State of the stars */

.rating-stars ul > li.star > i.fa {
    font-size: 2.5em;
    /* Change the size of the stars */
    color: #ccc;
    /* Color on idle state */
}

/* Hover state of the stars */

.rating-stars ul > li.star.hover > i.fa {
    color: #ffcc36;
}

/* Selected state of the stars */

.rating-stars ul > li.star.selected > i.fa {
    color: #ff912c;
}

span.a-folio.text-dark.text-lowercase.font-weight-normal {
    font-size: 16px !important;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
textarea,
.input-text {
    color: #111 !important;
}

.answer-gr {
    border-left: 2px solid #bccbc7;
}

.group-write {
    padding: 20px 0;
    margin: 30px auto;
}

/* a.text-white.a-btn.a-btn--primary.m-product-card__add-to-cart-btn {
    margin: 0 auto;
} */

/* button.btn_store_submit.js-add-cart {
    display: block;
    padding: 5px 10px;
    background: #ff7600;
    border-radius: 5px;
    font-size: 14px;
}

button.btn_store_submit.js-add-cart:hover {
    background: #fff;
    color: #0b2d25;
    box-shadow: none!important;
    border: none!important;
    outline: none!important;
} */

.group-sale {
    border: 1px solid rgb(63, 63, 63);
    padding: 30px;
    padding-bottom: 60px;
    margin: 30px auto;
    position: relative;
}

h3.title-product-sale {
    position: absolute;
    background: #fff;
    top: -3%;
    color: #ff7750;
}

button.btn-add-cart-sale {
    position: absolute;
    bottom: 10px;
    background: #0b2d25;
    opacity: 0.8;
    border: none;
    color: #fff;
    right: 35%;
    padding: 10px;
    border-radius: 5px;
}

.card a {
    margin-top: 0;
}

a.btn-km {
    background: #0b2d25;
    opacity: 0.8;
    width: 70%;
    padding: 5px 10px;
    margin: 10px auto 0 auto;
    border-radius: 5px;
    text-align: center;
    color: #fff;
}

a.btn-km:hover {
    background: #08532f;
    opacity: 0.8;
}

.card-title-cd {
    color: #08532f !important;
    min-height: 28px;
    font-size: 20px;
    height: 50px;
    font-weight: bold !important;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.title-post-km {
    font-size: 16px;
    font-weight: 700;
    text-transform: initial;
}

.red-text {
    color: red !important;
}

.w-70 {
    width: 70%;
}

.vnpay-pay,
.banking-pay {
    display: none;
}

.form-vnpay {
    background: #f2f2f2;
    width: 50%;
    margin: auto;
    padding: 10px 0;
}

#province,
#district,
#ward {
    padding: 0 5px;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    border: 1px solid #aaa;
    padding: 3px !important;
    border-radius: 0;
}

#method_shpping {
    width: 90%;
    height: 50px;
    border: 1px solid;
}

.card-item {
    margin-bottom: 20px;
}

.km-fav {
    margin: 30px auto 50px;
    letter-spacing: 3px;
    font-size: 30px;
}

#star6 {
    width: 0;
    height: 0;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-bottom: 30px solid #ed053f;
    position: relative;
    top: -10px;
    left: -10px;
}

#star6:after {
    width: 0;
    height: 0;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-top: 30px solid #ed053f;
    position: absolute;
    content: "";
    top: 10px;
    left: -15px;
}

span.number-prd {
    position: absolute;
    z-index: 1;
    top: 7px;
    font-size: 16px;
    left: -5px;
    color: #fff;
    font-weight: 700;
}
.slide-item-li {
    width: 100%;
}


.menu_class_menu {
    display: none;
}

.header-v1 .header-phone-numbers {
    padding-right: 0;
    position: relative;
    height: auto;
}
.header-v1 .header-wrap{
    padding-top: 15px; 
}
.hotline-header {
    /* margin-top: 20%!important; */
    top: 50%;
    right: 15%;
    position: absolute;
}
.search-style-2 form a.js-minicart__trigger{
    position: absolute;
    top: 15px;
    right: 0;
    color: #fff;
}
.header-wrap .header-info-wrapper{
    margin: auto;
}
.header-info-wrapper ul.site-header-cart-v2 li.cart-content {
    margin-right: 0;
}
.search-style-2 form a.js-minicart__trigger span{
    font-size: 30px;
}
.btn-all-product {
    background: #0b2d25 !important;
    border: none;
    color: #fff !important;
    text-transform: uppercase;
    border-radius: 5px;
    font-weight: 700;
}

@media screen and (max-width: 1420px) {
    .header-phone-numbers .phone-number {
        font-size: 1.5em !important;
    }
}





.show-more-about {
    margin-bottom: 40px !important;
    padding: 5px 30px !important;
    letter-spacing: 1px !important;
    background: rgb(11, 45, 37, 0.9) !important;
    border: none !important;
}

.single-bg-sl {
    --color-foreground: #fff;
    --color-accent: #137f62;
    --color-background: #78be4c;
    position: relative;
    padding-top: 48px;
    background-color: var(--color-foreground);
    padding-bottom: 25px;
}

.c-media-block-banner {
    --height: 450px !important;
    height: var(--height);
    width: 100%;
}

.c-media-block__image-edit {
    height: calc(var(--height));
    width: 100%;
}
.box-recipe {
    width: 100%;
    max-width: 1366px;
    max-height: 330px;
    height: 330px;
}

.box-recipe-left {
    background: url(https://i1.adis.ws/i/canon/get-inspired-food-photography-tips-4-1920x1080-f9288d38-d5f8-11ea-9618-f8bc127793a9?w=100%&sm=aspect&aspect=16:9&qlt=80&scaleFit=poi&poi=0.2577972984313965,0.3199381849500868,0.125,0.2222222222222222);
    background-size: cover;
    padding: 30px 30px;
}

.box-recipe-right {
}

.desktop-view-content h3 {
    font-size: 32px;
    color: #fff;
    font-weight: 600;
    line-height: 1.8;
}

.desktop-view-content p {
    font-size: 20px;
    color: #fff !important;
    font-weight: 200;
    line-height: 1.8;
}

.desktop-view-content a {
    display: block !important;
    background: #fff;
    color: #111 !important;
    font-weight: 600;
    width: 50%;
    text-transform: uppercase;
    font-size: 18px;
}

.desktop-view-content a:hover {
    background: #111;
    color: #fff;
}

a.btn-link-lia {
    color: #c30000;
}

.recipe-about-list li {
    color: #111;
}

.ingredient h3 {
    padding: 40px 0 50px;
    font-size: 32px;
}

.img-repice {
    width: 100%;
    max-width: 320px;
    border-radius: 100%;
    background: antiquewhite;
    padding: 20px;
    margin-bottom: 10px;
}

.img-repice-banner {
    height: 100% !important;
}
.btn-repice {
    background: #0b2d25;
    border: 1px solid #0b2d25;
    border: none;
    border-radius: 100%;
    width: 60px;
    height: 60px;
    position: absolute;
    top: 35%;
    opacity: 0.8;
}
.btn-repice:hover {
    background: #fff;
    border: 1px solid #0c0e0d !important;
    /* color: #0B2D25!important; */
    border: none;
    border-radius: 100%;
    width: 60px;
    height: 60px;
    position: absolute;
    top: 35%;
}
.btn-repice:hover span {
    /* border: 1px solid #0b2d25; */
    color: #0b2d25;
}
.btn-next-repice {
    left: 100%;
}

.btn-prev-repice {
    right: 100%;
}

.repice-bnt {
    font-size: 30px;
    color: #fff;
    font-weight: 600;
    position: relative;
    right: 12px;
}

.repice-item-print {
    margin-right: 30px;
    margin-left: 30px;
}

a.like-this i {
    border: 1px solid #ea7236;
    border-radius: 100%;
    padding: 6px;
    margin-right: 5px;
    color: #ea7236;
}
.like-repice .recipe-red {
    border: 1px solid red;
    color: red;
}
a.like-this span {
    margin: 10px;
    color: #ea7236 !important;
}

.instructions-main #product-attribute-table tbody tr th strong {
    font-weight: bold;
    color: #111;
    font-size: 20px;
    padding: 10px 20px;
}

.instructions-main #product-attribute-table tbody tr th,
.instructions-main #product-attribute-table tbody tr td {
    border-bottom: 1px solid #ddd6c4 !important;
    color: #111;
    font-size: 16px;
}
.picture-repice {
    height: 500px;
}
span.img-span-rv {
    background: #1111;
    border-radius: 100%;
    padding: 20px 25px;
    font-size: 20px;
    font-weight: 700;
    text-transform: uppercase;
}
.c-repice-header__content {
    background: #fff;
    width: 80%;
    position: absolute;
    top: auto;
    padding: 0;
    height: auto;
    max-width: 80%;
    display: block;
    opacity: 0.8;
}

.c-repice-header__content h1 {
    color: #0b2d25;
    font-size: 28px;
    margin: auto;
    margin: 10px 20px;
    letter-spacing: unset;
}

.c-repice-header__content p {
    color: #0b2d25;
    font-size: 18px;
    margin: auto;
    margin: 20px;
    letter-spacing: unset;
}
.col-6 span.recipe-sp {
    padding: 10px;
    background: #f2f2f2;
}
.col-6 span.recipe-sp:hover {
    background: #0b2d25 !important;
    color: #fff !important;
    padding: 10px;
}
.add-all-recipe {
    width: 50%;
    margin: auto;
    padding-top: 10px;
}
.btn-recipe-rgt:hover {
    background: #0b2d25 !important;
    color: #fff !important;
}
.box-img img {
    height: auto !important;
    width: 100% !important;
}
.c-login__content{
    padding: 0;
}
/* .content__page {
    display: none;
}

.preload {
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 99999999;
    background: rgb(249,249,249);
 
    border: 16px solid #f3f3f3;
    border-radius: 50%;
    border-top: 16px solid blue;
    border-right: 16px solid green;
    border-bottom: 16px solid red;
    border-left: 16px solid pink;
    width: 120px;
    height: 120px;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
    }

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

    @keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
    } */


@media print {
    body {
        padding-left: 1.3cm;
        padding-right: 1.3cm;
        padding-top: 1.1cm;
    }
    @page {
        size: auto;
        margin: 0;
    }
    #section-to-print,
    #section-to-print * {
        visibility: visible;
    }
    #section-to-print {
        position: absolute;
        left: 0;
        top: 0;
    }
}

div#rev_slider_14_1_wrapper {
    position: relative;
}

.text-invideo {
    position: absolute;
    top: 30%;
    left: 15%;
}
.text-invideo h1{
    font-size: 54px;
    font-weight: bold;
}
.text-invideo p{
    font-size: 18px;
}
#rev_slider_14_1_wrapper video{
    width: 100%;
    height: auto;
}
.text-invideo a{
    border-radius: 5px!important;
}

.footer-widget.footer-left-widget{
    padding-left: 20px;
}
/* ------------------------------------------------------------------------------------------------------------------ */
#show-menu-icon{
    position: relative
}
#show-menu-icon .icon-menu{
    font-size: 30px;
    position: absolute;
    top: 4px;
    left: 0px
}
.sub-menu.width-sub-menu{
    width:300px!important;
    border-radius:10px
}
.sub-menu.width-sub-menu .menu-item{
    text-align: start;
    letter-spacing:0;
    padding-left: 20px;
}
.sub-menu.width-sub-menu .menu-item:first-child{
    padding-top: 15px;
}
.sub-menu.width-sub-menu .menu-item:last-child{
    padding-bottom: 15px!important;
   
    /* position: relative; */
}
/* ul.g-sub-children{
    bottom: 0;
    top: auto!important;
    height: auto;
} */
/* li.sub-menu-2{
    border-bottom: 1px solid #ea7236;
} */
li.sub-menu-1{
    position: relative;
}
li.sub-menu-2>a>span.text-sub-2, li.sub-menu-1 a>span.text-sub-1{
    color: #0b2d25!important;
}
li.sub-menu-2:hover a>span.text-sub-2, li.sub-menu-1:hover a>span.text-sub-1{
    color: #ea7236!important;
}
li.sub-menu-1:hover ul.g-sub-children{
border-left: 1px solid #ea7236;
}
ul.sub-menu.width-sub-menu.position-absolute.menu-cat-item {
    margin-top: 5px;
}
.hide-menu-new{
    display: none!important;
}
.show-menu-new{
    display: flex!important;
}
.menu-item-cat{
    margin-bottom: 0;
    border: 1px solid transparent;
}
ul.sub-menu.width-sub-menu.position-absolute.menu-cat-item.show-menu-new.row{
    padding: 0 0 10px 0
}
.menu-item-cat:hover{
    border: 1px solid transparent;
}
.menu-item-cat:hover>a>span{
    color: #ff7759!important;
}
.fixed-menu {
    position: fixed;
    background-color: #0b2d25;
    top: 0;
}
/* HEADER */
.header-style-1 .header-top-ptb-1 {
    background-image: none;
    padding: 10px 0;
}
.header-top-ptb-1 {
    padding: 7px 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.17);
    font-size: 13px;
    line-height: 1;
}
.header-info > ul {
    display: flex;
}
.header-info > ul > li {
    margin-right: 20px;
    position: relative;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.header-info > ul > li:last-child {
    margin-right: 0;
}
.header-info > ul > li a {
    color: #fff;
    font-weight: 500;
    font-size: 12px;
}
.header-top-ptb-1 #news-flash {
    min-width: 400px;
    font-size: 14px;
    line-height: 10px;
    font-weight: 600;
}
.header-top-ptb-1 #news-flash li {
    min-height: 14px;
}
.header-info-right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}
.header-info > ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.header-info > ul > li {
    margin-right: 20px;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.header-info > ul > li:before {
    content: '';
    position: absolute;
    right: -10px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 1px;
    height: 10px;
    background: #dedfe2;
    padding: 0;
}
.header-info > ul > li:last-child:before {
    content: '';
    position: absolute;
    right: -10px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 1px;
    height: 10px;
    background: transparent;
    padding: 0;
}
.text-brand {
    color: #3BB77E !important;
}

.header-info > ul > li a i {
    font-size: 16px;
    margin-right: 5px;
}
.header-info i {
    font-size: 12px;
    margin-right: 5px;
    line-height: 6px;
}
.header-info > ul > li > ul.language-dropdown {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 2;
    min-width: 120px;
    background: #fff;
    border-radius: 0 0 4px 4px;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
    visibility: hidden;
    opacity: 0;
    padding: 10px 15px;
    -webkit-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
    border: 1px solid #ececec;
}
.header-info > ul > li > ul li {
    display: block;
}
.header-style-1 .header-top-ptb-1 .language-dropdown a {
    color: #253D4E;
}
.header-info > ul > li > ul li a {
    display: block;
    color: #696969;
    padding: 5px;
}
.header-info > ul > li > ul li a img {
    max-width: 15px;
    display: inline-block;
    margin-right: 5px;
}
.header-info > ul > li:hover > ul.language-dropdown {
    visibility: visible;
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    top: 25px;
}
/* search */
.header-wrap .header-right {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.search-style-2 {
    width: 100%;
}
.header-style-1 .search-style-2 form {
    border: 2px solid #BCE3C9;
    border-radius: 4px;
    max-width: 700px;
    background-color: #fff;
}
.search-style-2 form {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
}
.search-style-2 form select {
    color: #253D4E;
    font-size: 16px;
    font-weight: 700;
    min-height: 50px;
    border: 1px solid #ececec;
    border-right: none;
    width: 140px;
    padding: 3px 35px 3px 20px;
    border-radius: 4px 0 0 4px;
    background-color: #fff;
    -webkit-transition: all .3s ease 0s;
    transition: all .3s ease 0s;
    -moz-appearance: none;
    -webkit-appearance: none;
    position: relative;
}
.search-style-2 form select option {
    background: #fff;
    border: 0px solid #626262;
    padding-left: 10px;
    font-size: 16px;
}
.header-style-1 .select2-container {
    max-width: unset;
    min-width: 150px;
}
.header-style-1 .select2-container--default .select2-selection--single {
    border: 0;
    height: 50px;
    line-height: 50px;
    padding-left: 20px;
    width: 155px;
    max-width: unset;
    border-radius: 5px 0 0 5px;
}
.select2-container--default .select2-selection--single {
    background-color: #fff;
    border-bottom: 3px solid #414648;
    border-radius: 0;
    border-right: 0;
    height: 50px;
    padding-left: 0;
    border-top: 0;
    border-left: 0;
    font-weight: bold;
}
.header-style-1 .select2-container--default .select2-selection--single .select2-selection__rendered {
    height: 50px;
    line-height: 50px;
    position: relative;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 50px;
    font-size: 14px;
    padding: 0;
    font-family: "Quicksand", sans-serif;
    color: #253D4E;
}
.header-style-1 .select2-container--default .select2-selection--single .select2-selection__rendered:after {
    content: '';
    height: 20px;
    width: 1px;
    background-color: #CACACA;
    position: absolute;
    right: 0;
    top: 15px;
}
.header-style-1 .select2-container--default .select2-selection--single .select2-selection__arrow {
    right: 10px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 26px;
    position: absolute;
    top: 12px;
    right: 15px;
    width: 20px;
}
.header-style-1 .select2-container--default .select2-selection--single .select2-selection__arrow b {
    border: 0;
}
.header-style-1 .select2-container--default .select2-selection--single .select2-selection__arrow b::after {
    font-family: uicons-regular-straight !important;
    font-style: normal;
    font-weight: normal !important;
    font-variant: normal;
    text-transform: none;
    line-height: 1 !important;
    content: "\f10f";
    position: absolute;
    top: -4px;
}
.header-style-1 .search-style-2 form input {
    max-width: 600px;
    border-width: 0px;
    border-radius: 0 5px 5px 0;
    margin-left: 20px;
    background-color: #fff;
    border: none;
}
.search-style-2 form input.serach-new {
    z-index: 1;
    border-bottom: 1px solid #BBB;
    cursor: text;
    background: #fff;
}
.product-category a:hover,.font-small.text-muted a:hover{
    color: #0b2d25;
}
/* .search-style-2 form input.serach-new:focus {
    width: 100%!important;
    max-width: 683px;
    font-size: 14px;
    background-image: url(../imgs/theme/icons/search.png);
    background-repeat: no-repeat;
    background-position: center right;
    padding-left: 0;
    height: 50px;
    line-height: 50px;
    font-size: 14px;
} */
/* HEADER */
/* -------------------------------------BANNER------------------------ */
    /* SLIDER */
    .slider-arrow.slider-arrow-2.flex-right {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        position: relative;
        max-width: 200px;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        top: unset;
        -webkit-transform: unset;
        transform: unset;
    }
    .slider-arrow {
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        z-index: 2;
        width: 100%;
    }
    .slider-arrow.slider-arrow-2.flex-right .slider-btn.slider-prev {
        margin-right: 10px;
    }
    .slider-arrow.slider-arrow-2.flex-right .slider-btn {
        position: relative;
        left: unset;
        right: unset;
    }
    .app-pre{
        cursor: pointer;
        background: #F2F3F4;
        width: 45px;
        height: 45px;
        display: block;
        z-index: 100;
        border-radius: 50%;
        -webkit-transition: all .2s ease-out;
        transition: all .2s ease-out;
        text-align: center;
        line-height: 45px;
        font-size: 16px;
        color: #7E7E7E;
        position: absolute;
    }
    .slider-arrow.slider-arrow-2 .slider-btn, .app-pre {
        width: 40px;
        height: 40px;
        line-height: 44px;
        font-size: 24px;
    }
    .slider-arrow .slider-btn.slider-prev, .app-pre {
        left: 0px;
        top: 50%
    }
    .slider-arrow .slider-btn {
        cursor: pointer;
        background: #F2F3F4;
        width: 45px;
        height: 45px;
        position: absolute;
        display: block;
        z-index: 100;
        border-radius: 50%;
        -webkit-transition: all .2s ease-out;
        transition: all .2s ease-out;
        text-align: center;
        line-height: 45px;
        font-size: 16px;
        color: #7E7E7E;
    }
    .section-title span {
        color: #3BB77E;
    }
    .slider-arrow .slider-btn.slider-prev i {
        margin-right: 2px;
    }
    .slider-arrow.slider-arrow-2.flex-right .slider-btn {
        position: relative;
        left: unset;
        right: unset;
    }
    .app-next{
        cursor: pointer;
        background: #F2F3F4;
        width: 45px;
        height: 45px;
        position: absolute;
        display: block;
        z-index: 100;
        border-radius: 50%;
        -webkit-transition: all .2s ease-out;
        transition: all .2s ease-out;
        text-align: center;
        line-height: 45px;
        font-size: 16px;
        color: #7E7E7E;
    }
    .slider-arrow.slider-arrow-2 .slider-btn,.app-next {
        width: 40px;
        height: 40px;
        line-height: 44px;
        font-size: 24px;
    }
    .slider-arrow .slider-btn.slider-next,.app-next {
        right: 0px;
        top: 50%;
    }
    .slider-arrow .slider-btn.slider-next i {
        margin-left: 2px;
    }
    i[class^="fi-rs-"], span[class^="fi-rs-"] {
        line-height: 0 !important;
    }
    i[class^="fi-rs-"]:before, i[class*=" fi-rs-"]:before, span[class^="fi-rs-"]:before, span[class*="fi-rs-"]:before {
        font-family: uicons-regular-straight !important;
        font-style: normal;
        font-weight: normal !important;
        font-variant: normal;
        text-transform: none;
        line-height: 1 !important;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }
    i[class^="fi-rs-"]:before, i[class*=" fi-rs-"]:before, span[class^="fi-rs-"]:before, span[class*="fi-rs-"]:before {
        font-family: uicons-regular-straight !important;
        font-style: normal;
        font-weight: normal !important;
        font-variant: normal;
        text-transform: none;
        line-height: 1 !important;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }
    /* SLIDER */

.banner-home{
    max-height: 550px;
    width: 100%;
    object-fit: cover;
    margin-bottom: 20px;
}
.banner-big-one{
    max-height: 550px;
}
.banner-big-two .g-banner-item {
    width: 100%;
    padding-left: 30px;
    position: relative;
}
.g-banner-item .item-banner-small{
    position: absolute;
}
.g-banner-item .item-banner-small.order-top{
    top: 25%;
    left: 15%;
}
.g-banner-item .item-banner-small.order-bot{
    top: 25%;
    right: 5%;
    text-align: end;
}
.g-banner-item .item-banner-small h2{
    font-size: 30px;
    font-weight: 600;
    text-transform: capitalize;
}
.banner-big-two .g-banner-item img,.banner-big-two img {
    border-radius: 10px!important;
    height: calc(100% )!important;
}
.banner-big-one {
    height: calc(100% - 30px);
}
.c-homepage-hero-carousel__slide.glide__slide--active img{
    border-radius: 10px!important;
    border-top-left-radius: 10px!important;
    height: auto; 
}

.banner-big-two .g-banner-item:first-child {
    padding-bottom: 15px;
}
.banner-big-two .g-banner-item:last-child {
    padding-top: 15px;
}
.banner-big-one h2.c-homepage-hero-carousel__headline{
    font-size: 40px;
}
/* Deals Of The Day */
.section-padding {
    padding: 25px 0;
}
.section-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: end;
    margin-bottom: 44px;
    position: relative;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.section-title a.show-all {
    font-size: 16px;
    color: #0b2d25;
}
.product-cart-wrap.style-2 {
    border: 2px solid #fdfaf4;
    padding-bottom: 25px;
}
.product-cart-wrap {
    position: relative;
    background-color: #fff;
    border: 1px solid #ececec;
    border-radius: 15px;
    overflow: hidden;
    transition: .2s;
    -moz-transition: .2s;
    -webkit-transition: .2s;
    -o-transition: .2s;
    margin-left: 5px;
}
.product-cart-wrap.style-2 .product-img-action-wrap {
    padding: 0;
    position: relative;
    z-index: 1;
    max-height: unset;
}
.product-cart-wrap .product-img-action-wrap {
    position: relative;
    background-color: #fff;
    overflow: hidden;
    max-height: 320px;
    padding: 25px 25px 0 25px;
}
.product-cart-wrap .product-img-action-wrap .product-img {
    position: relative;
    overflow: hidden;
    border-radius: 15px;
}
.product-cart-wrap .product-img-action-wrap .product-img a {
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.product-cart-wrap .product-img-action-wrap .product-img a img {
    width: 75%;
    margin: auto;
    padding: 10px 0 60px 0;
}
.product-cart-wrap.style-2 .product-img-action-wrap img {
    border-radius: 15px;
}
.product-cart-wrap.style-2 .product-content-wrap {
    position: relative;
    margin-top: -90px;
    z-index: 3;
    padding: 0;
    max-width: 86%;
    margin-left: auto;
    margin-right: auto;
    transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    -o-transition: .3s;
}
.product-cart-wrap .product-content-wrap {
    padding: 0 20px 20px 20px;
}
/*Countdown*/
.deals-countdown .countdown-section {
    position: relative;
    font-weight: 400;
    font-size: 12px;
    line-height: 12px;
    padding: 10px 0 20px 0;
    margin-left: 7px;
    margin-right: 7px;
    background-color: #fd7e14;
    border-radius: 4px;
    border: none;
    margin-bottom: 2rem;
  }
  .count-sale-day .countdown-section{
    margin-bottom: 1rem!important;
    padding: 10px 0 20px 0!important;
    font-size: 15px!important;
    line-height: 14px!important;
    margin-left: 6px;
  }
  .deals-countdown .countdown-section .countdown-amount {
    display: inline-block;
    color: #fff;
    font-weight: 500;
    font-size: 16px;
    margin-bottom: 0;
    width: 40px;
    height: 40px;
    line-height: 16px;
    text-align: center;
  }
  .count-sale-day .countdown-section .countdown-amount{
    margin-bottom: 10px!important;
    width: 35px!important;
    height: 30px!important;
    font-size: 14px!important;
  }
  .deals-countdown .countdown-section .countdown-period {
    position: absolute;
    left: 0;
    right: 0;
    text-align: center;
    bottom: 6px;
    display: block;
    color: #fff;
    width: 100%;
    padding-left: 1px;
    padding-right: 1px;
    overflow: hidden;
    font-size: 8px;
    text-transform: capitalize;
  }
  .count-sale-day .countdown-section .countdown-period{
    bottom: 6px;
    font-size: 8px!important;
  }
  .img-grey-hover {
    opacity: .5;
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
    -webkit-transition-duration: 0.3s;
            transition-duration: 0.3s;
  }
  
  .img-grey-hover:hover {
    -webkit-filter: none;
            filter: none;
    opacity: 1;
    -webkit-transition-duration: 0.3s;
            transition-duration: 0.3s;
  }
  
  .brand-logo img {
    width: auto;
    display: inline-block;
    padding: 10px 0;
  }
  .bg-sale-product{
    margin-top: 5px;
    background: linear-gradient(100deg, rgb(255, 66, 78), rgb(253, 130, 10))!important;
  }

.product-cart-wrap.style-2 .product-content-wrap .deals-countdown-wrap {
    position: absolute;
    top: -80px;
    width: 100%;
    text-align: center;
}
.m-product-overview__price-wrapper .deals-countdown-wrap{
    right: 0;
    top: 25%;
}
.m-product-overview__price-wrapper .deals-countdown-wrap .deals-countdown .countdown-section{
    background-color: transparent!important;
}
.bg-sale-product span{
    color: #fff!important;
}
.product-cart-wrap.style-2 .product-content-wrap .deals-content {
    margin: 20px auto;
    background-color: rgb(194, 28, 28);
    border-radius: 10px;
    -webkit-box-shadow: 5px 5px 15px #fdfaf4;
    box-shadow: 5px 5px 15px rgb(0 0 0 / 5%);
    padding: 10px 30px 10px;
    background: #fdfaf4;
}
.product-cart-wrap .product-content-wrap h2 {
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 5px;
}
.product-cart-wrap .product-content-wrap h2 a {
    color: #253D4E;
}
.product-rate {
    background-image: url(../img/brand/star_5.png);
    background-repeat: no-repeat;
    background-size: 100%;
    height: 12px;
    width: 60px;
    transition: all 0.5s ease-out 0s;
    -webkit-transition: all 0.5s ease-out 0s;
}
.product-cart-wrap .product-card-bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: block;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 0;
}
.product-cart-wrap .product-content-wrap .product-price {
    padding-top: 5px;
}
.product-price {
    font-family: "Quicksand", sans-serif;
}
.product-cart-wrap .product-content-wrap .product-price span {
    font-size: 18px;
    font-weight: bold;
    color: #3BB77E;
}
.product-cart-wrap .product-content-wrap .product-price span.old-price {
    font-size: 14px;
    color: #adadad;
    margin: 0 0 0 25px;
    text-decoration: line-through;
}

.product-cart-wrap .product-card-bottom .add-cart .add:hover{
    background: #3BB77E;
    outline: none;
    border: none;
}
.product-cart-wrap .product-card-bottom .add-cart .add,.top-footer .add {
    position: relative;
    display: inline-block;
    padding: 10px 6px 10px 6px;
    border-radius: 4px;
    background: #0b2d25;
    font-size: 12px;
    font-weight: 700;
    color: #fff;
    margin-top: 15px;
    border: none;
    max-width: 160px;
}
.product-cart-wrap .product-card-bottom .add-cart .add:hover,.top-footer .add:hover{
    background: #3BB77E;
    outline: none;
    border: none;
}
/* a.nav-link.pl-0:hover,.font-small.text-muted a:hover,.product-category a:hover{
    color: #08532f;
} */
.add-cart a.add:hover{
    background: #08532f!important;
    opacity: 0.8!important;
    color: #fff;
}
.font-small.text-muted
.product-cart-wrap .product-card-bottom .add-cart .add:hover {
    background-color: #0b2d25;
    color: #fff;
    -webkit-transform: translateY(-3px);
    transform: translateY(-3px);
    -webkit-box-shadow: 5px 5px 15px rgb(0 0 0 / 5%);
    box-shadow: 5px 5px 15px rgb(0 0 0 / 5%);
}
/* Deals Of The Day */
/* Featured Categories */
a.feature-cat-item{
    font-weight: 500;
}
li.nav-item a.feature-cat-item:hover{
    color: #ff7759!important;
}
li.nav-item a.feature-cat-item.active{
    background-color: #ff7759!important;
    color: #fff!important;
}
.carausel-10-columns-cover .carausel-10-columns {
    overflow: hidden;
    margin: 0 -12px;
}
.carausel-10-columns-cover .carausel-10-columns .card-2 {
    margin-right: 12px;
    margin-left: 12px;
}
.card-2 {
    position: relative;
    background: #F4F6FA;
    text-align: center;
    border: 1px solid #F4F6FA;
    border-radius: 10px;
    padding: 20px 0px 18px 0px;
    margin: 0 10px 20px 10px;
    min-height: 180px;
    -webkit-transition: 0.2s;
    transition: 0.2s;
}
.card-2:hover {
    background: #fff;
    border: 1px solid #BCE3C9;
    -webkit-box-shadow: 5px 5px 15px rgb(0 0 0 / 5%);
    box-shadow: 5px 5px 15px rgb(0 0 0 / 5%);
    -webkit-transition: 0.2s;
    transition: 0.6s;
}

.img-hover-scale img, img.default-img,img.lazy {
    transition: transform .5s;
}

.card-2:hover .text-capitalize a.a-product-name,a.show-all:hover{
    color: #3BB77E;
}
.img-hover-scale:hover img, img.default-img:hover {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
    transition: transform .5s;
}
.card-2 figure {
    text-align: center;
    margin-bottom: 10px;
}
.card-2 figure img {
    border-radius: 10px;
    display: inline-block;
    max-width: 80px;
}
.img-hover-scale img {
    -webkit-transition: -webkit-transform .5s;
    transition: -webkit-transform .5s;
    transition: transform .5s;
    transition: transform .5s, -webkit-transform .5s;
    transition: transform .5s,-webkit-transform .5s;
}
.card-2 h6 {
    margin: 0;
}
.card-2 h6 a {
    color: #253D4E;
    max-height: 40px;
    height: 40px;
}
/* section .section-title{
    text-align: start;
} */
/* Featured Categories */
/* 3 banner */
.banners{
    padding-top: 0;
}
.banners .banner-img {
    position: relative;
    clear: both;
    border-radius: 10px;
    overflow: hidden;
}
.banners .banner-img img {
    border-radius: 10px;
    width: 100%;
}
.banners .banner-img .banner-text {
    position: absolute;
    top: 50%;
    z-index: 2;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    padding: 0 50px;
}
.banners .banner-img .banner-text h4 {
    font-weight: 700;
    margin-bottom: 15px;
    min-height: 100px;
}
/* 3 banner */
/* Popular Products */
.banner-img.style-2 {
    height: 483px;
}
.banner-img.style-2 {
    border-radius: 15px;
    overflow: hidden;
    height: 520px;
    background: url(https://wp.alithemes.com/html/nest/demo/assets/imgs/banner/banner-4.png) no-repeat center bottom;
    background-size: cover;
    width: 100%;
}
.banner-img {
    position: relative;
    clear: both;
    border-radius: 10px;
    overflow: hidden;
}
.banner-img.style-2 .banner-text {
    top: 50px;
    -webkit-transform: none;
    transform: none;
}
.banner-img .banner-text {
    position: absolute;
    top: 50%;
    z-index: 2;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    padding: 0 50px;
}
.product-cart-wrap .product-badges.product-badges-position,.product-badges.product-badges-position.product-badges-mrg {
    position: absolute;
    left: 0;
    top: 0px;
    z-index: 9;
}
.product-cart-wrap .product-badges span.best {
    background-color: #f59758;
}
.product-cart-wrap .product-badges span:last-child {
    margin-right: 0px;
}
.product-cart-wrap .product-badges span {
    display: inline-block;
    font-size: 12px;
    line-height: 1;
    border-radius: 15px 0 20px 0;
    color: #fff;
    padding: 9px 20px 10px 20px;
}
.product-cart-wrap .product-badges.product-badges-mrg {
    margin: 0 0 10px;
}
.product-cart-wrap .product-badges span.hot,span.hot {
    background-color: #f74b81;
}
.product-cart-wrap .product-badges span.sale,span.sale{
    background-color: #67bcee;
}
.product-cart-wrap .product-badges span.best,span.best{
    background-color: #f59758;
}
.product-cart-wrap .product-badges span.new,span.new{
    background-color: #3BB77E;
}
.product-cart-wrap .product-badges span:last-child,.product-badges span:last-child {
    margin-right: 0px;
}
.product-cart-wrap .product-badges span,.product-badges span {
    display: inline-block;
    font-size: 12px;
    line-height: 1;
    border-radius: 15px 0 20px 0;
    color: #fff;
    padding: 9px 20px 10px 20px;
}
.product-cart-wrap .product-content-wrap {
    padding: 0 20px 20px 20px;
}

/* Popular Products */
/* TOP SELLING */
.section-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: end;
    margin-bottom: 44px;
    position: relative;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.section-title.style-1 {
    position: relative;
    border-bottom: 1px solid #ececec;
    padding-bottom: 20px;
    font-size: 24px;
}
.section-title.style-1::after {
    content: "";
    width: 80px;
    height: 2px;
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: #BCE3C9;
}
/* .product-list-small article:not(:last-child) {
    margin-bottom: 20px;
} */
.hover-up {
    -webkit-transition: all 0.25s cubic-bezier(0.02, 0.01, 0.47, 1);
    transition: all 0.25s cubic-bezier(0.02, 0.01, 0.47, 1);
}
.product-list-small figure img {
    border-radius: 10px;
    width: 100%;
}
.product-list-small h6 a {
    color: #253D4E;
}
.product-list-small .product-price{
    color: #3BB77E;
    font-size: 18px;
    font-weight: 700;
    margin-top: 10px;
}
.product-list-small .product-price span.old-price {
    font-size: 14px;
    color: #adadad;
    margin: 0 0 0 7px;
    text-decoration: line-through;
}
.section-title.style-2{
    text-align: left;
}

/* TOP SELLING */

@media (min-width: 1300px) and (max-width: 1800px){
    ul.menu{
        padding: 0;
    }
    .pizzaro-secondary-navigation{
        padding-left: 96em!important;
        padding-right: 96em!important;
    }
    .secondary-navigation ul.menu>li+li, .secondary-navigation ul.nav-menu>li+li{
        margin-left: 20px!important;
    }
    .menu-item-child:first-child{
        top: 0;
        float: left;
        
    }
    .secondary-navigation ul.menu>li>a, .secondary-navigation ul.nav-menu>li>a{
        margin: 0;
    }
    .secondary-navigation ul.menu, .secondary-navigation ul.nav-menu{
        padding: 20px 0;
    }
   
}
@media (min-width: 1200px) and (max-width: 1300px){
    .pizzaro-secondary-navigation{
        padding-left: 95em!important;
        padding-right: 95em!important;
    }
    .secondary-navigation ul.menu, .secondary-navigation ul.nav-menu {
        padding: 0;
    }
    .secondary-navigation ul.menu>li>a, .secondary-navigation ul.nav-menu>li>a{
        font-size: 14px!important;
    }
    .secondary-navigation ul.menu>li+li, .secondary-navigation ul.nav-menu>li+li{

    }
}
@media (min-width: 1200px) and (max-width: 1260px){
    .secondary-navigation ul.menu>li.menu-item-child {
        margin-left: 18px;
    }
    .secondary-navigation ul.menu>li.menu-item-child:first-child {
        margin-left: -15px;
    }
    .secondary-navigation ul.menu>li.menu-item-child:last-child {
        margin-left: 16px;
    }
}


@media only screen and (max-width: 767px) {
    .deals-countdown .countdown-section {
        font-size: 20px;
        line-height: 25px;
        padding: 15px 5px 35px 5px;
        margin-right: 0;
    }
    .deals-countdown .countdown-section .countdown-amount {
        font-size: 20px;
        width: 50px;
        height: 50px;
        line-height: 16px;
    }
    .deals-countdown .countdown-section .countdown-period {
        font-size: 20px;
    }
    .c-repice-header__content h1 {
        margin: 10px 0;
    }
    .img-repice {
        width: 100%;
        background: transparent;
    }
    .box-breadcrumb {
        margin-right: 0;
        margin-left: 0;
    }
    .box-breadcrumb .box-breadcrumb-title {
        padding: 10px 0;
    }
    .content-uni.instructions-main table#product-attribute-table td {
        padding: 22px 0;
    }
    .content-uni.instructions-main table#product-attribute-table th {
        padding-left: 0;
    }
    .container--767w {
        width: 100% !important;
        padding: 0 !important;
    }
    .instructions-main .list li span.count {
        font-size: 50px;
        margin-right: 0;
    }
    .instructions-main .list li span.para {
        margin-right: 0;
    }
    .c-repice-header__content {
        width: 100%;
        /* height: 250px; */
        top: calc(100% - 60px);
    }
}



@media screen and (max-width: 375px) {
    .c-homepage-hero-carousel__overlay-content {
        padding: 5px 20px !important;
    }
    button.a-btn.a-btn--primary.m-product-card__add-to-cart-btn {
        width: 60% !important;
    }
}

@media screen and (max-width: 560px) {
    .text-invideo {
        position: absolute;
        top: 10%;
        left: 10%;
    }
    .text-invideo h1 {
        font-size: 32px;
    }
    .text-invideo a{
        font-size: 18px!important;
        line-height: 30px!important;
    }
    .pizza-items {
        flex-wrap: wrap!important;
    }
    .pizza-items .item {
        flex: 0 0 33.33%;
        max-width: 33.33%;
    }
}
@media screen and (max-width: 460px) {
    .text-invideo {
        top: 5%;
        left: 5%;
    }
    .text-invideo h1 {
        font-size: 24px;
    }
    .text-invideo p {
        font-size: 14px;
        margin-bottom: 5px;
    }
}

@media screen and (min-width: 1600px){
    .secondary-navigation ul.menu>li>a, .secondary-navigation ul.nav-menu>li>a {
        padding: 0!important;
    }
    .secondary-navigation ul.menu>li>a, .secondary-navigation ul.nav-menu>li>a {
        padding: 0!important;
    }
    .carausel-6-columns-cover .slider-arrow{
        top: 30%!important;
    }
}
@media (min-width: 1200px) and (max-width: 1260px){
    .banner-big-two .g-banner-item:first-child {
        padding-left: 15px!important;
        padding-bottom: 10px!important;
    }
    .banner-big-two .g-banner-item:last-child {
        padding-left: 15px!important;
        padding-top: 10px!important;
    }
    .banner-home .banner-big-two {
        margin: 0!important;
    }
 
}
@media (max-width: 1200px){
    .header-info-wrapper{
        display: flex!important;
    }
 
    .banner-big-one {
        margin-bottom: 30px;
    }
    .header-info-wrapper .header-phone-numbers{
        display: none;
    }
    .header-info-wrapper .site-header-cart-v2{
        display: flex;
    }
    .header-v1 .site-header-cart-v2 .cart-content>a{
        color: #fff!important;
        background-color: #0b2d25;
        border-radius: 50%;
        padding: 8px!important;
    }
    .header-v1 .site-header-cart-v2 .cart-content{
        display: grid;
        position: fixed!important;
        top: 30%;
        right: 1%;
    }
    .c-header__minicart-count{
        width: 25px;
        height: 25px;
        background-color: #ea7236;
    }
    .c-header__minicart-count.count-cart-s span{
        display: block;
        padding: 0!important;
    }
    .search-mb{
        display: block;
    }
    .serach-new{
        display: none;
    }
    input#search{
        position: unset;
        height: auto!important;
        padding: 0 0 10px 0!important;
    }
    a.change_lang{
        margin-bottom: 0!important;
    }
    .section-title.style-2{
        display: block!important;
        text-align: left;
    }
    .card-text {
        height: 84px;
    }
    h2 a.card-text {
        height: 50px;
    }
    .product-cart-wrap .product-content-wrap {
        padding: 0 10px 20px 10px;
    }
    .product-content-wrap .deals-content{
        padding: 10px!important;
    }
    .add-cart form>button.add{
padding: 8px 12px 8px 12px!important;
    }
    .product-cart-wrap .product-content-wrap .product-price span.old-price {
        margin: 0 0 0 16px;
    }
        .c-repice-header__content {
            width: 100%;
            max-width: 100%;
        }
        .desktop-view-content h3 {
            font-size: 24px;
        }
        .desktop-view-content p {
            font-size: 18px;
        }
        .desktop-view-content a {
            width: 70%;
            font-size: 22px;
            padding: 12px 0;
        }
        .img-repice {
            width: 80%;
        }
        .btn-repice {
            top: 35%;
        }
        .btn-prev-repice {
            right: 92%;
        }
        .btn-next-repice {
            left: 90%;
        }
        .banners .banner-img .banner-text h4{
            font-size: 20px;
            margin-bottom: 0;
        }
        .banners .banner-img .banner-text a{
            font-size: 16px;
            margin-bottom: 0;
        }
    
    .banner-big-two .g-banner-item:last-child, .banner-big-two .g-banner-item:first-child{
        padding-top: 0px;
        padding-bottom: 0;
    }
    .banner-big-two .g-banner-item:first-child {
        padding-left: 0;
    }
    .banner-home{
        height: 100%;
        max-height: max-content;
     
    }
    .banner-big-one{
        padding-left: 0;
        padding-right: 0;
    }
    .banner-home .banner-big-two{
        margin: auto;
    }
    .banner-big-two .g-banner-item:last-child {
        padding-right: 15px;
    }
   
}
@media (max-width: 1024px){
    .slider-arrow.carausel-6-columns-arrow{
        top: 30%;
    }
        .dk-footer-box-info {
            top: -35px;
        }
        .content-footer {
            padding: 3rem 1rem;
        }
        .dk-footer {
            padding: 30px 0 10px !important;
        }
        .dk-footer-box-info {
            padding: 20px !important;
            top: -65px !important;
        }
        .menu_foooter_2 li p {
            font-size: 12px;
        }
        .container_cpr {
            padding: 0 1rem;
            padding-top: 10px;
        }
        ul.menu_foooter_2 li {
            float: left;
            margin: 0 !important;
        }
        .menu_foooter_2 li p {
            line-height: 1.6;
            margin-bottom: 15px;
            margin-top: 15px;
        }
        .menu_foooter_2 li > p > span {
            margin-bottom: 10px;
            line-height: 1.8;
        }
        .menu_foooter_2 li > p > a {
            margin: 0;
        }
        .footer_cach_top {
            margin-top: 10px !important;
        }
    
        .footer-social-link {
            text-align: center;
        }
        .animate-border {
            width: 100% !important;
        }
        .animate-border:after {
            width: 100% !important;
            height: 3px;
        }
        .foooter_cach_le_duoisss {
            padding-bottom: 20px;
        }
    .card-text {
        height: auto;
        margin: auto;
    }
    .info-group-post {
        padding: 10px !important;
    }
    .img-post-salesigle {
        width: 40%;
        height: auto;
        object-fit: cover;
    }
    .h3-post-sile-sale {
        line-height: 1.5;
        height: 50px;
        overflow: hidden;
    }
    .p-post-sile-sale {
        height: 50px;
        overflow: hidden;
        line-height: 1.5;
    }
    .c-repice-header__content h1 {
        margin-bottom: 0;
        font-size: 24px;
    }
    .product-cart-wrap .product-card-bottom .add-cart .add {
        padding: 6px 12px 6px 12px;
    }
    .banner-big-two .g-banner-item img{
        max-height: 310px;
    }
    .box-recipe-left {
        padding: 30px 10px;
    }
    .desktop-view-content h3 {
        font-size: 22px;
        line-height: 1.8;
    }
    .desktop-view-content a {
        width: 100%;
        font-size: 20px;
    }
    .desktop-view-content p {
        font-size: 16px;
        line-height: 1.8;
        margin: 5px auto;
    }
    .c-repice-header__content ul {
        text-align: center;
    }
    .img-repice {
        width: 100%;
    }
    .c-homepage-hero-carousel__overlay-content.text-crs-homepage {
        position: absolute;
        top: 20%;
        width: 100%;
        background: #0b2d25;
        opacity: 0.6;
        padding: 2em 2em;
        height: fit-content;
    }
    .c-homepage-hero-carousel__content{
        display: block;
        margin: auto;
    }
    .c-homepage-hero-carousel__slide.glide__slide--active img{
        height: calc(100% - 30px);
    }
    .c-homepage-hero-carousel__slide{
        max-height: calc(100% - 20px);
    }
    .banner-home{
        height: auto!important;
        max-height: max-content;
    }
    img.c-homepage-hero-carousel__overlay-img{
        display: none;
    }
    .banner-big-two .g-banner-item:last-child, 
    .banner-big-two .g-banner-item:first-child{
        padding-top: 0px;
        padding-bottom: 0px;
    }
    .banner-big-two .g-banner-item:last-child{
        padding-left: 15px;
    }
 
    .banner-big-two .g-banner-item:first-child{
        padding-right: 15px;
    }
    .banner-big-one h2.c-homepage-hero-carousel__headline{
        color: #fff!important;
        text-align: center;
        line-height: 2;
        margin-bottom: 0;
        font-size: 30px;
    }
    a.c-homepage-hero-carousel__cta {
        display: block;
        width: 50% !important;
        margin: auto;
        color: #fff !important;
        background: rgb(11, 45, 37, 1) !important;
        /* opacity: 1; */
        border: 2px solid #fd7e14;
        border-radius: 5px;
        font-weight: 700;
        text-transform: uppercase;
        padding: 10px;
    }
   
}

@media (max-width: 768px){
    .product-cart-wrap .product-card-bottom .add-cart .add {
        padding: 6px 14px 6px 14px;
    }
    .form-vnpay {
        width: 100%;
    }
    .banner-big-one {
        margin-bottom: 0;
      }
        .footer-widget h3 {
            max-width: initial !important;
            text-align: center;
        }
        .site-header {
            padding: 10px 10px!important;
        }
        .uni-tex-cat.none {
            display: block;
        }
        .padding_top_footer_1 {
            padding-left: 0;
            padding-right: 0;
        }
        .banner-big-one h2.c-homepage-hero-carousel__headline {
            font-size: 30px;
        }
        .footer_cach_top::after {
            content: "";
            background: #fff;
            width: 100%;
            height: 1px;
            position: absolute;
            top: 0;
            left: 0;
        }
        .menu_foooter_2 li p {
            line-height: 1.6;
            margin-bottom: 5px;
            margin-top: 0;
        }
        .copyright .menu_foooter_1 li > a,
        .copyright .menu_foooter_1 li {
            padding: 0 !important;
            margin-top: 0;
            font-size: 12px;
        }
        ul.menu_foooter_1 {
            float: unset !important;
        }
        .copyright .menu_foooter_1 li {
            text-align: center;
            float: unset;
            margin-bottom: 0;
            display: inline-block;
            margin-right: 30px;
            margin-left: 0;
        }
        .dk-footer {
            padding: 30px 0 0 !important;
        }
        .copyright_footer {
            padding: 0;
        }
    .c-homepage-hero-carousel__overlay-content {
        padding: 1em !important;
    }
    .zeynep ul > li {
        padding: 0px 0px 0px 20px !important;
        display: block;
    }
   

    .zeynep .menu_can_giua {
        margin: auto !important;
        padding: 0 !important;
        margin-top: 10px !important;
        margin-bottom: 0 !important;
        padding-left: 6% !important;
    }
    .kich_co {
        margin-bottom: 20px !important;
    }
    .text-crs-homepage {
        position: absolute;
        background: #0b2d25;
        opacity: 0.6;
        top: 30%;
        width: 100%;
    }
    .c-homepage-hero-carousel__img {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
 
    .banner-big-two .g-banner-item img{
        max-height: 220px;
    }
    a.c-homepage-hero-carousel__cta {
        display: block;
        width: 50% !important;
        margin: auto;
        color: #fff !important;
        background: rgb(11, 45, 37, 1) !important;
        /* opacity: 1; */
        border: 2px solid #fd7e14;
        border-radius: 5px;
        font-weight: 700;
        text-transform: uppercase;
        padding: 10px;
    }
    .c-media-block-aligned--reverse-bg {
        padding-top: 20px;
    }
    h2.c-homepage-hero-carousel__headline {
        font-size: 28px;
        line-height: 1.2;
        margin-bottom: 10px;
        text-align: center;
        color: #fff !important;
        opacity: 1;
    }
    .c-homepage-hero-carousel__slide {
        margin-bottom: 20px;
    }
    /* sua */
    /* sua */
    /* sua */
    /* sua */
    /* sua */
    /* sua */
    .list-order-user {
        overflow: scroll;
    }
    .column.main.padding_css {
        order: 1;
    }
    .card-text {
        height: 50px;
        overflow: hidden;
        line-height: 1.6;
    }
    .block-collapsible-nav #sidebar {
        height: auto;
        min-height: 100%!important;
    }
    .c-page-header__content {
        max-width: 100%;
        top: calc(100% - 60px);
    }
    .preload {
        top: 35%;
        left: 35%;
    }
    .c-page-header__headline {
        margin-bottom: 0;
        line-height: 1.4;
        letter-spacing: 2px;
        font-size: 24px;
        padding-bottom: 14px;
    }
    .content-uni h2,
    .content-uni h3,
    .content-uni h4 {
        font-size: 22px;
        margin: 28px auto;
        font-weight: 600;
    }
    .desktop-view-content h3 {
        font-size: 22px;
    }
    #share2 {
        text-align: center;
        margin: 10px auto;
    }
    #share2 a {
        float: none !important;
    }
    .m-breadcrumb__list {
        margin-bottom: 0;
    }
    nav ol > li > a.a-anchor {
        margin-bottom: 0;
    }
    .ingredient .slider .glide__track ul > div {
        margin: 0 !important;
    }
    .ricipe-768 {
        padding: 0 5px;
        /* border: 1px solid #ea7236; */
    }
    .desktop-view-content a {
        padding: 8px 0;
    }
    .btn-prev-repice {
        right: 90%;
    }
    .c-categories-slider__heading-wrapper,
    .c-categories-slider {
        padding-bottom: 28px;
        padding-top: 28px;
    }
    .uni-magin-top-but {
        margin: 30px 0px 60px;
    }
    .box-recipe-left {
        padding: 1px 10px 5px;
    }
    .slide-item-li {
        width: 100%;
        margin: auto 5px;
    }
    .slide-item-li a > p {
        height: 58px;
    }
    .img-post-salesigle {
        width: 100%;
    }
    .group-write {
        display: block;
        margin-bottom: 10px !important;
    }
    .group-write .container {
        margin: auto;
        text-align: center;
    }
    .group-write .container .d-block.group-btn {
        float: none;
    }
    .tablink {
        padding: 5px !important;
    }
    a.close-menu {
        width: 22px;
        height: 22px;
        position: absolute;
        top: -5px;
        right: 5px;
        background: red;
        color: #fff;
        border-radius: 5px;
        font-weight: bold;
        text-align: center;
        font-size: 14px;
    }
    .c-story-block__content {
        padding: 30px 0;
    }
    .c-story-block__content h2 {
        font-size: 22px;
    }
    .c-story-block__content .c-story-block__cta {
        margin-top: 10px;
    }
    .content-uni img {
        width: 100% !important;
        height: auto !important;
    }
    .box-content {
        order: 1;
    }
    .box-img img {
        height: auto !important;
        width: 100% !important;
    }
    .box-blog-page {
        margin-top: 20px;
    }

    .text-invideo {
        position: absolute;
        top: 15%;
        left: 10%;
    }
    .about {
        padding: 0!important;
    }
    .content-inner {
        padding-top: 0px!important;
        padding-bottom: 0!important;
    }
    .pizza-items{
        flex-wrap: initial!important;
    }
    .item-icon-box span {
        font-size: 12px!important;
    }
    .banner-big-two .g-banner-item {
        padding: 0;
    }
    .header-v1 .header-wrap {
        margin-top: 0;
    }
    .c-homepage-hero-carousel__slide {
        margin-bottom: 0;
    }
    .banner-home .banner-big-two {
        margin-top: -15px;
    }
    .banner-big-two .g-banner-item:last-child{
        padding-top: 15px!important;
        margin-top: 0;
        padding-left: 0!important;
    }
    .c-homepage-hero-carousel__overlay-content {
        padding: 0px 40px 10px!important;
    }
    .g-banner-item .item-banner-small a{
        padding: 10px 20px;
        font-size: 16px;
    }
    .banners .banner-img .banner-text a {
        font-size: 16px;
    }
    .slider-arrow.slider-arrow-2.flex-right{
        max-width: max-content;
    }
    .section-title.style-2,.section-title.wow{
        display: block;
    }
    .product-rate {
        background-size: contain;
        width: 90px;
    }
    .header-v1 .site-header-cart-v2 .cart-content{
        top: 25%;
    }
}
@media screen and (max-width: 576px) {
    .m-combined-product-name__h1{
        font-size: 1.5rem;
    }
   
    .newsletter-popup h2 {
        font-size: 1rem;
        margin-top: 5px;
    }
    .newsletter-popup a {
        padding: 5px 30px;
    }
    .newsletter-popup-content {
        max-width: calc(100%);
    }
    .newsletter-popup p {
        font-size: 1rem;
        padding-right: 10rem;
        margin-bottom: 0;
    }
    .banner-big-one {
        margin-bottom: 30px;
    }
	.update-qty{
		width: 40px!important;
	}
    .m-product-gallery__slide {
        height: 55vw;
        max-height: 300px;
    }
    .c-product-overview__info {
        padding: 15px 20px 25px;
    }
    .m-product-gallery__controls {
        margin-top: 15px;
    }
    .m-product-overview__name-wrapper .m-combined-product-name h1.m-combined-product-name__h1 {
		overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
	}
    .product-cart-wrap {
       
        margin-left: auto;
    }
    .c-product-overview .m-product-gallery__img-wrapper {
        height: 100%;
    }
    span.a-folio.text-dark.text-lowercase.font-weight-normal{
        display: none;
    }
    .m-price-lockup__price span.m-product-overview__price-wrapper:first-child{
        display: none!important;
    }
    .set-c-mb{
        display: block;
    }
    .c-price-mb{
        display: none;
    }
    .c-weight-mb{
        text-align: center;
    }
    .box-shadow-in {
        box-shadow: inset 0 0 5px #000000;
    }
    .order-mb-1{
        order: 1;
        padding: 5px;
    }
    .order-mb-0{
        order: 0;
        padding: 5px;
    }
    .m-product-overview__name-wrapper {
        justify-content: center;
    }
    .product-cart-wrap.style-2 .product-content-wrap .deals-countdown-wrap{
        position: absolute;
        top: -30%;
        left: 50%;
        transform: translateX(-50%);
    }
    .deals-countdown{
        width: max-content;
        margin: auto;
    }
    .m-product-card__info .m-combined-product-name.group-product {
        min-height: auto!important;
    }
    .m-product-card__sku{
        display: none;
    }
    .m-product-card__info .m-product-card__price{
        padding: 0;
    }
    .section-title.style-1{
        padding-bottom: 10px;
        margin-bottom: 10px!important;
        padding-left: 20px;
        font-weight: bold;
    }
    .add-cart form.top-footer>button.add {
        padding: 0 12px 0 12px!important;
    }
    .product-list-small{
        justify-content: center;
    }
    .section-title.style-2 .title ul.links{
        text-align: center;
        padding: 0;
    }
    .section-title.style-2 .title ul.links>li{
        margin: 0;
    }
    .section-title.style-2 .title ul.links>li a.feature-cat-item{
        margin-top: 0;
        font-size: 14px;
    }
    .screen-5{
        display: none;
    }
    .product-cart-wrap.style-2 {
        padding-bottom: 10px;
    }
    section.banners{
        padding-bottom: 0!important;
    }
    .section-padding {
        padding: 0;
    }
    .section-title.style-2 h3{
        text-align: center;
        font-weight: 700;
        font-size: 22px;
        margin-bottom: 20px;
    }
    .product-cart-wrap .product-content-wrap h2 a{
        margin: 0;
    }
    .section-title.style-2 ul#myTab{
        justify-content: center;
    }
    .product-cart-wrap .product-content-wrap h2 {
        margin-bottom: 0;
    }
    .deals-countdown .countdown-section {
        font-size: 12px;
        line-height: 12px;
        padding: 5px 2px 20px 2px;
        margin-right: 0;
        margin-left: 5px;
    }
    .deals-countdown .countdown-section .countdown-amount {
        font-size: 12px;
        width: 25px;
        height: 25px;
        line-height: 0;
    }
    .deals-countdown .countdown-section .countdown-period {
        font-size: 10px;
    }
    .product-cart-wrap.style-2 .product-content-wrap .deals-content {
        margin: 20px auto 0 auto;
        padding: 0!important;
    }
    .product-category a {
        margin-top: 60px!important;
        margin-bottom: 0!important;
    }
    h2 a.card-text {
        height: 25px;
    }
    .product-cart-wrap .product-card-bottom {
        margin-top: 0;
    }
    .product-cart-wrap .product-content-wrap .product-price {
        padding-top: 0;
    }
    .product-cart-wrap .product-content-wrap .product-price span {
        font-size: 16px;
    }
    .trade-mark{
        display: none;
    }
    .product-cart-wrap .product-content-wrap .product-price span.old-price {
        font-size: 12px;
        text-decoration: line-through;
        margin: 0 0 0 10px;
    }
    .product-cart-wrap .product-img-action-wrap .product-img a img {
        width: 75%;
    }
    .product-cart-wrap .product-card-bottom .add-cart .add {
        font-size: 12px;
        padding: 10px 6px 10px 6px;
    }
    .product-cart-wrap .product-badges span {
        padding: 6px 12px 6px 20px;
    }
    section .section-title {
        margin-bottom: 20px;
    }
    .text-crs-homepage {
        top: 20%;
    }
    .deals-countdown .countdown-section {
        margin-bottom: 0;
      }
    .c-homepage-hero-carousel__overlay-content.text-crs-homepage{
        top: 10%;
    }
    button.a-btn.a-btn--primary.m-product-card__add-to-cart-btn {
        width: 50% !important;
    }
    #show-product {
        display: flex;
    }
    .d-block.group-btn {
        float: none;
    }
    h3.title-product-sale {
        top: -1.5%;
    }
    .m-combined-product-name__link {
        align-items: center !important;
        flex: 0 0 100% !important;
        max-width: 100% !important;
        margin-bottom: 0!important;
    }
    .group-product .m-combined-product-name__link {
        margin-bottom: 0!important;
    }
    .info-sale-store {
        top: -70%;
        height: 70%;
    }
    a.m-product-card__img-wrapper {
        margin: 30px auto 0;
    }
    .m-product-card__sku {
        height: 20px;
    }
    .product-cart-wrap .product-badges span, .product-badges span {
        padding: 6px 18px 6px 18px;
    }
    .m-product-card__price {
        padding: 0 50px;
    }
    .product-notnull {
        right: 15%;
    }
    .t-plp__product{
        padding: 10px 5px;
    }
    .m-product-card__add-to-cart-btn {
        display: block;
        margin: auto;
    }
    .m-product-card {
        background-color: transparent;
        box-shadow: 0 0 1px #c13538;
    }
    .loadmore1.t-plp__product {
        margin-bottom: 10px;
    }
    .a-btn.a-btn--primary.m-product-card__add-to-cart-btn,
    .a-btn.a-btn--primary.m-product-card__add-to-cart-btn {
        width: 50%;
    }
    #loadMore {
        width: 60%;
        margin: 20px auto;
    }
    .m-sort-by__arrow {
        top: calc(50% - 18px) !important;
        right: -5px;
        font-size: 22px;
    }
    .header-wrap.row{
        padding-top: 0;
    }
}
@media screen and (max-width: 414px) {
    .can_tren_duoi2 {
        margin-top: 0%;
        margin-left: 5%;
        width: 120%;
    }
  
    .product-cart-wrap .product-badges span, .product-badges span {
        padding: 6px 12px 6px 12px;
    }
    .product-cart-wrap.style-2 .product-content-wrap .deals-countdown-wrap{
        top: -30%;
    }
    .product-cart-wrap .product-img-action-wrap .product-img a img {
        width: 100%;
    }
    .c-homepage-hero-carousel__overlay-content {
        padding: 0;
    }
    .banner-big-two .g-banner-item img {
        max-height: 137px;
    }
    .c-homepage-hero-carousel__overlay-content.text-crs-homepage{
        top: 5%;
        padding: 0
    }
    .banner-big-one h2.c-homepage-hero-carousel__headline {
        font-size: 20px;
    }
    a.c-homepage-hero-carousel__cta{
        width: 60% !important;
    }
    .g-banner-item .item-banner-small h2 {
        font-size: 20px;
    }
    .g-banner-item .item-banner-small.order-top{
        top: 16%!important;
    }
    .g-banner-item .item-banner-small.order-bot {
        top: 22%!important;
        right: 15%;
    }
    .g-banner-item .item-banner-small a {
        padding: 4px 15px;
        font-size: 16px;
        text-transform: capitalize;
    }
}
@charset "UTF-8";/*!
 * animate.css - https://animate.style/
 * Version - 4.1.1
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2020 Animate.css
 */:root{--animate-duration:1s;--animate-delay:1s;--animate-repeat:1}.animate__animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-duration:var(--animate-duration);animation-duration:var(--animate-duration);-webkit-animation-fill-mode:both;animation-fill-mode:both}.animate__animated.animate__infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.animate__animated.animate__repeat-1{-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-iteration-count:var(--animate-repeat);animation-iteration-count:var(--animate-repeat)}.animate__animated.animate__repeat-2{-webkit-animation-iteration-count:2;animation-iteration-count:2;-webkit-animation-iteration-count:calc(var(--animate-repeat)*2);animation-iteration-count:calc(var(--animate-repeat)*2)}.animate__animated.animate__repeat-3{-webkit-animation-iteration-count:3;animation-iteration-count:3;-webkit-animation-iteration-count:calc(var(--animate-repeat)*3);animation-iteration-count:calc(var(--animate-repeat)*3)}.animate__animated.animate__delay-1s{-webkit-animation-delay:1s;animation-delay:1s;-webkit-animation-delay:var(--animate-delay);animation-delay:var(--animate-delay)}.animate__animated.animate__delay-2s{-webkit-animation-delay:2s;animation-delay:2s;-webkit-animation-delay:calc(var(--animate-delay)*2);animation-delay:calc(var(--animate-delay)*2)}.animate__animated.animate__delay-3s{-webkit-animation-delay:3s;animation-delay:3s;-webkit-animation-delay:calc(var(--animate-delay)*3);animation-delay:calc(var(--animate-delay)*3)}.animate__animated.animate__delay-4s{-webkit-animation-delay:4s;animation-delay:4s;-webkit-animation-delay:calc(var(--animate-delay)*4);animation-delay:calc(var(--animate-delay)*4)}.animate__animated.animate__delay-5s{-webkit-animation-delay:5s;animation-delay:5s;-webkit-animation-delay:calc(var(--animate-delay)*5);animation-delay:calc(var(--animate-delay)*5)}.animate__animated.animate__faster{-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-duration:calc(var(--animate-duration)/2);animation-duration:calc(var(--animate-duration)/2)}.animate__animated.animate__fast{-webkit-animation-duration:.8s;animation-duration:.8s;-webkit-animation-duration:calc(var(--animate-duration)*0.8);animation-duration:calc(var(--animate-duration)*0.8)}.animate__animated.animate__slow{-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-duration:calc(var(--animate-duration)*2);animation-duration:calc(var(--animate-duration)*2)}.animate__animated.animate__slower{-webkit-animation-duration:3s;animation-duration:3s;-webkit-animation-duration:calc(var(--animate-duration)*3);animation-duration:calc(var(--animate-duration)*3)}@media (prefers-reduced-motion:reduce),print{.animate__animated{-webkit-animation-duration:1ms!important;animation-duration:1ms!important;-webkit-transition-duration:1ms!important;transition-duration:1ms!important;-webkit-animation-iteration-count:1!important;animation-iteration-count:1!important}.animate__animated[class*=Out]{opacity:0}}@-webkit-keyframes bounce{0%,20%,53%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translateZ(0);transform:translateZ(0)}40%,43%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-30px,0) scaleY(1.1);transform:translate3d(0,-30px,0) scaleY(1.1)}70%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-15px,0) scaleY(1.05);transform:translate3d(0,-15px,0) scaleY(1.05)}80%{-webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1);transition-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translateZ(0) scaleY(.95);transform:translateZ(0) scaleY(.95)}90%{-webkit-transform:translate3d(0,-4px,0) scaleY(1.02);transform:translate3d(0,-4px,0) scaleY(1.02)}}@keyframes bounce{0%,20%,53%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translateZ(0);transform:translateZ(0)}40%,43%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-30px,0) scaleY(1.1);transform:translate3d(0,-30px,0) scaleY(1.1)}70%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-15px,0) scaleY(1.05);transform:translate3d(0,-15px,0) scaleY(1.05)}80%{-webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1);transition-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translateZ(0) scaleY(.95);transform:translateZ(0) scaleY(.95)}90%{-webkit-transform:translate3d(0,-4px,0) scaleY(1.02);transform:translate3d(0,-4px,0) scaleY(1.02)}}.animate__bounce{-webkit-animation-name:bounce;animation-name:bounce;-webkit-transform-origin:center bottom;transform-origin:center bottom}@-webkit-keyframes flash{0%,50%,to{opacity:1}25%,75%{opacity:0}}@keyframes flash{0%,50%,to{opacity:1}25%,75%{opacity:0}}.animate__flash{-webkit-animation-name:flash;animation-name:flash}@-webkit-keyframes pulse{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes pulse{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}.animate__pulse{-webkit-animation-name:pulse;animation-name:pulse;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}@-webkit-keyframes rubberBand{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes rubberBand{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}.animate__rubberBand{-webkit-animation-name:rubberBand;animation-name:rubberBand}@-webkit-keyframes shakeX{0%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}@keyframes shakeX{0%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}.animate__shakeX{-webkit-animation-name:shakeX;animation-name:shakeX}@-webkit-keyframes shakeY{0%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}20%,40%,60%,80%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}}@keyframes shakeY{0%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}20%,40%,60%,80%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}}.animate__shakeY{-webkit-animation-name:shakeY;animation-name:shakeY}@-webkit-keyframes headShake{0%{-webkit-transform:translateX(0);transform:translateX(0)}6.5%{-webkit-transform:translateX(-6px) rotateY(-9deg);transform:translateX(-6px) rotateY(-9deg)}18.5%{-webkit-transform:translateX(5px) rotateY(7deg);transform:translateX(5px) rotateY(7deg)}31.5%{-webkit-transform:translateX(-3px) rotateY(-5deg);transform:translateX(-3px) rotateY(-5deg)}43.5%{-webkit-transform:translateX(2px) rotateY(3deg);transform:translateX(2px) rotateY(3deg)}50%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes headShake{0%{-webkit-transform:translateX(0);transform:translateX(0)}6.5%{-webkit-transform:translateX(-6px) rotateY(-9deg);transform:translateX(-6px) rotateY(-9deg)}18.5%{-webkit-transform:translateX(5px) rotateY(7deg);transform:translateX(5px) rotateY(7deg)}31.5%{-webkit-transform:translateX(-3px) rotateY(-5deg);transform:translateX(-3px) rotateY(-5deg)}43.5%{-webkit-transform:translateX(2px) rotateY(3deg);transform:translateX(2px) rotateY(3deg)}50%{-webkit-transform:translateX(0);transform:translateX(0)}}.animate__headShake{-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-name:headShake;animation-name:headShake}@-webkit-keyframes swing{20%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}40%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}60%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}80%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@keyframes swing{20%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}40%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}60%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}80%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}.animate__swing{-webkit-transform-origin:top center;transform-origin:top center;-webkit-animation-name:swing;animation-name:swing}@-webkit-keyframes tada{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate(-3deg);transform:scale3d(.9,.9,.9) rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(3deg);transform:scale3d(1.1,1.1,1.1) rotate(3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(-3deg);transform:scale3d(1.1,1.1,1.1) rotate(-3deg)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes tada{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate(-3deg);transform:scale3d(.9,.9,.9) rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(3deg);transform:scale3d(1.1,1.1,1.1) rotate(3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(-3deg);transform:scale3d(1.1,1.1,1.1) rotate(-3deg)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}.animate__tada{-webkit-animation-name:tada;animation-name:tada}@-webkit-keyframes wobble{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}15%{-webkit-transform:translate3d(-25%,0,0) rotate(-5deg);transform:translate3d(-25%,0,0) rotate(-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate(3deg);transform:translate3d(20%,0,0) rotate(3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate(-3deg);transform:translate3d(-15%,0,0) rotate(-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate(2deg);transform:translate3d(10%,0,0) rotate(2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate(-1deg);transform:translate3d(-5%,0,0) rotate(-1deg)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes wobble{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}15%{-webkit-transform:translate3d(-25%,0,0) rotate(-5deg);transform:translate3d(-25%,0,0) rotate(-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate(3deg);transform:translate3d(20%,0,0) rotate(3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate(-3deg);transform:translate3d(-15%,0,0) rotate(-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate(2deg);transform:translate3d(10%,0,0) rotate(2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate(-1deg);transform:translate3d(-5%,0,0) rotate(-1deg)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__wobble{-webkit-animation-name:wobble;animation-name:wobble}@-webkit-keyframes jello{0%,11.1%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}22.2%{-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{-webkit-transform:skewX(6.25deg) skewY(6.25deg);transform:skewX(6.25deg) skewY(6.25deg)}44.4%{-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{-webkit-transform:skewX(-.78125deg) skewY(-.78125deg);transform:skewX(-.78125deg) skewY(-.78125deg)}77.7%{-webkit-transform:skewX(.390625deg) skewY(.390625deg);transform:skewX(.390625deg) skewY(.390625deg)}88.8%{-webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);transform:skewX(-.1953125deg) skewY(-.1953125deg)}}@keyframes jello{0%,11.1%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}22.2%{-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{-webkit-transform:skewX(6.25deg) skewY(6.25deg);transform:skewX(6.25deg) skewY(6.25deg)}44.4%{-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{-webkit-transform:skewX(-.78125deg) skewY(-.78125deg);transform:skewX(-.78125deg) skewY(-.78125deg)}77.7%{-webkit-transform:skewX(.390625deg) skewY(.390625deg);transform:skewX(.390625deg) skewY(.390625deg)}88.8%{-webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);transform:skewX(-.1953125deg) skewY(-.1953125deg)}}.animate__jello{-webkit-animation-name:jello;animation-name:jello;-webkit-transform-origin:center;transform-origin:center}@-webkit-keyframes heartBeat{0%{-webkit-transform:scale(1);transform:scale(1)}14%{-webkit-transform:scale(1.3);transform:scale(1.3)}28%{-webkit-transform:scale(1);transform:scale(1)}42%{-webkit-transform:scale(1.3);transform:scale(1.3)}70%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes heartBeat{0%{-webkit-transform:scale(1);transform:scale(1)}14%{-webkit-transform:scale(1.3);transform:scale(1.3)}28%{-webkit-transform:scale(1);transform:scale(1)}42%{-webkit-transform:scale(1.3);transform:scale(1.3)}70%{-webkit-transform:scale(1);transform:scale(1)}}.animate__heartBeat{-webkit-animation-name:heartBeat;animation-name:heartBeat;-webkit-animation-duration:1.3s;animation-duration:1.3s;-webkit-animation-duration:calc(var(--animate-duration)*1.3);animation-duration:calc(var(--animate-duration)*1.3);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}@-webkit-keyframes backInDown{0%{-webkit-transform:translateY(-1200px) scale(.7);transform:translateY(-1200px) scale(.7);opacity:.7}80%{-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7);opacity:.7}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}@keyframes backInDown{0%{-webkit-transform:translateY(-1200px) scale(.7);transform:translateY(-1200px) scale(.7);opacity:.7}80%{-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7);opacity:.7}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}.animate__backInDown{-webkit-animation-name:backInDown;animation-name:backInDown}@-webkit-keyframes backInLeft{0%{-webkit-transform:translateX(-2000px) scale(.7);transform:translateX(-2000px) scale(.7);opacity:.7}80%{-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7);opacity:.7}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}@keyframes backInLeft{0%{-webkit-transform:translateX(-2000px) scale(.7);transform:translateX(-2000px) scale(.7);opacity:.7}80%{-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7);opacity:.7}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}.animate__backInLeft{-webkit-animation-name:backInLeft;animation-name:backInLeft}@-webkit-keyframes backInRight{0%{-webkit-transform:translateX(2000px) scale(.7);transform:translateX(2000px) scale(.7);opacity:.7}80%{-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7);opacity:.7}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}@keyframes backInRight{0%{-webkit-transform:translateX(2000px) scale(.7);transform:translateX(2000px) scale(.7);opacity:.7}80%{-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7);opacity:.7}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}.animate__backInRight{-webkit-animation-name:backInRight;animation-name:backInRight}@-webkit-keyframes backInUp{0%{-webkit-transform:translateY(1200px) scale(.7);transform:translateY(1200px) scale(.7);opacity:.7}80%{-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7);opacity:.7}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}@keyframes backInUp{0%{-webkit-transform:translateY(1200px) scale(.7);transform:translateY(1200px) scale(.7);opacity:.7}80%{-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7);opacity:.7}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}.animate__backInUp{-webkit-animation-name:backInUp;animation-name:backInUp}@-webkit-keyframes backOutDown{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}20%{-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7);opacity:.7}to{-webkit-transform:translateY(700px) scale(.7);transform:translateY(700px) scale(.7);opacity:.7}}@keyframes backOutDown{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}20%{-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7);opacity:.7}to{-webkit-transform:translateY(700px) scale(.7);transform:translateY(700px) scale(.7);opacity:.7}}.animate__backOutDown{-webkit-animation-name:backOutDown;animation-name:backOutDown}@-webkit-keyframes backOutLeft{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}20%{-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7);opacity:.7}to{-webkit-transform:translateX(-2000px) scale(.7);transform:translateX(-2000px) scale(.7);opacity:.7}}@keyframes backOutLeft{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}20%{-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7);opacity:.7}to{-webkit-transform:translateX(-2000px) scale(.7);transform:translateX(-2000px) scale(.7);opacity:.7}}.animate__backOutLeft{-webkit-animation-name:backOutLeft;animation-name:backOutLeft}@-webkit-keyframes backOutRight{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}20%{-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7);opacity:.7}to{-webkit-transform:translateX(2000px) scale(.7);transform:translateX(2000px) scale(.7);opacity:.7}}@keyframes backOutRight{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}20%{-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7);opacity:.7}to{-webkit-transform:translateX(2000px) scale(.7);transform:translateX(2000px) scale(.7);opacity:.7}}.animate__backOutRight{-webkit-animation-name:backOutRight;animation-name:backOutRight}@-webkit-keyframes backOutUp{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}20%{-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7);opacity:.7}to{-webkit-transform:translateY(-700px) scale(.7);transform:translateY(-700px) scale(.7);opacity:.7}}@keyframes backOutUp{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}20%{-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7);opacity:.7}to{-webkit-transform:translateY(-700px) scale(.7);transform:translateY(-700px) scale(.7);opacity:.7}}.animate__backOutUp{-webkit-animation-name:backOutUp;animation-name:backOutUp}@-webkit-keyframes bounceIn{0%,20%,40%,60%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}to{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes bounceIn{0%,20%,40%,60%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}to{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1)}}.animate__bounceIn{-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-duration:calc(var(--animate-duration)*0.75);animation-duration:calc(var(--animate-duration)*0.75);-webkit-animation-name:bounceIn;animation-name:bounceIn}@-webkit-keyframes bounceInDown{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0) scaleY(3);transform:translate3d(0,-3000px,0) scaleY(3)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0) scaleY(.9);transform:translate3d(0,25px,0) scaleY(.9)}75%{-webkit-transform:translate3d(0,-10px,0) scaleY(.95);transform:translate3d(0,-10px,0) scaleY(.95)}90%{-webkit-transform:translate3d(0,5px,0) scaleY(.985);transform:translate3d(0,5px,0) scaleY(.985)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes bounceInDown{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0) scaleY(3);transform:translate3d(0,-3000px,0) scaleY(3)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0) scaleY(.9);transform:translate3d(0,25px,0) scaleY(.9)}75%{-webkit-transform:translate3d(0,-10px,0) scaleY(.95);transform:translate3d(0,-10px,0) scaleY(.95)}90%{-webkit-transform:translate3d(0,5px,0) scaleY(.985);transform:translate3d(0,5px,0) scaleY(.985)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__bounceInDown{-webkit-animation-name:bounceInDown;animation-name:bounceInDown}@-webkit-keyframes bounceInLeft{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0) scaleX(3);transform:translate3d(-3000px,0,0) scaleX(3)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0) scaleX(1);transform:translate3d(25px,0,0) scaleX(1)}75%{-webkit-transform:translate3d(-10px,0,0) scaleX(.98);transform:translate3d(-10px,0,0) scaleX(.98)}90%{-webkit-transform:translate3d(5px,0,0) scaleX(.995);transform:translate3d(5px,0,0) scaleX(.995)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes bounceInLeft{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0) scaleX(3);transform:translate3d(-3000px,0,0) scaleX(3)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0) scaleX(1);transform:translate3d(25px,0,0) scaleX(1)}75%{-webkit-transform:translate3d(-10px,0,0) scaleX(.98);transform:translate3d(-10px,0,0) scaleX(.98)}90%{-webkit-transform:translate3d(5px,0,0) scaleX(.995);transform:translate3d(5px,0,0) scaleX(.995)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__bounceInLeft{-webkit-animation-name:bounceInLeft;animation-name:bounceInLeft}@-webkit-keyframes bounceInRight{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(3000px,0,0) scaleX(3);transform:translate3d(3000px,0,0) scaleX(3)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0) scaleX(1);transform:translate3d(-25px,0,0) scaleX(1)}75%{-webkit-transform:translate3d(10px,0,0) scaleX(.98);transform:translate3d(10px,0,0) scaleX(.98)}90%{-webkit-transform:translate3d(-5px,0,0) scaleX(.995);transform:translate3d(-5px,0,0) scaleX(.995)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes bounceInRight{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(3000px,0,0) scaleX(3);transform:translate3d(3000px,0,0) scaleX(3)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0) scaleX(1);transform:translate3d(-25px,0,0) scaleX(1)}75%{-webkit-transform:translate3d(10px,0,0) scaleX(.98);transform:translate3d(10px,0,0) scaleX(.98)}90%{-webkit-transform:translate3d(-5px,0,0) scaleX(.995);transform:translate3d(-5px,0,0) scaleX(.995)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__bounceInRight{-webkit-animation-name:bounceInRight;animation-name:bounceInRight}@-webkit-keyframes bounceInUp{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,3000px,0) scaleY(5);transform:translate3d(0,3000px,0) scaleY(5)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0) scaleY(.9);transform:translate3d(0,-20px,0) scaleY(.9)}75%{-webkit-transform:translate3d(0,10px,0) scaleY(.95);transform:translate3d(0,10px,0) scaleY(.95)}90%{-webkit-transform:translate3d(0,-5px,0) scaleY(.985);transform:translate3d(0,-5px,0) scaleY(.985)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes bounceInUp{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,3000px,0) scaleY(5);transform:translate3d(0,3000px,0) scaleY(5)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0) scaleY(.9);transform:translate3d(0,-20px,0) scaleY(.9)}75%{-webkit-transform:translate3d(0,10px,0) scaleY(.95);transform:translate3d(0,10px,0) scaleY(.95)}90%{-webkit-transform:translate3d(0,-5px,0) scaleY(.985);transform:translate3d(0,-5px,0) scaleY(.985)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__bounceInUp{-webkit-animation-name:bounceInUp;animation-name:bounceInUp}@-webkit-keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}to{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}@keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}to{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}.animate__bounceOut{-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-duration:calc(var(--animate-duration)*0.75);animation-duration:calc(var(--animate-duration)*0.75);-webkit-animation-name:bounceOut;animation-name:bounceOut}@-webkit-keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0) scaleY(.985);transform:translate3d(0,10px,0) scaleY(.985)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0) scaleY(.9);transform:translate3d(0,-20px,0) scaleY(.9)}to{opacity:0;-webkit-transform:translate3d(0,2000px,0) scaleY(3);transform:translate3d(0,2000px,0) scaleY(3)}}@keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0) scaleY(.985);transform:translate3d(0,10px,0) scaleY(.985)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0) scaleY(.9);transform:translate3d(0,-20px,0) scaleY(.9)}to{opacity:0;-webkit-transform:translate3d(0,2000px,0) scaleY(3);transform:translate3d(0,2000px,0) scaleY(3)}}.animate__bounceOutDown{-webkit-animation-name:bounceOutDown;animation-name:bounceOutDown}@-webkit-keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0) scaleX(.9);transform:translate3d(20px,0,0) scaleX(.9)}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0) scaleX(2);transform:translate3d(-2000px,0,0) scaleX(2)}}@keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0) scaleX(.9);transform:translate3d(20px,0,0) scaleX(.9)}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0) scaleX(2);transform:translate3d(-2000px,0,0) scaleX(2)}}.animate__bounceOutLeft{-webkit-animation-name:bounceOutLeft;animation-name:bounceOutLeft}@-webkit-keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0) scaleX(.9);transform:translate3d(-20px,0,0) scaleX(.9)}to{opacity:0;-webkit-transform:translate3d(2000px,0,0) scaleX(2);transform:translate3d(2000px,0,0) scaleX(2)}}@keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0) scaleX(.9);transform:translate3d(-20px,0,0) scaleX(.9)}to{opacity:0;-webkit-transform:translate3d(2000px,0,0) scaleX(2);transform:translate3d(2000px,0,0) scaleX(2)}}.animate__bounceOutRight{-webkit-animation-name:bounceOutRight;animation-name:bounceOutRight}@-webkit-keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0) scaleY(.985);transform:translate3d(0,-10px,0) scaleY(.985)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0) scaleY(.9);transform:translate3d(0,20px,0) scaleY(.9)}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0) scaleY(3);transform:translate3d(0,-2000px,0) scaleY(3)}}@keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0) scaleY(.985);transform:translate3d(0,-10px,0) scaleY(.985)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0) scaleY(.9);transform:translate3d(0,20px,0) scaleY(.9)}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0) scaleY(3);transform:translate3d(0,-2000px,0) scaleY(3)}}.animate__bounceOutUp{-webkit-animation-name:bounceOutUp;animation-name:bounceOutUp}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.animate__fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}@-webkit-keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInDownBig{-webkit-animation-name:fadeInDownBig;animation-name:fadeInDownBig}@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}@-webkit-keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInLeftBig{-webkit-animation-name:fadeInLeftBig;animation-name:fadeInLeftBig}@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}@-webkit-keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInRightBig{-webkit-animation-name:fadeInRightBig;animation-name:fadeInRightBig}@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}@-webkit-keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInUpBig{-webkit-animation-name:fadeInUpBig;animation-name:fadeInUpBig}@-webkit-keyframes fadeInTopLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,-100%,0);transform:translate3d(-100%,-100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInTopLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,-100%,0);transform:translate3d(-100%,-100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInTopLeft{-webkit-animation-name:fadeInTopLeft;animation-name:fadeInTopLeft}@-webkit-keyframes fadeInTopRight{0%{opacity:0;-webkit-transform:translate3d(100%,-100%,0);transform:translate3d(100%,-100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInTopRight{0%{opacity:0;-webkit-transform:translate3d(100%,-100%,0);transform:translate3d(100%,-100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInTopRight{-webkit-animation-name:fadeInTopRight;animation-name:fadeInTopRight}@-webkit-keyframes fadeInBottomLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,100%,0);transform:translate3d(-100%,100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInBottomLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,100%,0);transform:translate3d(-100%,100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInBottomLeft{-webkit-animation-name:fadeInBottomLeft;animation-name:fadeInBottomLeft}@-webkit-keyframes fadeInBottomRight{0%{opacity:0;-webkit-transform:translate3d(100%,100%,0);transform:translate3d(100%,100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInBottomRight{0%{opacity:0;-webkit-transform:translate3d(100%,100%,0);transform:translate3d(100%,100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInBottomRight{-webkit-animation-name:fadeInBottomRight;animation-name:fadeInBottomRight}@-webkit-keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.animate__fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeOutDown{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes fadeOutDown{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}.animate__fadeOutDown{-webkit-animation-name:fadeOutDown;animation-name:fadeOutDown}@-webkit-keyframes fadeOutDownBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}@keyframes fadeOutDownBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}.animate__fadeOutDownBig{-webkit-animation-name:fadeOutDownBig;animation-name:fadeOutDownBig}@-webkit-keyframes fadeOutLeft{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes fadeOutLeft{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}.animate__fadeOutLeft{-webkit-animation-name:fadeOutLeft;animation-name:fadeOutLeft}@-webkit-keyframes fadeOutLeftBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}@keyframes fadeOutLeftBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}.animate__fadeOutLeftBig{-webkit-animation-name:fadeOutLeftBig;animation-name:fadeOutLeftBig}@-webkit-keyframes fadeOutRight{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes fadeOutRight{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}.animate__fadeOutRight{-webkit-animation-name:fadeOutRight;animation-name:fadeOutRight}@-webkit-keyframes fadeOutRightBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}@keyframes fadeOutRightBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}.animate__fadeOutRightBig{-webkit-animation-name:fadeOutRightBig;animation-name:fadeOutRightBig}@-webkit-keyframes fadeOutUp{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes fadeOutUp{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}.animate__fadeOutUp{-webkit-animation-name:fadeOutUp;animation-name:fadeOutUp}@-webkit-keyframes fadeOutUpBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}@keyframes fadeOutUpBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}.animate__fadeOutUpBig{-webkit-animation-name:fadeOutUpBig;animation-name:fadeOutUpBig}@-webkit-keyframes fadeOutTopLeft{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(-100%,-100%,0);transform:translate3d(-100%,-100%,0)}}@keyframes fadeOutTopLeft{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(-100%,-100%,0);transform:translate3d(-100%,-100%,0)}}.animate__fadeOutTopLeft{-webkit-animation-name:fadeOutTopLeft;animation-name:fadeOutTopLeft}@-webkit-keyframes fadeOutTopRight{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(100%,-100%,0);transform:translate3d(100%,-100%,0)}}@keyframes fadeOutTopRight{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(100%,-100%,0);transform:translate3d(100%,-100%,0)}}.animate__fadeOutTopRight{-webkit-animation-name:fadeOutTopRight;animation-name:fadeOutTopRight}@-webkit-keyframes fadeOutBottomRight{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(100%,100%,0);transform:translate3d(100%,100%,0)}}@keyframes fadeOutBottomRight{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(100%,100%,0);transform:translate3d(100%,100%,0)}}.animate__fadeOutBottomRight{-webkit-animation-name:fadeOutBottomRight;animation-name:fadeOutBottomRight}@-webkit-keyframes fadeOutBottomLeft{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(-100%,100%,0);transform:translate3d(-100%,100%,0)}}@keyframes fadeOutBottomLeft{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(-100%,100%,0);transform:translate3d(-100%,100%,0)}}.animate__fadeOutBottomLeft{-webkit-animation-name:fadeOutBottomLeft;animation-name:fadeOutBottomLeft}@-webkit-keyframes flip{0%{-webkit-transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg);transform:perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}to{-webkit-transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}@keyframes flip{0%{-webkit-transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg);transform:perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}to{-webkit-transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}.animate__animated.animate__flip{-webkit-backface-visibility:visible;backface-visibility:visible;-webkit-animation-name:flip;animation-name:flip}@-webkit-keyframes flipInX{0%{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateX(-5deg);transform:perspective(400px) rotateX(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInX{0%{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateX(-5deg);transform:perspective(400px) rotateX(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}.animate__flipInX{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInX;animation-name:flipInX}@-webkit-keyframes flipInY{0%{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotateY(-20deg);transform:perspective(400px) rotateY(-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateY(-5deg);transform:perspective(400px) rotateY(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInY{0%{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotateY(-20deg);transform:perspective(400px) rotateY(-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateY(-5deg);transform:perspective(400px) rotateY(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}.animate__flipInY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInY;animation-name:flipInY}@-webkit-keyframes flipOutX{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg);opacity:1}to{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}}@keyframes flipOutX{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg);opacity:1}to{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}}.animate__flipOutX{-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-duration:calc(var(--animate-duration)*0.75);animation-duration:calc(var(--animate-duration)*0.75);-webkit-animation-name:flipOutX;animation-name:flipOutX;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flipOutY{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateY(-15deg);transform:perspective(400px) rotateY(-15deg);opacity:1}to{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}}@keyframes flipOutY{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateY(-15deg);transform:perspective(400px) rotateY(-15deg);opacity:1}to{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}}.animate__flipOutY{-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-duration:calc(var(--animate-duration)*0.75);animation-duration:calc(var(--animate-duration)*0.75);-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipOutY;animation-name:flipOutY}@-webkit-keyframes lightSpeedInRight{0%{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{-webkit-transform:skewX(20deg);transform:skewX(20deg);opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes lightSpeedInRight{0%{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{-webkit-transform:skewX(20deg);transform:skewX(20deg);opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__lightSpeedInRight{-webkit-animation-name:lightSpeedInRight;animation-name:lightSpeedInRight;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@-webkit-keyframes lightSpeedInLeft{0%{-webkit-transform:translate3d(-100%,0,0) skewX(30deg);transform:translate3d(-100%,0,0) skewX(30deg);opacity:0}60%{-webkit-transform:skewX(-20deg);transform:skewX(-20deg);opacity:1}80%{-webkit-transform:skewX(5deg);transform:skewX(5deg)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes lightSpeedInLeft{0%{-webkit-transform:translate3d(-100%,0,0) skewX(30deg);transform:translate3d(-100%,0,0) skewX(30deg);opacity:0}60%{-webkit-transform:skewX(-20deg);transform:skewX(-20deg);opacity:1}80%{-webkit-transform:skewX(5deg);transform:skewX(5deg)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__lightSpeedInLeft{-webkit-animation-name:lightSpeedInLeft;animation-name:lightSpeedInLeft;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@-webkit-keyframes lightSpeedOutRight{0%{opacity:1}to{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}@keyframes lightSpeedOutRight{0%{opacity:1}to{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}.animate__lightSpeedOutRight{-webkit-animation-name:lightSpeedOutRight;animation-name:lightSpeedOutRight;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}@-webkit-keyframes lightSpeedOutLeft{0%{opacity:1}to{-webkit-transform:translate3d(-100%,0,0) skewX(-30deg);transform:translate3d(-100%,0,0) skewX(-30deg);opacity:0}}@keyframes lightSpeedOutLeft{0%{opacity:1}to{-webkit-transform:translate3d(-100%,0,0) skewX(-30deg);transform:translate3d(-100%,0,0) skewX(-30deg);opacity:0}}.animate__lightSpeedOutLeft{-webkit-animation-name:lightSpeedOutLeft;animation-name:lightSpeedOutLeft;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}@-webkit-keyframes rotateIn{0%{-webkit-transform:rotate(-200deg);transform:rotate(-200deg);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}@keyframes rotateIn{0%{-webkit-transform:rotate(-200deg);transform:rotate(-200deg);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}.animate__rotateIn{-webkit-animation-name:rotateIn;animation-name:rotateIn;-webkit-transform-origin:center;transform-origin:center}@-webkit-keyframes rotateInDownLeft{0%{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}@keyframes rotateInDownLeft{0%{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}.animate__rotateInDownLeft{-webkit-animation-name:rotateInDownLeft;animation-name:rotateInDownLeft;-webkit-transform-origin:left bottom;transform-origin:left bottom}@-webkit-keyframes rotateInDownRight{0%{-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}@keyframes rotateInDownRight{0%{-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}.animate__rotateInDownRight{-webkit-animation-name:rotateInDownRight;animation-name:rotateInDownRight;-webkit-transform-origin:right bottom;transform-origin:right bottom}@-webkit-keyframes rotateInUpLeft{0%{-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}@keyframes rotateInUpLeft{0%{-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}.animate__rotateInUpLeft{-webkit-animation-name:rotateInUpLeft;animation-name:rotateInUpLeft;-webkit-transform-origin:left bottom;transform-origin:left bottom}@-webkit-keyframes rotateInUpRight{0%{-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}@keyframes rotateInUpRight{0%{-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}.animate__rotateInUpRight{-webkit-animation-name:rotateInUpRight;animation-name:rotateInUpRight;-webkit-transform-origin:right bottom;transform-origin:right bottom}@-webkit-keyframes rotateOut{0%{opacity:1}to{-webkit-transform:rotate(200deg);transform:rotate(200deg);opacity:0}}@keyframes rotateOut{0%{opacity:1}to{-webkit-transform:rotate(200deg);transform:rotate(200deg);opacity:0}}.animate__rotateOut{-webkit-animation-name:rotateOut;animation-name:rotateOut;-webkit-transform-origin:center;transform-origin:center}@-webkit-keyframes rotateOutDownLeft{0%{opacity:1}to{-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}}@keyframes rotateOutDownLeft{0%{opacity:1}to{-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}}.animate__rotateOutDownLeft{-webkit-animation-name:rotateOutDownLeft;animation-name:rotateOutDownLeft;-webkit-transform-origin:left bottom;transform-origin:left bottom}@-webkit-keyframes rotateOutDownRight{0%{opacity:1}to{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}@keyframes rotateOutDownRight{0%{opacity:1}to{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}.animate__rotateOutDownRight{-webkit-animation-name:rotateOutDownRight;animation-name:rotateOutDownRight;-webkit-transform-origin:right bottom;transform-origin:right bottom}@-webkit-keyframes rotateOutUpLeft{0%{opacity:1}to{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}@keyframes rotateOutUpLeft{0%{opacity:1}to{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}.animate__rotateOutUpLeft{-webkit-animation-name:rotateOutUpLeft;animation-name:rotateOutUpLeft;-webkit-transform-origin:left bottom;transform-origin:left bottom}@-webkit-keyframes rotateOutUpRight{0%{opacity:1}to{-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}}@keyframes rotateOutUpRight{0%{opacity:1}to{-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}}.animate__rotateOutUpRight{-webkit-animation-name:rotateOutUpRight;animation-name:rotateOutUpRight;-webkit-transform-origin:right bottom;transform-origin:right bottom}@-webkit-keyframes hinge{0%{-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate(80deg);transform:rotate(80deg);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}40%,80%{-webkit-transform:rotate(60deg);transform:rotate(60deg);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}to{-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}}@keyframes hinge{0%{-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate(80deg);transform:rotate(80deg);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}40%,80%{-webkit-transform:rotate(60deg);transform:rotate(60deg);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}to{-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}}.animate__hinge{-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-duration:calc(var(--animate-duration)*2);animation-duration:calc(var(--animate-duration)*2);-webkit-animation-name:hinge;animation-name:hinge;-webkit-transform-origin:top left;transform-origin:top left}@-webkit-keyframes jackInTheBox{0%{opacity:0;-webkit-transform:scale(.1) rotate(30deg);transform:scale(.1) rotate(30deg);-webkit-transform-origin:center bottom;transform-origin:center bottom}50%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}70%{-webkit-transform:rotate(3deg);transform:rotate(3deg)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes jackInTheBox{0%{opacity:0;-webkit-transform:scale(.1) rotate(30deg);transform:scale(.1) rotate(30deg);-webkit-transform-origin:center bottom;transform-origin:center bottom}50%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}70%{-webkit-transform:rotate(3deg);transform:rotate(3deg)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}.animate__jackInTheBox{-webkit-animation-name:jackInTheBox;animation-name:jackInTheBox}@-webkit-keyframes rollIn{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate(-120deg);transform:translate3d(-100%,0,0) rotate(-120deg)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes rollIn{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate(-120deg);transform:translate3d(-100%,0,0) rotate(-120deg)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__rollIn{-webkit-animation-name:rollIn;animation-name:rollIn}@-webkit-keyframes rollOut{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate(120deg);transform:translate3d(100%,0,0) rotate(120deg)}}@keyframes rollOut{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate(120deg);transform:translate3d(100%,0,0) rotate(120deg)}}.animate__rollOut{-webkit-animation-name:rollOut;animation-name:rollOut}@-webkit-keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}.animate__zoomIn{-webkit-animation-name:zoomIn;animation-name:zoomIn}@-webkit-keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.animate__zoomInDown{-webkit-animation-name:zoomInDown;animation-name:zoomInDown}@-webkit-keyframes zoomInLeft{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInLeft{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.animate__zoomInLeft{-webkit-animation-name:zoomInLeft;animation-name:zoomInLeft}@-webkit-keyframes zoomInRight{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInRight{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.animate__zoomInRight{-webkit-animation-name:zoomInRight;animation-name:zoomInRight}@-webkit-keyframes zoomInUp{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInUp{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.animate__zoomInUp{-webkit-animation-name:zoomInUp;animation-name:zoomInUp}@-webkit-keyframes zoomOut{0%{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:0}}@keyframes zoomOut{0%{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:0}}.animate__zoomOut{-webkit-animation-name:zoomOut;animation-name:zoomOut}@-webkit-keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.animate__zoomOutDown{-webkit-animation-name:zoomOutDown;animation-name:zoomOutDown;-webkit-transform-origin:center bottom;transform-origin:center bottom}@-webkit-keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0)}}@keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0)}}.animate__zoomOutLeft{-webkit-animation-name:zoomOutLeft;animation-name:zoomOutLeft;-webkit-transform-origin:left center;transform-origin:left center}@-webkit-keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0)}}@keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0)}}.animate__zoomOutRight{-webkit-animation-name:zoomOutRight;animation-name:zoomOutRight;-webkit-transform-origin:right center;transform-origin:right center}@-webkit-keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.animate__zoomOutUp{-webkit-animation-name:zoomOutUp;animation-name:zoomOutUp;-webkit-transform-origin:center bottom;transform-origin:center bottom}@-webkit-keyframes slideInDown{0%{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInDown{0%{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__slideInDown{-webkit-animation-name:slideInDown;animation-name:slideInDown}@-webkit-keyframes slideInLeft{0%{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInLeft{0%{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__slideInLeft{-webkit-animation-name:slideInLeft;animation-name:slideInLeft}@-webkit-keyframes slideInRight{0%{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInRight{0%{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__slideInRight{-webkit-animation-name:slideInRight;animation-name:slideInRight}@-webkit-keyframes slideInUp{0%{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInUp{0%{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__slideInUp{-webkit-animation-name:slideInUp;animation-name:slideInUp}@-webkit-keyframes slideOutDown{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes slideOutDown{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}.animate__slideOutDown{-webkit-animation-name:slideOutDown;animation-name:slideOutDown}@-webkit-keyframes slideOutLeft{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes slideOutLeft{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}.animate__slideOutLeft{-webkit-animation-name:slideOutLeft;animation-name:slideOutLeft}@-webkit-keyframes slideOutRight{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes slideOutRight{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}.animate__slideOutRight{-webkit-animation-name:slideOutRight;animation-name:slideOutRight}@-webkit-keyframes slideOutUp{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes slideOutUp{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}.animate__slideOutUp{-webkit-animation-name:slideOutUp;animation-name:slideOutUp}
/*!
 *  Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */


/* FONT PATH
 * -------------------------- */

@font-face {
    font-family: 'FontAwesome';
    src: url('../css/css_js/fonts/fontawesome-webfont.eot');
    src: url('../css/css_js/fonts/fontawesome-webfont1.eot') format('embedded-opentype'), url('../css/css_js/fonts/fontawesome-webfont.woff2') format('woff2'), url('../css/css_js/fonts/fontawesome-webfont.woff') format('woff'), url('../css/css_js/fonts/fontawesome-webfont.ttf') format('truetype'), url('../css/css_js/fonts/fontawesome-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

.fa {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}


/* makes the font 33% larger relative to the icon container */

.fa-lg {
    font-size: 1.33333333em;
    line-height: 0.75em;
    vertical-align: -15%;
}

.fa-2x {
    font-size: 2em;
}

.fa-3x {
    font-size: 3em;
}

.fa-4x {
    font-size: 4em;
}

.fa-5x {
    font-size: 5em;
}

.fa-fw {
    width: 1.28571429em;
    text-align: center;
}

.fa-ul {
    padding-left: 0;
    margin-left: 2.14285714em;
    list-style-type: none;
}

.fa-ul>li {
    position: relative;
}

.fa-li {
    position: absolute;
    left: -2.14285714em;
    width: 2.14285714em;
    top: 0.14285714em;
    text-align: center;
}

.fa-li.fa-lg {
    left: -1.85714286em;
}

.fa-border {
    padding: .2em .25em .15em;
    border: solid 0.08em #eeeeee;
    border-radius: .1em;
}

.fa-pull-left {
    float: left;
}

.fa-pull-right {
    float: right;
}

.fa.fa-pull-left {
    margin-right: .3em;
}

.fa.fa-pull-right {
    margin-left: .3em;
}


/* Deprecated as of 4.4.0 */

.pull-right {
    float: right;
}

.pull-left {
    float: left;
}

.fa.pull-left {
    margin-right: .3em;
}

.fa.pull-right {
    margin-left: .3em;
}

.fa-spin {
    -webkit-animation: fa-spin 2s infinite linear;
    animation: fa-spin 2s infinite linear;
}

.fa-pulse {
    -webkit-animation: fa-spin 1s infinite steps(8);
    animation: fa-spin 1s infinite steps(8);
}

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

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

.fa-rotate-90 {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}

.fa-rotate-180 {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.fa-rotate-270 {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
    -webkit-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg);
}

.fa-flip-horizontal {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
    -webkit-transform: scale(-1, 1);
    -ms-transform: scale(-1, 1);
    transform: scale(-1, 1);
}

.fa-flip-vertical {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
    -webkit-transform: scale(1, -1);
    -ms-transform: scale(1, -1);
    transform: scale(1, -1);
}

:root .fa-rotate-90,
:root .fa-rotate-180,
:root .fa-rotate-270,
:root .fa-flip-horizontal,
:root .fa-flip-vertical {
    filter: none;
}

.fa-stack {
    position: relative;
    display: inline-block;
    width: 2em;
    height: 2em;
    line-height: 2em;
    vertical-align: middle;
}

.fa-stack-1x,
.fa-stack-2x {
    position: absolute;
    left: 0;
    width: 100%;
    text-align: center;
}

.fa-stack-1x {
    line-height: inherit;
}

.fa-stack-2x {
    font-size: 2em;
}

.fa-inverse {
    color: #ffffff;
}


/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
   readers do not read off random characters that represent icons */

.fa-glass:before {
    content: "\f000";
}

.fa-music:before {
    content: "\f001";
}

.fa-search:before {
    content: "\f002";
}

.fa-envelope-o:before {
    content: "\f003";
}

.fa-heart:before {
    content: "\f004";
}

.fa-star:before {
    content: "\f005";
}

.fa-star-o:before {
    content: "\f006";
}

.fa-user:before {
    content: "\f007";
}

.fa-film:before {
    content: "\f008";
}

.fa-th-large:before {
    content: "\f009";
}

.fa-th:before {
    content: "\f00a";
}

.fa-th-list:before {
    content: "\f00b";
}

.fa-check:before {
    content: "\f00c";
}

.fa-remove:before,
.fa-close:before,
.fa-times:before {
    content: "\f00d";
}

.fa-search-plus:before {
    content: "\f00e";
}

.fa-search-minus:before {
    content: "\f010";
}

.fa-power-off:before {
    content: "\f011";
}

.fa-signal:before {
    content: "\f012";
}

.fa-gear:before,
.fa-cog:before {
    content: "\f013";
}

.fa-trash-o:before {
    content: "\f014";
}

.fa-home:before {
    content: "\f015";
}

.fa-file-o:before {
    content: "\f016";
}

.fa-clock-o:before {
    content: "\f017";
}

.fa-road:before {
    content: "\f018";
}

.fa-download:before {
    content: "\f019";
}

.fa-arrow-circle-o-down:before {
    content: "\f01a";
}

.fa-arrow-circle-o-up:before {
    content: "\f01b";
}

.fa-inbox:before {
    content: "\f01c";
}

.fa-play-circle-o:before {
    content: "\f01d";
}

.fa-rotate-right:before,
.fa-repeat:before {
    content: "\f01e";
}

.fa-refresh:before {
    content: "\f021";
}

.fa-list-alt:before {
    content: "\f022";
}

.fa-lock:before {
    content: "\f023";
}

.fa-flag:before {
    content: "\f024";
}

.fa-headphones:before {
    content: "\f025";
}

.fa-volume-off:before {
    content: "\f026";
}

.fa-volume-down:before {
    content: "\f027";
}

.fa-volume-up:before {
    content: "\f028";
}

.fa-qrcode:before {
    content: "\f029";
}

.fa-barcode:before {
    content: "\f02a";
}

.fa-tag:before {
    content: "\f02b";
}

.fa-tags:before {
    content: "\f02c";
}

.fa-book:before {
    content: "\f02d";
}

.fa-bookmark:before {
    content: "\f02e";
}

.fa-print:before {
    content: "\f02f";
}

.fa-camera:before {
    content: "\f030";
}

.fa-font:before {
    content: "\f031";
}

.fa-bold:before {
    content: "\f032";
}

.fa-italic:before {
    content: "\f033";
}

.fa-text-height:before {
    content: "\f034";
}

.fa-text-width:before {
    content: "\f035";
}

.fa-align-left:before {
    content: "\f036";
}

.fa-align-center:before {
    content: "\f037";
}

.fa-align-right:before {
    content: "\f038";
}

.fa-align-justify:before {
    content: "\f039";
}

.fa-list:before {
    content: "\f03a";
}

.fa-dedent:before,
.fa-outdent:before {
    content: "\f03b";
}

.fa-indent:before {
    content: "\f03c";
}

.fa-video-camera:before {
    content: "\f03d";
}

.fa-photo:before,
.fa-image:before,
.fa-picture-o:before {
    content: "\f03e";
}

.fa-pencil:before {
    content: "\f040";
}

.fa-map-marker:before {
    content: "\f041";
}

.fa-adjust:before {
    content: "\f042";
}

.fa-tint:before {
    content: "\f043";
}

.fa-edit:before,
.fa-pencil-square-o:before {
    content: "\f044";
}

.fa-share-square-o:before {
    content: "\f045";
}

.fa-check-square-o:before {
    content: "\f046";
}

.fa-arrows:before {
    content: "\f047";
}

.fa-step-backward:before {
    content: "\f048";
}

.fa-fast-backward:before {
    content: "\f049";
}

.fa-backward:before {
    content: "\f04a";
}

.fa-play:before {
    content: "\f04b";
}

.fa-pause:before {
    content: "\f04c";
}

.fa-stop:before {
    content: "\f04d";
}

.fa-forward:before {
    content: "\f04e";
}

.fa-fast-forward:before {
    content: "\f050";
}

.fa-step-forward:before {
    content: "\f051";
}

.fa-eject:before {
    content: "\f052";
}

.fa-chevron-left:before {
    content: "\f053";
}

.fa-chevron-right:before {
    content: "\f054";
}

.fa-plus-circle:before {
    content: "\f055";
}

.fa-minus-circle:before {
    content: "\f056";
}

.fa-times-circle:before {
    content: "\f057";
}

.fa-check-circle:before {
    content: "\f058";
}

.fa-question-circle:before {
    content: "\f059";
}

.fa-info-circle:before {
    content: "\f05a";
}

.fa-crosshairs:before {
    content: "\f05b";
}

.fa-times-circle-o:before {
    content: "\f05c";
}

.fa-check-circle-o:before {
    content: "\f05d";
}

.fa-ban:before {
    content: "\f05e";
}

.fa-arrow-left:before {
    content: "\f060";
}

.fa-arrow-right:before {
    content: "\f061";
}

.fa-arrow-up:before {
    content: "\f062";
}

.fa-arrow-down:before {
    content: "\f063";
}

.fa-mail-forward:before,
.fa-share:before {
    content: "\f064";
}

.fa-expand:before {
    content: "\f065";
}

.fa-compress:before {
    content: "\f066";
}

.fa-plus:before {
    content: "\f067";
}

.fa-minus:before {
    content: "\f068";
}

.fa-asterisk:before {
    content: "\f069";
}

.fa-exclamation-circle:before {
    content: "\f06a";
}

.fa-gift:before {
    content: "\f06b";
}

.fa-leaf:before {
    content: "\f06c";
}

.fa-fire:before {
    content: "\f06d";
}

.fa-eye:before {
    content: "\f06e";
}

.fa-eye-slash:before {
    content: "\f070";
}

.fa-warning:before,
.fa-exclamation-triangle:before {
    content: "\f071";
}

.fa-plane:before {
    content: "\f072";
}

.fa-calendar:before {
    content: "\f073";
}

.fa-random:before {
    content: "\f074";
}

.fa-comment:before {
    content: "\f075";
}

.fa-magnet:before {
    content: "\f076";
}

.fa-chevron-up:before {
    content: "\f077";
}

.fa-chevron-down:before {
    content: "\f078";
}

.fa-retweet:before {
    content: "\f079";
}

.fa-shopping-cart:before {
    content: "\f07a";
}

.fa-folder:before {
    content: "\f07b";
}

.fa-folder-open:before {
    content: "\f07c";
}

.fa-arrows-v:before {
    content: "\f07d";
}

.fa-arrows-h:before {
    content: "\f07e";
}

.fa-bar-chart-o:before,
.fa-bar-chart:before {
    content: "\f080";
}

.fa-twitter-square:before {
    content: "\f081";
}

.fa-facebook-square:before {
    content: "\f082";
}

.fa-camera-retro:before {
    content: "\f083";
}

.fa-key:before {
    content: "\f084";
}

.fa-gears:before,
.fa-cogs:before {
    content: "\f085";
}

.fa-comments:before {
    content: "\f086";
}

.fa-thumbs-o-up:before {
    content: "\f087";
}

.fa-thumbs-o-down:before {
    content: "\f088";
}

.fa-star-half:before {
    content: "\f089";
}

.fa-heart-o:before {
    content: "\f08a";
}

.fa-sign-out:before {
    content: "\f08b";
}

.fa-linkedin-square:before {
    content: "\f08c";
}

.fa-thumb-tack:before {
    content: "\f08d";
}

.fa-external-link:before {
    content: "\f08e";
}

.fa-sign-in:before {
    content: "\f090";
}

.fa-trophy:before {
    content: "\f091";
}

.fa-github-square:before {
    content: "\f092";
}

.fa-upload:before {
    content: "\f093";
}

.fa-lemon-o:before {
    content: "\f094";
}

.fa-phone:before {
    content: "\f095";
}

.fa-square-o:before {
    content: "\f096";
}

.fa-bookmark-o:before {
    content: "\f097";
}

.fa-phone-square:before {
    content: "\f098";
}

.fa-twitter:before {
    content: "\f099";
}

.fa-facebook-f:before,
.fa-facebook:before {
    content: "\f09a";
}

.fa-github:before {
    content: "\f09b";
}

.fa-unlock:before {
    content: "\f09c";
}

.fa-credit-card:before {
    content: "\f09d";
}

.fa-feed:before,
.fa-rss:before {
    content: "\f09e";
}

.fa-hdd-o:before {
    content: "\f0a0";
}

.fa-bullhorn:before {
    content: "\f0a1";
}

.fa-bell:before {
    content: "\f0f3";
}

.fa-certificate:before {
    content: "\f0a3";
}

.fa-hand-o-right:before {
    content: "\f0a4";
}

.fa-hand-o-left:before {
    content: "\f0a5";
}

.fa-hand-o-up:before {
    content: "\f0a6";
}

.fa-hand-o-down:before {
    content: "\f0a7";
}

.fa-arrow-circle-left:before {
    content: "\f0a8";
}

.fa-arrow-circle-right:before {
    content: "\f0a9";
}

.fa-arrow-circle-up:before {
    content: "\f0aa";
}

.fa-arrow-circle-down:before {
    content: "\f0ab";
}

.fa-globe:before {
    content: "\f0ac";
}

.fa-wrench:before {
    content: "\f0ad";
}

.fa-tasks:before {
    content: "\f0ae";
}

.fa-filter:before {
    content: "\f0b0";
}

.fa-briefcase:before {
    content: "\f0b1";
}

.fa-arrows-alt:before {
    content: "\f0b2";
}

.fa-group:before,
.fa-users:before {
    content: "\f0c0";
}

.fa-chain:before,
.fa-link:before {
    content: "\f0c1";
}

.fa-cloud:before {
    content: "\f0c2";
}

.fa-flask:before {
    content: "\f0c3";
}

.fa-cut:before,
.fa-scissors:before {
    content: "\f0c4";
}

.fa-copy:before,
.fa-files-o:before {
    content: "\f0c5";
}

.fa-paperclip:before {
    content: "\f0c6";
}

.fa-save:before,
.fa-floppy-o:before {
    content: "\f0c7";
}

.fa-square:before {
    content: "\f0c8";
}

.fa-navicon:before,
.fa-reorder:before,
.fa-bars:before {
    content: "\f0c9";
    color: #fff;
}

.fa-list-ul:before {
    content: "\f0ca";
}

.fa-list-ol:before {
    content: "\f0cb";
}

.fa-strikethrough:before {
    content: "\f0cc";
}

.fa-underline:before {
    content: "\f0cd";
}

.fa-table:before {
    content: "\f0ce";
}

.fa-magic:before {
    content: "\f0d0";
}

.fa-truck:before {
    content: "\f0d1";
}

.fa-pinterest:before {
    content: "\f0d2";
}

.fa-pinterest-square:before {
    content: "\f0d3";
}

.fa-google-plus-square:before {
    content: "\f0d4";
}

.fa-google-plus:before {
    content: "\f0d5";
}

.fa-money:before {
    content: "\f0d6";
}

.fa-caret-down:before {
    content: "\f0d7";
}

.fa-caret-up:before {
    content: "\f0d8";
}

.fa-caret-left:before {
    content: "\f0d9";
}

.fa-caret-right:before {
    content: "\f0da";
}

.fa-columns:before {
    content: "\f0db";
}

.fa-unsorted:before,
.fa-sort:before {
    content: "\f0dc";
}

.fa-sort-down:before,
.fa-sort-desc:before {
    content: "\f0dd";
}

.fa-sort-up:before,
.fa-sort-asc:before {
    content: "\f0de";
}

.fa-envelope:before {
    content: "\f0e0";
}

.fa-linkedin:before {
    content: "\f0e1";
}

.fa-rotate-left:before,
.fa-undo:before {
    content: "\f0e2";
}

.fa-legal:before,
.fa-gavel:before {
    content: "\f0e3";
}

.fa-dashboard:before,
.fa-tachometer:before {
    content: "\f0e4";
}

.fa-comment-o:before {
    content: "\f0e5";
}

.fa-comments-o:before {
    content: "\f0e6";
}

.fa-flash:before,
.fa-bolt:before {
    content: "\f0e7";
}

.fa-sitemap:before {
    content: "\f0e8";
}

.fa-umbrella:before {
    content: "\f0e9";
}

.fa-paste:before,
.fa-clipboard:before {
    content: "\f0ea";
}

.fa-lightbulb-o:before {
    content: "\f0eb";
}

.fa-exchange:before {
    content: "\f0ec";
}

.fa-cloud-download:before {
    content: "\f0ed";
}

.fa-cloud-upload:before {
    content: "\f0ee";
}

.fa-user-md:before {
    content: "\f0f0";
}

.fa-stethoscope:before {
    content: "\f0f1";
}

.fa-suitcase:before {
    content: "\f0f2";
}

.fa-bell-o:before {
    content: "\f0a2";
}

.fa-coffee:before {
    content: "\f0f4";
}

.fa-cutlery:before {
    content: "\f0f5";
}

.fa-file-text-o:before {
    content: "\f0f6";
}

.fa-building-o:before {
    content: "\f0f7";
}

.fa-hospital-o:before {
    content: "\f0f8";
}

.fa-ambulance:before {
    content: "\f0f9";
}

.fa-medkit:before {
    content: "\f0fa";
}

.fa-fighter-jet:before {
    content: "\f0fb";
}

.fa-beer:before {
    content: "\f0fc";
}

.fa-h-square:before {
    content: "\f0fd";
}

.fa-plus-square:before {
    content: "\f0fe";
}

.fa-angle-double-left:before {
    content: "\f100";
}

.fa-angle-double-right:before {
    content: "\f101";
}

.fa-angle-double-up:before {
    content: "\f102";
}

.fa-angle-double-down:before {
    content: "\f103";
}

.fa-angle-left:before {
    content: "\f104";
}

.fa-angle-right:before {
    content: "\f105";
}

.fa-angle-up:before {
    content: "\f106";
}

.fa-angle-down:before {
    content: "\f107";
}

.fa-desktop:before {
    content: "\f108";
}

.fa-laptop:before {
    content: "\f109";
}

.fa-tablet:before {
    content: "\f10a";
}

.fa-mobile-phone:before,
.fa-mobile:before {
    content: "\f10b";
}

.fa-circle-o:before {
    content: "\f10c";
}

.fa-quote-left:before {
    content: "\f10d";
}

.fa-quote-right:before {
    content: "\f10e";
}

.fa-spinner:before {
    content: "\f110";
}

.fa-circle:before {
    content: "\f111";
}

.fa-mail-reply:before,
.fa-reply:before {
    content: "\f112";
}

.fa-github-alt:before {
    content: "\f113";
}

.fa-folder-o:before {
    content: "\f114";
}

.fa-folder-open-o:before {
    content: "\f115";
}

.fa-smile-o:before {
    content: "\f118";
}

.fa-frown-o:before {
    content: "\f119";
}

.fa-meh-o:before {
    content: "\f11a";
}

.fa-gamepad:before {
    content: "\f11b";
}

.fa-keyboard-o:before {
    content: "\f11c";
}

.fa-flag-o:before {
    content: "\f11d";
}

.fa-flag-checkered:before {
    content: "\f11e";
}

.fa-terminal:before {
    content: "\f120";
}

.fa-code:before {
    content: "\f121";
}

.fa-mail-reply-all:before,
.fa-reply-all:before {
    content: "\f122";
}

.fa-star-half-empty:before,
.fa-star-half-full:before,
.fa-star-half-o:before {
    content: "\f123";
}

.fa-location-arrow:before {
    content: "\f124";
}

.fa-crop:before {
    content: "\f125";
}

.fa-code-fork:before {
    content: "\f126";
}

.fa-unlink:before,
.fa-chain-broken:before {
    content: "\f127";
}

.fa-question:before {
    content: "\f128";
}

.fa-info:before {
    content: "\f129";
}

.fa-exclamation:before {
    content: "\f12a";
}

.fa-superscript:before {
    content: "\f12b";
}

.fa-subscript:before {
    content: "\f12c";
}

.fa-eraser:before {
    content: "\f12d";
}

.fa-puzzle-piece:before {
    content: "\f12e";
}

.fa-microphone:before {
    content: "\f130";
}

.fa-microphone-slash:before {
    content: "\f131";
}

.fa-shield:before {
    content: "\f132";
}

.fa-calendar-o:before {
    content: "\f133";
}

.fa-fire-extinguisher:before {
    content: "\f134";
}

.fa-rocket:before {
    content: "\f135";
}

.fa-maxcdn:before {
    content: "\f136";
}

.fa-chevron-circle-left:before {
    content: "\f137";
}

.fa-chevron-circle-right:before {
    content: "\f138";
}

.fa-chevron-circle-up:before {
    content: "\f139";
}

.fa-chevron-circle-down:before {
    content: "\f13a";
}

.fa-html5:before {
    content: "\f13b";
}

.fa-css3:before {
    content: "\f13c";
}

.fa-anchor:before {
    content: "\f13d";
}

.fa-unlock-alt:before {
    content: "\f13e";
}

.fa-bullseye:before {
    content: "\f140";
}

.fa-ellipsis-h:before {
    content: "\f141";
}

.fa-ellipsis-v:before {
    content: "\f142";
}

.fa-rss-square:before {
    content: "\f143";
}

.fa-play-circle:before {
    content: "\f144";
}

.fa-ticket:before {
    content: "\f145";
}

.fa-minus-square:before {
    content: "\f146";
}

.fa-minus-square-o:before {
    content: "\f147";
}

.fa-level-up:before {
    content: "\f148";
}

.fa-level-down:before {
    content: "\f149";
}

.fa-check-square:before {
    content: "\f14a";
}

.fa-pencil-square:before {
    content: "\f14b";
}

.fa-external-link-square:before {
    content: "\f14c";
}

.fa-share-square:before {
    content: "\f14d";
}

.fa-compass:before {
    content: "\f14e";
}

.fa-toggle-down:before,
.fa-caret-square-o-down:before {
    content: "\f150";
}

.fa-toggle-up:before,
.fa-caret-square-o-up:before {
    content: "\f151";
}

.fa-toggle-right:before,
.fa-caret-square-o-right:before {
    content: "\f152";
}

.fa-euro:before,
.fa-eur:before {
    content: "\f153";
}

.fa-gbp:before {
    content: "\f154";
}

.fa-dollar:before,
.fa-usd:before {
    content: "\f155";
}

.fa-rupee:before,
.fa-inr:before {
    content: "\f156";
}

.fa-cny:before,
.fa-rmb:before,
.fa-yen:before,
.fa-jpy:before {
    content: "\f157";
}

.fa-ruble:before,
.fa-rouble:before,
.fa-rub:before {
    content: "\f158";
}

.fa-won:before,
.fa-krw:before {
    content: "\f159";
}

.fa-bitcoin:before,
.fa-btc:before {
    content: "\f15a";
}

.fa-file:before {
    content: "\f15b";
}

.fa-file-text:before {
    content: "\f15c";
}

.fa-sort-alpha-asc:before {
    content: "\f15d";
}

.fa-sort-alpha-desc:before {
    content: "\f15e";
}

.fa-sort-amount-asc:before {
    content: "\f160";
}

.fa-sort-amount-desc:before {
    content: "\f161";
}

.fa-sort-numeric-asc:before {
    content: "\f162";
}

.fa-sort-numeric-desc:before {
    content: "\f163";
}

.fa-thumbs-up:before {
    content: "\f164";
}

.fa-thumbs-down:before {
    content: "\f165";
}

.fa-youtube-square:before {
    content: "\f166";
}

.fa-youtube:before {
    content: "\f167";
}

.fa-xing:before {
    content: "\f168";
}

.fa-xing-square:before {
    content: "\f169";
}

.fa-youtube-play:before {
    content: "\f16a";
}

.fa-dropbox:before {
    content: "\f16b";
}

.fa-stack-overflow:before {
    content: "\f16c";
}

.fa-instagram:before {
    content: "\f16d";
}

.fa-flickr:before {
    content: "\f16e";
}

.fa-adn:before {
    content: "\f170";
}

.fa-bitbucket:before {
    content: "\f171";
}

.fa-bitbucket-square:before {
    content: "\f172";
}

.fa-tumblr:before {
    content: "\f173";
}

.fa-tumblr-square:before {
    content: "\f174";
}

.fa-long-arrow-down:before {
    content: "\f175";
}

.fa-long-arrow-up:before {
    content: "\f176";
}

.fa-long-arrow-left:before {
    content: "\f177";
}

.fa-long-arrow-right:before {
    content: "\f178";
}

.fa-apple:before {
    content: "\f179";
}

.fa-windows:before {
    content: "\f17a";
}

.fa-android:before {
    content: "\f17b";
}

.fa-linux:before {
    content: "\f17c";
}

.fa-dribbble:before {
    content: "\f17d";
}

.fa-skype:before {
    content: "\f17e";
}

.fa-foursquare:before {
    content: "\f180";
}

.fa-trello:before {
    content: "\f181";
}

.fa-female:before {
    content: "\f182";
}

.fa-male:before {
    content: "\f183";
}

.fa-gittip:before,
.fa-gratipay:before {
    content: "\f184";
}

.fa-sun-o:before {
    content: "\f185";
}

.fa-moon-o:before {
    content: "\f186";
}

.fa-archive:before {
    content: "\f187";
}

.fa-bug:before {
    content: "\f188";
}

.fa-vk:before {
    content: "\f189";
}

.fa-weibo:before {
    content: "\f18a";
}

.fa-renren:before {
    content: "\f18b";
}

.fa-pagelines:before {
    content: "\f18c";
}

.fa-stack-exchange:before {
    content: "\f18d";
}

.fa-arrow-circle-o-right:before {
    content: "\f18e";
}

.fa-arrow-circle-o-left:before {
    content: "\f190";
}

.fa-toggle-left:before,
.fa-caret-square-o-left:before {
    content: "\f191";
}

.fa-dot-circle-o:before {
    content: "\f192";
}

.fa-wheelchair:before {
    content: "\f193";
}

.fa-vimeo-square:before {
    content: "\f194";
}

.fa-turkish-lira:before,
.fa-try:before {
    content: "\f195";
}

.fa-plus-square-o:before {
    content: "\f196";
}

.fa-space-shuttle:before {
    content: "\f197";
}

.fa-slack:before {
    content: "\f198";
}

.fa-envelope-square:before {
    content: "\f199";
}

.fa-wordpress:before {
    content: "\f19a";
}

.fa-openid:before {
    content: "\f19b";
}

.fa-institution:before,
.fa-bank:before,
.fa-university:before {
    content: "\f19c";
}

.fa-mortar-board:before,
.fa-graduation-cap:before {
    content: "\f19d";
}

.fa-yahoo:before {
    content: "\f19e";
}

.fa-google:before {
    content: "\f1a0";
}

.fa-reddit:before {
    content: "\f1a1";
}

.fa-reddit-square:before {
    content: "\f1a2";
}

.fa-stumbleupon-circle:before {
    content: "\f1a3";
}

.fa-stumbleupon:before {
    content: "\f1a4";
}

.fa-delicious:before {
    content: "\f1a5";
}

.fa-digg:before {
    content: "\f1a6";
}

.fa-pied-piper-pp:before {
    content: "\f1a7";
}

.fa-pied-piper-alt:before {
    content: "\f1a8";
}

.fa-drupal:before {
    content: "\f1a9";
}

.fa-joomla:before {
    content: "\f1aa";
}

.fa-language:before {
    content: "\f1ab";
}

.fa-fax:before {
    content: "\f1ac";
}

.fa-building:before {
    content: "\f1ad";
}

.fa-child:before {
    content: "\f1ae";
}

.fa-paw:before {
    content: "\f1b0";
}

.fa-spoon:before {
    content: "\f1b1";
}

.fa-cube:before {
    content: "\f1b2";
}

.fa-cubes:before {
    content: "\f1b3";
}

.fa-behance:before {
    content: "\f1b4";
}

.fa-behance-square:before {
    content: "\f1b5";
}

.fa-steam:before {
    content: "\f1b6";
}

.fa-steam-square:before {
    content: "\f1b7";
}

.fa-recycle:before {
    content: "\f1b8";
}

.fa-automobile:before,
.fa-car:before {
    content: "\f1b9";
}

.fa-cab:before,
.fa-taxi:before {
    content: "\f1ba";
}

.fa-tree:before {
    content: "\f1bb";
}

.fa-spotify:before {
    content: "\f1bc";
}

.fa-deviantart:before {
    content: "\f1bd";
}

.fa-soundcloud:before {
    content: "\f1be";
}

.fa-database:before {
    content: "\f1c0";
}

.fa-file-pdf-o:before {
    content: "\f1c1";
}

.fa-file-word-o:before {
    content: "\f1c2";
}

.fa-file-excel-o:before {
    content: "\f1c3";
}

.fa-file-powerpoint-o:before {
    content: "\f1c4";
}

.fa-file-photo-o:before,
.fa-file-picture-o:before,
.fa-file-image-o:before {
    content: "\f1c5";
}

.fa-file-zip-o:before,
.fa-file-archive-o:before {
    content: "\f1c6";
}

.fa-file-sound-o:before,
.fa-file-audio-o:before {
    content: "\f1c7";
}

.fa-file-movie-o:before,
.fa-file-video-o:before {
    content: "\f1c8";
}

.fa-file-code-o:before {
    content: "\f1c9";
}

.fa-vine:before {
    content: "\f1ca";
}

.fa-codepen:before {
    content: "\f1cb";
}

.fa-jsfiddle:before {
    content: "\f1cc";
}

.fa-life-bouy:before,
.fa-life-buoy:before,
.fa-life-saver:before,
.fa-support:before,
.fa-life-ring:before {
    content: "\f1cd";
}

.fa-circle-o-notch:before {
    content: "\f1ce";
}

.fa-ra:before,
.fa-resistance:before,
.fa-rebel:before {
    content: "\f1d0";
}

.fa-ge:before,
.fa-empire:before {
    content: "\f1d1";
}

.fa-git-square:before {
    content: "\f1d2";
}

.fa-git:before {
    content: "\f1d3";
}

.fa-y-combinator-square:before,
.fa-yc-square:before,
.fa-hacker-news:before {
    content: "\f1d4";
}

.fa-tencent-weibo:before {
    content: "\f1d5";
}

.fa-qq:before {
    content: "\f1d6";
}

.fa-wechat:before,
.fa-weixin:before {
    content: "\f1d7";
}

.fa-send:before,
.fa-paper-plane:before {
    content: "\f1d8";
}

.fa-send-o:before,
.fa-paper-plane-o:before {
    content: "\f1d9";
}

.fa-history:before {
    content: "\f1da";
}

.fa-circle-thin:before {
    content: "\f1db";
}

.fa-header:before {
    content: "\f1dc";
}

.fa-paragraph:before {
    content: "\f1dd";
}

.fa-sliders:before {
    content: "\f1de";
}

.fa-share-alt:before {
    content: "\f1e0";
}

.fa-share-alt-square:before {
    content: "\f1e1";
}

.fa-bomb:before {
    content: "\f1e2";
}

.fa-soccer-ball-o:before,
.fa-futbol-o:before {
    content: "\f1e3";
}

.fa-tty:before {
    content: "\f1e4";
}

.fa-binoculars:before {
    content: "\f1e5";
}

.fa-plug:before {
    content: "\f1e6";
}

.fa-slideshare:before {
    content: "\f1e7";
}

.fa-twitch:before {
    content: "\f1e8";
}

.fa-yelp:before {
    content: "\f1e9";
}

.fa-newspaper-o:before {
    content: "\f1ea";
}

.fa-wifi:before {
    content: "\f1eb";
}

.fa-calculator:before {
    content: "\f1ec";
}

.fa-paypal:before {
    content: "\f1ed";
}

.fa-google-wallet:before {
    content: "\f1ee";
}

.fa-cc-visa:before {
    content: "\f1f0";
}

.fa-cc-mastercard:before {
    content: "\f1f1";
}

.fa-cc-discover:before {
    content: "\f1f2";
}

.fa-cc-amex:before {
    content: "\f1f3";
}

.fa-cc-paypal:before {
    content: "\f1f4";
}

.fa-cc-stripe:before {
    content: "\f1f5";
}

.fa-bell-slash:before {
    content: "\f1f6";
}

.fa-bell-slash-o:before {
    content: "\f1f7";
}

.fa-trash:before {
    content: "\f1f8";
}

.fa-copyright:before {
    content: "\f1f9";
}

.fa-at:before {
    content: "\f1fa";
}

.fa-eyedropper:before {
    content: "\f1fb";
}

.fa-paint-brush:before {
    content: "\f1fc";
}

.fa-birthday-cake:before {
    content: "\f1fd";
}

.fa-area-chart:before {
    content: "\f1fe";
}

.fa-pie-chart:before {
    content: "\f200";
}

.fa-line-chart:before {
    content: "\f201";
}

.fa-lastfm:before {
    content: "\f202";
}

.fa-lastfm-square:before {
    content: "\f203";
}

.fa-toggle-off:before {
    content: "\f204";
}

.fa-toggle-on:before {
    content: "\f205";
}

.fa-bicycle:before {
    content: "\f206";
}

.fa-bus:before {
    content: "\f207";
}

.fa-ioxhost:before {
    content: "\f208";
}

.fa-angellist:before {
    content: "\f209";
}

.fa-cc:before {
    content: "\f20a";
}

.fa-shekel:before,
.fa-sheqel:before,
.fa-ils:before {
    content: "\f20b";
}

.fa-meanpath:before {
    content: "\f20c";
}

.fa-buysellads:before {
    content: "\f20d";
}

.fa-connectdevelop:before {
    content: "\f20e";
}

.fa-dashcube:before {
    content: "\f210";
}

.fa-forumbee:before {
    content: "\f211";
}

.fa-leanpub:before {
    content: "\f212";
}

.fa-sellsy:before {
    content: "\f213";
}

.fa-shirtsinbulk:before {
    content: "\f214";
}

.fa-simplybuilt:before {
    content: "\f215";
}

.fa-skyatlas:before {
    content: "\f216";
}

.fa-cart-plus:before {
    content: "\f217";
}

.fa-cart-arrow-down:before {
    content: "\f218";
}

.fa-diamond:before {
    content: "\f219";
}

.fa-ship:before {
    content: "\f21a";
}

.fa-user-secret:before {
    content: "\f21b";
}

.fa-motorcycle:before {
    content: "\f21c";
}

.fa-street-view:before {
    content: "\f21d";
}

.fa-heartbeat:before {
    content: "\f21e";
}

.fa-venus:before {
    content: "\f221";
}

.fa-mars:before {
    content: "\f222";
}

.fa-mercury:before {
    content: "\f223";
}

.fa-intersex:before,
.fa-transgender:before {
    content: "\f224";
}

.fa-transgender-alt:before {
    content: "\f225";
}

.fa-venus-double:before {
    content: "\f226";
}

.fa-mars-double:before {
    content: "\f227";
}

.fa-venus-mars:before {
    content: "\f228";
}

.fa-mars-stroke:before {
    content: "\f229";
}

.fa-mars-stroke-v:before {
    content: "\f22a";
}

.fa-mars-stroke-h:before {
    content: "\f22b";
}

.fa-neuter:before {
    content: "\f22c";
}

.fa-genderless:before {
    content: "\f22d";
}

.fa-facebook-official:before {
    content: "\f230";
}

.fa-pinterest-p:before {
    content: "\f231";
}

.fa-whatsapp:before {
    content: "\f232";
}

.fa-server:before {
    content: "\f233";
}

.fa-user-plus:before {
    content: "\f234";
}

.fa-user-times:before {
    content: "\f235";
}

.fa-hotel:before,
.fa-bed:before {
    content: "\f236";
}

.fa-viacoin:before {
    content: "\f237";
}

.fa-train:before {
    content: "\f238";
}

.fa-subway:before {
    content: "\f239";
}

.fa-medium:before {
    content: "\f23a";
}

.fa-yc:before,
.fa-y-combinator:before {
    content: "\f23b";
}

.fa-optin-monster:before {
    content: "\f23c";
}

.fa-opencart:before {
    content: "\f23d";
}

.fa-expeditedssl:before {
    content: "\f23e";
}

.fa-battery-4:before,
.fa-battery:before,
.fa-battery-full:before {
    content: "\f240";
}

.fa-battery-3:before,
.fa-battery-three-quarters:before {
    content: "\f241";
}

.fa-battery-2:before,
.fa-battery-half:before {
    content: "\f242";
}

.fa-battery-1:before,
.fa-battery-quarter:before {
    content: "\f243";
}

.fa-battery-0:before,
.fa-battery-empty:before {
    content: "\f244";
}

.fa-mouse-pointer:before {
    content: "\f245";
}

.fa-i-cursor:before {
    content: "\f246";
}

.fa-object-group:before {
    content: "\f247";
}

.fa-object-ungroup:before {
    content: "\f248";
}

.fa-sticky-note:before {
    content: "\f249";
}

.fa-sticky-note-o:before {
    content: "\f24a";
}

.fa-cc-jcb:before {
    content: "\f24b";
}

.fa-cc-diners-club:before {
    content: "\f24c";
}

.fa-clone:before {
    content: "\f24d";
}

.fa-balance-scale:before {
    content: "\f24e";
}

.fa-hourglass-o:before {
    content: "\f250";
}

.fa-hourglass-1:before,
.fa-hourglass-start:before {
    content: "\f251";
}

.fa-hourglass-2:before,
.fa-hourglass-half:before {
    content: "\f252";
}

.fa-hourglass-3:before,
.fa-hourglass-end:before {
    content: "\f253";
}

.fa-hourglass:before {
    content: "\f254";
}

.fa-hand-grab-o:before,
.fa-hand-rock-o:before {
    content: "\f255";
}

.fa-hand-stop-o:before,
.fa-hand-paper-o:before {
    content: "\f256";
}

.fa-hand-scissors-o:before {
    content: "\f257";
}

.fa-hand-lizard-o:before {
    content: "\f258";
}

.fa-hand-spock-o:before {
    content: "\f259";
}

.fa-hand-pointer-o:before {
    content: "\f25a";
}

.fa-hand-peace-o:before {
    content: "\f25b";
}

.fa-trademark:before {
    content: "\f25c";
}

.fa-registered:before {
    content: "\f25d";
}

.fa-creative-commons:before {
    content: "\f25e";
}

.fa-gg:before {
    content: "\f260";
}

.fa-gg-circle:before {
    content: "\f261";
}

.fa-tripadvisor:before {
    content: "\f262";
}

.fa-odnoklassniki:before {
    content: "\f263";
}

.fa-odnoklassniki-square:before {
    content: "\f264";
}

.fa-get-pocket:before {
    content: "\f265";
}

.fa-wikipedia-w:before {
    content: "\f266";
}

.fa-safari:before {
    content: "\f267";
}

.fa-chrome:before {
    content: "\f268";
}

.fa-firefox:before {
    content: "\f269";
}

.fa-opera:before {
    content: "\f26a";
}

.fa-internet-explorer:before {
    content: "\f26b";
}

.fa-tv:before,
.fa-television:before {
    content: "\f26c";
}

.fa-contao:before {
    content: "\f26d";
}

.fa-500px:before {
    content: "\f26e";
}

.fa-amazon:before {
    content: "\f270";
}

.fa-calendar-plus-o:before {
    content: "\f271";
}

.fa-calendar-minus-o:before {
    content: "\f272";
}

.fa-calendar-times-o:before {
    content: "\f273";
}

.fa-calendar-check-o:before {
    content: "\f274";
}

.fa-industry:before {
    content: "\f275";
}

.fa-map-pin:before {
    content: "\f276";
}

.fa-map-signs:before {
    content: "\f277";
}

.fa-map-o:before {
    content: "\f278";
}

.fa-map:before {
    content: "\f279";
}

.fa-commenting:before {
    content: "\f27a";
}

.fa-commenting-o:before {
    content: "\f27b";
}

.fa-houzz:before {
    content: "\f27c";
}

.fa-vimeo:before {
    content: "\f27d";
}

.fa-black-tie:before {
    content: "\f27e";
}

.fa-fonticons:before {
    content: "\f280";
}

.fa-reddit-alien:before {
    content: "\f281";
}

.fa-edge:before {
    content: "\f282";
}

.fa-credit-card-alt:before {
    content: "\f283";
}

.fa-codiepie:before {
    content: "\f284";
}

.fa-modx:before {
    content: "\f285";
}

.fa-fort-awesome:before {
    content: "\f286";
}

.fa-usb:before {
    content: "\f287";
}

.fa-product-hunt:before {
    content: "\f288";
}

.fa-mixcloud:before {
    content: "\f289";
}

.fa-scribd:before {
    content: "\f28a";
}

.fa-pause-circle:before {
    content: "\f28b";
}

.fa-pause-circle-o:before {
    content: "\f28c";
}

.fa-stop-circle:before {
    content: "\f28d";
}

.fa-stop-circle-o:before {
    content: "\f28e";
}

.fa-shopping-bag:before {
    content: "\f290";
}

.fa-shopping-basket:before {
    content: "\f291";
}

.fa-hashtag:before {
    content: "\f292";
}

.fa-bluetooth:before {
    content: "\f293";
}

.fa-bluetooth-b:before {
    content: "\f294";
}

.fa-percent:before {
    content: "\f295";
}

.fa-gitlab:before {
    content: "\f296";
}

.fa-wpbeginner:before {
    content: "\f297";
}

.fa-wpforms:before {
    content: "\f298";
}

.fa-envira:before {
    content: "\f299";
}

.fa-universal-access:before {
    content: "\f29a";
}

.fa-wheelchair-alt:before {
    content: "\f29b";
}

.fa-question-circle-o:before {
    content: "\f29c";
}

.fa-blind:before {
    content: "\f29d";
}

.fa-audio-description:before {
    content: "\f29e";
}

.fa-volume-control-phone:before {
    content: "\f2a0";
}

.fa-braille:before {
    content: "\f2a1";
}

.fa-assistive-listening-systems:before {
    content: "\f2a2";
}

.fa-asl-interpreting:before,
.fa-american-sign-language-interpreting:before {
    content: "\f2a3";
}

.fa-deafness:before,
.fa-hard-of-hearing:before,
.fa-deaf:before {
    content: "\f2a4";
}

.fa-glide:before {
    content: "\f2a5";
}

.fa-glide-g:before {
    content: "\f2a6";
}

.fa-signing:before,
.fa-sign-language:before {
    content: "\f2a7";
}

.fa-low-vision:before {
    content: "\f2a8";
}

.fa-viadeo:before {
    content: "\f2a9";
}

.fa-viadeo-square:before {
    content: "\f2aa";
}

.fa-snapchat:before {
    content: "\f2ab";
}

.fa-snapchat-ghost:before {
    content: "\f2ac";
}

.fa-snapchat-square:before {
    content: "\f2ad";
}

.fa-pied-piper:before {
    content: "\f2ae";
}

.fa-first-order:before {
    content: "\f2b0";
}

.fa-yoast:before {
    content: "\f2b1";
}

.fa-themeisle:before {
    content: "\f2b2";
}

.fa-google-plus-circle:before,
.fa-google-plus-official:before {
    content: "\f2b3";
}

.fa-fa:before,
.fa-font-awesome:before {
    content: "\f2b4";
}

.fa-handshake-o:before {
    content: "\f2b5";
}

.fa-envelope-open:before {
    content: "\f2b6";
}

.fa-envelope-open-o:before {
    content: "\f2b7";
}

.fa-linode:before {
    content: "\f2b8";
}

.fa-address-book:before {
    content: "\f2b9";
}

.fa-address-book-o:before {
    content: "\f2ba";
}

.fa-vcard:before,
.fa-address-card:before {
    content: "\f2bb";
}

.fa-vcard-o:before,
.fa-address-card-o:before {
    content: "\f2bc";
}

.fa-user-circle:before {
    content: "\f2bd";
}

.fa-user-circle-o:before {
    content: "\f2be";
}

.fa-user-o:before {
    content: "\f2c0";
}

.fa-id-badge:before {
    content: "\f2c1";
}

.fa-drivers-license:before,
.fa-id-card:before {
    content: "\f2c2";
}

.fa-drivers-license-o:before,
.fa-id-card-o:before {
    content: "\f2c3";
}

.fa-quora:before {
    content: "\f2c4";
}

.fa-free-code-camp:before {
    content: "\f2c5";
}

.fa-telegram:before {
    content: "\f2c6";
}

.fa-thermometer-4:before,
.fa-thermometer:before,
.fa-thermometer-full:before {
    content: "\f2c7";
}

.fa-thermometer-3:before,
.fa-thermometer-three-quarters:before {
    content: "\f2c8";
}

.fa-thermometer-2:before,
.fa-thermometer-half:before {
    content: "\f2c9";
}

.fa-thermometer-1:before,
.fa-thermometer-quarter:before {
    content: "\f2ca";
}

.fa-thermometer-0:before,
.fa-thermometer-empty:before {
    content: "\f2cb";
}

.fa-shower:before {
    content: "\f2cc";
}

.fa-bathtub:before,
.fa-s15:before,
.fa-bath:before {
    content: "\f2cd";
}

.fa-podcast:before {
    content: "\f2ce";
}

.fa-window-maximize:before {
    content: "\f2d0";
}

.fa-window-minimize:before {
    content: "\f2d1";
}

.fa-window-restore:before {
    content: "\f2d2";
}

.fa-times-rectangle:before,
.fa-window-close:before {
    content: "\f2d3";
}

.fa-times-rectangle-o:before,
.fa-window-close-o:before {
    content: "\f2d4";
}

.fa-bandcamp:before {
    content: "\f2d5";
}

.fa-grav:before {
    content: "\f2d6";
}

.fa-etsy:before {
    content: "\f2d7";
}

.fa-imdb:before {
    content: "\f2d8";
}

.fa-ravelry:before {
    content: "\f2d9";
}

.fa-eercast:before {
    content: "\f2da";
}

.fa-microchip:before {
    content: "\f2db";
}

.fa-snowflake-o:before {
    content: "\f2dc";
}

.fa-superpowers:before {
    content: "\f2dd";
}

.fa-wpexplorer:before {
    content: "\f2de";
}

.fa-meetup:before {
    content: "\f2e0";
}

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

.sr-only-focusable:active,
.sr-only-focusable:focus {
    position: static;
    width: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    clip: auto;
}
/* ĐỨC ANH CSS */

#menu1abcd>#menu1abc {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    font-size: 16px;
    font-size: 1rem;
    font-family: montserrat, sans-serif;
    line-height: 1.5;
    margin: 0;
    letter-spacing: .25px;
    list-style: none;
    padding: 0;
}

#menu1abcd>#menu1abc>li {
    padding: 0;
    margin: 0;
    list-style: none;
    margin: 0 8px;
    margin-left: -15px;
}

#menu1abc>li::marker {
    list-style: none;
}

#menu1abc>li::before {
    content: '';
}

#menu1abc>li>a {
    text-decoration: none;
    text-align: center;
}

#menu1abc>li>a>.a-icon-text-btn__icon {
    transition: transform .25s ease-in-out;
}

#menu1abc>li>a>.a-icon-text-btn__icon:hover {
    transform: scale(1.5);
}

.class_left {
    padding-left: 20px;
}

.margin_top_list {
    margin-top: 10px;
}

.liststyle_none::before {
    content: none;
}


/*======================*/

#show-product {}

.loadmore1 {
    display: none;
}

.totop {
    position: fixed;
    bottom: 10px;
    right: 20px;
}

.totop a {
    display: none;
}

a,
a:visited {
    text-decoration: none;
    display: block;
    margin: 10px 0;
}

a:hover {
    text-decoration: none;
}

#loadMore {
    padding: 10px;
    text-align: center;
    background-color: #08532f;
    color: #fff;
    border-color: #fff;
    box-shadow: none!important;
    outline: none!important;
    transition: all 600ms ease-in-out;
    -webkit-transition: all 600ms ease-in-out;
    -moz-transition: all 600ms ease-in-out;
    -o-transition: all 600ms ease-in-out;
}

#loadMore:hover {
    text-transform: uppercase;
    font-weight: 700;
    color: #08532f;
    background: #a9cf46;
    box-shadow: none!important;
    border: none!important;
    outline: none!important;
}

ul li::before {
    content: none;
}

span.icon-favorite {
    float: right;
}

span.red {
    color: red;
}

.ratings i {
    font-size: 16px;
    color: red
}

.strike-text {
    color: red;
    text-decoration: line-through
}

.product-image {
    width: 100%
}

.dot {
    height: 7px;
    width: 7px;
    margin-left: 6px;
    margin-right: 6px;
    margin-top: 3px;
    background-color: blue;
    border-radius: 50%;
    display: inline-block
}

.spec-1 {
    color: #938787;
    font-size: 15px
}

h5 {
    font-weight: 400
}

.para {
    font-size: 16px
}
/* ĐỨC ANH CSS */


/*==================================*/

ul.menu_foooter_1 {
    float: right;
    margin-bottom: 0;
}

ul.menu_foooter_1 li {
    float: left;
    margin: 10px;
}

ul.menu_foooter_2 {
    float: left;
    margin-bottom: 0;
}

ul.menu_foooter_2 li {
    float: left;
    margin: 10px;
}

@media screen and (max-width:768px) {
    ul.menu_foooter_2 {
        float: left;
    }
    ul.menu_foooter_1 {
        float: left;
    }
}

.header_thunho {
    background-color: #0b2d25;
    padding: 0 6rem;
    padding-top: 0px;
    padding-bottom: 0px;
}

@media screen and (min-width:768px) {
    .site-header {
        padding-top: 2.617924em;
    }
}

@media screen and (max-width:1199px) {
    .site-header {
        z-index: 10000;
        padding: 1.618em 0;
    }
}


/*==============================================*/

.modal-dialog {
    margin-top: 10%;
}

.hover_bea {
    color: #0b2d25;
}

.hover_bea:hover {
    color: red;
}

.modal-dialog {
    margin-top: 10%;
}

.list-width {
    width: 100%;
}

.block-collapsible-nav {
    margin-right: 10px;
}

@media(max-width:991.98px) {
    .block-collapsible-nav {
        margin: auto;
    }
}

.m-newsletter-signup__heading {
    color: #fff;
    font-weight: 400;
}

.m-newsletter-signup__description {
    color: #fff;
}

.m-newsletter-signup--no-bg .m-newsletter-signup__input {
    border-right: none;
    line-height: 20px;
}

.padding_css {
    padding: 0 20px;
}

.block .box-actions .action::after {
    content: none;
    border-left: 1px solid #ddd6c4;
    display: inline-block;
    height: 12px;
    margin: 0 10px;
    margin-top: 0px;
    position: absolute;
    margin-top: 4px;
}

h5,
.m-newsletter-signup__heading,
.c-homepage-hero__subheading,
.c-category-card-grid__subheading {
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 1.3;
    font-family: poppins, Arial, sans-serif;
    font-weight: 700;
    color: #fff;
    margin: 0 0 10px;
    padding: 0;
}


/* ================================================================== */

@import url('https://fonts.googleapis.com/css?family=Nuto:400,700');
.context {
    width: 100%;
    position: relative;
}

.context h1 {
    text-align: center;
    color: rgba(255, 255, 255, 0.5);
    font-border: 1px solid rgba(255, 255, 255, 0.65);
    font-size: 50px;
    backdrop-filter: blur(10px);
}

.area {
    background-color: #ea7236;
    background-image: linear-gradient(43deg, #fdb38e 0%, #ff6214 46%, #ffa476 100%);
    width: 100%;
}

.circles {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.circles li {
    position: absolute;
    display: block;
    list-style: none;
    width: 20px;
    height: 20px;
    background: rgba(255, 255, 255, 0.1);
    box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.2);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border-radius: 80px;
    border: 1px solid rgba(255, 255, 255, 0.18);
    animation: animate 25s linear infinite;
    bottom: -150px;
}

.circles li:nth-child(1) {
    left: 25%;
    width: 80px;
    height: 80px;
    animation-delay: 0s;
}

.circles li:nth-child(2) {
    left: 10%;
    width: 20px;
    height: 20px;
    animation-delay: 2s;
    animation-duration: 12s;
}

.circles li:nth-child(3) {
    left: 70%;
    width: 20px;
    height: 20px;
    animation-delay: 4s;
}

.circles li:nth-child(4) {
    left: 40%;
    width: 60px;
    height: 60px;
    animation-delay: 0s;
    animation-duration: 18s;
}

.circles li:nth-child(5) {
    left: 65%;
    width: 20px;
    height: 20px;
    animation-delay: 0s;
}

.circles li:nth-child(6) {
    left: 75%;
    width: 110px;
    height: 110px;
    animation-delay: 3s;
}

.circles li:nth-child(7) {
    left: 35%;
    width: 150px;
    height: 150px;
    animation-delay: 7s;
}

.circles li:nth-child(8) {
    left: 50%;
    width: 25px;
    height: 25px;
    animation-delay: 15s;
    animation-duration: 45s;
}

.circles li:nth-child(9) {
    left: 20%;
    width: 15px;
    height: 15px;
    animation-delay: 2s;
    animation-duration: 35s;
}

.circles li:nth-child(10) {
    left: 85%;
    width: 150px;
    height: 150px;
    animation-delay: 0s;
    animation-duration: 11s;
}

@keyframes animate {
    0% {
        transform: translateY(0) rotate(0deg);
        opacity: 1;
        border-radius: 0;
    }
    100% {
        transform: translateY(-1000px) rotate(720deg);
        opacity: 0;
        border-radius: 50%;
    }
}

#hide_menu_pc {
    display: none;
}

@media(max-width:1200px) {
    #hide_menu_pc {
        display: block;
        float: right;
    }
}

body {
    overflow-x: hidden;
    background-color: #fafafa;
}


/*===========================================================*/

a,
a:visited {
    text-decoration: none;
    display: block;
    margin: 10px 0;
    color: #fff;
}
.product-category a.card-text-1:visited,.product-category a:visited {
    color: #ea7236;
    }
a.a-anchor:visited {
    text-decoration: none;
    display: block;
    margin: 10px 0;
    color: #000;
}

.margin-left1 {
    margin-left: 20px;
}

.img-sm {
    width: 46px;
    height: 46px;
    border-radius: 50%;
}

.panel {
    box-shadow: 0 2px 0 rgba(0, 0, 0, 0.075);
    border-radius: 0;
    border: 1px solid #0b2d25;
    margin-bottom: 15px;
}

.panel .panel-footer,
.panel>:last-child {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.panel .panel-heading,
.panel>:first-child {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    color: #fff;
}

.panel-body {
    padding: 25px 20px;
}

.media-block .media-left {
    display: block;
    float: left
}

.media-block .media-right {
    float: right
}

.media-block .media-body {
    display: block;
    overflow: hidden;
    width: auto
}

.middle .media-left,
.middle .media-right,
.middle .media-body {
    vertical-align: middle
}

.thumbnail {
    border-radius: 0;
    border-color: #e9e9e9
}

.tag.tag-sm,
.btn-group-sm>.tag {
    padding: 5px 10px;
}

.tag:not(.label) {
    background-color: #fff;
    padding: 6px 12px;
    border-radius: 2px;
    border: 1px solid #cdd6e1;
    font-size: 12px;
    line-height: 1.42857;
    vertical-align: middle;
    -webkit-transition: all .15s;
    transition: all .15s;
}

.text-muted,
a.text-muted:hover,
a.text-muted:focus {
    color: #acacac;
}

.text-sm {
    font-size: 0.9em;
}

.text-5x,
.text-4x,
.text-5x,
.text-2x,
.text-lg,
.text-sm,
.text-xs {
    line-height: 1.25;
}

.btn-trans {
    background-color: transparent;
    border-color: transparent;
    color: #929292;
}

.btn-icon {
    padding-left: 9px;
    padding-right: 9px;
}

.btn-sm,
.btn-group-sm>.btn,
.btn-icon.btn-sm {
    padding: 5px 10px !important;
}

.mar-top {
    margin-top: 15px;
}


/*===========================SHARE===================*/

#share {
    width: 100%;
    text-align: center;
}


/* buttons */

#share a {
    width: 50px;
    height: 50px;
    display: inline-block;
    margin: 8px;
    font-size: 24px;
    color: #fff;
    opacity: 0.75;
    transition: opacity 0.15s linear;
}

#share a:hover {
    opacity: 1;
}


/* icons */

#share i {
    position: relative;
    top: 30%;
    transform: translateY(-50%);
}
.content-uni p {
    color: #000;
}
.content-uni a {
    color: #ea7236;
	display: contents;
}
.content-uni a:hover {
    color: gray;
}
.content-product-uni a {
    color: #ea7236;
	display: contents;
}
.content-product-uni a:hover {
    color: gray;
}
/* buttons */
#share2 a {
    text-align: center;
    width: 40px;
    height: 40px;
    display: inline-block;
    font-size: 14px;
    color: #fff;
    opacity: 0.75;
    transition: opacity 0.15s linear;
    float: right;
}

#share2 a:hover {
    opacity: 1;
}


/* icons */

#share2 i {
    position: relative;
    top: 35%;
    transform: translateY(-50%);
}


/* colors */

.facebook {
    background: #3b5998;
}

.twitter {
    background: #55acee;
}

.googleplus {
    background: #dd4b39;
}

.linkedin {
    background: #0077b5;
}

.pinterest {
    background: #cb2027;
}


/*===========================================CSS_LAI=========================================*/

.m-pagination__link:visited {
    color: #0b2d25;
}

.m-sidebar-nav__link {
    color: #0b2d25;
}

.m-sidebar-nav__link:visited {
    color: #0b2d25;
}

.css_lai_share {
    text-align: left;
}

.a-btn--secondary,
.a-btn--secondary {
    color: var(--color-background) !important;
    background-color: var(--color-foreground) !important;
}

#menu1abc>a:visited {
    color: #000;
}

.can_le {
    margin: 20px;
}

.link_share_contact {
    text-align: left;
    width: 100%;
}

.link_share_contact a {
    border-radius: 40px;
    width: 41px;
    height: 41px;
    display: inline-block;
    margin: 7px;
    font-size: 17px;
    color: #fff;
    opacity: 0.75;
    transition: opacity 0.15s linear;
}

.uni-contact {
    font-size: 16px;
    color: #0D2B25;
    font-weight: 600;
}

.can_le_trai {
    text-align: left;
}

#share1 {
    width: 100%;
    text-align: left;
}

#share1 a {
    width: 50px;
    height: 50px;
    display: inline-block;
    margin: 8px;
    font-size: 24px;
    color: #fff;
    opacity: 0.75;
    transition: opacity 0.15s linear;
}

#share1 i {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    margin-left: 15px;
}

.link_share_contact i {
    position: relative;
    top: 35%;
    transform: translateY(-50%);
    left: 15px;
}

#comment {
    color: #000;
    outline: none;
    border: 1px solid #000;
    -webkit-appearance: none;
    box-sizing: border-box;
    font-weight: normal;
    border-radius: 0;
}

#telephone {
    color: #000;
    outline: none;
    border: 1px solid #000;
    -webkit-appearance: none;
    box-sizing: border-box;
    font-weight: normal;
    border-radius: 0;
}

#contact-form #email {
    color: #000;
    outline: none;
    border: 1px solid #000;
    -webkit-appearance: none;
    box-sizing: border-box;
    font-weight: normal;
    border-radius: 0;
    line-height: 25px;
}

#contact-form #name {
    color: #000;
    outline: none;
    border: 1px solid #000;
    -webkit-appearance: none;
    box-sizing: border-box;
    font-weight: normal;
    border-radius: 0;
    position: relative;
}

#contact-form #name:focus {
    width: 100%;
    z-index: 1;
    border-bottom: 1px solid #BBB;
    cursor: text;
    background: #fff;
}

#formLogin #email {
    color: #0b2d25;
    border: 1px solid #000;
    border-radius: 0px;
}

#formLogin #pass {
    border: 1px solid #0b2d25;
    color: #0b2d25;
    outline: none;
    -webkit-appearance: none;
    box-sizing: border-box;
    font-weight: normal;
    border-radius: 0px;
}

span.rigister-text {
    color: #fff;
}

a.police-rg {
    color: unset!important;
}

a.police-rg:hover {
    text-decoration: underline!important;
    color: #fd7e14!important;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
textarea,
.input-text {
    color: #fff;
    outline: none;
    border: 1px solid #000;
    -webkit-appearance: none;
    box-sizing: border-box;
    font-weight: normal;
    border-bottom-right-radius: 0px;
    border-top-right-radius: 0px;
}

#formRegister #name {
    color: #000;
    outline: none;
    border: 1px solid #000;
    -webkit-appearance: none;
    box-sizing: border-box;
    font-weight: normal;
    border-radius: 0;
    position: relative;
    width: 100%;
}

#formRegister #phone,
#formRegister #address {
    color: #000;
    outline: none;
    border: 1px solid #000;
    -webkit-appearance: none;
    box-sizing: border-box;
    font-weight: normal;
    border-radius: 0;
    position: relative;
    width: 100%;
    z-index: 1;
}

#formRegister #email_address {
    color: #000;
    outline: none;
    border: 1px solid #000;
    -webkit-appearance: none;
    box-sizing: border-box;
    font-weight: normal;
    border-radius: 0px;
    width: 100%;
    z-index: 1;
}

#formRegister #password {
    color: #000;
    outline: none;
    border: 1px solid #000;
    -webkit-appearance: none;
    box-sizing: border-box;
    font-weight: normal;
    border-radius: 0px;
}

.block-title {
    margin-top: 20px;
}

#co-shipping-form #G11F99D {
    color: #000;
    outline: none;
    border: 1px solid #000;
    -webkit-appearance: none;
    box-sizing: border-box;
    font-weight: normal;
    border-radius: 0px;
    position: relative;
    width: 100%;
    margin-bottom: 20px;
}

#co-shipping-form #SAIFHCQ {
    color: #000;
    outline: none;
    border: 1px solid #000;
    -webkit-appearance: none;
    box-sizing: border-box;
    font-weight: normal;
    border-radius: 0px;
    position: relative;
    width: 100%;
    margin-bottom: 20px;
}

#co-shipping-form #CNBP3U7 {
    color: #000;
    outline: none;
    border: 1px solid #000;
    -webkit-appearance: none;
    box-sizing: border-box;
    font-weight: normal;
    border-radius: 0px;
    position: relative;
    width: 100%;
    margin-bottom: 20px;
}

#co-shipping-form #email {
    color: #000;
    outline: none;
    border: 1px solid #000;
    -webkit-appearance: none;
    box-sizing: border-box;
    font-weight: normal;
    border-radius: 0px;
    position: relative;
    width: 100%;
    margin-bottom: 20px;
}

#formforget #email_address {
    color: #000;
    outline: none;
    border: 1px solid #000;
    -webkit-appearance: none;
    box-sizing: border-box;
    font-weight: normal;
    border-radius: 0px;
    position: relative;
    width: 100%;
    margin-bottom: 20px;
}

#co-store-form input {
    color: #000;
    outline: none;
    border: 1px solid #000;
    -webkit-appearance: none;
    box-sizing: border-box;
    font-weight: normal;
    border-radius: 0px;
    position: relative;
    width: 100%;
    margin-bottom: 20px;
}

.block .block-title {
    margin: 0 0 30px;
    margin-top: 0px;
    margin-top: 20px;
}

#formRegister #password-confirmation {
    color: #000;
    outline: none;
    border: 1px solid #000;
    -webkit-appearance: none;
    box-sizing: border-box;
    font-weight: normal;
    border-radius: 0px;
}

.c-contact-information__image {
    margin-top: 8%;
}

#contact-form #subject {
    color: #000;
    outline: none;
    border: 1px solid #000;
    -webkit-appearance: none;
    box-sizing: border-box;
    font-weight: normal;
    border-radius: 0;
    line-height: 30px;
}

.field__item h3 {
    font-size: 1.2rem;
    line-height: 1em;
}

.field__item h3 a {
    color: #000;
    float: left;
}

.field__item h3 a::after {
    content: "|";
    margin: 10px;
}

.noi_left {
    float: left;
}

.cach_top_bottom {
    margin-top: 40px;
}

.modal-body a {
    color: #000;
}


/*==============================LANGUAGE+++++++++++++++++++++++++++++++++*/


/* 
^ Styling the drop-down menu for language switcher
* Auther : Fadi Nouh
* URL : https://bluebit.dev
* Repository: https://github.com/bluebits-academy/language-switcher
*/

.logo img {
    width: 100px;
}

.menu_class_menu {
    display: flow-root;
    margin: 5px 0;
}

.menu_class_menu li {
    float: right;
    margin: 0;
    margin-left: 5px;
}

.zeynep .menu_can_giua {
    margin: 0 auto;
    padding: 36%;
    margin-top: -70px;
    margin-bottom: -80px;
    padding-left: 6%;
}

.border_menu_mobile {
    border-bottom: 1px solid rgba(255, 255, 255, 0.12);
}

.gach_flag {
    border-bottom: 1px solid #fff;
}

.kich_co {
    font-size: 20px;
    text-align: center;
    margin-bottom: 40px;
}

.font_icon_new b {
    font-family: montserrat, sans-serif;
    font-weight: 200;
    font-size: 16px;
}


/*============================================*/


/* Style tab links */

.tablink {
    background-color: #fff;
    color: #0b2d25;
    float: left;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 14px 16px;
    font-size: 17px;
    width: 100%;
    box-shadow: inset 1px -1px 20px rgb(232, 128, 18);
    transition: box-shadow .2s ease-in-out;
}

.tablink:hover {
    background-color: rgb(232, 128, 18);
    color: #000;
}

.tablink:focus {
    color: #fff;
}


/* Style the tab content (and add height:100% for full page content) */

.tabcontent {
    color: #0b2d25;
    display: none;
    padding: 50px 20px;
    height: 100%;
}

textarea#noi_dung_commnet,
textarea#noi_dung_question {
    color: #0b2d25;
    border: 1px solid #b1b1b1;
    text-shadow: 0 0 0 #c5c8ca;
}

.m-text-input .label-comt {
    border: 1px solid #b1b1b1;
    border-radius: 5px;
}

label.m-text-input__label {
    top: 10px;
}

.label-lb {
    top: 10px!important;
}

.group-cmt:last-child {
    margin-bottom: 10px;
}

.answer-gr {
    margin-left: 30px;
}

.answer-gr .mar-btm a {
    margin-top: 0;
    margin-bottom: 0;
}

.m-combined-product-name.group-product {
    flex-direction: row;
    max-height: 60px;
    text-align: center;
    height: 60px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.m-combined-product-name__link {
    display: flex;
    flex-direction: column;
    align-items: center;
    flex: 0 0 80%;
    text-decoration: none;
    max-width: 80%;
}

.icon-favorite.a-icon-text-btn__icon {
    flex: 0 0 20%;
    max-width: 100%;
    margin: auto;
}

button.btn.btn-sm.btn-primary.pull-right {
    height: 48px;
    width: 100%;
    background: #0b2d25;
}

.header-v1 .site-header-cart-v2 .cart-content {
    margin-left: calc(100% - 250px);
}

button.btn.btn-sm.btn-primary.pull-right:hover,
button.btn.btn-sm.btn-primary.pull-right:focus {
    color: #fff;
    background-color: #137f62!important;
}

#review-box {
    margin: 0;
}

a.a-anchor:hover {
    color: #ff6214;
}

.m-breadcrumb__item::after {
    content: '>';
    display: inline-block;
    padding: 0 5px;
    color: #0b2d25;
}

.m-breadcrumb__item:last-child::after {
    content: '';
    display: inline-block;
    padding: 0 5px;
    color: #0b2d25;
}

a.a-btn.a-btn--primary.action.update.update_cart_action {
    color: #fff;
}

@media screen and (max-width: 768px) {
    .tabcontent {
        padding: 50px 0;
    }
    .mar-top.clearfix.col-md-4.col-lg-4.col.col-12 {
        padding: 0;
    }
}

.do_cao {
    height: 136px;
}

.m-product-card__add-to-cart-icon {
    width: 100%;
}


/*========================================================*/

.container {
    max-width: 1270px
}

.text strong {
    border-bottom: 1px dashed;
    font-weight: 700
}

.btn.shadow {
    box-shadow: 0 5px 20px rgba(0, 0, 0, .25)
}

.btn.white:hover {
    color: #fff!important
}

.main-slider .slide {
    height: 800px;
    background-position: center;
    position: relative;
    background-size: cover
}

.main-slider .slide .content {
    width: 100%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    text-align: center;
    left: 0
}

.main-slider .content span {
    font-size: 24px;
    line-height: 1.1;
    margin-bottom: 10px;
    display: block;
    color: #fff;
    font-weight: 700
}

.main-slider .title {
    font-size: 80px;
    color: #fff;
    line-height: 1.2;
    margin-bottom: 0;
    text-transform: capitalize;
    font-weight: 600;
    text-shadow: 0 10px 40px rgba(0, 0, 0, .3)
}

.main-slider .sub-title {
    font-size: 24px;
    color: #fff;
    margin-top: 10px;
    margin-bottom: 35px;
    line-height: 1;
    font-weight: 400
}

.main-slider a {
    margin: 0 5px 5px 0
}

.main-slider .owl-next,
.main-slider .owl-prev {
    background: rgba(0, 0, 0, .3);
    color: #fff;
    padding: 30px 5px;
    font-size: 20px;
    transition: all .5s;
    -moz-transition: all .5s;
    -webkit-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s
}

.main-slider .owl-next:hover,
.main-slider .owl-prev:hover {
    background: #fff;
    color: #000
}

.header-style-2 .main-bar:after {
    content: "";
    background-image: url(../images/bg1.png);
    position: absolute;
    bottom: -8px;
    width: 100%;
    height: 8px;
    background-size: 80px;
    background-position: bottom;
    left: 0
}

.header-style-1 .header-nav .nav>li>a span {
    display: block;
    font-weight: 700;
    color: #000;
    line-height: 16px;
    font-size: 12px;
    margin-top: 4px;
    opacity: .6
}

.header-style-1 .header-nav .nav>li>a {
    border: 0!important;
    padding: 40px 12px 20px;
    margin-right: 4px;
    border-radius: 0 0 6px 6px;
    transition: all .5s;
    background: #fff
}

.header-style-1 .header-nav .nav>li.active>a,
.header-style-1 .header-nav .nav>li:hover>a {
    background: #5fcac7;
    color: #fff;
    transition: all .5s
}

.header-style-1 .header-nav .nav>li.active>a span {
    color: #fff
}

.header-style-1 .logo-header {
    padding: 20px 0 18px
}

.header-style-1 .logo-header img {
    max-width: 100%
}

.header-style-1.header-transparent .is-fixed .main-bar {
    background-color: transparent
}

.header-social li {
    display: inline-block;
    margin-left: 0
}

.header-social li a {
    font-size: 16px;
    color: #000;
    line-height: 30px;
    background: #fff;
    padding: 35px 10px 37px;
    border-radius: 0 0 6px 6px;
    display: block;
    width: 40px;
    text-align: center;
    transition: all .5s
}

.header-social li a:hover {
    background-image: linear-gradient(0deg, #945d34, rgba(148, 93, 52, .2));
    transition: all .5s
}

.header-style-1 .extra-nav {
    padding: 0
}

.dlab-bnr-inr {
    text-align: left;
    background-size: cover;
    background-position: center top
}

.dlab-bnr-inr .dlab-bnr-inr-entry {
    vertical-align: middle;
    display: table-cell;
    text-align: center
}

.dlab-bnr-inr .breadcrumb-row {
    background-color: rgba(255, 255, 255, .2);
    padding: 10px 20px 10px;
    border-radius: 6px;
    display: inline-block;
    margin-left: auto;
    margin-right: auto
}

.dlab-bnr-inr .breadcrumb-row ul li a {
    opacity: 1
}

.dlab-bnr-inr .breadcrumb-row ul li {
    font-size: 13px;
    font-weight: 500;
    color: #fff!important
}

.dlab-bnr-inr .breadcrumb-row ul li:after {
    content: "\f101";
    margin-left: 15px;
    font-weight: 500;
    margin-right: 5px
}

.main-slider-one .tp-mask-wrap {
    overflow: unset!important
}

.main-slider-one .tparrows {
    opacity: 0;
    transition: all .5s
}

.main-slider-one:hover .tparrows {
    opacity: 1;
    transition: all .5s
}

.rev-btn .btn.white:hover {
    background-color: #f7f7f7;
    color: #222!important
}

.section-head .icon-bx {
    margin-bottom: 15px
}

.section-head.text-white p {
    color: #fff
}

.section-head p {
    font-weight: 400;
    color: #777;
    font-size: 20px
}

.section-head h2 {
    font-size: 42px;
    line-height: 62px;
    margin-bottom: 0
}

.section-head h3 {
    font-size: 40px;
    font-weight: 600;
    line-height: 1.2;
    margin-bottom: 10px
}

.section-head h4 {
    font-size: 30px;
    line-height: 40px;
    margin-bottom: 5px
}

.section-head .text-bold {
    font-weight: 400;
    color: #aaa;
    font-size: 18px
}

.section-head .main-text {
    font-size: 24px;
    line-height: 1.5;
    max-width: 1000px!important;
    margin-top: 30px
}

.section-head strong {
    font-weight: 700;
    border-bottom: 1px dashed
}

.section-head {
    margin-bottom: 40px
}

.dlab-bnr-inr:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    background-image: url(../images/bg1.png);
    background-size: 80px;
    height: 20px;
    background-position: top;
    background-repeat: repeat-x;
    transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    z-index: 1
}

.bg-line-top:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    background-image: url(../images/bg1.png);
    height: 20px;
    background-position: top;
    background-repeat: repeat-x;
    background-size: 80px
}

.bg-line-bottom:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    background-image: url(../images/bg1.png);
    background-size: 80px;
    height: 20px;
    background-position: top;
    background-repeat: repeat-x;
    transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg)
}

.dlab-separator.style1 {
    width: 60px;
    height: 4px;
    display: block
}

.text-center .dlab-separator.style1 {
    margin-left: auto;
    margin-right: auto
}

.service-area1 {
    position: relative;
    top: -80px
}

.service-box1 {
    margin-bottom: 20px;
    border-radius: 6px;
    box-shadow: 0 10px 35px rgba(0, 0, 0, .2);
    position: relative;
    overflow: hidden;
    height: 500px;
    display: flex;
    align-items: flex-end;
    transition: all .2s ease-in-out;
    background-size: cover;
    z-index: 1
}

.service-box1:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 50%;
    width: 100%;
    background-image: linear-gradient(0deg, #001817, rgba(0, 24, 23, 0))
}

.service-box1 .icon-content {
    padding: 40px 25px;
    z-index: 99;
    position: relative;
    width: 100%
}

.service-box1 .dlab-tilte {
    font-size: 24px;
    line-height: 40px;
    font-weight: 600;
    margin-bottom: 0
}

.service-box1:hover {
    transform: scale(1.06) rotate(-3deg);
    transition: all .22s ease-in-out
}

.service-box1 p {
    color: #fff;
    margin-bottom: 15px;
    font-size: 14px
}

.service-box1 .dlab-separator {
    margin-bottom: 25px
}

.service-area1 .section-head {
    margin: 50px 0 0
}

.service-box2 {
    display: flex;
    align-items: center;
    padding: 20px 0
}

.service-box2 .icon-bx {
    margin-right: 30px
}

.service-box2 .icon-cell img {
    width: 64px;
    max-width: 64px
}

.service-box2 .dlab-tilte {
    font-size: 22px;
    line-height: 30px;
    margin-bottom: 5px
}

.service-box2 p {
    color: #fff
}

.about-thumb {
    background-image: url(../images/pattern.svg);
    padding: 0 0 40px 0;
    margin: 45px 40px 0 0
}

.about-thumb img {
    border-radius: 5px;
    margin: -45px 0 0 40px;
    width: 100%
}

.acod-head a:after {
    font-family: fontawesome;
    content: "\f106";
    font-size: 24px
}

.acod-head a.collapsed:after {
    font-family: fontawesome;
    content: "\f107";
    font-size: 24px
}

.faq-style1 .panel {
    margin-bottom: 10px;
    box-shadow: 0 10px 40px 0 rgba(0, 0, 0, .15)
}

.faq-style1 .acod-head a.collapsed:hover,
.faq-style1 .acod-head:hover a {
    color: #fff
}

.faq-style1 .acod-head a {
    color: #fff;
    background-color: #5fcac7;
    border: 0;
    border-radius: 6px;
    font-size: 20px;
    padding: 20px 40px 20px 25px
}

.faq-style1 .acod-head a:after {
    color: #fff
}

.faq-style1 .acod-head a.collapsed {
    color: #fff;
    background-color: #5fcac7
}

.faq-style1 .acod-head a i {
    margin-right: 10px
}

.faq-style1 .acod-body {
    border: 0;
    margin: 0
}

.faq-style1 .acod-body .acod-content {
    margin: 0;
    background: #fff;
    padding: 20px
}

.faq-style1 .acod-body .acod-content :last-child {
    margin-bottom: 0
}

.faq-style1 .list-check li:before {
    content: "\f00c";
    font-family: fontawesome
}

.faq-style1 .list-check {
    display: inline-flex;
    flex-wrap: wrap
}

.faq-style1 .list-check li {
    width: 33.33%;
    font-size: 14px;
    padding-top: 5px;
    padding-bottom: 5px
}

.faq-style1 .list-check li a {
    color: #000
}

.faq-style1 .alignleft {
    margin: 5px 25px 10px 0
}

.faq-style2 .panel {
    margin-bottom: 10px
}

.faq-style2 .acod-head a {
    background-color: #fff;
    font-size: 18px;
    border-radius: 10px 10px 0 0;
    padding: 20px 40px 20px 25px;
    border: 1px solid rgba(167, 167, 167, .2);
    font-weight: 700
}

.faq-style2 .acod-head a.collapsed {
    border-radius: 10px;
    font-weight: 600
}

.faq-style2 .acod-body {
    border-radius: 0 0 10px 10px;
    background-color: #fff
}

.title-bx {
    margin-bottom: 30px
}

.title-bx h4 {
    font-weight: 600;
    display: inline-block;
    margin-bottom: 0;
    margin-left: 10px;
    font-size: 20px
}

.title-bx .icon-bx-xs {
    background-color: #5fcac7;
    color: #fff;
    display: inline-block
}

.port-box1 {
    position: relative;
    overflow: hidden;
    border-radius: 12px;
    box-shadow: 0 20px 50px 0 rgba(0, 0, 0, .15);
    z-index: 2
}

.port-box1 .dlab-info {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    transition: all .5s
}

.port-box1 .dlab-media {
    background: #5fcac7
}

.port-box1 .dlab-media img {
    transition: all .5s ease 0s;
    transform: scale(1.2);
    -moz-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2)
}

.port-box1 .dlab-info .title {
    margin-bottom: 0;
    padding: 50px 30px 30px;
    background-image: linear-gradient(0deg, #005b5f, rgba(0, 24, 23, 0));
    font-size: 24px;
    line-height: 1.3;
    text-transform: capitalize
}

.port-box1 .dlab-info .hover {
    padding: 30px;
    background-color: #5fcac7;
    transform: translateY(100%);
    width: 100%;
    transition: all .5s
}

.port-box1:hover .dlab-info .hover {
    transform: translateY(0)
}

.port-box1 .dlab-info .hover p {
    margin-bottom: 0
}

.port-box1:hover .hover {
    margin-top: 0;
    transition: all .5s
}

.port-box1:hover .dlab-info {
    bottom: 0
}

.port-box1:hover .dlab-media img {
    transform: translateY(0);
    -moz-transform: translateY(0);
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transition: all .5s ease 0s
}

.counter-style-1 .counter {
    display: inline-block;
    font-weight: 600;
    font-size: 90px;
    line-height: 90px
}

.counter-style-1 .counter-num {
    display: block
}

.counter-style-1 .counter-num small {
    font-size: 50px;
    font-weight: 700
}

.about-area1 {
    background-color: #5fcac7;
    box-shadow: 0 20px 50px 0 rgba(0, 0, 0, .1)
}

.about-area1 .about-bx {
    padding: 45px 80px
}

.about-area1 .about-bx .section-head p {
    font-size: 18px;
    padding-top: 0
}

.about-area1 .about-bx .section-head {
    margin-bottom: 0
}

.about-area1 .about-bx .section-head .icon-bx {
    margin: 40px 0 30px
}

.about-area1 .about-bx p {
    color: #fff
}

.blog-post.blog-grid .dlab-info {
    background-color: #fff
}

.blog-post.blog-grid .post-title {
    font-weight: 600;
    margin-top: 0;
    margin-bottom: 10px;
    font-size: 22px;
    line-height: 1.3
}

.blog-post.blog-rounded {
    border-radius: 4px;
    overflow: hidden;
    box-shadow: 0 10px 40px 0 rgba(0, 0, 0, .1)
}

.blog-post .dlab-info {
    padding: 30px
}

.blog-post .dlab-post-text p {
    font-size: 16px
}

.blog-post .post-author img {
    border-radius: 50%;
    margin-right: 10px
}

.blog-post .post-author a {
    font-weight: 700
}

.blog-post .dlab-post-meta ul li {
    font-size: 14px;
    display: block
}

.blog-post .dlab-post-meta {
    margin-bottom: 10px;
    display: flex;
    align-items: center;
    clear: both
}

.blog-post .dlab-post-meta li.post-date {
    color: #777
}

.blog-post .dlab-post-meta li:after {
    content: none
}

.blog-post .dlab-post-meta .post-author-thumb {
    float: left;
    margin-right: 15px;
    border-radius: 50%;
    overflow: hidden;
    width: 45px
}

.side-bar .widget {
    background-color: rgba(95, 202, 199, .1);
    padding: 30px;
    border-radius: 6px
}

.side-bar .widget .widget-title.style-2 {
    text-transform: capitalize;
    font-size: 20px;
    line-height: 30px;
    border-bottom: 1px solid rgba(167, 167, 167, .2);
    margin-bottom: 20px
}

.side-bar .widget .widget-title.style-2:after {
    content: none
}

.dlab-post-tags .post-tags a,
.widget.widget_tag_cloud .tagcloud a {
    background-color: var(--color-primary);
    border-radius: 4px;
    border: 0;
    color: #fff;
    font-weight: 400;
    padding: 6px 12px;
    margin: 0 4px 8px 0;
    text-transform: capitalize;
    font-size: 12px
}

.search-bx.style-2 .form-control {
    padding: 10px 20px;
    border-radius: 6px;
    border: 0;
    margin-right: 10px;
    height: 50px;
    font-size: 16px
}

.search-bx.style-2 button {
    padding: 10px 20px;
    border-radius: 6px;
    height: 50px
}

.btn.btn1 {
    text-transform: capitalize;
    padding: 4px 16px 4px 4px;
    border-radius: 4px
}

.btn.btn1 i {
    background-color: rgba(0, 0, 0, .26);
    margin-right: 10px;
    border-radius: 4px;
    height: 24px;
    width: 24px;
    line-height: 24px
}

.client-logo:before {
    content: attr(data-name);
    line-height: 24px;
    font-weight: 400;
    color: #fff;
    background-color: #5fcac7;
    border-radius: 4px;
    font-size: 14px;
    padding: 2px 15px;
    opacity: 0;
    transition: all .5s;
    position: absolute;
    left: 50%;
    top: 0;
    transform: translateX(-50%);
    z-index: 99
}

.client-logo:hover:before {
    opacity: 1;
    transition: all .5s;
    top: -40px
}

.client-area1 .client-logo {
    width: 100%;
    display: block;
    padding: 5px;
    border: 1px solid rgba(0, 0, 0, .1);
    border-radius: 6px;
    background-color: #fff
}

.client-area1 .client-logo img {
    transform: rotateY(-360deg);
    transition: all .5s;
    transform-style: preserve-3d;
    width: 100%
}

.client-area1 .client-logo:hover img {
    transform: rotateY(0);
    transition: all .5s
}

.site-footer .footer-top {
    background-color: transparent;
    background-image: linear-gradient(90deg, rgba(0, 0, 0, .5), rgba(0, 0, 0, .5))
}

.site-footer .widget .footer-title {
    font-size: 20px;
    font-weight: 500;
    color: #fff;
    border-bottom: 1px solid rgba(167, 167, 167, .5);
    padding-bottom: 20px;
    margin-bottom: 20px;
    line-height: 20px
}

.site-footer .widget_services li:before {
    color: #fff
}

.site-footer .widget_services li a {
    color: #fff;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px
}

.site-footer .widget p {
    font-size: 16px;
    color: #fff;
    line-height: 30px
}

.site-footer .footer-bottom {
    background-color: #5fcac7;
    border-top: 0
}

.footer-bottom a:hover {
    color: #fff;
    opacity: .8
}

.work-hour-list {
    margin: 30px 0 0
}

.work-hour-list li {
    font-size: 16px;
    color: #fff;
    padding: 15px 0;
    display: flex;
    justify-content: space-between;
    align-items: flex-end
}

.work-hour-list li:last-child {
    padding-bottom: 0
}

.work-hour-list li .timing {
    margin: 0 0 0 10px;
    white-space: nowrap
}

.work-hour-list li span {
    line-height: 12px
}

.work-hour-list li .day {
    position: relative;
    margin: 0;
    width: 100%;
    display: flex;
    align-items: flex-end
}

.work-hour-list li .day:after {
    content: "";
    height: 1px;
    width: 100%;
    display: block;
    border-bottom: 1px dashed rgba(255, 255, 255, .4)
}

.work-hour-list li .day span {
    webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin-right: 10px;
    position: relative
}

.widget_getintuch li {
    padding-left: 45px;
    margin-bottom: 5px
}

.widget_getintuch ul li i {
    background-color: #fff;
    color: #5fcac7;
    height: 35px;
    width: 35px;
    border-radius: 50px;
    font-size: 18px;
    line-height: 35px;
    margin-right: 10px;
    transition: all .8s
}

.widget_getintuch ul li p {
    margin-bottom: 0;
    padding: 12px 0;
    line-height: 20px!important
}

.widget_getintuch ul li:hover i {
    transform: scale(1.1);
    transition: all .8s;
    color: #fff
}

.recent-posts-entry .widget-post {
    display: flex;
    align-items: center;
    border-bottom: 1px solid rgba(167, 167, 167, .2);
    padding-bottom: 10px
}

.recent-posts-entry .widget-post:last-child {
    border-bottom: 0;
    padding-bottom: 0
}

.recent-posts-entry .dlab-post-info {
    padding-left: 20px
}

.btnhover {
    overflow: hidden;
    position: relative;
    z-index: 1;
    color: #000;
}

.btnhover:visited {
    text-decoration: none;
    display: block;
    margin: 10px 0;
    color: #000;
}

.text-primary {
    color: #0b2d25 !important;
}

.pading_about {
    padding: 9rem !important;
}

.can_trai_phai {
    padding: 0 9rem;
}

@media screen and (max-width:768px) {
    .pading_about {
        padding: 0rem 1rem !important;
    }
    .can_trai_phai {
        padding: 0 1rem;
    }
}

@media screen and (max-width:1440px) {
    .can_trai_phai {
        padding: 0 1rem;
    }
    .pading_about {
        padding: 8 rem 2rem !important;
    }
    .header-v1 .header-phone-numbers {
        padding-left: 0 !important;
        padding-right: 32px !important;
    }
}

.btnhover:after {
    content: "";
    position: absolute;
    height: 100%;
    width: 20%;
    background: #fff;
    left: 0;
    top: 0;
    z-index: -1;
    transition: all .5s;
    -moz-transition: all .5s;
    -webkit-transition: all .8s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transform-origin: left;
    -moz-transform-origin: left;
    -webkit-transform-origin: left;
    -ms-transform-origin: left;
    -o-transform-origin: left;
    transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    opacity: .2
}

.btnhover:hover:after {
    width: 100%;
    transform-origin: right;
    -moz-transform-origin: right;
    -webkit-transform-origin: right;
    -ms-transform-origin: right;
    -o-transform-origin: right;
    transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -webkit-transform: translateX(100%);
    -o-transform: translateX(100%)
}

.subscribe-box .modal-content {
    padding: 60px 40px;
    border-radius: 20px;
    max-width: 550px;
    width: 550px;
    border: 0
}

.subscribe-box .modal-header {
    background: 0 0;
    flex-direction: column;
    text-align: center;
    padding: 0;
    border: 0
}

.subscribe-box .modal-header .modal-title {
    color: #111854;
    margin: 0 0 5px 0;
    font-size: 32px;
    font-weight: 600;
    display: block;
    width: 100%
}

.subscribe-box .modal-header p {
    font-size: 16px;
    line-height: 24px;
    color: #70738d;
    margin-bottom: 35px
}

.subscribe-box .modal-header .close {
    margin: 0;
    font-weight: 200;
    font-size: 45px;
    opacity: .5;
    position: absolute;
    line-height: 45px;
    padding: 0;
    right: 25px;
    top: 20px
}

.subscribe-box .modal-body {
    padding: 0
}

.subscribe-box .modal-footer {
    padding: 0;
    border: 0;
    text-align: center;
    display: block
}

.subscribe-box .form-control {
    border: 2px solid #5fcac7;
    height: 50px;
    font-size: 16px;
    font-weight: 400;
    padding: 10px 20px;
    border-radius: 8px
}

.subscribe-box .form-control.radius-no {
    border-radius: 0
}

.subscribe-box .modal-header img {
    margin: -10px auto -5px;
    -webkit-animation: ring 8s .7s ease-in-out infinite;
    -webkit-transform-origin: 50% 4px;
    -moz-animation: ring 8s .7s ease-in-out infinite;
    -moz-transform-origin: 50% 4px;
    animation: ring 8s .7s ease-in-out infinite
}

@-webkit-keyframes ring {
    0% {
        -webkit-transform: rotateZ(0)
    }
    1% {
        -webkit-transform: rotateZ(30deg)
    }
    3% {
        -webkit-transform: rotateZ(-28deg)
    }
    5% {
        -webkit-transform: rotateZ(34deg)
    }
    7% {
        -webkit-transform: rotateZ(-32deg)
    }
    9% {
        -webkit-transform: rotateZ(30deg)
    }
    11% {
        -webkit-transform: rotateZ(-28deg)
    }
    13% {
        -webkit-transform: rotateZ(26deg)
    }
    15% {
        -webkit-transform: rotateZ(-24deg)
    }
    17% {
        -webkit-transform: rotateZ(22deg)
    }
    19% {
        -webkit-transform: rotateZ(-20deg)
    }
    21% {
        -webkit-transform: rotateZ(18deg)
    }
    23% {
        -webkit-transform: rotateZ(-16deg)
    }
    25% {
        -webkit-transform: rotateZ(14deg)
    }
    27% {
        -webkit-transform: rotateZ(-12deg)
    }
    29% {
        -webkit-transform: rotateZ(10deg)
    }
    31% {
        -webkit-transform: rotateZ(-8deg)
    }
    33% {
        -webkit-transform: rotateZ(6deg)
    }
    35% {
        -webkit-transform: rotateZ(-4deg)
    }
    37% {
        -webkit-transform: rotateZ(2deg)
    }
    39% {
        -webkit-transform: rotateZ(-1deg)
    }
    41% {
        -webkit-transform: rotateZ(1deg)
    }
    43% {
        -webkit-transform: rotateZ(0)
    }
    100% {
        -webkit-transform: rotateZ(0)
    }
}

@-moz-keyframes ring {
    0% {
        -moz-transform: rotate(0)
    }
    1% {
        -moz-transform: rotate(30deg)
    }
    3% {
        -moz-transform: rotate(-28deg)
    }
    5% {
        -moz-transform: rotate(34deg)
    }
    7% {
        -moz-transform: rotate(-32deg)
    }
    9% {
        -moz-transform: rotate(30deg)
    }
    11% {
        -moz-transform: rotate(-28deg)
    }
    13% {
        -moz-transform: rotate(26deg)
    }
    15% {
        -moz-transform: rotate(-24deg)
    }
    17% {
        -moz-transform: rotate(22deg)
    }
    19% {
        -moz-transform: rotate(-20deg)
    }
    21% {
        -moz-transform: rotate(18deg)
    }
    23% {
        -moz-transform: rotate(-16deg)
    }
    25% {
        -moz-transform: rotate(14deg)
    }
    27% {
        -moz-transform: rotate(-12deg)
    }
    29% {
        -moz-transform: rotate(10deg)
    }
    31% {
        -moz-transform: rotate(-8deg)
    }
    33% {
        -moz-transform: rotate(6deg)
    }
    35% {
        -moz-transform: rotate(-4deg)
    }
    37% {
        -moz-transform: rotate(2deg)
    }
    39% {
        -moz-transform: rotate(-1deg)
    }
    41% {
        -moz-transform: rotate(1deg)
    }
    43% {
        -moz-transform: rotate(0)
    }
    100% {
        -moz-transform: rotate(0)
    }
}

@keyframes ring {
    0% {
        transform: rotate(0)
    }
    1% {
        transform: rotate(30deg)
    }
    3% {
        transform: rotate(-28deg)
    }
    5% {
        transform: rotate(34deg)
    }
    7% {
        transform: rotate(-32deg)
    }
    9% {
        transform: rotate(30deg)
    }
    11% {
        transform: rotate(-28deg)
    }
    13% {
        transform: rotate(26deg)
    }
    15% {
        transform: rotate(-24deg)
    }
    17% {
        transform: rotate(22deg)
    }
    19% {
        transform: rotate(-20deg)
    }
    21% {
        transform: rotate(18deg)
    }
    23% {
        transform: rotate(-16deg)
    }
    25% {
        transform: rotate(14deg)
    }
    27% {
        transform: rotate(-12deg)
    }
    29% {
        transform: rotate(10deg)
    }
    31% {
        transform: rotate(-8deg)
    }
    33% {
        transform: rotate(6deg)
    }
    35% {
        transform: rotate(-4deg)
    }
    37% {
        transform: rotate(2deg)
    }
    39% {
        transform: rotate(-1deg)
    }
    41% {
        transform: rotate(1deg)
    }
    43% {
        transform: rotate(0)
    }
    100% {
        transform: rotate(0)
    }
}

.dlab-team1 .thumb img {
    border-radius: 6px;
    width: 100%
}

.dlab-team1 .team-info {
    margin-top: 20px
}

.dlab-team1 .team-info .name {
    font-size: 20px;
    line-height: 30px;
    font-weight: 500;
    margin-bottom: 5px
}

.dlab-team1 .team-info .position {
    margin-bottom: 0;
    color: #999;
    font-size: 15px;
    line-height: 25px
}

.dlab-team1 .thumb {
    position: relative;
    overflow: hidden;
    border-radius: 6px;
    box-shadow: 0 20px 50px 0 rgba(0, 0, 0, .15)
}

.dlab-team1 .thumb:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    background: #5fcac7;
    height: 100%;
    width: 100%;
    opacity: 0;
    transition: all .5s
}

.dlab-team1 .social-link {
    position: absolute;
    margin: 0;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 99;
    opacity: 0;
    transition: all .5s;
    width: 100%;
    text-align: center
}

.dlab-team1 .social-link li {
    display: inline-block
}

.dlab-team1 .social-link li a {
    display: block;
    background-color: #fff;
    width: 45px;
    height: 45px;
    text-align: center;
    line-height: 45px;
    border-radius: 6px;
    font-size: 18px;
    margin: 0 2px
}

.dlab-team1 .social-link li a:hover {
    color: #000;
    background: #fff
}

.dlab-team1:hover .thumb:after {
    opacity: .8;
    transition: all .5s
}

.dlab-team1:hover .social-link {
    opacity: 1
}

.menu-list li {
    display: block;
    color: #000;
    padding: 18px 0
}

.menu-list .menu-item {
    display: flex;
    justify-content: space-between;
    align-items: flex-end
}

.menu-list .menu-item .title {
    color: #000;
    font-size: 20px;
    position: relative;
    display: flex;
    align-items: flex-end;
    line-height: 20px;
    margin-bottom: 0;
    width: 100%;
    text-transform: capitalize
}

.menu-list .menu-item .title span {
    webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin-right: 15px;
    position: relative
}

.menu-list .menu-item .title:after {
    content: "";
    height: 1px;
    width: 100%;
    display: block;
    border-bottom: 1px dashed rgba(0, 0, 0, .4)
}

.menu-list .menu-item .price {
    color: var(--color-primary);
    margin-bottom: 0;
    margin-left: 15px;
    line-height: 20px;
    font-weight: 600;
    font-size: 20px;
    white-space: nowrap
}

.menu-list .description {
    margin: 10px 0 0;
    color: #a7a7a7;
    font-size: 14px;
    line-height: 24px
}

.menu-list .menu-item .title span i {
    margin-right: 8px;
    font-size: 24px;
    color: var(--color-primary);
    line-height: 24px;
    position: relative;
    top: 3px
}

.menu-list .menu-item small {
    font-size: 12px;
    line-height: 12px;
    background-color: var(--color-primary);
    margin-top: 10px;
    display: block;
    position: absolute;
    right: -70px;
    padding: 5px 6px;
    border-radius: 3px;
    top: -20px;
    color: #fff
}

.contact-form .form-group label {
    color: #000;
    font-weight: 500;
    margin: 0 0 5px 0
}

.contact-form .form-group textarea {
    height: 160px!important
}

.contact-form .form-group .btn.dropdown-toggle.btn-default:active,
.contact-form .form-group .btn.dropdown-toggle.btn-default:focus,
.contact-form .form-group .btn.dropdown-toggle.btn-default:hover {
    color: #999
}

.contact-form .content-info li {
    padding: 10px 0;
    color: #fff;
    display: flex;
    align-items: center
}

.contact-form .content-info li i {
    font-size: 24px;
    margin-right: 15px
}

.contact-form .social-list li a {
    font-size: 22px
}

.social-list li {
    display: inline-block
}

.social-list li a:hover {
    color: #fff
}

.social-list li a {
    height: 50px;
    width: 50px;
    border-radius: 50px;
    text-align: center;
    line-height: 50px;
    font-size: 20px;
    display: block
}

.shop-result-count span {
    color: #fff;
    background-color: rgba(255, 255, 255, .03);
    padding: 8px 30px;
    border-radius: 6px;
    font-size: 14px;
    line-height: 24px;
    display: table
}

.shop-result-select {
    float: right
}

.shop-result-select select {
    padding: 10px 20px;
    border-radius: 6px
}

.shop-item .item-title {
    margin-bottom: 10px;
    font-weight: 600
}

.shop-item .item-info {
    padding-top: 15px;
    margin-bottom: 40px
}

.shop-item .item-img {
    background-color: #fff;
    padding: 20px 5px;
    border-radius: 6px;
    box-shadow: 0 30px 30px -10px rgba(0, 0, 0, .1)
}

.shop-item .price,
.shop-item .sale {
    color: #5fcac7;
    background-color: rgba(95, 202, 199, .1);
    padding: 5px 10px;
    border-radius: 6px;
    position: absolute;
    top: 15px;
    display: table;
    font-weight: 600
}

.shop-item .sale {
    left: 15px;
    font-size: 14px;
    height: 24px
}

.shop-item .price {
    right: 15px;
    font-weight: 500
}

.shop-item .price del {
    font-size: 12px;
    opacity: .5;
    margin-right: 3px
}

.shop-item:hover .item-info .btn {
    opacity: 1;
    transition: all .5s
}

.related-products .title {
    border-bottom: 1px solid rgba(167, 167, 167, .2);
    font-size: 26px;
    font-weight: 600;
    padding: 0 0 15px;
    margin: 0 0 30px
}

.dz-col {
    max-width: 20%;
    flex: 0 0 20%
}

.shop-item.style2 {
    background: #fff;
    border: 2px solid rgba(0, 0, 0, .1);
    border-radius: 10px;
    overflow: hidden
}

.shop-item.style2 .item-info {
    margin-bottom: 0;
    padding: 5px 20px 30px 20px;
    position: relative;
    background: #fff;
    transition: all .5s;
    -moz-transition: all .5s;
    -webkit-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s
}

.shop-item.style2:hover .item-info {
    transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    padding: 15px 20px 15px 20px
}

.shop-item.style2 .price {
    min-height: 39px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    font-size: 20px;
    position: unset;
    background: 0 0;
    padding: 0;
    font-weight: 600;
    margin-bottom: 0;
    line-height: 1;
    transition: all .5s;
    -moz-transition: all .5s;
    -webkit-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
}

.shop-item.style2 .price del {
    font-size: 22px;
    opacity: 1;
    margin-right: 10px;
    color: #999;
    font-weight: 400
}

.shop-item.style2 .item-title {
    margin-bottom: 10px;
    font-weight: 600;
    font-size: 22px;
    text-transform: capitalize;
    line-height: 1.3
}

.shop-item.style2 .item-info .cart-btn {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 200%;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    left: 0;
    border-top: 2px solid rgba(0, 0, 0, .1);
    opacity: 0;
    transition: all .5s;
    -moz-transition: all .5s;
    -webkit-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s
}

.shop-item.style2:hover .item-info .cart-btn {
    opacity: 1;
    top: 100%
}

.woo-entry .product-gallery .dlab-box .dlab-thum-bx img {
    width: 100%
}

.woo-entry .product-gallery {
    position: relative;
    border-radius: 6px;
    overflow: hidden;
    margin-right: 0;
    border: 2px solid rgba(95, 202, 199, .3)
}

.woo-entry .product-gallery .check-km {
    position: absolute;
    top: 15px;
    right: 15px;
    font-size: 20px;
    color: #000;
    z-index: 9;
    width: 36px;
    height: 36px;
    line-height: 36px;
    background: #fff;
    border-radius: 100%;
    text-align: center;
    display: block
}

.woo-entry .post-title {
    font-size: 30px;
    font-weight: 600;
    line-height: 40px;
    margin-top: 0;
    margin-bottom: 15px
}

.woo-entry .item-price {
    font-size: 28px;
    font-weight: 400
}

.woo-entry .rating-bx i {
    margin: 0
}

.woo-entry .shop-item-tage span {
    font-weight: 400
}

.woo-entry .shop-item-tage a {
    font-weight: 400;
    background: rgba(167, 167, 167, .12);
    padding: 4px 8px;
    border-radius: 4px;
    margin: 4px 0;
    display: inline-block;
    color: #000;
    font-size: 13px
}

.woo-entry .btn-quantity {
    display: inline-block;
    margin-right: 30px;
    width: 80px
}

.woo-entry .bootstrap-touchspin .input-group-btn-vertical i {
    color: #000;
    top: 7px
}

.product-description .tab-content {
    padding: 25px;
    border: 2px solid #5fcac7;
    border-radius: 0 6px 6px 6px;
    background: #fff
}

.product-description .nav-tabs li a {
    font-size: 16px;
    font-weight: 500;
    padding: 15px 20px;
    line-height: 16px;
    border: 0!important;
    color: #000;
    background-color: rgba(95, 202, 199, .1);
    border-radius: 4px 4px 0 0
}

.product-description .nav-tabs li {
    margin-right: 10px
}

.product-description .nav-tabs li a.active,
.product-description .nav-tabs li a.active:focus,
.product-description .nav-tabs li a.active:hover,
.product-description .nav-tabs li a:focus,
.product-description .nav-tabs li a:hover {
    background: #5fcac7;
    color: #fff
}

.tabs-btn .nav-tabs {
    border: 0
}

.product-description ol.commentlist {
    margin-bottom: 40px
}

.product-description ol.commentlist li .meta {
    color: #999;
    font-size: 12px;
    font-weight: 600
}

.product-description ol.commentlist li .meta strong {
    font-size: 18px;
    font-weight: 500;
    margin-right: 5px;
    color: #000
}

.product-description ol.commentlist li .comment-text {
    padding-left: 30px
}

.product-description .comment-form [class*=comment-form] input,
.product-description .comment-form [class*=comment-form] textarea {
    border-radius: 6px
}

.product-description .nav-tabs {
    border-bottom: 0
}

blockquote:before {
    content: none
}

blockquote.blockquote-left {
    margin: 0 20px 0 0
}

.blog-post.blog-single .post-title {
    font-weight: 600
}

.blog-post.blog-single .dlab-post-text p {
    font-size: 16px
}

ol.comment-list {
    margin-bottom: 50px
}

.comments-area .comments-title {
    text-transform: capitalize;
    font-size: 24px;
    line-height: 34px
}

ol.comment-list li.comment .comment-body {
    margin-left: 0;
    border: 1px solid #eee;
    padding: 30px;
    margin-bottom: 15px
}

ol.comment-list li.comment .comment-body:after,
ol.comment-list li.comment .comment-body:before {
    content: none
}

ol.comment-list li .children {
    margin-left: 30px
}

ol.comment-list li.comment .comment-author .avatar {
    position: relative;
    left: 0;
    top: 0;
    border: 0;
    height: 40px;
    width: 40px;
    margin-right: 10px
}

ol.comment-list li.comment .comment-author .says {
    display: none;
    opacity: .9;
    font-weight: 500
}

ol.comment-list li.comment .comment-author .fn {
    font-weight: 600;
    font-size: 16px
}

ol.comment-list li.comment .comment-meta a {
    font-size: 14px;
    color: #000;
    opacity: .5
}

ol.comment-list li.comment .comment-meta {
    float: right
}

ol.comment-list li.comment .comment-author {
    margin-bottom: 15px
}

ol.comment-list li.comment .reply a {
    background-color: #5fcac7;
    padding: 7px 12px;
    border: 0;
    color: #fff!important;
    border-radius: 3px;
    font-size: 14px;
    margin-top: 10px
}

.comment-respond {
    padding: 0;
    border: 0
}

.comments-area .comment-form p input[type=text],
.comments-area .comment-form p textarea {
    height: 50px;
    padding: 8px 25px 8px 25px
}

.comments-area .comment-form p textarea {
    height: 150px
}

.comments-area .comment-form p label {
    display: block;
    line-height: 18px;
    margin-bottom: 10px;
    font-weight: 500
}

.comment-respond .form-submit .submit {
    border: 0;
    padding: 12px 20px;
    border-radius: 6px;
    line-height: 14px;
    color: #fff;
    font-size: 14px
}

.comment-respond .comment-reply-title {
    text-transform: capitalize;
    font-size: 24px;
    margin-bottom: 5px;
    font-weight: 600
}

.related-post .post-title {
    font-size: 20px;
    font-weight: 700;
    line-height: 30px
}

.related-post .dlab-post-meta ul li {
    font-size: 14px
}

.one-page-layout .sidenav.full-page {
    left: 0;
    width: 280px;
    padding: 0
}

.one-page-layout .sidenav.full-page .closebtn {
    display: none
}

.one-page-layout .sidenav.full-page:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(61, 56, 51, .9);
    background-image: -webkit-linear-gradient(90deg, rgba(61, 56, 51, 0), #3d3833);
    background-image: linear-gradient(0deg, rgba(61, 56, 51, 0), #3d3833)
}

.one-page-layout .sidenav.full-page .logo-header {
    padding: 0 60px
}

.one-page-layout .sidenav.full-page .logo-header img {
    max-width: 100%
}

.one-page-layout .sidenav.full-page .logo-header a {
    text-align: center;
    display: block;
    border-bottom: 1px solid hsla(0, 0%, 100%, .2);
    padding: 0 0 30px
}

.one-page-layout .sidenav.full-page .footer-menu {
    border-top: 1px solid hsla(0, 0%, 100%, .2);
    margin: 0 60px;
    padding: 30px 0 20px;
    text-align: center
}

.one-page-layout .sidenav.full-page .nav {
    padding: 20px 0
}

.one-page-layout .sidenav.full-page .nav li {
    display: block;
    text-align: center;
    width: 100%;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 1px
}

.one-page-layout .sidenav.full-page .nav li a {
    color: #fff;
    padding: 15px;
    line-height: 16px
}

.one-page-layout .sidenav.full-page .copyright,
.one-page-layout .sidenav.full-page .copyright-text {
    color: #fff;
    font-size: 11px;
    margin: 20px 0 0;
    line-height: 20px
}

.one-page-layout .sidenav.full-page .copyright-text {
    opacity: .5;
    margin-top: 0
}

.one-page-layout .sidenav.full-page .copyright-text span {
    text-decoration: underline
}

.one-page-layout .sidenav.full-page .dez-sidenav-area {
    z-index: 99
}

.one-page-layout .sidenav.full-page .footer-social li a {
    color: #fff;
    font-size: 18px;
    margin: 2px
}

.one-page-layout #main {
    margin-left: 280px
}

.one-page-layout .contant-block {
    padding-left: 30px;
    padding-right: 30px;
    position: relative;
    z-index: 1
}

.about-area1 img {
    height: 100%;
    object-fit: cover
}

.modal-backdrop {
    z-index: 999999
}

.modal {
    z-index: 1000000
}

.header-nav .logo-header {
    display: none
}

.header-phone-no {
    position: relative;
    padding-left: 70px
}

.header-phone-no img {
    width: 58px;
    position: absolute;
    left: 0;
    top: 0
}

.header-phone-no span {
    color: #fff;
    text-transform: uppercase;
    font-size: 14px;
    letter-spacing: .2px
}

.header-phone-no h2 {
    margin: 0;
    color: #fff;
    font-weight: 600;
    font-size: 30px;
    line-height: 35px
}

.pizza-btn-close {
    color: #fff;
    position: absolute;
    right: 0;
    font-size: 50px;
    font-weight: 100;
    top: 0;
    line-height: .5;
    top: 45%;
    transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    cursor: pointer;
    opacity: .8
}

.pizza-header .logo-header {
    height: 90px;
    width: 200px
}

.pizza-header .extra-nav {
    height: 90px;
    display: flex;
    align-items: center
}

.menu-btn {
    width: 30px;
    height: 30px;
    position: relative;
    margin-left: 30px;
    cursor: pointer
}

.menu-btn span {
    position: absolute;
    width: 6px;
    height: 6px;
    background: #fff;
    margin-left: -3px;
    border-radius: 4px;
    transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -webkit-transition: all .5s;
    -o-transition: all .5s
}

.menu-btn span:first-child {
    left: 50%
}

.menu-btn span:nth-child(2n) {
    top: 50%;
    left: 50%;
    margin-top: -3px
}

.menu-btn span:last-child {
    bottom: 0;
    left: 50%
}

.menu-btn span:after,
.menu-btn span:before {
    content: "";
    width: inherit;
    height: inherit;
    background: inherit;
    position: inherit;
    border-radius: inherit;
    transition: inherit;
    -moz-transition: inherit;
    -ms-transition: inherit;
    -webkit-transition: inherit;
    -o-transition: inherit
}

.menu-btn span:before {
    left: -12px
}

.menu-btn span:after {
    right: -12px
}

.pizza-header .dlab-social-icon {
    margin-left: 20px
}

.pizza-header .dlab-social-icon li a {
    font-size: 14px;
    background: rgba(255, 255, 255, .2);
    border-radius: 28px;
    padding: 0;
    line-height: 28px;
    width: 28px;
    height: 28px;
    margin-right: 5px
}

.pizza-header .main-bar {
    border-bottom: 1px solid rgba(255, 255, 255, .2)
}

.adv-box {
    margin-bottom: 30px;
    position: relative;
    overflow: hidden
}

.adv-box img {
    width: 100%
}

.adv-box:after {
    content: "";
    width: 20px;
    height: 140%;
    background: #fff;
    position: absolute;
    left: -25%;
    transform: rotate(25deg);
    -moz-transform: rotate(25deg);
    -webkit-transform: rotate(25deg);
    -ms-transform: rotate(25deg);
    -o-transform: rotate(25deg);
    top: -20%;
    opacity: .2;
    transition: all .5s;
    -moz-transition: all .5s;
    -webkit-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s
}

.adv-box:hover:after {
    left: 125%
}

.menu-list-2 {
    margin: 0 -20px;
    padding: 0;
    list-style: none;
    display: flex;
    flex-wrap: wrap
}

.menu-list-2 li p {
    margin-bottom: 0;
    font-size: 15px;
    color: #444;
    font-weight: 400;
    line-height: 1.5
}

.menu-list-2 li {
    display: block;
    flex: 50%;
    padding: 0 20px;
    max-width: 50%;
    margin-bottom: 25px
}

.menu-list-2 li .info-price .price {
    color: var(--color-primary);
    font-size: 18px;
    font-weight: 600
}

.menu-list-2 li .info-price .title {
    font-size: 18px;
    color: #000;
    font-weight: 600;
    margin-bottom: 0
}

.menu-list-2 li .info-price .line {
    height: 1px;
    border-bottom: 2px dotted #000;
    margin-right: 5px;
    margin-left: 5px;
    display: flex;
    flex: 1
}

.menu-list-2 li .info-price {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    margin-bottom: 5px
}

.section-head.style-2 {
    margin-bottom: 30px
}

.section-head.style-2 .sub-title {
    font-size: 14px;
    color: var(--color-primary);
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 1px;
    margin-bottom: 5px;
    line-height: 1
}

.section-head.style-2 .title {
    font-size: 45px;
    line-height: 1.3
}

.pizza-items {
    display: flex;
    flex-wrap: wrap;
    border: 0
}

.pizza-items .item {
    flex: 0 0 20%;
    max-width: 24%
}

.nav-tabs.pizza-items .item-icon-box {
    color: #fff;
    text-align: center;
    padding: 50px 20px;
    display: block;
    position: relative;
    background: 0 0;
    border: 0;
    border-radius: 0
}

.item-icon-box span {
    font-size: 14px;
    display: block;
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: 1px
}

.item-icon-box i {
    font-size: 35px;
    line-height: 1;
    display: block;
    margin-bottom: 10px
}

.item-icon-box:after {
    content: "";
    width: 2px;
    height: 60px;
    position: absolute;
    background: #fff;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    opacity: 1
}

li:last-child .item-icon-box:after {
    content: none
}

.pizza-full-menu .tab-content>.active {
    display: flex
}

.testimonial-1 .testimonial-text {
    max-width: 850px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px
}

.testimonial-1 .testimonial-pic {
    width: 90px;
    height: 90px
}

.testimonial-1 .testimonial-text p {
    font-size: 22px;
    line-height: 1.5;
    font-weight: 400;
    opacity: .7
}

.testimonial-1 .testimonial-name {
    font-size: 20px;
    font-weight: 600
}

.newslatter input {
    height: 50px;
    border: 0;
    border-radius: 40px 0 0 40px!important;
    font-size: 16px;
    padding: 10px 30px
}

.newslatter .input-group-append {
    background: #fff;
    padding: 2px;
    border-radius: 0 40px 40px 0
}

.pizza-footer {
    background: #2c2c2c
}

.pizza-footer .dlab-social-icon li a {
    width: 40px;
    height: 40px;
    line-height: 34px;
    opacity: .4;
    margin: 0 4px;
    display: block
}

.pizza-footer {
    text-align: center
}

.pizza-footer .widget-link {
    margin-bottom: 15px
}

.pizza-footer .logo-footer {
    margin-left: auto;
    margin-right: auto;
    margin-top: 0;
    margin-bottom: 25px;
    width: 160px
}

.pizza-footer .dlab-social-icon {
    display: inline-block;
    padding: 0;
    text-align: center;
    margin-bottom: 0
}

.pizza-footer .dlab-social-icon li a:hover {
    opacity: 1
}

.pizza-footer .copyright {
    color: #999;
    margin-bottom: 20px;
    margin-top: 0
}

.fc-button.fc-state-default {
    border-radius: 4px;
    border: 0 solid;
    color: #fff;
    height: auto;
    margin: 0 1px;
    padding: 10px 15px;
    text-shadow: unset;
    text-transform: capitalize
}

.fc-state-default {
    background-image: unset
}

.fc-button.fc-state-active,
.fc-button.fc-state-default:hover,
.fc-button.fc-state-down {
    box-shadow: none
}

.fc-day-header.fc-widget-header {
    border-color: rgba(255, 255, 255, .2);
    color: #fff;
    padding: 14px
}

.fc-row table {
    margin-bottom: 0!important
}

.fc-widget-content .fc-event {
    border: 0;
    border-radius: 0;
    padding: 5px 10px
}

.fc-unthemed .fc-content,
.fc-unthemed .fc-divider,
.fc-unthemed .fc-list-heading td,
.fc-unthemed .fc-list-view,
.fc-unthemed .fc-popover,
.fc-unthemed .fc-row,
.fc-unthemed tbody,
.fc-unthemed td,
.fc-unthemed th,
.fc-unthemed thead {
    border-color: rgba(0, 0, 0, .1)
}

td.fc-event-container {
    color: #fff
}

.table-responsive {
    overflow-x: unset
}

.h100 {
    height: 100%
}

.blog-md .dlab-post-info .post-title {
    font-weight: 600
}

.no-line.dlab-bnr-inr:before {
    content: none
}

.header-basic .extra-nav {
    margin-left: 20px
}

.header-basic .logo-header {
    height: 76px
}

.header-basic .header-nav .nav>li>a {
    padding: 28px 12px 28px 12px
}

.service-box3 {
    border-radius: 6px;
    margin-bottom: 30px;
    padding: 20px 10px;
    box-shadow: 0 10px 40px -15px #e7272d;
    transition: all .5s;
    -moz-transition: all .5s;
    -webkit-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s
}

.service-box3:hover {
    transform: scale(1.1);
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1)
}

.service-box3 .dlab-tilte {
    margin-bottom: 0;
    font-size: 20px;
    font-weight: 500
}

.service-box3 .dlab-tilte a {
    color: #fff
}

.service-box3 .icon-lg {
    width: 60px;
    height: 60px;
    line-height: 60px
}

.bnr3.banner-content {
    margin-bottom: 40px
}

.bnr3.banner-content .title {
    font-size: 60px;
    line-height: 1.2;
    font-weight: 700;
    margin-bottom: 10px
}

.bnr3.banner-content p {
    font-size: 18px;
    color: #888;
    font-style: italic;
    margin-bottom: 20px
}

.service-list-area {
    margin-right: -140px;
    position: relative;
    z-index: 1
}

.food-banner {
    padding: 60px 0
}

.food-banner .food-slide-img {
    height: 750px;
    object-fit: cover;
    width: 100%
}

.food-about {
    position: relative;
    z-index: 1
}

.img-frame {
    padding: 10px;
    background: #fff
}

.food-about:after {
    content: "";
    width: 50%;
    height: 100%;
    position: absolute;
    background: var(--color-primary);
    right: 0;
    top: 0;
    z-index: -1
}

.food-head.section-head h2 {
    font-size: 40px;
    line-height: 1.2;
    margin-bottom: 15px
}

.food-head.section-head p {
    font-size: 16px;
    color: #888;
    line-height: 1.5;
    font-weight: 400
}

.food-head.text-white p {
    color: #fff;
    opacity: .8
}

.gallery-box-1 .overlay-icon a i,
.gallery-box-1 .overlay-icon span i {
    background-color: inherit
}

.gallery-box-1 .overlay-icon a,
.gallery-box-1 .overlay-icon span {
    width: 45px;
    height: 45px;
    background: #fff;
    display: inline-block;
    line-height: 45px;
    color: #000;
    font-size: 16px;
    border-radius: 45px;
    cursor: pointer
}

.service-box-4 {
    background: #fff;
    padding: 40px 30px
}

.service-box-4 .icon-lg i {
    font-size: 80px
}

.service-box-4 .icon-lg {
    height: 80px;
    line-height: 80px
}

.service-box-4 p {
    font-size: 18px;
    line-height: 1.5;
    color: #777
}

.service-box-4 .dlab-tilte {
    font-size: 24px;
    font-weight: 600
}

.service-box-4 .dlab-tilte,
.service-box-4 .icon-lg i,
.service-box-4 p {
    transition: all .5s;
    -moz-transition: all .5s;
    -webkit-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s
}

.service-box-4:hover .dlab-tilte,
.service-box-4:hover .icon-lg i,
.service-box-4:hover p {
    color: #fff
}

.box-aware {
    position: relative;
    overflow: hidden;
    z-index: 1
}

.box-aware .aware {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-radius: 50%;
    background-color: var(--color-primary);
    transition: width .4s ease-in-out, height .4s ease-in-out;
    -moz-transition: width .4s ease-in-out, height .4s ease-in-out;
    -webkit-transition: width .4s ease-in-out, height .4s ease-in-out;
    -ms-transition: width .4s ease-in-out, height .4s ease-in-out;
    -o-transition: width .4s ease-in-out, height .4s ease-in-out;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    z-index: -1
}

.box-aware:hover .aware {
    width: 300%;
    height: 300%
}

.customers-pic {
    max-width: 300px;
    margin-left: auto;
    margin-right: auto;
    display: block;
    margin-bottom: 20px;
    border-radius: 100%
}

.testimonial-box {
    padding: 30px;
    margin-bottom: 20px;
    transition: all .5s;
    -moz-transition: all .5s;
    -webkit-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s
}

.testimonial-box .testimonial-detail,
.testimonial-box .testimonial-text {
    padding: 0
}

.testimonial-box .quote-left {
    position: unset;
    font-size: 40px;
    line-height: 1;
    color: var(--color-primary);
    margin-bottom: 10px
}

.testimonial-box .quote-left:before {
    position: unset
}

.testimonial-box .testimonial-detail .testimonial-name {
    margin-bottom: 0;
    font-size: 21px;
    font-weight: 600;
    letter-spacing: 1px
}

.testimonial-box .testimonial-text p {
    font-size: 18px;
    line-height: 1.5;
    color: #000;
    margin-bottom: 15px
}

.writer-swiper {
    height: 700px;
    overflow: hidden
}

.swiper-slide-active+.swiper-slide .testimonial-box {
    background: var(--color-primary)
}

.swiper-slide-active+.swiper-slide .testimonial-box .quote-left,
.swiper-slide-active+.swiper-slide .testimonial-box .testimonial-detail .testimonial-name,
.swiper-slide-active+.swiper-slide .testimonial-box .testimonial-text p {
    color: #fff
}

.food-footer.site-footer .footer-bottom,
.food-footer.site-footer .footer-top {
    background-color: #252525;
    background-image: none
}

.food-footer.site-footer .footer-bottom {
    border-top: 1px solid rgba(255, 255, 255, .1)
}

.social-btn {
    margin: 0;
    padding: 0;
    list-style: none
}

.social-btn li {
    display: inline-block;
    margin-right: 4px
}

.social-btn li a {
    width: 45px;
    height: 45px;
    color: #fff;
    display: block;
    border: 1px solid #fff;
    border-radius: 100%;
    line-height: 43px;
    text-align: center;
    font-size: 18px;
    transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -webkit-transition: all .5s;
    -o-transition: all .5s
}

.social-btn li a:hover {
    background: #fff;
    color: #000
}

.social-action {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.pizza-about .about-pic1 {
    width: 300px;
    display: block;
    margin-left: auto
}

.pizza-about p {
    font-size: 16px;
    line-height: 1.5
}

.pizza-about-box {
    padding: 30px;
    background: #1a1a1a;
    margin-left: -100px;
    margin-top: 100px;
    box-shadow: 0 20px 50px 0 rgba(0, 0, 0, .2)
}

.content-area-bx {
    margin-bottom: -100px;
    box-shadow: 0 10px 30px 0 rgba(0, 0, 0, .1);
    position: relative;
    z-index: 1;
    margin-left: 60px!important;
    margin-right: 60px!important
}

.pizza-about-box .title {
    color: #fff;
    font-size: 35px;
    margin-top: 0;
    line-height: 1.2;
    margin-bottom: 10px
}

.pizza-about-box p {
    color: #fff;
    margin-bottom: 0
}

.contact-box-1 .dlab-tilte {
    font-size: 24px;
    font-weight: 600;
    line-height: 1
}

.contact-box-1 p {
    font-size: 18px;
    line-height: 1.5;
    color: #777
}

.contact-box-1.bg-primary .dlab-tilte,
.contact-box-1.bg-primary p {
    color: #fff
}

.dlab-team2 .thumb img {
    width: 100%
}

.dlab-team2 .team-info {
    position: relative;
    background-color: #fef9e6;
    display: block;
    height: 100%;
    padding: 30px 15px
}

.dlab-team2 .team-info:after {
    content: "";
    position: absolute;
    width: 20px;
    height: 20px;
    background: inherit;
    transform: rotate(45deg) translateX(-50%);
    -moz-transform: rotate(45deg) translateX(-50%);
    -webkit-transform: rotate(45deg) translateX(-50%);
    -ms-transform: rotate(45deg) translateX(-50%);
    -o-transform: rotate(45deg) translateX(-50%);
    bottom: -15px;
    z-index: 1
}

.dlab-team2 .dlab-media+.team-info:after {
    bottom: auto;
    top: 0
}

.dlab-team2 .team-info .name {
    font-size: 22px;
    font-weight: 600;
    margin-bottom: 8px;
    line-height: 24px
}

.dlab-team2 .social-link {
    margin-bottom: 0
}

.dlab-team2 .social-link li {
    display: inline-block
}

.dlab-team2 .social-link li a {
    height: 30px;
    width: 30px;
    border-radius: 50px;
    line-height: 30px;
    text-align: center;
    color: #fff;
    background-color: #000;
    display: block;
    font-size: 14px;
    margin: 1px
}

.dlab-team2 .social-link li a:hover {
    background: var(--color-primary)
}

.dlab-team2 .team-info .position {
    margin-bottom: 10px
}

.counter-style-2 {
    background-color: #fff;
    padding: 20px 20px 25px 20px;
    box-shadow: 0 20px 30px 0 rgba(0, 0, 0, .2)
}

.counter-style-2 .counter-num {
    margin-bottom: 15px
}

.counter-style-2 .counter-num small {
    font-size: 60px;
    font-weight: 600;
    line-height: 1
}

.counter-style-2 .counter-num .counter {
    font-size: 80px;
    font-weight: 600;
    line-height: 1;
    margin-bottom: 15px
}

.counter-style-2 .counter-text {
    font-size: 20px;
    font-weight: 500;
    line-height: 1
}

.blog-post.style1 .dlab-info {
    box-shadow: 0 10px 15px 0 rgba(0, 0, 0, .1);
    margin: -20px 15px 0
}

.content-area-bx .bg-light {
    background-color: #fef9e6
}

.content-area-bx .icon-bx-wraper {
    padding: 30px
}

@media only screen and (min-width:991px) {
    .pizza-header .is-fixed .main-bar {
        background: var(--color-primary)
    }
    .pizza-header .header-nav.active {
        top: 0
    }
    .pizza-header .header-nav {
        position: absolute;
        width: 1240px;
        left: 50%;
        top: -100px;
        background: var(--color-primary);
        z-index: 9;
        border-bottom: 1px solid rgba(255, 255, 255, .2);
        align-items: center;
        justify-content: center!important;
        transition: all .5s;
        -moz-transition: all .5s;
        -webkit-transition: all .5s;
        -ms-transition: all .5s;
        -o-transition: all .5s;
        transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%)
    }
    .pizza-header .header-nav .logo-header {
        height: 90px;
        width: 170px;
        display: flex;
        align-items: center;
        margin-right: 20px
    }
    .pizza-header .header-nav .nav>li.active>a,
    .pizza-header .header-nav .nav>li:hover>a {
        color: #fff
    }
    .pizza-header .header-nav .nav>li .mega-menu,
    .pizza-header .header-nav .nav>li .sub-menu {
        border: 0;
        border-radius: 0
    }
    .pizza-header .header-nav .nav>li>a {
        color: #fff;
        font-size: 16px;
        padding: 35px 15px 35px 15px;
        font-weight: 500
    }
    .header-basic .header-nav .nav li>.mega-menu,
    .header-basic .header-nav .nav li>.sub-menu {
        background-color: #fff;
        border-radius: 0;
        border-width: 3px 0 0 0
    }
    .header-transparent.header-basic .header-nav .nav li>.mega-menu,
    .header-transparent.header-basic .header-nav .nav li>.sub-menu {
        background: #1a1a1a;
        border-top: 0
    }
    .header-transparent.header-basic .header-nav .nav>li .mega-menu li a,
    .header-transparent.header-basic .header-nav .nav>li .sub-menu li a {
        color: #fff
    }
    .header-transparent.header-basic .header-nav .nav>li .mega-menu li>a:hover,
    .header-transparent.header-basic .header-nav .nav>li .sub-menu li:hover>a {
        color: var(--color-primary)
    }
    .header-transparent.header-basic .header-nav .nav>li .mega-menu>li:after {
        background-color: rgba(255, 255, 255, .1)
    }
}

@media only screen and (max-width:1200px) {
    .blog-carousel .blog-post.blog-grid .post-title {
        font-size: 20px;
        line-height: 1.5
    }
    .content-area-bx .icon-bx-wraper {
        padding: 30px 20px
    }
    .counter-style-2 .counter-text {
        font-size: 18px
    }
    .counter-style-2 .counter-num .counter {
        font-size: 60px
    }
    .counter-style-2 .counter-num {
        margin-bottom: 10px
    }
    .counter-style-2 {
        padding: 15px 20px 20px 20px
    }
    .pizza-header .header-nav {
        width: 100%
    }
    .content-area-bx {
        margin-left: 20px!important;
        margin-right: 20px!important
    }
    .pizza-about-box .title {
        font-size: 30px;
        margin-bottom: 10px
    }
    .pizza-about-box {
        margin-top: 50px
    }
    .pizza-about .about-pic1 {
        width: 210px
    }
    .widget-link ul li {
        padding-left: 5px;
        padding-right: 10px
    }
    .dz-col {
        max-width: 33.33%;
        flex: 0 0 33.33%
    }
    .table-responsive {
        overflow-x: scroll
    }
    .container {
        max-width: 100%;
        padding-left: 50px;
        padding-right: 50px
    }
    .header-style-1 .extra-nav {
        display: none
    }
    .header-style-1 .logo-header {
        padding: 30px 0 20px
    }
    .side-bar.p-l30 {
        padding-left: 0
    }
    .section-head h2 {
        font-size: 35px;
        line-height: 1.3
    }
    .section-head .text-bold {
        font-weight: 400;
        font-size: 16px
    }
    .service-box2 .icon-bx {
        margin-right: 20px
    }
    .logo-header {
        width: 150px
    }
    .main-slider .slide {
        height: 650px
    }
    .main-slider .title {
        font-size: 80px;
        line-height: 1.1
    }
    .main-slider .sub-title {
        font-size: 18px;
        margin-top: 10px;
        margin-bottom: 30px
    }
    .main-slider .content span {
        font-size: 24px
    }
    .service-box1 {
        height: 400px
    }
    .service-box2 .dlab-tilte {
        font-size: 22px
    }
    .section-head.style-2 .title {
        font-size: 36px
    }
    .menu-box {
        padding: 50px 50px 30px 50px
    }
    .menu-list-2 li .info-price .title {
        font-size: 18px
    }
    .menu-list-2 li .info-price .price {
        font-size: 16px
    }
    .service-box1 .icon-content {
        padding: 20px 10px
    }
    .service-box1 .dlab-tilte {
        font-size: 24px
    }
    .service-box1 .dlab-separator {
        margin-bottom: 20px
    }
    .service-box2 {
        padding: 10px 0
    }
    .service-area2 .m-b30 {
        margin-bottom: 20px
    }
    .service-area2 .p-l30 {
        padding-left: 0
    }
    .section-head .text-bold {
        font-size: 15px
    }
    .port-box1 .dlab-info .title {
        padding: 50px 20px 15px
    }
    .blog-post .dlab-info {
        padding: 20px
    }
    .service-box-4 {
        padding: 25px
    }
    .service-box-4 p {
        font-size: 16px
    }
    .service-box-4 .icon-lg i {
        font-size: 50px
    }
    .service-box-4 .icon-lg {
        height: 50px;
        line-height: 50px;
        width: 50px
    }
    .food-head.section-head h2 {
        font-size: 35px
    }
    .testimonial-box .testimonial-text p {
        font-size: 18px
    }
    .testimonial-box .quote-left {
        font-size: 24px
    }
    .testimonial-box .testimonial-detail .testimonial-name {
        font-size: 18px
    }
    .bnr3.banner-content .title {
        font-size: 50px
    }
    .pizza-btn-close {
        right: 20px;
        top: 50%
    }
}

@media only screen and (max-width:991px) {
    .header-style-2 .header-nav .nav>li>a {
        font-family: Poppins, sans-serif
    }
    .pizza-about-box {
        margin-top: 0;
        margin-bottom: 30px;
        margin-left: 0
    }
    .pizza-header .header-nav {
        width: 280px
    }
    .header-style-1.mo-left .header-nav {
        background-image: url(../images/background/bg1.jpg);
        background-size: cover;
        background-position: center
    }
    .header-style-1.mo-left .header-nav .nav {
        background: 0 0
    }
    .header-style-1.mo-left .header-nav .nav>li {
        padding: 0
    }
    .header-style-1.mo-left .header-nav .nav>li>a {
        margin-right: 0;
        border-bottom: 1px solid rgba(167, 167, 167, .2)!important;
        border-radius: 0;
        color: rgba(255, 255, 255, .8);
        padding: 10px 20px;
        font-size: 15px;
        font-weight: 600
    }
    .header-style-1.mo-left .header-nav .nav>li.active>a {
        background-image: none
    }
    .header-style-1.mo-left .header-nav .nav>li>a span {
        line-height: 24px
    }
    .header-style-1.mo-left .navbar-toggler.open span {
        background: #fff
    }
    .header-style-1 .logo-header {
        padding: 20px 0 20px
    }
    .header-style-1 .navbar-toggler {
        margin: 40px 0 35px 15px
    }
    .container {
        padding-left: 30px;
        padding-right: 30px
    }
    .about-thumb-area .p-r50 {
        padding-right: 30px
    }
    .about-thumb-area .p-l50 {
        padding-left: 30px
    }
    .faq-area2 {
        padding-left: 0
    }
    .content-inner {
        padding-top: 80px;
        padding-bottom: 50px
    }
    .content-inner-1 {
        padding-top: 80px
    }
    .content-inner-3 {
        padding-top: 0;
        padding-bottom: 50px
    }
    .side-bar.p-l30 {
        padding-left: 0
    }
    .woo-entry .product-gallery {
        margin-right: 0
    }
    .service-area1 {
        top: 0;
        padding: 70px 0 30px
    }
    .faq-area .about-thumb img {
        margin: -35px 0 0 20px
    }
    .faq-area .about-thumb {
        padding: 0 0 30px 0;
        margin: 35px 20px 0 0
    }
    .port-box1 .dlab-info .title {
        padding: 50px 20px 20px 20px;
        font-size: 24px;
        line-height: 30px
    }
    .port-box1 .dlab-info .hover {
        padding: 20px
    }
    .blog-post {
        margin-bottom: 40px
    }
    .port-box1 {
        margin-bottom: 30px
    }
    .faq-style1 {
        margin-top: 20px
    }
    .section-head .main-text {
        font-size: 24px;
        line-height: 1.5
    }
    .main-slider .title {
        font-size: 50px;
        line-height: 1.1
    }
    .header-nav .logo-header {
        display: block
    }
    .shop-item .item-info {
        margin-bottom: 40px
    }
    .manu-box-reverse {
        flex-direction: column-reverse
    }
    .dz-col {
        max-width: 33.33%;
        flex: 0 0 33.33%
    }
    .item-icon-box span {
        font-size: 13px
    }
    .nav-tabs.pizza-items .item-icon-box {
        padding: 20px 15px
    }
    .product-item-price,
    .product-item-quantity {
        width: 120px;
        max-width: 120px;
        min-width: 120px
    }
    .product-item-name {
        width: 150px;
        max-width: 150px;
        min-width: 150px
    }
    .menu-btn {
        display: none
    }
    .pizza-header .navicon {
        width: 30px;
        height: 22px
    }
    .pizza-header .dlab-social-icon {
        margin-left: 0;
        width: 100%;
        margin-top: 20px;
        margin-bottom: 30px
    }
    .pizza-header .dlab-social-icon li a {
        font-size: 16px;
        background: var(--color-primary);
        border-radius: 35px;
        padding: 0;
        line-height: 35px;
        width: 35px;
        height: 35px
    }
    .testimonial-box .testimonial-text p {
        font-size: 15px
    }
    .customers-pic {
        max-width: 250px
    }
    .food-head.section-head h2 br {
        display: none
    }
    .food-about:after {
        width: 100%;
        background: #eee
    }
    .social-action .social-btn {
        margin-top: 15px
    }
    .social-action .social-btn li {
        margin: 0 2px
    }
    .social-action {
        display: block;
        text-align: center
    }
    .content-area-bx {
        margin-left: 0!important;
        margin-right: 0!important
    }
    .contact-box-1 p {
        font-size: 15px
    }
    .header-basic .header-nav .nav>li>a {
        padding: 10px 20px 10px 20px
    }
    .pizza-btn-close {
        display: none
    }
    .header-transparent.header-basic .header-nav .nav>li .mega-menu>li>a {
        border-bottom: 1px solid rgba(255, 255, 255, .05)
    }
}

@media only screen and (max-width:767px) {
    .header-basic .logo-header {
        height: 50px
    }
    .row.sp50 [class*=col-],
    .sp50 [class*=col-] {
        padding-left: 15px;
        padding-right: 15px
    }
    .row.sp50,
    .sp50 {
        margin-left: -15px;
        margin-right: -15px
    }
    .site-header.header-basic .is-fixed .navbar-toggler,
    .site-header.header-basic .navbar-toggler {
        margin: 19px 0 16px 10px
    }
    .service-list-area {
        margin-right: -15px
    }
    .food-about .img-frame.m-b80 {
        margin-bottom: 30px
    }
    .food-about .img-frame.m-t80 {
        margin-top: 30px
    }
    .testimonial-box {
        padding: 20px
    }
    .writer-swiper {
        height: 600px
    }
    .img-frame {
        padding: 5px
    }
    body {
        font-size: 14px
    }
    .faq-area1 .m-r20 {
        margin-right: 0
    }
    .about-area1 .about-bx .section-head p,
    .section-head .text-bold,
    .site-footer .widget p,
    .widget-link ul li a,
    .work-hour-list li {
        font-size: 14px;
        font-weight: 400
    }
    .site-footer .widget_services li a {
        font-weight: 400;
        font-size: 14px;
        line-height: 18px
    }
    .section-head h4 {
        font-size: 28px;
        line-height: 35px
    }
    .work-hour-list li {
        padding: 10px 0
    }
    .about-area1 .about-bx {
        padding: 30px 10px
    }
    .header-style-1 .navbar-toggler {
        margin: 30px 0 30px 15px
    }
    .about-thumb-area .p-r50 {
        padding-right: 15px
    }
    .about-thumb-area .p-l50 {
        padding-left: 15px
    }
    .section-head {
        margin-bottom: 40px
    }
    .footer-bottom .text-left,
    .footer-bottom .text-right {
        text-align: center!important
    }
    .client-logo:before {
        font-size: 12px;
        padding: 2px 10px
    }
    .blog-post.related-post {
        margin-bottom: 30px
    }
    .service-box1 {
        height: 380px
    }
    .service-box1 .icon-content {
        padding: 30px 20px
    }
    .service-area2 .row.p-l30 {
        padding-left: 0
    }
    .service-box2 p {
        font-size: 14px
    }
    .service-box2 {
        padding: 5px 0
    }
    .service-box2 .dlab-tilte {
        font-size: 18px;
        line-height: 24px;
        margin-bottom: 0
    }
    .service-box2 .icon-cell img {
        width: 50px;
        max-width: 50px
    }
    .service-box2 .icon-bx {
        margin-right: 20px
    }
    .faq-area1 .btn.m-t30 {
        margin-top: 0
    }
    .section-head .main-text {
        font-size: 24px;
        line-height: 40px
    }
    .section-head .main-text {
        font-size: 18px;
        line-height: 30px;
        margin-top: 15px;
        margin-bottom: 15px
    }
    .content-inner {
        padding-top: 50px;
        padding-bottom: 20px
    }
    .content-inner-1 {
        padding-top: 50px
    }
    .content-inner-3 {
        padding-top: 0;
        padding-bottom: 20px
    }
    .service-area1 {
        padding: 50px 0 30px
    }
    .main-slider .slide {
        height: 500px
    }
    .logo-header {
        width: 120px
    }
    .is-fixed .logo-header {
        width: 120px
    }
    .port-box1.m-sm-b0 {
        margin-bottom: 0
    }
    .shop-item .item-info {
        margin-bottom: 50px;
        padding-top: 15px
    }
    .dz-col {
        max-width: 50%;
        flex: 0 0 50%
    }
    .pizza-items .item {
        flex: 0 0 25%;
        max-width: 25%;
        padding: 2px 2px;
        margin-bottom: 0
    }
    .testimonial-1 .testimonial-text p {
        font-size: 24px
    }
    .newslatter-area h5 {
        text-align: center;
        font-size: 18px;
        line-height: 24px
    }
    .newslatter-area .newslatter {
        margin-top: 20px
    }
    .shop-item.style2 .item-title {
        font-size: 20px
    }
    .shop-item.style2 .price del {
        font-size: 20px
    }
    .shop-item.style2 .price {
        font-size: 22px
    }
    .page-notfound .sub-title {
        font-size: 50px
    }
    .fc-toolbar .fc-center h2 {
        font-size: 20px
    }
    .fc-button.fc-state-default {
        padding: 10px 12px;
        font-size: 12px
    }
    .fc-day-header.fc-widget-header {
        font-weight: 500
    }
    .blog-md.blog-post {
        display: block
    }
    .blog-md.blog-post .dlab-post-info {
        margin: 0;
        padding: 20px
    }
    .blog-md .dlab-post-media img {
        height: auto
    }
    .header-phone-no {
        display: none
    }
    .pizza-header .container>.is-fixed .logo-header,
    .pizza-header .container>.logo-header {
        height: 70px;
        width: 160px
    }
    .pizza-header .extra-nav {
        height: 70px
    }
    .pizza-items {
        padding: 15px 0
    }
    .nav-tabs.pizza-items .item-icon-box.active {
        background: rgba(255, 255, 255, .3)
    }
    .item-icon-box:after,
    .nav-tabs.pizza-items .item-icon-box.active:before {
        content: none
    }
    .nav-tabs.pizza-items .item-icon-box {
        padding: 15px;
        background: rgba(255, 255, 255, .1);
        border-radius: 6px
    }
    .subscribe-box .modal-content {
        padding: 30px 20px;
        border-radius: 20px;
        max-width: 100%;
        width: 100%;
        border: 0
    }
    .food-banner .food-slide-img {
        height: 300px
    }
}

@media only screen and (max-width:591px) {
    .bnr3.banner-content .title {
        font-size: 32px
    }
    .food-banner {
        padding: 20px 0 30px
    }
    .service-box3 .icon-lg i {
        font-size: 30px
    }
    .service-box3 .icon-lg {
        width: 30px;
        height: 30px;
        line-height: 30px
    }
    .service-list-area .col-4 {
        padding: 0 3px
    }
    .service-list-area {
        margin-right: -3px;
        margin-left: -3px;
        margin-bottom: 30px
    }
    .service-box3 .dlab-tilte {
        font-size: 14px
    }
    .service-box3 {
        padding: 15px 5px;
        margin-bottom: 6px
    }
    .subscribe-box .modal-header img {
        width: 90px
    }
    .header-style-1 .logo-header {
        padding: 15px 0 15px
    }
    .header-style-1 .is-fixed .navbar-toggler,
    .header-style-1 .navbar-toggler {
        margin: 25px 0 25px 15px
    }
    .container {
        padding-left: 15px;
        padding-right: 15px
    }
    .content-inner {
        padding-top: 50px;
        padding-bottom: 20px
    }
    .content-inner-4 {
        padding-top: 50px;
        padding-bottom: 20px
    }
    .section-head h2 {
        font-size: 30px;
        line-height: 42px;
        margin-bottom: 5px
    }
    .section-head .text-bold {
        margin-bottom: 20px
    }
    .section-head {
        margin-bottom: 30px
    }
    .section-head h3 {
        font-size: 26px;
        line-height: 34px
    }
    .service-area2 .row.p-l30 {
        padding-left: 0
    }
    .product-description .nav-tabs li a {
        font-size: 14px;
        padding: 15px 20px
    }
    .product-description .tab-content {
        padding: 25px
    }
    .blog-post.blog-single .post-title {
        font-size: 28px;
        line-height: 38px
    }
    ol.comment-list li.comment .comment-meta {
        float: unset
    }
    .shop-result-count span {
        display: block;
        text-align: center
    }
    .shop-result-select {
        float: none
    }
    .shop-result-count.m-b30 {
        margin-bottom: 15px
    }
    .faq-style2 .acod-head a {
        font-size: 15px;
        padding: 15px 35px 15px 20px
    }
    .section-head p {
        font-size: 16px;
        line-height: 26px
    }
    .counter-style-1 .counter {
        font-size: 60px;
        line-height: 80px
    }
    .counter-style-1 .counter-text {
        font-size: 14px
    }
    ol.comment-list li .children {
        margin-left: 0
    }
    blockquote.blockquote-left {
        margin: 0 20px 20px 0
    }
    .faq-style1 .list-check li {
        width: 50%
    }
    .faq-style1 .acod-head a {
        font-size: 18px
    }
    .port-box1 .dlab-info .title {
        padding: 20px
    }
    .port-box1 .dlab-info .hover {
        padding: 20px
    }
    .section-head .icon-bx {
        margin-bottom: 0
    }
    .main-slider .title {
        font-size: 32px;
        line-height: 1.1
    }
    .main-slider .content span {
        font-size: 16px
    }
    .main-slider .sub-title {
        font-size: 16px;
        margin-top: 10px;
        margin-bottom: 25px
    }
    .main-slider .slide {
        height: 450px
    }
    .logo-header {
        width: 120px
    }
    .header-style-2 .main-bar:after {
        bottom: -5px;
        width: 100%;
        height: 5px;
        background-size: 50px
    }
    .bg-line-bottom:after,
    .bg-line-top:before {
        background-size: 50px
    }
    .is-fixed .logo-header {
        width: 120px
    }
    .main-slider a {
        padding: 10px 20px;
        font-size: 14px
    }
    .main-slider .slide .content {
        padding: 0 20px
    }
    .service-box1:after {
        height: 70%
    }
    .about-thumb img {
        margin: 0
    }
    .about-thumb {
        padding: 0;
        margin: 0
    }
    .footer-top {
        padding: 50px 0 20px
    }
    .blog-post,
    .side-bar .widget {
        margin-bottom: 30px
    }
    .about-area1 img.img-cover {
        height: 300px
    }
    .row.sp30,
    .sp30 {
        margin-left: -15px;
        margin-right: -15px
    }
    .row.sp30 [class*=col-],
    .sp30 [class*=col-] {
        padding-left: 15px;
        padding-right: 15px
    }
    .blog-post.blog-lg .dlab-post-title .post-title {
        margin-bottom: 10px;
        margin-top: 5px;
        line-height: 34px
    }
    blockquote {
        font-size: 16px;
        padding: 20px
    }
    .contact-form-box .form-group {
        margin-bottom: 20px
    }
    .contact-area,
    .contact-form-box {
        padding: 20px
    }
    .menu-box {
        padding: 40px 15px 10px 15px
    }
    .section-head.style-2 .title {
        font-size: 28px
    }
    .menu-list-2 li {
        flex: 100%;
        max-width: 100%
    }
    .dz-col {
        max-width: 100%;
        flex: 0 0 100%
    }
    .pizza-items .item {
        flex: 0 0 33.33%;
        max-width: 33.33%
    }
    .testimonial-1 .testimonial-text p {
        font-size: 16px
    }
    .testimonial-1 .testimonial-name {
        font-size: 20px
    }
    .testimonial-1 .testimonial-text {
        padding: 15px 15px 5px
    }
    .dlab-bnr-inr h1 {
        margin-bottom: 10px
    }
    .dlab-bnr-inr h1 {
        font-size: 32px
    }
    .page-notfound .sub-title {
        font-size: 36px;
        margin-top: 10px;
        margin-bottom: 25px
    }
    .fc-day-header.fc-widget-header {
        padding: 12px 5px
    }
    .fc-day-header.fc-widget-header span {
        font-size: 14px
    }
    .fc-button.fc-state-default {
        padding: 10px 8px
    }
    .fc-toolbar .fc-center h2 {
        margin-top: 10px
    }
    .fc-toolbar.fc-header-toolbar {
        margin-bottom: 0
    }
    .form-group.recaptcha-bx {
        margin-bottom: 5px
    }
    .related-products {
        padding-bottom: 0
    }
    .tp-pizza-title br:first-child {
        display: none
    }
    .pizza-about .about-pic1 {
        width: 100%
    }
    .dlab-team2 {
        margin-bottom: 10px
    }
    .content-area-bx {
        margin-bottom: -50px
    }
    .food-head.section-head p {
        font-size: 15px
    }
    .counter-style-2 .counter-num .counter,
    .counter-style-2 .counter-num small {
        font-size: 40px
    }
    .counter-style-2 .counter-text {
        font-size: 14px
    }
    .counter-style-2 {
        padding: 20px 30px
    }
    .food-head.section-head h2 {
        font-size: 30px;
        font-weight: 700;
        line-height: 1.2
    }
    .pizza-testimonial .testimonial-1 .testimonial-text {
        padding: 0 15px 5px
    }
    .pizza-footer .widget-link {
        margin-bottom: 5px
    }
    .pizza-footer .logo-footer {
        margin-bottom: 10px
    }
    .pizza-footer .p-tb60 {
        padding-top: 50px;
        padding-bottom: 50px
    }
    .newslatter input {
        height: 51px
    }
    .newslatter-area h5 {
        font-size: 16px
    }
    .blog-post.blog-grid .post-title {
        font-size: 18px
    }
    .subscribe-box .modal-header .modal-title {
        font-size: 26px
    }
}


/*================================*/

.bg-primary {
    background-color: #ea7236 !important;
}

.item-img img {
    width: 100%;
}

@media screen and (min-width: 1440px) {
    video {
        width: 100%;
        opacity: 0.6;
    }
}

.can_tren_duoi_home {
    margin: 0;
}

.font_chu_home {
    font-size: 1.2rem;
}

.font_chu_mau_do {
    color: #c03235 !important;
}

.can_detail_danhgia_cauhoi {
    border-bottom: 1px solid #000;
    margin: 20px auto;
}

.can_detail_danhgia_cauhoi .can_trong {
    padding: 10px 0;
}

#view_review {
    display: block;
}

.cachle_trai_detail_danhgia_cauhoi {
    margin-left: auto;
}

@media screen and (max-width:375px) {
    .cachle_trai_detail_danhgia_cauhoi {
        margin-left: -15px;
    }
}

@media screen and (max-width:414px) {
    .cachle_trai_detail_danhgia_cauhoi {
        margin-left: -15px;
    }
}

#News {
    display: none;
}

#question {
    display: none;
}


/*=====================================================*/

.bg-contact2 {
    width: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover
}

.container-contact2 {
    width: 100%;
    min-height: 100vh;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    padding: 15px;
}

.wrap-contact2 {
    width: 790px;
    background: #fff;
    border-radius: 10px;
    overflow: hidden;
    padding: 72px 55px 90px;
    box-shadow: 5px 5px 5px 5px #353535;
}

.wrap-input2 {
    width: 100%;
    position: relative;
    border-bottom: 2px solid #adadad;
    margin-bottom: 37px
}

.input2 {
    display: block;
    width: 100%;
    font-family: Poppins-Regular;
    font-size: 15px;
    color: #555;
    line-height: 1.2
}

.focus-input2 {
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    pointer-events: none
}

.focus-input2::before {
    content: "";
    display: block;
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 0;
    height: 2px;
    -webkit-transition: all .4s;
    -o-transition: all .4s;
    -moz-transition: all .4s;
    transition: all .4s;
}

.focus-input2::after {
    content: attr(data-placeholder);
    display: block;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    font-family: Poppins-Regular;
    font-size: 13px;
    color: #999;
    line-height: 1.2;
    -webkit-transition: all .4s;
    -o-transition: all .4s;
    -moz-transition: all .4s;
    transition: all .4s
}

input.input2 {
    height: 45px
}

input.input2+.focus-input2::after {
    top: 16px;
    left: 0
}

textarea.input2 {
    min-height: 115px;
    padding-top: 13px;
    padding-bottom: 13px
}

textarea.input2+.focus-input2::after {
    top: 16px;
    left: 0
}

.input2:focus+.focus-input2::after {
    top: -13px
}

.input2:focus+.focus-input2::before {
    width: 100%
}

.has-val.input2+.focus-input2::after {
    top: -13px
}

.has-val.input2+.focus-input2::before {
    width: 100%
}

.container-contact2-form-btn {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding-top: 13px
}

.wrap-contact2-form-btn {
    display: block;
    position: relative;
    z-index: 1;
    border-radius: 2px;
    width: auto;
    overflow: hidden;
    margin: 0 auto
}

.contact2-form-bgbtn {
    position: absolute;
    z-index: -1;
    width: 300%;
    height: 100%;
    top: 0;
    left: -100%;
    -webkit-transition: all .4s;
    -o-transition: all .4s;
    -moz-transition: all .4s;
    transition: all .4s
}

.contact2-form-btn {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 20px;
    min-width: 244px;
    height: 50px;
    font-family: Poppins-Medium;
    font-size: 16px;
    color: #fff;
    line-height: 1.2
}

.wrap-contact2-form-btn:hover .contact2-form-bgbtn {
    left: 0
}

@media(max-width:576px) {
    .wrap-contact2 {
        padding: 72px 15px 90px
    }
}

.validate-input {
    position: relative
}

.alert-validate::before {
    content: attr(data-validate);
    position: absolute;
    max-width: 70%;
    background-color: #fff;
    border: 1px solid #c80000;
    border-radius: 2px;
    padding: 4px 25px 4px 10px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 0;
    pointer-events: none;
    font-family: Poppins-Regular;
    color: #c80000;
    font-size: 13px;
    line-height: 1.4;
    text-align: left;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: opacity .4s;
    -o-transition: opacity .4s;
    -moz-transition: opacity .4s;
    transition: opacity .4s
}

.alert-validate::after {
    content: "\f12a";
    font-family: FontAwesome;
    display: block;
    position: absolute;
    color: #c80000;
    font-size: 16px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 8px
}

.alert-validate:hover:before {
    visibility: visible;
    opacity: 1
}

@media(max-width:992px) {
    .alert-validate::before {
        visibility: visible;
        opacity: 1
    }
}


/* Tabs*/

section {
    padding: 60px 0;
}

section .section-title {
    text-align: center;
    color: #007b5e;
    margin-bottom: 50px;
    text-transform: uppercase;
}

#tabs {
    background: #007b5e;
    color: #eee;
}

#tabs h6.section-title {
    color: #eee;
}

#tabs .nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
    color: #0b2d25;
    background-color: transparent;
    border-color: transparent transparent #f3f3f3;
    font-weight: bold;
}

#tabs .nav-tabs .nav-link {
    border: none;
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem;
    color: #eee;
    font-size: 20px;
}

.nav-tabs .nav-link {
    border: none;
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem;
}

#nav-profile-tab {
    color: #0b2d25;
}

#nav-home-tab {
    color: #0b2d25;
}

#bo_padding {
    padding: 0;
}

.can_product_list_1 {
    margin: 0;
}

.can_product_list_2 {
    margin: 5px 0;
}

.co_chu_1 {
    font-size: 15px;
}

#mau_about_link {
    color: #0b2d25;
}
/*======================================DUCANHDANGSUA*/

.foooter_cach_le_duoi {
    padding-bottom: 1rem !important;
}

.footer-logo {
    margin-bottom: 1em;
}

.footer_cach_top {
    margin-top: -20px;
}

.footer-left-widget {
    padding-left: 130px;
}

.dk-footer {
    padding: 30px 0 0;
    background-color: #0b2d25;
    position: relative;
    z-index: 2;
}

.contact-info p {
    font-size: 12px;
    line-height: 20px;
}

.contact-info a {
    color: #fff;
}

.contact-info a:hover {
    color: #fff;
}


/*=============================================================================*/

.site-header {
    padding-top: 1.618em;
    padding-bottom: 1.618em;
    background-position: center center;
    position: relative;
    z-index: 999;
}

.site-header .site-logo-anchor,
.site-header .site-logo-link,
.site-header .custom-logo-link {
    display: block;
}

.site-header .site-logo-anchor img,
.site-header .site-logo-link img,
.site-header .custom-logo-link img {
    max-width: 200px;
}

.site-header .site-branding,
.site-header .site-logo-anchor,
.site-header .site-logo-link,
.site-header .custom-logo-link {
    margin-bottom: 0;
    float: left;
}

.site-header .widget {
    margin-bottom: 0;
}

.no-wc-breadcrumb .site-header {
    margin-bottom: 4.236em;
}

.no-wc-breadcrumb.page-template-template-homepage .site-header {
    margin-bottom: 0;
}

.header-widget-region {
    position: relative;
    z-index: 99;
}

.site-branding h1 {
    font-size: 2em;
    letter-spacing: -1px;
    margin: 0;
}

.site-branding h1 a {
    font-weight: 700;
}

.site-branding .site-description {
    font-size: .857em;
    display: none;
}

.header-phone-numbers {
    text-align: right;
}

.header-phone-numbers .intro-text {
    color: #ea7236;
}

.header-phone-numbers .intro-text,
.header-phone-numbers .select-city-phone-numbers {
    display: inline-block;
    font-size: 0.875em;
    line-height: 1;
    vertical-align: middle;
    letter-spacing: -0.025em;
}

.header-phone-numbers .select-city-phone-numbers {
    max-width: 100%;
    padding: 0;
    -moz-appearance: none;
    -webkit-appearance: none;
    color: #fff;
    background-color: transparent;
    border: none;
    padding-right: 12px;
    text-indent: 6px;
    background-repeat: no-repeat;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAECAQAAAAHDYbIAAAAN0lEQVQI12P4f+S/OQMQ/Nf9v5uJYQvD5v8q/2UYtjGcAYlN+//k/73/S/4zgjjMQMbO/2wMDABu6BhjzbYAsAAAAABJRU5ErkJggg==) no-repeat right .15rem center;
}

.header-phone-numbers .select-city-phone-numbers:focus {
    border-color: #51a7e8;
    outline: none;
}

.header-phone-numbers .select-city-phone-numbers::-ms-expand {
    opacity: 0;
}

.header-phone-numbers .select-city-phone-numbers option {
    background-color: #fff;
    color: #000;
}

.header-phone-numbers .phone-number {
    font-weight: 800;
    color: #fff;
    font-size: 1.75em;
    line-height: 1;
    letter-spacing: -0.01em;
    display: block;
}


/**
	 * Primary Navigation
	 */

.pizzaro-primary-navigation {
    clear: both;
    background: rgba(0, 0, 0, 0.06);
    margin-left: -99em;
    margin-right: -99em;
    padding-left: 99em;
    padding-right: 99em;
}

.pizzaro-primary-navigation:before,
.pizzaro-primary-navigation:after {
    content: "";
    display: table;
}

.pizzaro-primary-navigation:after {
    clear: both;
}

.primary-navigation div.menu {
    display: block;
}

.primary-navigation ul.menu,
.primary-navigation ul.nav-menu,
.primary-navigation div.menu ul.nav-menu {
    max-height: none;
    overflow: visible;
}

.primary-navigation ul.menu>li>a i,
.primary-navigation ul.nav-menu>li>a i,
.primary-navigation div.menu ul.nav-menu>li>a i {
    margin-right: 12px;
}

.primary-navigation ul.menu>li.menu-item-has-children:hover:after,
.primary-navigation ul.menu>li.page_item_has_children:hover:after,
.primary-navigation ul.nav-menu>li.menu-item-has-children:hover:after,
.primary-navigation ul.nav-menu>li.page_item_has_children:hover:after,
.primary-navigation div.menu ul.nav-menu>li.menu-item-has-children:hover:after,
.primary-navigation div.menu ul.nav-menu>li.page_item_has_children:hover:after {
    display: block;
}

.primary-navigation ul.menu>li.menu-item-has-children>a:after,
.primary-navigation ul.menu>li.page_item_has_children>a:after,
.primary-navigation ul.nav-menu>li.menu-item-has-children>a:after,
.primary-navigation ul.nav-menu>li.page_item_has_children>a:after,
.primary-navigation div.menu ul.nav-menu>li.menu-item-has-children>a:after,
.primary-navigation div.menu ul.nav-menu>li.page_item_has_children>a:after {
    display: inline-block;
    font: normal normal normal 1em/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: none;
    margin-left: 0.8em;
    position: absolute;
}

.primary-navigation ul.menu ul,
.primary-navigation ul.nav-menu ul,
.primary-navigation div.menu ul.nav-menu ul {
    margin-left: 0;
}

.primary-navigation ul.menu ul li a,
.primary-navigation ul.nav-menu ul li a,
.primary-navigation div.menu ul.nav-menu ul li a {
    padding: 0.875em 1.41575em;
    font-weight: 400;
    font-size: 0.875em;
}

.primary-navigation ul.menu ul li:last-child,
.primary-navigation ul.nav-menu ul li:last-child,
.primary-navigation div.menu ul.nav-menu ul li:last-child {
    border-bottom: 0;
}

.primary-navigation ul.menu ul li.menu-item-has-children>a:after,
.primary-navigation ul.menu ul li.page_item_has_children>a:after,
.primary-navigation ul.nav-menu ul li.menu-item-has-children>a:after,
.primary-navigation ul.nav-menu ul li.page_item_has_children>a:after,
.primary-navigation div.menu ul.nav-menu ul li.menu-item-has-children>a:after,
.primary-navigation div.menu ul.nav-menu ul li.page_item_has_children>a:after {
    display: inline-block;
    font: normal normal normal 1em/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f105";
    float: right;
    line-height: 1.118;
}

.primary-navigation ul.menu ul ul,
.primary-navigation ul.nav-menu ul ul,
.primary-navigation div.menu ul.nav-menu ul ul {
    margin-left: 0;
    box-shadow: none;
}

.primary-navigation ul.menu ul a:hover,
.primary-navigation ul.menu ul li:hover>a,
.primary-navigation ul.nav-menu ul a:hover,
.primary-navigation ul.nav-menu ul li:hover>a,
.primary-navigation div.menu ul.nav-menu ul a:hover,
.primary-navigation div.menu ul.nav-menu ul li:hover>a {
    background-color: rgba(0, 0, 0, 0.025);
}

.primary-navigation a {
    padding: 0 1em 2.2906835em;
}


/**
 * Handheld footer bar
 */

.pizzaro-handheld-footer-bar {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    border-top: 1px solid rgba(255, 255, 255, 0.2);
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.7);
    z-index: 9999;
}

.pizzaro-handheld-footer-bar:before,
.pizzaro-handheld-footer-bar:after {
    content: "";
    display: table;
}

.pizzaro-handheld-footer-bar:after {
    clear: both;
}

.pizzaro-handheld-footer-bar ul {
    margin: 0;
}

.pizzaro-handheld-footer-bar ul li {
    display: inline-block;
    float: left;
    text-align: center;
}

.pizzaro-handheld-footer-bar ul li:last-child>a {
    border-right: 0;
}

.pizzaro-handheld-footer-bar ul li>a {
    height: 4.235801032em;
    display: block;
    position: relative;
    text-indent: -9999px;
    z-index: 999;
    border-right: 1px solid rgba(255, 255, 255, 0.2);
}

.pizzaro-handheld-footer-bar ul li>a:active,
.pizzaro-handheld-footer-bar ul li>a:focus {
    outline: none;
}

.pizzaro-handheld-footer-bar ul li>a:before {
    display: inline-block;
    font: normal normal normal 1em/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    text-align: center;
    line-height: 2.618046972;
    font-weight: 400;
    font-size: 1.618em;
    text-indent: 0;
    display: block;
    cursor: pointer;
}

.pizzaro-handheld-footer-bar ul li.search>a:before {
    content: "\f002";
}

.pizzaro-handheld-footer-bar ul li.search .site-search {
    position: absolute;
    bottom: -2em;
    left: 0;
    right: 0;
    -webkit-transition: all, ease, .2s;
    -moz-transition: all, ease, .2s;
    transition: all, ease, .2s;
    padding: 1em;
    visibility: hidden;
    z-index: 1;
    display: block;
}

.pizzaro-handheld-footer-bar ul li.search.active .site-search {
    bottom: 100%;
    visibility: visible;
}

.pizzaro-handheld-footer-bar ul li.search .site-search,
.pizzaro-handheld-footer-bar ul li.search .widget,
.pizzaro-handheld-footer-bar ul li.search form {
    margin-bottom: 0;
}

.pizzaro-handheld-footer-bar ul li.my-account>a:before {
    content: "\f007";
}

.pizzaro-handheld-footer-bar ul li.cart>a:before {
    content: "\f291";
}

.pizzaro-handheld-footer-bar ul li.cart .count {
    text-indent: 0;
    display: block;
    width: 2em;
    height: 2em;
    line-height: 2;
    box-sizing: content-box;
    font-size: .75em;
    position: absolute;
    top: 0.875em;
    left: 50%;
    border-radius: 100%;
    border: 1px solid;
}

.pizzaro-handheld-footer-bar ul.columns-1 li {
    width: 100%;
    display: block;
    float: none;
}

.pizzaro-handheld-footer-bar ul.columns-2 li {
    width: 50%;
}

.pizzaro-handheld-footer-bar ul.columns-3 li {
    width: 33.33333%;
}

.pizzaro-handheld-footer-bar ul.columns-4 li {
    width: 25%;
}

.pizzaro-handheld-footer-bar ul.columns-5 li {
    width: 20%;
}

.pizzaro-handheld-footer-bar,
.pizzaro-handheld-footer-bar ul li>a,
.pizzaro-handheld-footer-bar ul li.search .site-search {
    color: #fff;
}

.header-v1 {
    padding-bottom: 0;
}

.header-v1 .site-branding,
.header-v1 .main-navigation,
.header-v1 .header-info-wrapper,
.header-v1 .header-phone-numbers,
.header-v1 .site-header-cart,
.header-v1 .site-header-cart-v2 {
    float: left;
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
}

.header-v1 .site-branding {
    width: 100%;
    padding: 0;
}

@media (min-width: 768px) {
    .header-v1 .site-branding {
        width: 16.6666666667%;
    }
}

@media (min-width: 992px) {
    .header-v1 .site-branding {
        width: 19%;
        text-align: right;
    }
}

.header-v1 .site-branding .site-title,
.header-v1 .site-branding .site-description {
    color: #fff;
}

.header-v1 .header-wrap {
    display: flex;
    align-items: center;
    margin-bottom: 15px;
}

.header-v1 .main-navigation {
    width: 100%;
}

@media (min-width: 768px) {
    .header-v1 .main-navigation {
        width: 41.6666666667%;
    }
}

@media (min-width: 992px) {
    .header-v1 .main-navigation {
        width: 41.6666666667%;
    }
}

.header-v1 .header-info-wrapper {
    width: 100%;
    padding: 0;
}

@media (min-width: 768px) {
    .header-v1 .header-info-wrapper {
        width: 41.6666666667%;
    }
}

@media (min-width: 992px) {
    .header-v1 .header-info-wrapper {
        width: 45%;
    }
}

.header-v1 .header-phone-numbers {
    width: 100%;
    padding-left: 0;
    padding-right: 32px;
}

@media (min-width: 768px) {
    .header-v1 .header-phone-numbers {
        width: 50%;
    }
}

@media (min-width: 992px) {
    .header-v1 .header-phone-numbers {
        width: 50%;
        line-height: 40px;
    }
}

.header-v1 .site-header-cart,
.header-v1 .site-header-cart-v2 {
    width: 100%;
    padding: 0;
}

@media (min-width: 768px) {
    .header-v1 .site-header-cart,
    .header-v1 .site-header-cart-v2 {
        width: 50%;
    }
}

@media (min-width: 992px) {
    .header-v1 .site-header-cart,
    .header-v1 .site-header-cart-v2 {
        width: 50%;
    }
}

.header-v1 .secondary-navigation {
    margin-bottom: 0;
}

.header-v1 .primary-navigation {
    text-align: center;
    margin-bottom: 0;
}

.header-v1 .primary-navigation .menu>li:hover>a::before,
.header-v1 .primary-navigation .menu ul.nav-menu>li:hover>a::before {
    visibility: visible;
}

.header-v2 .main-navigation,
.header-v2 .site-branding,
.header-v2 .header-info-wrapper,
.header-v2 .header-nav-links,
.header-v2 .site-header-cart {
    float: left;
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
}

.header-v2 .main-navigation {
    width: 100%;
}

@media (min-width: 768px) {
    .header-v2 .main-navigation {
        width: 41.6666666667%;
    }
}

@media (min-width: 992px) {
    .header-v2 .main-navigation {
        width: 41.6666666667%;
    }
}

.header-v2 .site-branding {
    width: 100%;
    text-align: center;
    padding: 0;
}

@media (min-width: 768px) {
    .header-v2 .site-branding {
        width: 16.6666666667%;
    }
}

@media (min-width: 992px) {
    .header-v2 .site-branding {
        width: 16.6666666667%;
    }
}

.header-v2 .site-branding a img {
    width: 180px;
    margin: 0 auto;
}

.header-v2 .header-info-wrapper {
    width: 100%;
    padding: 0;
    display: flex;
    align-items: center;
}

@media (min-width: 768px) {
    .header-v2 .header-info-wrapper {
        width: 41.6666666667%;
    }
}

@media (min-width: 992px) {
    .header-v2 .header-info-wrapper {
        width: 41.6666666667%;
    }
}

.header-v2 .header-nav-links {
    width: 100%;
}

@media (min-width: 768px) {
    .header-v2 .header-nav-links {
        width: 50%;
    }
}

@media (min-width: 992px) {
    .header-v2 .header-nav-links {
        width: 50%;
    }
}

.header-v2 .site-header-cart {
    width: 100%;
    padding: 0;
}

@media (min-width: 768px) {
    .header-v2 .site-header-cart {
        width: 50%;
    }
}

@media (min-width: 992px) {
    .header-v2 .site-header-cart {
        width: 50%;
    }
}

.header-v2 .col-full {
    display: flex;
    align-items: center;
}

.header-v2 .primary-navigation {
    margin-bottom: 0;
}

.header-nav-links {
    font-size: 0.813em;
    text-align: center;
}

.header-nav-links ul {
    margin: 0;
}

.header-nav-links ul li {
    list-style: none;
}

.header-nav-links ul li a {
    color: #fff;
}

.page-template-template-homepage-v2 .header-v2 {
    background-color: transparent;
    position: absolute;
    width: 100%;
}

.header-v3 {
    padding: 6.54px 0;
}

.header-v3 .col-full {
    display: flex;
    align-items: center;
    padding-right: 0;
}

.header-v3 .site-branding,
.header-v3 .main-navigation,
.header-v3 .site-header-cart {
    float: left;
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
}

.header-v3 .site-branding {
    width: 100%;
    padding: 0;
}

@media (min-width: 768px) {
    .header-v3 .site-branding {
        width: 16.6666666667%;
    }
}

@media (min-width: 992px) {
    .header-v3 .site-branding {
        width: 16.6666666667%;
    }
}

.header-v3 .site-branding .pizzaro-logo,
.header-v3 .site-branding a img {
    width: 138px;
    display: block;
}

.header-v3 .main-navigation {
    width: 100%;
    padding-left: 2.875em;
}

@media (min-width: 768px) {
    .header-v3 .main-navigation {
        width: 66.6666666667%;
    }
}

@media (min-width: 992px) {
    .header-v3 .main-navigation {
        width: 66.6666666667%;
    }
}

.header-v3 .site-header-cart {
    width: 100%;
    padding-right: 0;
}

@media (min-width: 768px) {
    .header-v3 .site-header-cart {
        width: 16.6666666667%;
    }
}

@media (min-width: 992px) {
    .header-v3 .site-header-cart {
        width: 16.6666666667%;
    }
}

.header-v3 .primary-navigation {
    margin-bottom: 0;
}

.header-v3 .primary-navigation>.menu>li>a {
    text-transform: uppercase;
    font-weight: 800;
}

.header-v3 .primary-navigation>.menu>li>a i {
    font-size: 0.933em;
    margin-right: 8px;
}

.header-v3 .primary-navigation>.menu li,
.header-v3 .primary-navigation>.menu li::before,
.header-v3 .primary-navigation>.menu li a {
    display: inline-block;
    vertical-align: middle;
}

.header-v3 .primary-navigation>.menu>li:hover>a {
    text-decoration: none;
}

.header-v3 .primary-navigation>.menu>li+li::before {
    width: 1px;
    content: " ";
    display: inline-block;
    height: 50px;
    margin: 0 12px;
    background-color: #ef575d;
    opacity: .4;
}

.header-v4 {
    padding: 18px 0;
}

.header-v4 .col-full {
    width: 100%;
    padding: 0 52px;
    display: flex;
    align-items: center;
}

.header-v4 .site-branding,
.header-v4 .main-navigation,
.header-v4 .site-header-cart {
    float: left;
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
}

.header-v4 .site-branding {
    width: 100%;
    padding: 0;
}

@media (min-width: 768px) {
    .header-v4 .site-branding {
        width: 16.6666666667%;
    }
}

@media (min-width: 992px) {
    .header-v4 .site-branding {
        width: 16.6666666667%;
    }
}

.header-v4 .site-branding .pizzaro-logo,
.header-v4 .site-branding a img {
    width: 162px;
    display: block;
}

.header-v4 .main-navigation {
    width: 100%;
}

@media (min-width: 768px) {
    .header-v4 .main-navigation {
        width: 66.6666666667%;
    }
}

@media (min-width: 992px) {
    .header-v4 .main-navigation {
        width: 66.6666666667%;
    }
}

.header-v4 .site-header-cart {
    width: 100%;
    padding: 0;
}

@media (min-width: 768px) {
    .header-v4 .site-header-cart {
        width: 16.6666666667%;
    }
}

@media (min-width: 992px) {
    .header-v4 .site-header-cart {
        width: 16.6666666667%;
    }
}

.header-v4 .site-header-cart .cart-contents {
    float: right;
}

.header-v4 .site-header-cart .cart-contents .amount span {
    display: none;
}

.header-v4 .primary-navigation {
    margin-bottom: 0;
    text-align: center;
}

.header-v4 .primary-navigation ul.menu>li>a,
.header-v4 .primary-navigation ul.nav-menu>li>a {
    padding: 1.8em 1.84em 1.618em;
}

.header-v4 .primary-navigation .current-menu-item>a {
    color: #262626;
}

.header-v4 .primary-navigation .menu>li>a::before,
.header-v4 .primary-navigation .current-menu-item>a::before {
    content: " ";
    display: block;
    height: 2px;
    width: 42px;
    margin: 0 auto;
    margin-top: 6px;
    background-color: #ffae00;
    bottom: 14px;
    left: 50%;
    position: absolute;
    transform: translate(-50%, -50%);
    background-color: #fff;
}

.header-v4 .primary-navigation .menu>li>a::before {
    visibility: hidden;
}

.header-v4 .primary-navigation .menu>li:hover>a::before {
    visibility: visible;
}

.header-v4 .primary-navigation .menu .current-menu-item>a::before {
    visibility: visible;
}


/**
 * Main Naivgation
 */


/**
 * General Menu Styles
 */

.secondary-navigation {
    display: none;
}

button.menu-toggle {
    cursor: pointer;
    text-align: left;
    float: right;
    position: relative;
    border: none;
    background-image: none;
    padding: 0;
    font-size: .857em;
}

button.menu-toggle:hover {
    background-image: none;
}

button.menu-toggle span:before {
    -webkit-transition: all, ease, .2s;
    -moz-transition: all, ease, .2s;
    transition: all, ease, .2s;
}

button.menu-toggle:before,
button.menu-toggle:after,
button.menu-toggle span:before {
    content: "";
    display: block;
    height: 2px;
    width: 14px;
    position: absolute;
    top: 50%;
    left: 1em;
    margin-top: -1px;
    -webkit-transition: all, ease, .2s;
    -moz-transition: all, ease, .2s;
    transition: all, ease, .2s;
    border-radius: 3px;
}

button.menu-toggle:before {
    -webkit-transform: translateY(-4px);
    -moz-transform: translateY(-4px);
    -ms-transform: translateY(-4px);
    -o-transform: translateY(-4px);
    transform: translateY(-4px);
}

button.menu-toggle:after {
    -webkit-transform: translateY(4px);
    -moz-transform: translateY(4px);
    -ms-transform: translateY(4px);
    -o-transform: translateY(4px);
    transform: translateY(4px);
}

button.menu-toggle .close-icon {
    display: none;
}

.toggled button.menu-toggle:before,
.toggled button.menu-toggle:after {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

.toggled button.menu-toggle:after {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.toggled button.menu-toggle span:before {
    opacity: 0;
}

.toggled button.menu-toggle .menu-icon {
    display: none;
}

.toggled button.menu-toggle .close-icon {
    display: block;
}

.primary-navigation {
    display: none;
}

.main-navigation:before,
.main-navigation:after {
    content: "";
    display: table;
}

.main-navigation:after {
    clear: both;
}

.main-navigation div.menu {
    display: none;
}

.main-navigation div.menu:last-child {
    display: block;
}

.main-navigation .menu {
    clear: both;
    float: right;
}

.handheld-navigation,
.nav-menu,
.main-navigation div.menu>ul:not(.nav-menu) {
    overflow: hidden;
    max-height: 0;
    /* We have to use max-height because `height` isn't animatable */
    -webkit-transition: all, ease, .8s;
    -moz-transition: all, ease, .8s;
    transition: all, ease, .8s;
}

.handheld-navigation {
    clear: both;
}

.handheld-navigation ul {
    margin: 0;
}

.main-navigation.toggled .handheld-navigation,
.main-navigation.toggled .menu>ul:not(.nav-menu),
.main-navigation.toggled ul[aria-expanded=true] {
    max-height: 1750px;
}

.main-navigation ul {
    margin-left: 0;
    list-style: none;
    margin-bottom: 0;
}

.main-navigation ul ul {
    display: block;
    margin-left: 1.387em;
}

.main-navigation ul li a {
    padding: .857em 0;
    display: block;
}

.main-navigation ul li:hover>a,
.main-navigation ul li.focus>a {
    color: #ea7236;
}

@media (min-width: 768px) {
    .primary-navigation,
    .secondary-navigation {
        width: 100%;
    }
    .primary-navigation ul,
    .secondary-navigation ul {
        list-style: none;
        margin: 0;
        padding-left: 0;
        display: block;
    }
    .primary-navigation ul li,
    .secondary-navigation ul li {
        display: inline-block;
    }
    .primary-navigation ul li a,
    .secondary-navigation ul li a {
        display: block;
    }
    .primary-navigation ul li:hover>ul,
    .primary-navigation ul li.focus>ul,
    .secondary-navigation ul li:hover>ul,
    .secondary-navigation ul li.focus>ul {
        left: 0;
        display: block;
    }
    .primary-navigation ul li:hover>ul li>ul,
    .primary-navigation ul li.focus>ul li>ul,
    .secondary-navigation ul li:hover>ul li>ul,
    .secondary-navigation ul li.focus>ul li>ul {
        display: none;
    }
    .primary-navigation ul li:hover>ul li:hover>ul,
    .primary-navigation ul li:hover>ul li.focus>ul,
    .primary-navigation ul li.focus>ul li:hover>ul,
    .primary-navigation ul li.focus>ul li.focus>ul,
    .secondary-navigation ul li:hover>ul li:hover>ul,
    .secondary-navigation ul li:hover>ul li.focus>ul,
    .secondary-navigation ul li.focus>ul li:hover>ul,
    .secondary-navigation ul li.focus>ul li.focus>ul {
        left: 100%;
        top: 0;
        display: block;
    }
    .primary-navigation ul ul.sub-menu,
    .primary-navigation ul ul.children,
    .secondary-navigation ul ul.sub-menu,
    .secondary-navigation ul ul.children {
        float: left;
        position: absolute;
        top: auto;
        z-index: 99999;
        display: none;
        width: 100%;
        background-color: #fff;
    }
    
    /**
	 * Secondary Navigation
	 */
    .pizzaro-secondary-navigation {
        clear: both;
        margin-left: -99em;
        margin-right: -99em;
        padding-left: 99em;
        padding-right: 99em;
    }
    .pizzaro-secondary-navigation:before,
    .pizzaro-secondary-navigation:after {
        content: "";
        display: table;
    }
    .pizzaro-secondary-navigation:after {
        clear: both;
    }
    .secondary-navigation {
        border-top: 1px solid rgba(255, 255, 255, 0.17);
    }
    .secondary-navigation ul.menu,
    .secondary-navigation ul.nav-menu {
        max-height: none;
        overflow: visible;
        text-align: center;
    }
    .secondary-navigation ul.menu>li>a,
    .secondary-navigation ul.nav-menu>li>a {
        padding: 2em 0;
        color: #fff;
        font-size: 1em;
        line-height: 2.813em;
    }
    .secondary-navigation ul.menu>li>a i,
    .secondary-navigation ul.nav-menu>li>a i {
        font-size: 2.813em;
        display: inline-block;
        float: left;
        margin-right: 0.4em;
    }
    .secondary-navigation ul.menu>li>a i.icon,
    .secondary-navigation ul.nav-menu>li>a i.icon {
        font-size: 76px;
        margin-right: 5px;
        margin-left: -16px;
    }
    .secondary-navigation ul.menu>li>a:hover,
    .secondary-navigation ul.menu>li>a:focus,
    .secondary-navigation ul.nav-menu>li>a:hover,
    .secondary-navigation ul.nav-menu>li>a:focus {
        color: #ea7236;
        /*text-shadow: 0 0 .65px #fff, 0 0 .65px #fff;*/
    }
    .secondary-navigation ul.menu>li+li,
    .secondary-navigation ul.nav-menu>li+li {
        margin-left: 32px;
    }
    .secondary-navigation ul.menu ul,
    .secondary-navigation ul.nav-menu ul {
        margin-left: 0;
    }
    .secondary-navigation ul.menu ul li a,
    .secondary-navigation ul.nav-menu ul li a {
        padding: .857em 1.387em;
        font-weight: 400;
        font-size: .857em;
    }
    .secondary-navigation ul.menu ul li:last-child,
    .secondary-navigation ul.nav-menu ul li:last-child {
        border-bottom: 0;
    }
    .secondary-navigation ul.menu ul li.menu-item-has-children>a:after,
    .secondary-navigation ul.menu ul li.page_item_has_children>a:after,
    .secondary-navigation ul.nav-menu ul li.menu-item-has-children>a:after,
    .secondary-navigation ul.nav-menu ul li.page_item_has_children>a:after {
        display: inline-block;
        font: normal normal normal 1em/1 FontAwesome;
        font-size: inherit;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        content: "\f105";
        float: right;
        line-height: 1.118;
    }
    .secondary-navigation ul.menu ul ul,
    .secondary-navigation ul.nav-menu ul ul {
        margin-left: 0;
        box-shadow: none;
    }
    .secondary-navigation a {
        padding: 0 1em 2.244em;
    }
    /**
	 * Primary Navigation
	 */
    .primary-navigation {
        margin: 0 0 1.618em;
        width: auto;
        clear: none;
        line-height: 1;
    }
    .primary-navigation .menu,
    .primary-navigation .menu .nav-menu {
        font-size: 0.938em;
        width: auto;
    }
    .primary-navigation .menu>li>a,
    .primary-navigation .menu .nav-menu>li>a {
        /*position: relative;*/
        color: #fff;
        font-weight: bold;
    }
    .primary-navigation .menu>li:hover>a,
    .primary-navigation .menu>li.focus>a,
    .primary-navigation .menu .nav-menu>li:hover>a,
    .primary-navigation .menu .nav-menu>li.focus>a {
        text-decoration: none;
    }
    .primary-navigation .menu li.current-menu-item>a::after,
    .primary-navigation .menu .nav-menu li.current-menu-item>a::after {
        visibility: visible;
    }
    .primary-navigation .menu ul,
    .primary-navigation .menu .nav-menu ul {
        padding: 10px 0;
        background-color: #fff;
    }
    .primary-navigation .menu ul a,
    .primary-navigation .menu .nav-menu ul a {
        padding: .326em .857em;
        color: #464646;
    }
    .primary-navigation .menu ul li:first-child a,
    .primary-navigation .menu .nav-menu ul li:first-child a {
        padding-top: 1em;
    }
    .primary-navigation .menu ul li:last-child a,
    .primary-navigation .menu .nav-menu ul li:last-child a {
        padding-bottom: 1em;
    }
    .primary-navigation .menu ul ul,
    .primary-navigation .menu .nav-menu ul ul {
        margin-top: -.618em;
    }
    .primary-navigation .menu a,
    .primary-navigation .menu .nav-menu a {
        padding: 10px;
        font-weight: 300;
        color: #999999;
    }
    .primary-navigation .menu a:hover,
    .primary-navigation .menu .nav-menu a:hover {
        text-decoration: none;
    }
    .primary-navigation div.menu>ul {
        background-color: transparent;
    }
    .primary-navigation div.menu>ul li:hover>a {
        color: #e6e6e6;
    }
}

.vertical-align {
    display: -ms-flex;
    display: -webkit-flex;
    display: flex;
    flex-direction: row;
}

.vertical-align>[class^="col-"],
.vertical-align>[class*=" col-"] {
    display: flex;
    align-items: center;
}


/*===================================================================================*/

.widget.widget_price_filter .price_slider {
    margin: 30px 0;
}

.widget.widget_price_filter .price_slider_amount {
    text-align: left;
    position: relative;
    width: 100%;
    color: #686868;
}

.widget.widget_price_filter .price_slider_amount .button {
    line-height: 1;
    font-size: 1em;
    font-weight: bold;
    padding: 0.75em 1.646em;
    border-radius: 0.571em;
    margin-top: 35px;
}

.widget.widget_price_filter .price_slider_amount .price_label {
    position: absolute;
    top: -8px;
    width: inherit;
    font-size: 1em;
    line-height: 1em;
}

.widget.widget_price_filter .ui-slider {
    position: relative;
    text-align: left;
}

.widget.widget_price_filter .ui-slider .ui-slider-handle {
    border-radius: 50%;
    box-sizing: border-box;
    cursor: ew-resize;
    margin-top: 0;
    opacity: 1;
    outline: medium none;
    position: absolute;
    z-index: 2;
    height: 1.143em;
    width: 1.143em;
    transform: translateY(-50%);
    top: 50%;
    border: none;
}

.widget.widget_price_filter .ui-slider .ui-slider-handle:last-child {
    border-width: 3px;
    border-style: solid;
    background-color: #fff;
    margin-left: -1em;
}

.widget.widget_price_filter .ui-slider .ui-slider-handle:hover,
.widget.widget_price_filter .ui-slider .ui-slider-handle.ui-state-active {
    box-shadow: 0 0 0 .236em rgba(0, 0, 0, 0.1);
}

.widget.widget_price_filter .ui-slider .ui-slider-range {
    position: absolute;
    z-index: 1;
    font-size: .7em;
    display: block;
    border: 0;
    background-color: #dcdcdc;
}

.widget.widget_price_filter .price_slider_wrapper .ui-widget-content {
    background: #cacaca;
}

.widget.widget_price_filter .ui-slider-horizontal {
    height: 1px;
}

.widget.widget_price_filter .ui-slider-horizontal .ui-slider-range {
    top: -2px;
    height: 3px;
    margin-left: 2px;
    transform: translateY(-50%);
    top: 50%;
}

.header-v2+.shop-archive-header {
    height: 343px;
}

.header-v2+.shop-archive-header .shop-archive-content {
    top: 71.6%;
}

.full-width.grid-view .shop-archive-header+.site-content,
.full-width.list-view .shop-archive-header+.site-content,
.left-sidebar.grid-view .shop-archive-header+.site-content,
.left-sidebar.list-view .shop-archive-header+.site-content,
.right-sidebar.grid-view .shop-archive-header+.site-content,
.right-sidebar.list-view .shop-archive-header+.site-content {
    padding-top: 0;
}

.list-no-image-cat-view .products {
    margin-bottom: 54px;
}

.list-no-image-cat-view .kc_single_image {
    margin-bottom: 100px;
}

.list-no-image-cat-view .kc_single_image figure {
    width: 100vw;
    position: relative;
    margin-left: -50vw;
    left: 50%;
}

.list-no-image-cat-view .kc_single_image .scapt {
    position: absolute;
    bottom: -1px;
    font-family: 'Yanone Kaffeesatz', sans-serif;
    font-size: 8.125em;
    font-weight: bold;
    color: #fff;
    line-height: 0.8;
    left: -11px;
    margin: 0;
    letter-spacing: 2.8px;
}

.list-no-image-cat-view .section-products {
    clear: both;
}

.header-v1 .site-header-cart .cart-contents {
    padding: .407em .9em .8em .9em;
    background-color: #8ca93e;
    border-radius: 50px;
    color: #fff;
    line-height: 1;
    max-width: 225px;
    font-size: 1.813em;
    margin-left: auto;
}

.header-v1 .site-header-cart .cart-contents::after {
    color: white;
    content: " ";
    font-size: 18px;
    align-items: center;
    padding-bottom: 12px;
    bottom: -8px;
    position: absolute;
    left: 50%;
    transform: translate(-50%, -50%);
    border-top: 2px solid #226f0b;
    margin: auto;
    width: 137px;
    background: linear-gradient(30deg, transparent 40px, white 40px), linear-gradient(-45deg, transparent 40px, white 40px), linear-gradient(45deg, transparent 34px, white 34px), linear-gradient(-45deg, transparent 34px, white 34px);
    background-size: 7px calc(100% + 30px);
}

.header-v1 .site-header-cart .cart-contents::before {
    font-family: "font-pizzaro";
    content: "\47";
    display: inline-block;
    vertical-align: middle;
}

.header-v1 .site-header-cart .cart-contents>span {
    font-size: 0.483em;
    font-weight: 900;
    opacity: 1;
    vertical-align: middle;
}

.header-v1 .site-header-cart .cart-contents .count {
    display: none;
}

.header-v1 .site-header-cart .cart-contents .amount {
    margin-right: 0;
}

.header-v1 .site-header-cart .cart-contents .price-label {
    margin-right: .327em;
}

.header-v1 .site-header-cart-v2 {
    list-style: none;
    margin: 15px 0 0 0;
}

.header-v1 .site-header-cart-v2 .cart-content {
    position: relative;
    margin-left: calc(100% - 225px);
}

.header-v1 .site-header-cart-v2 .cart-content>a {
    padding: .66em .9em;
    color: #fff;
    display: flex;
    align-items: center;
    max-width: 225px;
    float: left;
}

.header-v1 .site-header-cart-v2 .cart-content>a span {
    font-size: 25px;
    font-weight: normal;
    padding-left: 0;
}

.header-v1 .site-header-cart-v2 .cart-content .sub-menu {
    border-top: 2px solid #226f0b;
    width: 137px;
    list-style: none;
    margin: 0 auto;
    position: absolute;
    bottom: -63px;
    overflow: hidden;
    min-height: 52px;
    left: 50%;
    transform: translate(-50%, -50%);
}

.header-v1 .site-header-cart-v2 .cart-content .sub-menu li {
    background-color: #fff;
    height: 45px;
    width: inherit;
    transition: transform 0.3s;
    transform: translate(0px, -44px);
}

.header-v1 .site-header-cart-v2 .cart-content .sub-menu li a {
    padding: 6px 10px;
    display: block;
}

.header-v1 .site-header-cart-v2 .cart-content .sub-menu li::after {
    color: white;
    content: " ";
    font-size: 18px;
    align-items: center;
    padding-bottom: 12px;
    bottom: -4px;
    position: relative;
    display: block;
    margin: auto;
    background: linear-gradient(30deg, transparent 40px, white 40px), linear-gradient(-45deg, transparent 40px, white 40px), linear-gradient(45deg, transparent 34px, white 34px), linear-gradient(-45deg, transparent 34px, white 34px);
    background-size: 7px calc(100% + 34px);
}

.header-v1 .site-header-cart-v2 .cart-content:hover .sub-menu li {
    transform: translate(0px, 0px);
}

.header-v1 .site-header-cart-v2 .cart-content>span {
    font-size: 0.483em;
    font-weight: 900;
    opacity: 1;
    vertical-align: middle;
}

.header-v1 .site-header-cart-v2 .cart-content .count {
    font-size: 15px;
}

.header-v1 .site-header-cart-v2 .cart-content .amount {
    font-size: 15px;
    font-weight: bold;
    float: right;
}

.header-v1 .site-header-cart-v2 .cart-content .price-label {
    margin-right: .327em;
}

.header-v2 .site-header-cart .cart-contents,
.header-v3 .site-header-cart .cart-contents,
.header-v4 .site-header-cart .cart-contents {
    padding: 0.604em 0;
    color: #fff;
    line-height: 1;
    font-size: 1.188em;
}

.header-v2 .site-header-cart .cart-contents::after,
.header-v2 .site-header-cart .cart-contents::before,
.header-v3 .site-header-cart .cart-contents::after,
.header-v3 .site-header-cart .cart-contents::before,
.header-v4 .site-header-cart .cart-contents::after,
.header-v4 .site-header-cart .cart-contents::before {
    font-family: "font-pizzaro";
}

.header-v2 .site-header-cart .cart-contents::after,
.header-v3 .site-header-cart .cart-contents::after,
.header-v4 .site-header-cart .cart-contents::after {
    color: white;
    content: "\69";
    line-height: 1;
    font-size: 0.5em;
    float: none;
    color: #dcdcdc;
}

.header-v2 .site-header-cart .cart-contents::before,
.header-v3 .site-header-cart .cart-contents::before,
.header-v4 .site-header-cart .cart-contents::before {
    content: "\47";
    display: inline-block;
    vertical-align: middle;
    border: 1px solid #dcdcdc;
    border-radius: 50px;
    padding: 0.579em;
    margin-right: 14px;
}

.header-v2 .site-header-cart .cart-contents .amount,
.header-v3 .site-header-cart .cart-contents .amount,
.header-v4 .site-header-cart .cart-contents .amount {
    font-weight: 900;
    vertical-align: middle;
}

.header-v2 .site-header-cart .cart-contents .amount span,
.header-v3 .site-header-cart .cart-contents .amount span,
.header-v4 .site-header-cart .cart-contents .amount span {
    font-weight: normal;
    font-size: 0.929em;
    padding-right: 6px;
}

.header-v2 .site-header-cart .cart-contents>span,
.header-v3 .site-header-cart .cart-contents>span,
.header-v4 .site-header-cart .cart-contents>span {
    font-size: 0.737em;
}

.header-v2 .site-header-cart .cart-contents>span,
.header-v2 .site-header-cart .cart-contents .count,
.header-v3 .site-header-cart .cart-contents>span,
.header-v3 .site-header-cart .cart-contents .count,
.header-v4 .site-header-cart .cart-contents>span,
.header-v4 .site-header-cart .cart-contents .count {
    font-weight: bold;
    opacity: 1;
    vertical-align: middle;
}

.header-v2 .site-header-cart .cart-contents .count,
.header-v3 .site-header-cart .cart-contents .count,
.header-v4 .site-header-cart .cart-contents .count {
    position: absolute;
    padding: 0.5em 0;
    background: #4caf50;
    font-size: 0.579em;
    text-align: center;
    width: 22px;
    border-radius: 50px;
    font-weight: 900;
    left: 0;
    line-height: 1;
    top: 2px;
}

.header-v3 .site-header-cart .cart-contents {
    float: right;
}

.header-v3 .site-header-cart .cart-contents::before {
    border: none;
    font-size: 1.158em;
    margin-right: 0;
}

.header-v3 .site-header-cart .cart-contents::after {
    color: #fff;
}

.header-v3 .site-header-cart .cart-contents .amount span {
    display: none;
}

.header-v3 .site-header-cart .cart-contents>span {
    font-size: 0.789em;
}

.header-v3 .site-header-cart .cart-contents .count {
    left: 3px;
    top: 7px;
}

.bewear-our-team {
    padding: 70px 0 40px 0;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    margin-bottom: 5.214em;
    width: 100vw;
    position: relative;
    margin-left: -50vw;
    left: 50%;
}

.pizzaro-basics {
    width: 100vw;
    position: relative;
    margin-left: -50vw;
    left: 50%;
    border-bottom: 1px solid #eeeeee;
}

.pizzaro-basics .block h2 {
    font-size: 1.125em;
    font-weight: bold;
    letter-spacing: 1px;
}

.pizzaro-basics .block p {
    line-height: 1.8;
    margin-bottom: 0;
}

.pizzaro-basics .blocks {
    padding: 5.071em 0 4.2em 0;
    display: inline-block;
}

.pizzaro-brands {
    padding: 140px 0;
}

.pizzaro-brands ul {
    list-style: none;
    margin: 0;
    text-align: center;
}

.pizzaro-brands ul li+li {
    border-left: 1px solid #e6e6e6;
    padding-left: 50px;
    margin-left: 50px;
}

.pizzaro-brands ul li {
    display: inline-block;
    max-height: 120px;
}

.about-header {
    width: 100vw;
    position: relative;
    margin-left: -50vw;
    left: 50%;
    margin-bottom: 116px;
}

.pizzaro-about-features {
    margin-bottom: 78px;
}

.brands-section {
    margin-bottom: 7.643em;
}


/*===================================================================================*/

@media (min-width: 1200px) {
    .menu-toggle,
    .handheld-navigation,
    .main-navigation.toggled .handheld-navigation,
    .main-navigation.toggled div.menu {
        display: none;
    }
    .main-navigation,
    .primary-navigation,
    .secondary-navigation {
        display: block;
    }
    /**
	 * Handheld footer bar
	 */
    .pizzaro-handheld-footer-bar {
        display: none;
    }
    .site-content:before,
    .site-content:after {
        content: "";
        display: table;
    }
    .site-content:after {
        clear: both;
    }
    .right-sidebar .content-area {
        width: 73.9130434783%;
        float: left;
        margin-right: 4.347826087%;
    }
    .right-sidebar .widget-area {
        width: 21.7391304348%;
        float: right;
        margin-right: 0;
    }
    .left-sidebar .content-area {
        width: 73.9130434783%;
        float: right;
        margin-right: 0;
    }
    .left-sidebar .widget-area {
        width: 21.7391304348%;
        float: left;
        margin-right: 4.347826087%;
    }
}

@media (max-width: 1199px) {
    .site-header {
        z-index: 10000;
        padding: 1.618em 0;
    }
    .site-header .header-info-wrapper,
    .site-header .site-header-cart {
        display: none;
    }
    .site-header button.menu-toggle {
        background: none;
    }
    .site-header .site-branding {
        max-width: 180px;
        padding: 0;
        margin: 0 1rem;
    }
    .site-header .main-navigation {
        float: right;
        width: 20px;
        padding: 0;
        text-align: left;
        margin-right: 20px;
        margin-top: 10px;
    }
    .header-v1 .header-wrap {
        justify-content: space-between;
        margin-bottom: 0;
    }
    .header-v1.site-header .main-navigation {
        margin-top: 0;
    }
}

#wrap {
    display: inline-block;
    position: relative;
    color: #fff;
    padding: .66em .9em;
    margin-top: 10px;
}

input[type="text"] {
    height: 60px;
    font-size: 20px;
    display: inline-block;
    font-family: "Lato";
    font-weight: 100;
    border: none;
    outline: none;
    color: #555;
    padding: 3px;
    padding-right: 60px;
    width: 0px;
    position: absolute;
    top: 0;
    right: 0;
    background: none;
    transition: width .4s cubic-bezier(0.000, 0.795, 0.000, 1.000);
    cursor: pointer;
}

input[type="text"]:focus {
    width: 200px;
    z-index: 1;
    border-bottom: 1px solid #BBB;
    cursor: text;
    background: #fff;
}

input[type="submit"] {
    height: 67px;
    width: 63px;
    display: inline-block;
    color: red;
    float: right;
    text-indent: -10000px;
    border: none;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    cursor: pointer;
    opacity: 0.4;
    cursor: pointer;
    transition: opacity .4s ease;
}

input[type="submit"]:hover {
    opacity: 0.8;
}

.footer-widget p {
    margin-bottom: 27px;
}

p {
    font-family: 'Nunito', sans-serif;
    font-size: 16px;
    line-height: 28px;
}

.animate-border {
    position: relative;
    display: block;
    width: 115px;
    height: 3px;
    background: #ea7236;
}

.animate-border:after {
    position: absolute;
    content: "";
    width: 35px;
    height: 3px;
    left: 0;
    bottom: 0;
    border-left: 10px solid #fff;
    border-right: 10px solid #fff;
    -webkit-animation: animborder 2s linear infinite;
    animation: animborder 2s linear infinite;
}

@-webkit-keyframes animborder {
    0% {
        -webkit-transform: translateX(0px);
        transform: translateX(0px);
    }
    100% {
        -webkit-transform: translateX(113px);
        transform: translateX(113px);
    }
}

@keyframes animborder {
    0% {
        -webkit-transform: translateX(0px);
        transform: translateX(0px);
    }
    100% {
        -webkit-transform: translateX(113px);
        transform: translateX(113px);
    }
}

.animate-border.border-white:after {
    border-color: #fff;
}

.animate-border.border-yellow:after {
    border-color: #F5B02E;
}

.animate-border.border-orange:after {
    border-right-color: #007bff;
    border-left-color: #007bff;
}

.animate-border.border-ash:after {
    border-right-color: #EEF0EF;
    border-left-color: #EEF0EF;
}

.animate-border.border-offwhite:after {
    border-right-color: #F7F9F8;
    border-left-color: #F7F9F8;
}


/* Animated heading border */

@keyframes primary-short {
    0% {
        width: 15%;
    }
    50% {
        width: 90%;
    }
    100% {
        width: 10%;
    }
}

@keyframes primary-long {
    0% {
        width: 80%;
    }
    50% {
        width: 0%;
    }
    100% {
        width: 80%;
    }
}



.dk-footer .contact-us {
    margin-top: 0;
    margin-bottom: 30px;
    padding-left: 80px;
}

.dk-footer .contact-us .contact-info {
    margin-left: 50px;
}

.dk-footer .contact-us.contact-us-last {
    margin-left: -80px;
}

.dk-footer .contact-icon i {
    font-size: 18px;
    top: -15px;
    position: relative;
    color: #ea7236;
}

.dk-footer-box-info {
    position: absolute;
    top: -100px;
    background: #104438;
    padding: 30px;
    z-index: 2;
    border-radius: 60px;
    box-shadow: 2px 2px #202020;
}

.dk-footer-box-info .footer-social-link h3 {
    color: #fff;
    font-size: 24px;
    margin: 10px auto;
}

.dk-footer-box-info .footer-social-link ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

.dk-footer-box-info .footer-social-link li {
    display: inline-block;
}

.dk-footer-box-info .footer-social-link a i {
    display: block;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    text-align: center;
    line-height: 40px;
    background: #d00606;
    margin-right: 5px;
    color: #fff;
}

.dk-footer-box-info .footer-social-link a i.fa-facebook {
    background-color: #3B5998;
}

.dk-footer-box-info .footer-social-link a i.fa-twitter {
    background-color: #55ACEE;
}

.dk-footer-box-info .footer-social-link a i.fa-google-plus {
    background-color: #DD4B39;
}

.dk-footer-box-info .footer-social-link a i.fa-linkedin {
    background-color: #0976B4;
}

.dk-footer-box-info .footer-social-link a i.fa-instagram {
    background: #d6249f;
    background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
}

.footer-awarad {
    margin-top: 285px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
    -moz-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.footer-awarad p {
    color: #fff;
    font-size: 24px;
    font-weight: 700;
    margin-left: 20px;
    margin-top: 40px;
}

.footer-info-text {
    color: #fff;
}

.footer-left-widget {
    padding-left: 110px;
}

.footer-widget .section-heading {
    margin-bottom: 10px;
}

.footer-widget h3 {
    font-size: 24px;
    color: #fff;
    position: relative;
    margin-bottom: 15px;
    max-width: -webkit-fit-content;
    max-width: -moz-fit-content;
    max-width: fit-content;
}

.footer-widget ul {
    width: 100% !important;
    float: left;
    list-style: none;
    margin: 0;
    padding: 0;
    padding-bottom: 0px;
    padding-bottom: 10px;
}

.footer-widget li {
    margin-bottom: 18px;
}

.footer-widget p {
    margin-bottom: 27px;
}

.footer-widget a {
    color: #fff;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.footer-widget a:hover {
    color: #ea7236;
}

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

.dk-footer-form {
    position: relative;
}

.dk-footer-form input[type=email] {
    padding: 14px 28px;
    border-radius: 50px;
    background: #fff;
    border: #fff;
    height: 44px;
}

.dk-footer-form input::-webkit-input-placeholder,
.dk-footer-form input::-moz-placeholder,
.dk-footer-form input:-ms-input-placeholder,
.dk-footer-form input::-ms-input-placeholder,
.dk-footer-form input::-webkit-input-placeholder {
    color: #878787;
    font-size: 14px;
}

.dk-footer-form input::-webkit-input-placeholder,
.dk-footer-form input::-moz-placeholder,
.dk-footer-form input:-ms-input-placeholder,
.dk-footer-form input::-ms-input-placeholder,
.dk-footer-form input::placeholder {
    color: #878787;
    font-size: 14px;
}

.dk-footer-form button[type=submit] {
    position: absolute;
    top: 0;
    right: 0;
    padding: 4px 24px 12px 17px;
    border: 1px solid #fff;
    background: #155748;
    color: #fff;
    height: 40px;
}

.dk-footer-form button:hover {
    cursor: pointer;
}


/* ==========================

Contact

=============================*/

.contact-us {
    position: relative;
    z-index: 2;
    margin-top: 65px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.contact-icon {
    position: absolute;
    margin-top: 15px;
}

.contact-icon i {
    font-size: 36px;
    top: -5px;
    position: relative;
    color: #007bff;
}

.contact-info {
    margin-left: 40px;
    color: #fff;
}

.contact-info h3 {
    font-size: 20px;
    color: #fff;
    margin-bottom: 0;
}

.copyright {
    background-color: #104438;
}

.copyright p {
    color: #fff;
}
.copyright span,
.copyright a {
    display: inline-block;
    color: #ffffff;
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

.copyright a:hover {
    color: #fff;
}

.copyright-menu ul {
    text-align: center;
    margin: 0;
    line-height: 45px;
    font-size: 18px;
}

.copyright-menu li {
    display: inline-block;
    padding-left: 10px;
}

.back-to-top {
    position: relative;
    z-index: 9999999999;
}

.back-to-top .btn-dark {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    padding: 0;
    position: fixed;
    bottom: 30px;
    left: 20px;
    background: #2e2e2e;
    border-color: #2e2e2e;
    display: none;
    z-index: 999;
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

.back-to-top .btn-dark:hover {
    cursor: pointer;
    background: #ea7236;
    border-color: #fff;
}

.text_center {
    text-align: center;
    font-size: 18px;
    line-height: 55px;
}

.color-p {
    color: #fff;
}

.padding-left-0 {
    padding-left: 80px;
}


/* Credit to https://bootsnipp.com/snippets/ooa9M  */

@media only screen and (max-width: 780px) {
    .footer-left-widget {
        padding-left: 0px;
    }
    .dk-footer-box-info {
        position: absolute;
        top: -100px;
        background: #0b2d25;
        padding: 30px;
        z-index: 2;
        margin: 0 auto;
        display: contents;
    }
    .padding-left-0 {
        margin-left: -80px;
    }
    .footer-awarad p {
        color: #fff;
        font-size: 24px;
        font-weight: 700;
        margin-left: 0px;
        padding-top: 0px;
    }
}

a:hover {
    color: #fff;
    text-decoration: none;
}

#main-content {
    display: none;
}

#span_menu1 {
    font-size: 40px;
	-webkit-appearance: none;
	-moz-appearance: none;
    margin-left: -50px;
}

#ul_li_active {
    color: #ff661a;
    font-weight: 700;
}

@media screen and (max-width:1440px) {
    .footer-widget h3 {
        font-size: 18px;
        color: #fff;
        position: relative;
        margin-bottom: 15px;
        max-width: -webkit-fit-content;
        max-width: -moz-fit-content;
        max-width: fit-content;
    }
    .footer-left-widget {
        padding-left: 50px;
        margin-top: 20px;
    }
}

@media screen and (max-width:414px) {
    .footer-widget h3 {
        font-size: 18px;
        color: #fff;
        position: relative;
        margin-bottom: 15px;
        max-width: -webkit-fit-content;
        max-width: -moz-fit-content;
        max-width: fit-content;
    }
    .footer-left-widget {
        padding-left: 0px !important;
        margin-top: 20px;
    }
}

@media screen and (max-width:768px) {
    .footer-left-widget {
        padding-left: 0px !important;
        margin-top: 20px;
    }
}

.zeynep ul>li>a {
    font-size: 14px;
    color: #ffffff;
    display: block;
    font-weight: bold;
    text-decoration: none;
}
body {
    position: relative;
    left: 0;
	overflow-x: hidden;
}

.starter-template {
    padding: 3rem 1.5rem;
    text-align: center;
}

html.zeynep-opened {
    overflow-x: hidden;
}

html.zeynep-opened body {
    width: 100%;
    position: fixed;
}

html.zeynep-opened .zeynep {
    pointer-events: auto;
}

.zeynep {
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    width: 0;
    overflow: hidden;
    overflow-y: auto;
    background-color: #272626;
    color: #ffffff;
    z-index: 1011;
    -webkit-overflow-scrolling: touch;
    pointer-events: none;
    transform: translateX(-100%);
}

html:not(.no-transition) body,
.zeynep:not(.no-transition),
.zeynep .submenu:not(.no-transition) {
    transition: all 375ms;
    transition-property: left, right, transform;
}

.zeynep-overlay {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1010;
    display: none;
    /*background-color: rgba(0,0,0,.4);*/
}

.zeynep-opened .zeynep-overlay {
    display: block;
}

.zeynep ul {
    list-style-type: none;
    padding: 0;
    -webkit-overflow-scrolling: touch;
}

.zeynep ul>li {
    padding: 15px 26px;
    display: block;
}

.zeynep ul>li.has-submenu {
    background-repeat: no-repeat;
    background-position: right 26px center;
}

.zeynep ul>li>a {
    font-size: 16px;
    color: #ffffff;
    display: block;
    font-weight: bold;
    text-decoration: none;
}

.zeynep ul>li:not(:last-child) {
    border-bottom: 1px solid rgba(255, 255, 255, 0.12);
}

.zeynep .submenu {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 100%;
    overflow: hidden;
    overflow-y: auto;
    background-color: #272626;
    min-height: 100%;
    width: 100%;
}

.zeynep .submenu.opened {
    left: 0;
}

.zeynep .submenu-header {
    background-color: #333333;
    padding: 20px 26px;
    cursor: pointer;
    position: relative;
    padding-left: 55px;
}

.zeynep .submenu-header>a {
    color: #ffffff;
    font-size: 14px;
    font-weight: bold;
    display: block;
    text-decoration: none;
}

.zeynep .submenu-header>a:before {
    content: "";
    position: absolute;
    top: 0;
    left: 26px;
    width: 20px;
    height: 100%;
    transform: rotate(-180deg);
    background-repeat: no-repeat;
    background-position: center right;
}

.zeynep .submenu>label {
    padding-left: 26px;
    color: #ffffff;
    font-size: 16px;
    opacity: 0.5;
    margin-top: 22px;
    margin-bottom: 16px;
    display: block;
    width: 100%;
}

.header-v1 .header-phone-numbers {
    padding-right: 0;
}

.header-phone-numbers .phone-number {
    font-weight: 600;
}

.m-sort-by__arrow {
    top: calc(50% - 20px);
}


/* button.btn_store_submit.js-add-cart {
    margin: auto;
} */

#toast-container>.toast-007BFF {
    background-color: #00b9ff;
    opacity: 1;
    /* background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=) !important; */
}

#toast-container>.toast-error {
    background-color: #DC3545;
    opacity: 1;
    /* background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII=) !important; */
}

#toast-container>.toast-success {
    background-color: #28A745;
    opacity: 1;
    /* background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==) !important; */
}

#toast-container>.toast-warning {
    background-color: #FFC107;
    opacity: 1;
}

.list-priceCart .product-item {
    margin-left: 20px !important;
    margin-bottom: 10px !important;
}

h5.title {
    margin-top: 10px;
}

.title {
    color: #0b2d25;
}

tr.order-list-li th {
    font-weight: 600;
}

.block-content .primary {
    text-align: right;
}

.cart-content #wrap form {
    position: relative;
}

.search-full-view {
    position: fixed;
    width: 100%;
    height: 12%;
    left: 0;
    top: 0;
    background: #0b2d25;
    opacity: 0;
    z-index: -1;
    transition: .5s all;
    transform: scale(0);
}

.search-full-view.search-normal-screen {
    opacity: 1;
    z-index: 1;
    transform: scale(1);
}

.search-full-view .input-group {
    width: 80%;
    margin: 0 auto;
    top: 20%;
    height: auto;
}

.search-full-view .input-group .form-control {
    background: transparent;
    border-bottom: 2px solid #fff;
    font-size: 6em;
    padding: 10px;
    vertical-align: unset;
    color: #cdcdcd;
}

.search-full-view .input-group .form-control:focus {
    border-color: #fff;
    border: 0 !important;
    border-bottom: 2px solid #fff !important;
}

.search-full-view .input-group .input-group-addon {
    background: transparent;
    font-size: 4em;
    color: #fff;
    border: 0;
    cursor: pointer;
}

.search-full-view .btn-close {
    background: transparent;
    border: 0;
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer;
}

.search-full-view .btn-close img {
    width: 20px;
}

input#search:focus::placeholder {
    color: #fff;
    display: contents!important;
    opacity: 0!important;
    transition: opacity 100s 100s ease;
}

input#search {
    width: 100%;
    z-index: 1;
    border-bottom: 1px solid #BBB;
    cursor: text;
    background: transparent;
    opacity: 1;
    color: #fff !important;
    border-bottom: 1px solid #fff;
    border-radius: unset;
    outline: none;
    top: 40%;
    box-shadow: none;
    font-size: 20px;
    font-family: montserrat, sans-serif;
    ;
}

input#search::placeholder {
    /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #fff;
    opacity: 0.8;
    /* Firefox */
}

input#search:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #fff;
    opacity: 0.8;
}

input#search::-ms-input-placeholder {
    /* Microsoft Edge */
    color: #fff;
    opacity: 0.8;
}


/*input#search:focus {
    width: 100%;
    z-index: 1;
    border-bottom: 1px solid #BBB;
    cursor: text;
    background: transparent;
    opacity: 1;
    color: #fff;
    border-bottom: 1px solid #fff;
    border-radius: unset;
    outline: none;
    top: 50%;
    box-shadow: none;
}*/

a.product-name-fio span {
    font-size: 1em!important;
}

.a-btn.a-btn--primary.m-product-card__add-to-cart-btn,
.a-btn.a-btn--primary.m-product-card__add-to-cart-btn {
    background: #0b2d25;
    opacity: 0.8;
}

.a-btn.a-btn--primary.m-product-card__add-to-cart-btn:hover,
.a-btn.a-btn--primary.m-product-card__add-to-cart-btn:hover {
    background: #08532f;
    opacity: 0.8;
}

.buttons_added {
    opacity: 1;
    display: inline-block;
    display: -ms-inline-flexbox;
    display: block;
    white-space: nowrap;
    /* vertical-align: top; */
    text-align: center;
    margin: 10px auto 0;
    margin-bottom: 10px;
}

.buttons_added .is-form {
    color: #0b2d25;
    overflow: hidden;
    position: relative;
    background-color: #f9f9f9;
    height: 2.2rem;
    width: 1.9rem;
    padding: 0;
    text-shadow: 1px 1px 1px #fff;
    border: 1px solid #ddd;
}

.buttons_added .is-form:focus,
.input-text:focus {
    outline: none;
}

.buttons_added .is-form.minus {
    border-radius: 4px 0 0 4px;
}

.buttons_added .is-form.plus {
    border-radius: 0 4px 4px 0;
}

.buttons_added .input-qty {
    background-color: #fff;
    height: 2.2rem;
    text-align: center;
    font-size: 1rem;
    display: inline-block;
    vertical-align: top;
    margin: 0;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    border-left: 0;
    border-right: 0;
    padding: 0;
    width: 40px;
    order: 0;
    padding: 0px !important;
}

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


/* Tien cssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssss */

span.g-price {
    height: 20px;
    color: #666;
    font-size: 15px;
    font-weight: 700;
    text-decoration: line-through;
}

.m-product-card__sku span:first-child,
.m-product-overview__unit-and-sku span:first-child {
    float: left;
    background: #f5eeee;
    padding: 0 5px;
}

.m-product-card__sku span:last-child,
.m-product-overview__unit-and-sku span:last-child {
    float: right;
}

.m-product-card__sku span>img,
.m-product-overview__unit-and-sku span>img {
    display: inline-flex;
    padding-bottom: 5px;
}

.m-product-overview__price-wrapper.d-block {
    margin: 0 auto;
}

.icon-favorite.a-icon-text-btn__icon {
    flex: 0 0 15%;
    /* margin: auto; */
}

.sigle {
    font-size: 20px!important;
}

.trade-name {
    background: #ea7236;
    padding: 10px;
    color: #fff;
}

@media screen and (min-width: 768px) {
    .secondary-navigation ul.nav-menu>li.menu-item>a {
        padding: 0;
    }
    .m-category-card {
        height: auto;
        width: 100%;
        max-height: 380px;
    }
    .header-v1 .main-navigation {
        width: 10%;
    }
    .header-v1 .site-branding {
        width: 19%;
        text-align: right;
        margin: 0 2.5rem;
    }
    img.pizzaro-logo {
        float: right;
    }
    .header-v1 .main-navigation {
        width: 49%;
    }
    .site-header {
        padding-top: 0;
        /*padding-bottom: 12px;
        padding-left: 12px;*/
    }
    .c-homepage-hero-carousel__img {
        margin: 0;
    }
    #loadMore {
        width: 30%;
        margin: auto;
        margin-bottom: 20px;
        margin-top: 20px;
    }
    .c-sidebar-filters {
        height: auto;
        max-height: 920px;
    }
    #loadMore:hover {
        border: 2px solid #0b2d25;
    }
    .m-product-gallery {
        width: calc(50vw - 50px);
    }
}

@media screen and (min-width: 1200px) {
    .secondary-navigation ul.menu>li>a,
    .secondary-navigation ul.nav-menu>li>a {
        padding: 0;
    }
}

@media screen and (min-width: 1600px) {
    .secondary-navigation ul.menu>li>a,
    .secondary-navigation ul.nav-menu>li>a {
        padding: 1em 0;
    }
}

@media (max-width: 768px) {
    table#shopping-cart-table {
        display: contents;
    }
    .block-content .primary {
        text-align: center;
    }
    table.cart tbody tr td {
        padding: 0 !important;
    }
    .column.main .block {
        padding-left: 0;
        padding-right: 0;
    }
    .m-sort-by {
        width: 100%;
        padding: 0 5px;
        border: 1px solid;
        margin-left: 5px;
    }
    .m-sort-by__select {
        padding: 5px 0;
    }
    .column.main .block:first-child {
        margin-bottom: 0;
    }
    table.table.table-sm.color-abc {
        margin-bottom: 1em;
    }
    table.cart tbody tr td {
        padding-left: 0;
        padding-right: 0;
    }
    table.cart,
    table.cart tbody,
    table.cart tbody tr {
        width: 100%;
        display: table;
    }
    table.cart,
    table.cart tbody,
    table.cart tbody tr:last-child {
        width: 100%;
        display: table;
    }
    .c-filter-bar__sorting {
        display: flex;
        width: 50%;
    }
    #shopping-cart-table thead {
        display: table;
        width: 100%;
    }
    .site-header {
        z-index: 9999999999;
        padding: 10px 0;
        /* position: fixed; */
        width: 100%;
        top: 0px;
    }
    #toast-container {
        position: fixed;
        z-index: 999999;
        top: 100px;
        height: 100px;
    }
    .fixed-menu {
        position: fixed;
    }
    .pizzaro-logo {
        max-height: fit-content;
        width: 90%;
        padding-left: 10px;
    }
    .custom-logo-link {
        margin-top: 0;
    }
    .c-homepage-hero-carousel__overlay-content {
        padding: 20px 40px;
    }
    h2.c-homepage-hero-carousel__headline {
        font-size: 28px;
        line-height: 1.2;
        margin-bottom: 10px;
        text-align: center;
    }
    .site-header .main-navigation {
        margin-right: 0;
    }
    a.c-homepage-hero-carousel__cta {
        display: block;
        width: 40%;
        margin: auto;
    }
    .m-expandable-product-card {
        margin: auto;
    }
    .m-expandable-product-card__arrow {
        margin-right: 0;
    }
    .m-category-card__image-wrapper picture>img {
        margin: auto;
        padding-bottom: 10px;
    }
    li.c-categories-slider__item {
        background-color: #fff;
    }
    .m-category-card {
        padding-top: 20px;
        height: auto;
        padding-bottom: 20px;
    }
    .m-category-card__caption p {
        text-transform: none;
    }
    .m-category-card--bordered {
        border: none;
    }
    .m-mini-product-card__info {
        padding-bottom: 0;
    }
    .a-folio {
        font-size: 1.25rem;
    }
    .c-media-block__image-wrapper {
        width: 100%;
    }
    .c-media-block__content {
        position: absolute;
        width: 100%;
        top: calc(var(--height) - 35%);
        left: 0;
        right: 0;
        box-shadow: 0 0 0 8px rgb(221 214 196 / 30%);
        background-color: #0b2d25;
        padding: 22px 25px;
    }
}