/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */
progress,
sub,
sup {
    vertical-align: baseline
}

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

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

body,
h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0
}

a,
a:hover {
    color: #105cfb
}

details,
input[type=file] {
    display: block
}

button,
hr,
input {
    overflow: visible
}

.collapsing,
.container,
.form-checkbox,
.form-group,
.form-radio,
sub,
sup {
    position: relative
}

html {
    -webkit-text-size-adjust: 100%
}

h1 {
    font-size: 2em
}

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

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

b,
strong {
    font-weight: bolder
}

small {
    font-size: 80%
}

sub,
sup {
    font-size: 75%;
    line-height: 0
}

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,
select {
    text-transform: none
}

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

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

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

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

legend {
    color: inherit;
    display: table;
    max-width: 100%;
    white-space: normal
}

textarea {
    overflow: auto;
    resize: vertical
}

[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
}

.button,
.form-control,
body,
html {
    font-family: vaud_display;
    font-weight: 600
}

summary {
    display: list-item
}

[hidden],
template {
    display: none
}

@font-face {
    font-family: vaud_display;
    src: url(../fonts/vaud_display_regular.ttf) format("truetype");
    font-style: normal;
    font-weight: 400
}

body,
html {
    color: #212529;
    font-size: 1rem;
    line-height: 1.5
}

.button,
.form-control,
.form-label {
    font-size: .875rem
}

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

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

a:hover {
    text-decoration: none;
    color: #68bc40 !important;
}

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

hr {
    box-sizing: content-box;
    height: 0;
    margin: 1rem 0;
    border: 0;
    border-top: 1px solid #e9ecef
}

.carton-overlay,
.container,
.form-control {
    box-sizing: border-box
}

.collapse {
    display: none
}

.collapse.show {
    display: block
}

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

.button {
    letter-spacing: .5px;
    line-height: 47px;
    text-align: center;
    text-decoration: none;
    user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-user-select: none;
    vertical-align: middle;
    white-space: nowrap;
    height: 48px;
    border: 1px solid transparent;
    border-radius: 3px;
    padding: 0 18px;
    display: inline-block;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    cursor: pointer
}

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

.button-primary {
    color: #fff;
    background-color: #105cfb;
    border-color: #105cfb
}

.button-primary.is-outline {
    color: #105cfb;
    background-color: transparent
}

.button-primary.active,
.button-primary:active,
.button-primary:focus,
.button-primary:hover {
    color: #fff;
    background-color: #044ade;
    border-color: #044ade;
    text-decoration: none
}

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

.button-secondary.is-outline {
    color: #6c757d;
    background-color: transparent
}

.button-secondary.active,
.button-secondary:active,
.button-secondary:focus,
.button-secondary:hover {
    color: #fff;
    background-color: #596167;
    border-color: #596167;
    text-decoration: none
}

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

.button-success.is-outline {
    color: #28a745;
    background-color: transparent
}

.button-success.active,
.button-success:active,
.button-success:focus,
.button-success:hover {
    color: #fff;
    background-color: #208637;
    border-color: #208637;
    text-decoration: none
}

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

.button-danger.is-outline {
    color: #dc3545;
    background-color: transparent
}

.button-danger.active,
.button-danger:active,
.button-danger:focus,
.button-danger:hover {
    color: #fff;
    background-color: #c62232;
    border-color: #c62232;
    text-decoration: none
}

.button-warning {
    color: #fff;
    background-color: #ffc107;
    border-color: #ffc107
}

.button-warning.is-outline {
    color: #ffc107;
    background-color: transparent
}

.button-warning.active,
.button-warning:active,
.button-warning:focus,
.button-warning:hover {
    color: #fff;
    background-color: #dda600;
    border-color: #dda600;
    text-decoration: none
}

.button-default {
    color: #000c20;
    background-color: #fff;
    border-color: #f1f2f4
}

.button-link,
.form-readonly {
    background-color: transparent
}

.button-link {
    color: #105cfb
}

.button-link.active,
.button-link:active,
.button-link:focus,
.button-link:hover {
    color: #0447d4;
    text-decoration: underline
}

.button-large {
    line-height: 63px;
    height: 64px;
    padding: 0 32px
}

.button-small {
    line-height: 30px;
    height: 31px;
    padding: 0 10px
}

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

.container {
    width: 100%;
    max-width: 1170px;
    margin: auto;
    padding: 0 1rem
}

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

.form-readonly {
    color: #212529;
    width: 100%;
    min-height: 48px;
    border: 1px solid transparent
}

.form-control {
    color: #414e57;
    text-overflow: ellipsis;
    background-color: #fff;
    background-clip: padding-box;
    min-height: 48px;
    border: 1px solid #e8e9eb;
    border-radius: .1875rem;
    padding: .75rem;
    outline: 0;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

.form-control:focus {
    border-color: #b9d0f8;
    box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25);
    z-index: 1
}

