@font-face {
  font-family: 'allergens';
  src:  url('fonts/allergens.eot?fv1q4o');
  src:  url('fonts/allergens.eot?fv1q4o#iefix') format('embedded-opentype'),
    url('fonts/allergens.ttf?fv1q4o') format('truetype'),
    url('fonts/allergens.woff?fv1q4o') format('woff'),
    url('fonts/allergens.svg?fv1q4o#allergens') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
  font-family: 'allergens' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  font-size:1.5em;
  margin-right: 2px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-12:before {
  content: "\e995";
}
.icon-3:before {
  content: "\e901";
}
.icon-10:before {
  content: "\e902";
}
.icon-9:before {
  content: "\e903";
}
.icon-4:before {
  content: "\e904";
}
.icon-1:before {
  content: "\e905";
}
.icon-14:before {
  content: "\e906";
}
.icon-7:before {
  content: "\e907";
}
.icon-5:before {
  content: "\e908";
}
.icon-13:before {
  content: "\e909";
}
.icon-6:before {
  content: "\e90a";
}
.icon-8:before {
  content: "\e90b";
}
.icon-2:before {
  content: "\e90c";
}
.icon-11:before {
  content: "\e90d";
}

.app-check-input {
    position: relative;
    margin-top: 0;
    width: 30px;
    height: 30px;
    margin-right: 10px;
}
body {font-family: "Afacad Flux", sans-serif;font-optical-sizing: auto;font-weight: 400;font-style: normal;}
h1{font-weight:700;line-height:1.5rem;}
.text-small {font-size: 90%;}
.display-7 {font-size: calc(1.5rem);line-height: 1.2;}
.store-header {background-size: cover;background-position: center;height: 20vh;}
.store-logo {width: 110px;height: 110px;object-fit: cover;border-radius: 50%;margin-top: -110px;border: 4px solid #FFF;background-color: #fff;}
#map { height: 200px; width:100%;}
div.scroll {max-width: 100%;overflow-x: auto;overflow-y: hidden;white-space: nowrap;font-size: 1rem;line-height: 1.6;}
div.scroll::-webkit-scrollbar {-webkit-appearance: none;}
div.scroll::-webkit-scrollbar:vertical {width:10px;}
div.scroll::-webkit-scrollbar-button:increment,div.scroll::-webkit-scrollbar-button {display: none;} 
div.scroll::-webkit-scrollbar:horizontal {height: 5px;}
div.scroll::-webkit-scrollbar-track {border-radius: 0;}
.floating-cart {display: flex;align-items: center;justify-content: center;position: fixed;bottom: 20px;right: 20px;cursor: pointer;z-index: 9999;}
video {max-width: 100%;height: auto;}
#container-video {position: relative;cursor: pointer;display: inline-block;}
.play-button {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);border-radius: 50%;width: 100px;height: 100px;display: flex;justify-content: center;align-items: center;color:#ffffff;font-size:4rem;opacity:0.45;}
.fav{cursor: pointer;}
.textalert{color:#ff0000;}
.social-icon {margin-left:5px;width: 40px;height: 40px;line-height:0;border-radius: 100%;padding: 6px 10px;}

.c-switch{
    display:inline-block;
    width:40px;
    height:26px
}
.c-switch-input{
    position:absolute;
    z-index:-1;
    opacity:0
}
.c-switch-slider{
    position:relative;
    display:block;
    height:inherit;
    cursor:pointer;
    border:1px solid;
    transition:.15s ease-out;
    border-radius:.25rem;
    background-color:#fff;
    border-color:#e4e7ea
}
.c-switch-slider::before{
    position:absolute;
    top:2px;
    left:2px;
    box-sizing:border-box;
    width:20px;
    height:20px;
    content:"";
    background-color:#fff;
    border:1px solid #d8dbe0;
    transition:.15s ease-out;
    border-radius:.125rem
}
.c-switch-input:checked~.c-switch-slider::before{
    -webkit-transform:translateX(14px);
    transform:translateX(14px)
}
.c-switch-input:focus~.c-switch-slider{
    color:#5c6873;
    background-color:#fff;
    border-color:#8ad4ee;
    outline:0;
    box-shadow:0 0 0 .2rem rgba(50,31,219,.25)
}
.c-switch-input:disabled~.c-switch-slider{
    cursor:not-allowed;
    opacity:.5
}
.c-switch-lg{
    width:48px;
    height:30px
}
.c-switch-lg .c-switch-slider{
    font-size:12px
}
.c-switch-lg .c-switch-slider::before{
    width:24px;
    height:24px
}
.c-switch-lg .c-switch-slider::after{
    font-size:12px
}
.c-switch-lg .c-switch-input:checked~.c-switch-slider::before{
    -webkit-transform:translateX(18px);
    transform:translateX(18px)
}
.c-switch-sm{
    width:32px;
    height:22px
}
.c-switch-sm .c-switch-slider{
    font-size:8px
}
.c-switch-sm .c-switch-slider::before{
    width:16px;
    height:16px
}
.c-switch-sm .c-switch-slider::after{
    font-size:8px
}
.c-switch-sm .c-switch-input:checked~.c-switch-slider::before{
    -webkit-transform:translateX(10px);
    transform:translateX(10px)
}
.c-switch-label{
    width:48px
}
.c-switch-label .c-switch-slider::before{
    z-index:2
}
.c-switch-label .c-switch-slider::after{
    position:absolute;
    top:50%;
    z-index:1;
    width:50%;
    margin-top:-.5em;
    font-size:10px;
    font-weight:600;
    line-height:1;
    color:#c4c9d0;
    text-align:center;
    text-transform:uppercase;
    content:attr(data-unchecked);
    transition:inherit
}
html:not([dir=rtl]) .c-switch-label .c-switch-slider::after{
    right:1px
}
.c-switch-label .c-switch-input:checked~.c-switch-slider::before{
    -webkit-transform:translateX(22px);
    transform:translateX(22px)
}
.c-switch-label .c-switch-input:checked~.c-switch-slider::after{
    left:1px;
    color:#fff;
    content:attr(data-checked)
}
.c-switch-label.c-switch-lg{
    width:56px;
    height:30px
}
.c-switch-label.c-switch-lg .c-switch-slider{
    font-size:12px
}
.c-switch-label.c-switch-lg .c-switch-slider::before{
    width:24px;
    height:24px
}
.c-switch-label.c-switch-lg .c-switch-slider::after{
    font-size:12px
}
.c-switch-label.c-switch-lg .c-switch-input:checked~.c-switch-slider::before{
    -webkit-transform:translateX(26px);
    transform:translateX(26px)
}
.c-switch-label.c-switch-sm{
    width:40px;
    height:22px
}
.c-switch-label.c-switch-sm .c-switch-slider{
    font-size:8px
}
.c-switch-label.c-switch-sm .c-switch-slider::before{
    width:16px;
    height:16px
}
.c-switch-label.c-switch-sm .c-switch-slider::after{
    font-size:8px
}
.c-switch-label.c-switch-sm .c-switch-input:checked~.c-switch-slider::before{
    -webkit-transform:translateX(18px);
    transform:translateX(18px)
}
.c-switch[class*="-3d"] .c-switch-slider{
    background-color:#ebedef;
    border-radius:50em
}
.c-switch[class*="-3d"] .c-switch-slider::before{
    top:-1px;
    left:-1px;
    width:26px;
    height:26px;
    border:0;
    border-radius:50em;
    box-shadow:0 2px 5px rgba(0,0,21,.3)
}
.c-switch[class*="-3d"].c-switch-lg{
    width:48px;
    height:30px
}
.c-switch[class*="-3d"].c-switch-lg .c-switch-slider::before{
    width:30px;
    height:30px
}
.c-switch[class*="-3d"].c-switch-lg .c-switch-input:checked~.c-switch-slider::before{
    -webkit-transform:translateX(18px);
    transform:translateX(18px)
}
.c-switch[class*="-3d"].c-switch-sm{
    width:32px;
    height:22px
}
.c-switch[class*="-3d"].c-switch-sm .c-switch-slider::before{
    width:22px;
    height:22px
}
.c-switch[class*="-3d"].c-switch-sm .c-switch-input:checked~.c-switch-slider::before{
    -webkit-transform:translateX(10px);
    transform:translateX(10px)
}
.c-switch-success .c-switch-input:checked+.c-switch-slider{
    background-color:#2eb85c;
    border-color:#248f48
}
.c-switch-success .c-switch-input:checked+.c-switch-slider::before{
    border-color:#248f48
}
.c-switch-pill .c-switch-slider,.c-switch-pill .c-switch-slider::before{
    border-radius:50em
}

@media (min-width: 768px) {
	.d-md-block {display: inline !important;}
}

@media (max-width: 768px) {
	.floating-cart {left: 20px;right:unset;}
}

@media (max-width: 768px) {
	.store-header {height: 26vh;}
}