select.form-control:not([size]):not([multiple]) {
    height: calc(2.25rem + 2px)
}

.form-label {
    color: #fff;
    background-color: #105cfb;
    line-height: 47px;
    height: 48px;
    border-radius: .1875rem;
    margin-bottom: 0;
    padding: 0 1.5rem
}

@media (min-width:768px) {
    .form-inline .form-content {
        display: inline-block;
        margin-bottom: 0;
        vertical-align: middle
    }

    .form-inline .form-control {
        display: inline-block;
        width: auto;
        vertical-align: middle
    }

    .form-inline .form-readonly {
        display: inline-block
    }
}

.form-group {
    width: 100%;
    display: flex;
    flex-wrap: nowrap;
    position: relative;
}

.form-group .form-label:not(:first-child),
.form-group button:not(:first-child),
.form-group input:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.form-group .form-label:not(:last-child),
.form-group button:not(:last-child),
.form-group input:not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.form-group input+input {
    margin-left: -1px
}

.form-check {
    margin-bottom: 2px;
    display: flex;
    align-items: center
}

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

.form-check>input {
    margin-right: 10px
}

.form-checkbox,
.form-radio {
    display: block;
    margin-bottom: 2px
}

.form-checkbox>label,
.form-radio>label {
    margin-bottom: 0;
    position: relative;
    display: flex;
    align-items: center
}

.form-checkbox>label::before,
.form-radio>label::before {
    content: "";
    background-color: #dee2e6;
    width: 17px;
    height: 17px;
    border-radius: .2rem;
    display: block;
    margin-right: 10px;
    pointer-events: none;
    user-select: none
}

.form-checkbox>label::after,
.form-radio>label::after {
    content: "";
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 50% 50%;
    width: 18px;
    height: 18px;
    display: block;
    position: absolute;
    top: 3px;
    left: 0
}

.form-checkbox>input,
.form-radio>input {
    position: absolute;
    z-index: -1;
    opacity: 0
}

.form-checkbox>input:checked~label::before,
.form-radio>input:checked~label::before {
    background-color: #105cfb
}

.form-checkbox>input[type=checkbox]:checked~label::after,
.form-radio>input[type=checkbox]:checked~label::after {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E")
}

.form-checkbox>input[type=radio]:checked~label::after,
.form-radio>input[type=radio]:checked~label::after {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23fff'/%3E%3C/svg%3E")
}

.form-checkbox>input[type=radio]~label::before,
.form-radio>input[type=radio]~label::before {
    border-radius: 5rem
}

.form-switch {
    position: relative;
    display: block;
    min-height: 1.5rem;
    margin-bottom: .5rem
}

.form-switch>label {
    position: relative;
    margin-bottom: 0;
    display: inline-flex
}

.form-switch>label::before {
    content: "";
    background-color: #dee2e6;
    top: 0;
    position: relative;
    border-radius: 1.5rem !important;
    width: 3rem;
    height: 1.5rem;
    transition: background-color .2s ease;
    display: inline-block;
    margin-right: .75rem;
    left: 0
}

.form-switch>label::after {
    content: '';
    transition: left .2s ease;
    position: absolute;
    transform: scale(.7);
    height: 1.5rem;
    width: 1.5rem;
    border-radius: 50%;
    left: 0;
    top: 0;
    background: #fff
}

.carton,
.list-group>.list-item {
    border: 1px solid #e9ecef;
    position: relative
}

.form-switch>input {
    position: absolute;
    z-index: -1;
    opacity: 0
}

.form-switch>input:checked+label {
    background-image: none !important
}

.form-switch>input:checked~label::before {
    background-color: #105cfb
}

.form-switch>input:checked~label::after {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E")
}

.form-switch>input:checked+label::after {
    left: 1.5rem
}

.figure-picture,
img.image {
    max-width: 100%;
    height: auto
}

.figure {
    margin: 0 0 1rem;
    display: inline-block
}

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

.figure-caption {
    color: #868e96;
    font-size: 90%
}

.list,
.list-group,
.list-inline {
    list-style: none;
    margin: 0;
    padding: 0
}

.list-inline {
    display: inline-flex
}

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

.list-group {
    display: flex;
    flex-direction: column
}

.list-group>.list-item {
    background-color: #fff;
    margin-bottom: -1px;
    padding: .75rem 1.25rem;
    display: block
}

.list-group>.list-item.active {
    color: #fff !important;
    background-color: #105cfb !important;
    border-color: #105cfb
}

.list-group>.list-item[href]:focus,
.list-group>.list-item[href]:hover {
    color: #495057;
    text-decoration: none;
    background-color: #f8f9fa
}

.carton {
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border-radius: .25rem;
    display: flex;
    flex-direction: column;
    overflow: hidden
}

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

.carton .list-group {
    margin: -1px
}

.carton-figure {
    margin: 0;
    display: inherit;
    position: relative;
    overflow: hidden
}

.carton-picture {
    user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-user-select: none;
    width: 100%;
    height: 100%;
    object-fit: cover
}

.carton-contain {
    border: 1px solid #e9ecef;
    margin: -1px;
    padding: 1.25rem
}

.carton-content,
.carton-overlay {
    padding: 1.25rem;
    flex: 1 1 auto
}

.carton-overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0
}

.navbar,
.navbar-brand,
.navbar-nav {
    position: relative
}

.carton-buttons {
    display: flex
}

.carton-buttons>.button {
    width: calc(100% + 2px);
    border-radius: 0;
    margin: -1px;
    display: block
}

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

.media-content {
    color: rgb(112, 89, 51);
    margin-left: 1rem;
    flex-grow: 1
}

.nav,
.nav-column,
.nav-group {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap
}

.navbar-brand,
.navbar-collapse {
    margin: 0 15px
}

.nav .nav-link,
.nav-column .nav-link,
.nav-group .nav-link {
    border-radius: .25rem;
    padding: .5rem 1rem;
    display: block
}

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

.nav .nav-link.active,
.nav-column .nav-link.active,
.nav-group .nav-link.active {
    color: #fff;
    background-color: #105cfb
}

.nav-column {
    flex-direction: column
}

.navbar {
    background-color: #fff
}

.navbar>.container {
    padding: 0;
    display: grid;
    grid-template: 166px auto/1fr minmax(auto, 400px)
}

.navbar-brand {
    display: flex;
    align-items: center
}

.navbar-attendance,
.navbar-right {
    margin: 0 15px;
    display: flex;
    align-items: center
}

@media (max-width:991px) {
    .navbar>.container {
        grid-template-columns: 1fr auto
    }

    .navbar-attendance,
    .navbar-right {
        display: none
    }

    .navbar-collapse {
        width: 100%;
        margin: 0;
        grid-column: 1/4
    }
}

.navbar-nav {
    height: 100%;
    display: flex;
    align-items: center;
    position: relative;
}

.navbar-nav>.nav-item>.nav-link,
.navbar-nav>.nav-link {
    color: rgba(0, 0, 0, .5);
    padding: 1rem 32px;
    border-radius: 0;
    display: flex;
    align-items: center
}

@media (max-width:991px) {

    .navbar-nav>.nav-item>.nav-link,
    .navbar-nav>.nav-link {
        height: unset;
        padding: 15px;
        border-top: 1px solid rgba(0, 0, 0, .05)
    }

    .navbar-nav {
        flex-direction: column;
        align-items: unset
    }
}

.navbar-nav>.nav-item>.nav-link.active,
.navbar-nav>.nav-item>.nav-link:active,
.navbar-nav>.nav-item>.nav-link:focus,
.navbar-nav>.nav-item>.nav-link:hover,
.navbar-nav>.nav-link.active,
.navbar-nav>.nav-link:active,
.navbar-nav>.nav-link:focus,
.navbar-nav>.nav-link:hover {
    color: rgba(0, 0, 0, .9);
    background-color: transparent
}

@media (min-width:992px) {
    .navbar-collapse.collapse {
        display: flex;
    }

    .navbar-nav>.nav-item:first-child>.nav-link {
        padding-left: 0
    }
}

.navbar-burger {
    font-size: 1.25rem;
    line-height: 1;
    background-color: transparent;
    border: 0;
    padding: .25rem .75rem;
    display: none;
    transition: opacity .1s;
    cursor: pointer
}

.navbar-burger:after {
    content: "";
    vertical-align: middle;
    background: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E") center center no-repeat;
    background-size: 100% 100%;
    width: 1.5em;
    height: 1.5em;
    display: inline-block
}

.navbar-burger[aria-expanded=true]::after {
    opacity: .2
}

@media (max-width:991px) {
    .navbar-burger {
        display: block
    }
}

.footer-content {
    padding: 4rem 0 2rem
}

.footer-content>.columns {
    display: grid;
    grid-template-columns: .7fr 1fr .9fr .9fr;
    grid-gap: 2rem
}

@media (max-width:991px) {
    .footer-content>.columns {
        grid-template-columns: 1fr
    }
}

.footer-headline {
    font-size: 1rem;
    margin-bottom: .5rem
}

.footer-nav .nav-link {
    color: #828286;
    font-size: .875rem;
    text-decoration: none;
    padding: 0;
    display: inline-block
}

.footer-down {
    border-top: 1px solid #f7f7f9;
    padding-top: 2rem;
    padding-bottom: 2rem
}

.footer-down>.container {
    display: flex;
    justify-content: space-between
}

@media (max-width:575px) {
    .footer-down>.container {
        flex-direction: column;
        align-items: center;
        justify-content: center
    }
}

.footer-address {
    font-style: normal;
    color: #828286;
    font-size: .875rem;
    line-height: 1.5
}

.footer-copyright {
    color: #828286;
    font-size: 13px
}

@font-face {
    font-family: Cocon;
    src: url(../fonts/Cocon-Light.woff2) format("woff2"), url(../fonts/Cocon-Light.woff) format("woff"), url(../fonts/Cocon-Light.ttf) format("truetype");
    font-weight: 300;
    font-style: normal
}

@font-face {
    font-family: Cocon;
    src: url(../fonts/Cocon-Regular.woff2) format("woff2"), url(../fonts/Cocon-Regular.woff) format("woff"), url(../fonts/Cocon-Regular.ttf) format("truetype");
    font-weight: 500;
    font-style: normal
}

@font-face {
    font-family: Cocon;
    src: url(../fonts/Cocon-Bold.woff2) format("woff2"), url(../fonts/Cocon-Bold.woff) format("woff"), url(../fonts/Cocon-Bold.ttf) format("truetype");
    font-weight: 700;
    font-style: normal
}

@font-face {
    font-family: Gotham;
    src: url(../fonts/Gotham-Bold.woff2) format("woff2"), url(../fonts/Gotham-Bold.woff) format("woff"), url(../fonts/Gotham-Bold.ttf) format("truetype");
    font-weight: 700;
    font-style: normal
}

body {
    background-image: url(../images/bg.png)
}

.button,
.form-control,
body {
    font-family: 'Cocon', sans-serif;
    box-sizing: border-box;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased
}

.form-control {
    font-weight: 300
}

.slick-dots {
    list-style: none;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1rem 0
}

.slick-dots li>button {
    color: transparent;
    font-size: 0;
    background-color: transparent;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    border: 1px solid #d0d5d8;
    padding: 5px;
    cursor: pointer;
    margin: 0 5px;
}

.slick-dots li.slick-active>button {
    background-color: #062033;
    border-color: #062033
}

.breadcumb {
    margin-bottom: 15px;
}

.product {
    border-radius: 6px;
    margin-bottom: 10px;
}

.slick-list.draggable article.product.carton .media{
    flex-direction: column
}

.product .media-content {
    margin-left: 0px;
}

@media(max-width:768px){
    .product .media-content {
        flex-direction: column;
        align-items: start;
    }
}

.product .carton-content {
    padding: 8px 18px
}

.product .button {
    color: #fff;
    background-color: #6f4c3d;
    border-color: #6f4c3d;
    transition: .5s all ease;
    z-index: 1;
    float: right;
    margin-bottom: 10px;
}

.product .button:hover {
    background-color: #4e352b;
    border-color: #4e352b
}

.product a.button.product-card:active,
.product a.button.product-card:focus {
    transform: scale(1.3);
}


.product-image {
    height: 36px;
    max-width: 50%;
    border-radius: 100%;
    object-fit: cover;
    margin-right: 15px;
}

.product-headline {
    color: rgb(112, 89, 51);
    font-family: 'Varela Round', sans-serif;
    font-size: 14px;
    text-transform: uppercase;
    align-items: center;
    display: flex;
}

.product-paragraph {
    color: #666;
    font-family: 'Varela Round', sans-serif;
    font-size: 14px;
    margin: 0;
    font-weight: 600;
    padding: 10px 0 0 0;
}


.product-details {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-width: 20%;
}

@media(max-width:768px){
    .product-details {
        width: 100%;
        justify-content: space-between;
    }
    .product-details .product-additionally{
        opacity: 1;
    }
    .product-headline{
        margin-bottom: 15px;
    }
}
.product-card {
    background: url(../images/car.svg) no-repeat;
    background-size: 60%;
    background-position: center;
    background-color: #7dd354 !important;
    border-color: #7dd354 !important;
    background-size: 60%;
    width: 36px;
    height: 36px !important
}

.product-card:focus,
.product-card:hover {
    background-color: #60c232 !important;
    border-color: #60c232 !important
}

.product-additionally {
    display: flex;
    align-items: center;
    transition: .35s;
    opacity: 1;
}

.product .carton-content:hover .product-additionally {
    transform: translateY(0);
    opacity: 1;
}

.product-additionally>input {
    color: #6f4c3d;
    font-family: 'Varela Round', sans-serif;
    font-weight: 600;
    font-size: 14px;
    text-align: center;
    background-color: transparent;
    width: 28px;
    border: 0;
    /* margin: 0 10px; */
    padding-top: 3px
}

.product-additionally>.button {
    height: 18px;
    width: 18px;
    padding: 0;
    line-height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.category {
    text-align: center;
    width: 203px;
    height: 203px;
    border: 0;
    border-radius: 50%;
    box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .11)
}

@media (max-width:991px) {
    .category {
        background-color: transparent;
        width: 100%;
        height: 100px;
        text-align: left;
        border-top: 1px solid #fff;
        border-radius: 0;
        box-shadow: unset
    }
}

.category .carton-content {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column
}

@media (max-width:991px) {
    .category .carton-content {
        display: grid;
        grid-template-columns: 85px 1fr;
        grid-gap: 1rem;
        padding: 1.25rem calc(1.25rem + 15px)
    }
}

.category-headline {
    color: #503305;
    font-size: 16px;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin: 16px 0 0
}

@media (max-width:991px) {
    .category-headline {
        margin: 0
    }
}

.button {
    font-size: 14px;
    text-transform: uppercase;
    line-height: 39px;
    font-weight: 300;
    padding: 0 15px;
    height: 40px;
    border-radius: 5rem
}

.button-primary {
    color: #00351f;
    background-color: #fff;
    border-color: #fff
}

.button-primary:focus,
.button-primary:hover {
    color: #fff;
    background-color: #00683d;
    border-color: #00683d
}

.heading {
    color: #001009;
    font-weight: 300;
    text-align: center;
    position: relative;
    margin-bottom: 35px;
    overflow: hidden
}

.heading:after,
.heading:before {
    content: '';
    background-color: #d2dcd1;
    width: 32%;
    height: 1px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

@media (max-width:767px) {

    .heading:after,
    .heading:before {
        width: 23%
    }
}

.heading:after {
    left: 0
}

.heading:before {
    right: 0
}

.heading span {
    font-size: 33px;
    display: inline-block;
    position: relative;
    z-index: 2
}

@media (max-width:767px) {
    .heading span {
        font-size: 25px
    }
}

.navbar {
    background-color: transparent;
    margin-top: 24px;
    margin-bottom: 30px
}

@media (max-width:991px) {
    .navbar {
        margin-top: 0;
        border-bottom: 1px solid #fff
    }

    .navbar>.container {
        grid-template-columns: auto 1fr auto
    }

    .navbar .navbar-burger {
        order: 1
    }

    .navbar .navbar-collapse {
        order: 4
    }
}

.navbar:after {
    content: '';
    background-color: #6f4c3d;
    width: 100%;
    height: 24px;
    position: absolute;
    top: -24px;
    left: 0
}

@media (max-width:991px) {
    .navbar:after {
        display: none
    }
}

.navbar-brand .brand-content {
    width: 100%;
    max-width: 500px;
    display: flex;
    align-items: center;
    justify-content: space-between
}

@media (max-width:991px) {
    .navbar-brand .brand-content {
        max-width: unset;
        justify-content: center
    }

    .navbar-brand .brand-content .brand-image {
        height: 80px
    }
}

.navbar-brand .brand-content:after {
    content: '';
    background: url(../images/brand-after.png);
    width: 140px;
    height: 40px;
    position: absolute;
    top: 49px;
    left: 208px
}

@media (max-width:991px) {
    .navbar-brand .brand-content:after {
        display: none
    }
}

.navbar-brand .brand-text {
    font-size: 18px;
    font-weight: 300;
    line-height: 1.2;
    text-align: right;
    text-transform: uppercase;
    margin-bottom: -20px
}

.navbar-brand .brand-text strong {
    color: #7fc76f;
    font-weight: 700
}

@media (max-width:991px) {
    .navbar-brand .brand-text {
        display: none
    }
}

@media (max-width:991px) {
    .navbar-brand {
        order: 2
    }
}

.navbar-search {
    font-size: 1.25rem;
    line-height: 1;
    background-color: transparent;
    border: 0;
    padding: .25rem .75rem;
    display: none;
    transition: opacity .1s;
    cursor: pointer;
    order: 3;
    min-width: 54px
}

.navbar-search::after {
    content: "";
    background: url(../images/search.svg);
    width: 20px;
    height: 20px;
    display: block
}

@media (max-width:991px) {
    .navbar-search {
        display: block
    }
}

.navbar-attendance {
    font-size: 14px;
    line-height: 1.2;
    font-weight: 300;
    justify-content: flex-end
}

.navbar-attendance .media {
    align-items: center
}

.navbar-attendance .media-content {
    letter-spacing: .2px;
    white-space: nowrap
}

.navbar-attendance .attendance-link {
    color: #001009;
    font-size: 24px;
    font-weight: 600;
    letter-spacing: 1.3px
}

.navbar-attendance .attendance-link small {
    font-size: 16px;
    font-weight: 300
}

.navbar-right {
    justify-content: space-between
}

.navbar-nav>.nav-item>.nav-link {
    color: #001009;
    font-size: 16px;
    text-transform: uppercase
}

.navbar-nav>.nav-item>.nav-link:hover {
    color: #7fc76f
}

@media (min-width:992px) {
    .navbar-nav>.nav-item>.nav-link.nav-icon {
        color: transparent;
        font-size: 0;
        background: url(../images/home.svg);
        width: 26px;
        height: 25px;
        padding: 0;
        margin-right: 20px;
        transition: .3s ease;
    }
}

.navbar-form {
    width: 100%;
    max-width: 303px;
    position: relative;
}

/* .navbar-form:after {
    content: '';
    background: url(../images/search.svg);
    width: 20px;
    height: 20px;
    display: block;
    position: absolute;
    right: 17px;
    top: 10px;
    cursor: pointer;
} */

.navbar-form .form-control {
    min-height: 42px;
    border-radius: 50px;
    padding: 0 30px;
    border: 0;
    box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075)
}

.navbar-car {
    color: transparent;
    font-size: 0;
    background: url(../images/car.svg) center no-repeat;
    width: 30px;
    height: 29px;
    border: 0;
    padding: 0;
    cursor: pointer;
    transition: .2s;
}

.navbar-car:hover,
.navbar-car:active,
.navbar-car:focus {
    width: 35px;
    height: 35px;
}


#navbarSearch {
    position: relative;
}

#navbarSearch .form-control {
    padding: 25px 15px;
    border: 0;
    border-radius: 0;
    border-bottom: 1px solid #f2f2f2
}

#navbarSearch button {
    background: url(../images/search.svg) center/40% no-repeat #7fc76f;
    width: 40px;
    height: 40px;
    position: absolute;
    top: 20%;
    right: 15px;
}

@media (min-width:992px) {
    #navbarSearch {
        display: none
    }
}

.products {
    background: url(../images/products.png) no-repeat;
    padding: 150px 0 80px 0;
    margin-top: 40px;
}

.products .heading {
    color: #001009
}

.products .heading:after,
.products .heading:before {
    background-color: #779d6c
}

@media (max-width:991px) {
    .products {
        background-size: auto 100%;
        padding: 80px 0 50px 0;
        margin-top: 40px;
    }

    .products .container {
        padding: 0
    }

    .products .slick-slide {
        margin-right: 15px;
        margin-left: 15px
    }
}

@media (min-width:992px) {
    .products .slick-track {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        grid-gap: 31px
    }

    .products .slick-track:after,
    .products .slick-track:before {
        display: none
    }

    .products .slick-slide {
        width: 100% !important
    }
}

.products-paragraph {
    font-size: 15px;
    font-family: 'Varela Round', sans-serif;
    text-align: center;
    margin: auto;
    margin-bottom: 100px;
    max-width: 946px
}

@media (max-width:991px) {
    .products-paragraph {
        margin-bottom: 50px
    }
}

.products-buttons {
    text-align: center;
    margin-top: 100px
}

.products-buttons .button {
    font-size: 16px;
    height: auto;
    padding: 3px 30px;
}

@media (max-width:991px) {
    .products-buttons {
        margin-top: 50px
    }
}

.categories {
    margin: 3rem auto
}

.categories>.columns {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    grid-gap: 2rem
}

@media (min-width:992px) {
    .categories>.columns {
        grid-template-columns: repeat(4, 1fr);
    }
}

@media (max-width:991px) {
    .categories {
        padding: 0
    }
}

@media (max-width:991px) {
    .carousel {
        padding: 0
    }

    .carousel .slick-slide {
        margin-right: 5px;
        margin-left: 5px
    }

    .carousel .slick-slide img.image {
        min-height: 150px;
        object-fit: cover;
        object-position: 0 0;
    }
}

.footer {
    font-size: 14px;
    font-weight: 300
}

.footer a {
    color: #1a2c34;
}

.footer-content {
    background: url(../images/footer.png) no-repeat;
    padding: 9rem 0 3rem
}

.footer-content .media-content {
    margin-left: .75rem
}

.footer-content .list-inline {
    flex-wrap: wrap
}

@media (max-width:991px) {
    .footer-content {
        padding: 5rem 0 0rem;
    }

    .footer-content .columns {
        padding: 0;
        grid-gap: 0
    }

    .footer-content .columns>.column {
        border-bottom: 1px solid #fff
    }

    .footer-content .columns>.column:first-child {
        display: none
    }

    .footer-content .columns>.column:last-child {
        border-bottom: 0
    }

    .footer-content .media {
        display: grid;
        grid-template-columns: 30px 1fr;
        grid-gap: 1rem;
        padding: 1.5rem calc(1.25rem + 15px);
    }
}

.footer-address {
    color: #1a2c34;
    line-height: 1.2
}

.footer-down {
    background-color: #6f4c3d;
    padding-top: 20px;
    padding-bottom: 13px
}

@media (max-width:991px) {
    .footer-down>.container {
        display: flex;
        align-items: center;
        justify-content: center
    }
}

.footer-copyright {
    color: #fff;
    font-size: 12px;
    font-family: 'Cocon', sans-serif;
    font-weight: 400;
    opacity: .3;
    display: flex;
    align-items: center
}

@media (max-width:991px) {
    .footer-copyright {
        display: none
    }
}

.pagination {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: center
}

.pagination .page-item {
    padding: 3px
}

.pagination .page-link {
    color: #222;
    font-size: 12px;
    width: 37px;
    height: 37px;
    border: 1px solid #eee;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center
}

.pagination a.page-link {
    cursor: pointer;
    font-weight: 300;
}

.pagination .page-link.active,
.pagination .page-link:focus,
.pagination .page-link:hover {
    color: #fff;
    background-color: #6f4c3d;
    border-color: #6f4c3d
}

.form-control {
    border: 1px solid #cecece;
    border-radius: 5px
}

.painel {
    background-color: #fff;
    padding: 35px;
    border-radius: 12px;
    box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .02)
}

.painel-headline {
    font-size: 30px;
    font-weight: 300;
    margin-bottom: 3rem
}

.painel-cart .cart-list {
    margin-top: -30px;
    position: relative
}

.painel-cart .cart-list>.column {
    display: grid;
    grid-template-columns: auto 5fr 1fr;
    grid-gap: 2rem;
    align-items: center;
    position: relative;
    padding: 15px 0
}

@media (max-width:991px) {
    .painel{
        padding: 10px
    }
    .painel-cart .cart-list>.column {
        grid-template-columns: auto 1fr
    }
}

.painel-cart .cart-list>.column:not(:last-child) {
    border-bottom: 1px solid #eee
}

.painel-cart .cart-list .cart-list-image {
    display: flex;
    align-items: center
}

.painel-cart .cart-list .cart-list-image>img {
    width: 50px;
    height: 50px;
    border-radius: 20px
}

.painel-cart .cart-list .cart-list-headline {
    display: flex;
    align-items: center;
    justify-content: space-between
}

@media (max-width:991px) {
    .painel-cart .cart-list .cart-list-headline {
        display: block
    }
}

.painel-cart .cart-list .cart-list-headline>.headline-content {
    display: flex;
    align-items: center
}

@media (max-width:991px) {
    .painel-cart .cart-list .cart-list-headline>.headline-content {
        display: block
    }
}

.painel-cart .cart-list .cart-list-headline>.headline-content>h3 {
    color: #372318;
    font-size: 16px;
    font-family: 'Varela Round', sans-serif;
    font-weight: 600;
    text-transform: uppercase;
    margin: 0;
    margin-right: 5px
}

.painel-cart .cart-list .cart-list-headline>.headline-content>span {
    color: #372318;
    font-size: 12px;
    font-family: 'Varela Round', sans-serif;
    display: block
}

@media (max-width:991px) {
    .painel-cart .cart-list .cart-list-headline>.headline-content>span {
        margin-bottom: 10px
    }
}

.painel-cart .cart-list .cart-list-close {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

@media (max-width:991px) {
    .painel-cart .cart-list .cart-list-close {
        position: absolute;
        right: 0
    }
}

.painel-cart .cart-list .cart-list-close .close-button {
    color: #d95853;
    font-size: 18px;
    font-weight: 600;
    background-color: transparent;
    border: 1px solid #d95853;
    border-radius: 50%;
    width: 44px;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 1;
    cursor: pointer;
    transition: .3s
}

@media (max-width:991px) {
    .painel-cart .cart-list .cart-list-close .close-button {
        width: 33px;
        height: 33px
    }
}

.painel-cart .cart-list .cart-list-close .close-button:hover {
    color: #fff;
    background-color: #d95853
}

.painel-cart .cart-additional {
    margin-bottom: 2rem;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.painel-cart .cart-additional:after {
    content: '';
    width: 100%;
    border-top: 1px solid #a5b8b2;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%)
}

.painel-cart .cart-additional>span {
    background: #fff;
    position: relative;
    z-index: 1;
    padding-left: 20px
}

.painel-cart .cart-form>.columns {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 1.5rem
}

@media (min-width:992px) {
    .painel-cart .cart-form>.columns>.column:last-child {
        grid-column: 1/3
    }
}

@media (max-width:991px) {
    .painel-cart .cart-form>.columns {
        grid-template-columns: 1fr
    }
}

.painel-cart .cart-form>.form-button {
    text-align: right;
    margin-top: 1rem
}

.painel-cart .button-primary {
    color: #fff;
    background-color: #704c3e;
    border-color: #704c3e;
}

.painel-cart .form-button .button-primary {
    height: auto;
    padding: 5px 40px;
    font-size: 18px;
}

.painel-cart .button-primary:hover {
    background-color: #4f362c;
    border-color: #4f362c
}

.painel-products>.columns {
    display: grid;
    grid-template-columns: 255px 1fr;
    grid-gap: 1rem
}

@media (max-width:991px) {
    .painel-products>.columns {
        grid-template-columns: 1fr
    }
}

.painel-products>.columns>.columns {
    /* display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 1rem */
}

@media (max-width:767px) {
    .painel-products>.columns>.columns {
        grid-template-columns: 1fr
    }
}

.painel-products .product {
    box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075)
}

.painel-products>.columns>.columns .column:nth-child(odd):not(:first-child) article {
    background: #f6f6f6;
}

.painel-products .accordion {
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 1.5rem
}

@media (max-width:991px) {
    .painel-products .accordion {
        grid-gap: 0
    }

    .painel-products .accordion .accordion-item:first-child>.media {
        padding-top: 0;
        border-top: unset
    }
}

.painel-products .accordion .media {
    text-transform: uppercase;
    line-height: 1.1;
    display: grid;
    grid-template-columns: 40px 1fr;
    grid-gap: .5rem;
    min-height: 40px;
    align-items: center;
    cursor: pointer
}

@media (max-width:991px) {
    .painel-products .accordion .media {
        border-top: 1px solid #eee;
        padding: 18px 0
    }

    .instagram {
        margin-right: 0 !important;
    }
}

.painel-products .accordion .list-link {
    color: #7e7e7e;
    font-size: 14px;
    font-weight: 300;
    padding: 15px 0;
    border-bottom: 1px solid #eee;
    display: block
}

.painel-products .accordion .list-link:hover {
    color: #585858
}

.painel-products .accordion .list>.list-item:last-child>.list-link {
    border-bottom: unset
}

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

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none
}

@media (max-width: 767px) {
    .breadcumb {
        display: none;
    }
}



.carousel .columns .slick-arrow {
    background: none;
    border: none;
    font-size: 35px;
    position: absolute;
    top: 40%;
    outline: none;
    color: #971919
  }
  
  @media (max-width:992px) {
    .carousel .columns .slick-arrow {
      top: 25%
    }
  
  }
  
  .carousel .columns .slick-prev {
    left: 0;
    position: absolute;
    z-index: 5000;
    background: url(../images/arrowL.png) center no-repeat;
    height: 25px;
    cursor: pointer;
    width: 15px;
    top: 50%;
  }
  
  .carousel .columns .slick-next {
    right: 0;
    background: url(../images/arrow.png) center no-repeat;
    height: 25px;
    width: 15px;
    cursor: pointer;
    top: 50%;
}

@media (min-width: 1200px){
    .carousel .columns .slick-next{
        right: -30px;
    }
    .carousel .columns .slick-prev{
        left: -30px;
    }
}
@media (max-width: 1200px){
    .figure-picture, img.image {
        max-width: calc(100% - 60px);
        margin-left: 30px;
        height: auto;
    }
}
@media (max-width: 992px){
    .carousel .columns .slick-next {
        margin-right: 10px;
    }
    .carousel .columns .slick-prev {
        margin-left: 10px;
    }
    .figure-picture, img.image {
        max-width: calc(100% - 40px);
        margin-left: 20px;
        height: auto;
    }
}
.categories section.column {
    margin: auto;
}
.painel-products .product .media-content {
    margin-left: 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.painel-products .product-paragraph {
    padding: 0;
}

.painel-products .product .button {
    margin-bottom: 0;
}
.product .title {
    display: flex;
}

.product .title p {
    margin-left: 5px;
}
.form-group label.error {
    position: absolute;
    top: 14px;
    right: 11px;
    color: #dc3545;
    font-size: 14px;
    font-weight: 100;
}
.navbar-form label.error {
    color: #dc3545;
    font-size: 14px;
    font-weight: 100;
    width: 100%;
    text-align: center;
    position: absolute;
}
#buscaSite img {
    width: 20px;
    height: 20px;
    display: block;
    position: absolute;
    right: 17px;
    top: 10px;
    cursor: pointer;
}
.navbar-nav>.nav-item>.nav-link.nav-icon:hover {
    transform: scale(1.1);
}

.social-media div {
    width: 29px;
    margin-right: 20px;
}

.social-media {
    display: flex;
    margin-top: 20px;
    justify-content: center;
}

.facebook:hover svg {}

.facebook:hover svg {
    fill: #3b5998;
}

.facebook svg, .instagram svg {
    transition: .15s ease;
    cursor: pointer;
}

.instagram:hover svg {
    fill: #C13584;
}

@media (max-width: 382px) {
    .social-media {
        padding-bottom: 30px;
        margin-bottom: -1px;
        background: url(../images/footer2.png) no-repeat;
        background-position: 0px 41px;
        height: 71px;
    }
}

@media (min-width: 383px) and (max-width: 991px) {
    .social-media {
        padding-bottom: 30px;
        margin-bottom: -1px;
        background: url(../images/footer2.png) no-repeat;
        background-position: 0px 62px;
        height: 71px;
    }
}

@media (max-width: 767px) {
    .carousel .columns .slick-arrow {
        top: 33% !important;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .carousel .columns .slick-arrow {
        top: 46% !important;
    }
}