/***************** Fonts:font-face *****************/
@font-face {
    font-family: 'Museo300-Regular'; /*a name to be used later*/
    font-display: auto;
    src: url(../fonts/Museo300-Regular.otf); /*URL to font*/
}

@font-face {
    font-family: 'Museo500-Regular'; /*a name to be used later*/
    font-display: auto;
    src: url(../fonts/Museo500-Regular.otf); /*URL to font*/
}

@font-face {
    font-family: 'Museo700-Regular'; /*a name to be used later*/
    font-display: auto;
    src: url(../fonts/Museo700-Regular.otf); /*URL to font*/
}

/***************** END Fonts:font-face *****************/
/***************** General *****************/
/***************** General: general *****************/

h1.subtitle,
h2.subtitle,
h3.subtitle,
h4.subtitle,
h5.subtitle,
h6.subtitle {
    color: #ffa701;
}

.developer-debug-div {
    display: none;
}

.form-group-dev-only {
    background: -webkit-repeating-linear-gradient(45deg, #fff, #fff 10px, #ddd 10px, #ddd 20px);
    background: repeating-linear-gradient(45deg, #fff, #fff 10px, #ddd 10px, #ddd 20px);
}

.alert-beedrop {
    padding: 0;
    background: #ffa701;
    color: #fff;
}

.alert-beedrop a {
    color: #fff !important;
    text-decoration: underline;
}

select.single-option {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

button {
    outline: none !important;
}

.collapse-anchor {
    cursor: pointer;
}

.collapse-indicator {
    color: #ffa701;
}

fieldset {
    border: 1px solid #ffa701;
    padding: 0 16px 16px 16px;
    padding: 0 1rem 1rem 1rem;
}

fieldset.plain {
    padding: 0;
    border: 0;
}

fieldset legend {
    font-family: 'Rubik', sans-serif;
    color: #ffa701;
    width: inherit;
    padding: 0 8px;
    padding: 0 0.5rem;
    margin: 16px 0 0 0;
    margin: 1rem 0 0 0;
    text-transform: uppercase;
}

.fa-loading {
    color: #ffa701;
    text-align: center;
    margin: 16px 0;
    margin: 1rem 0;
}

.form-group.row {
    /*margin-bottom: 0;*/
}

.shadow {
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.14), 0 2px 5px rgba(0, 0, 0, 0.24);
    -webkit-transition: box-shadow 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
    transition: box-shadow 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}

.shadow:hover {
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
}

.index .modal-backdrop.light,
.shopping-cart .modal-backdrop {
    opacity: 0.6 !important;
    -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=60)';
}

.index .modal,
.shopping-cart .modal {
    margin-top: 57.6px;
    margin-top: 3.6rem;
}

.quantity-field::-webkit-inner-spin-button,
.quantity-field::-webkit-outer-spin-button,
.default-quantity-field::-webkit-inner-spin-button,
.default-quantity-field::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.container-full-width {
    padding: 0;
}

.card-no-border {
    border: none;
}

#location-search-field,
#product-search-field {
    /*border-color: white;  */
    /*Looks bad on storefront.php*/
}

.card-header-clear {
    border: none;
    background-color: transparent;
}

.card-header-clear > .card-header {
    background-color: transparent;
    border: none;
    border-radius: 0;
    padding-left: 0;
}

/***************** END General: general *****************/
/***************** General: vacation overlay *****************/
.vacation-overlay,
.product-unavailable-overlay,
.order-item-processing-overlay {
    z-index: 12;
    display: block;
    position: absolute;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.5);
}

.vacation-overlay p {
    text-align: center;
    margin: 64px 16px 0 16px;
    margin: 4rem 1rem 0 1rem;
    color: white;
    font-size: 24px;
    font-size: 1.5rem;
}

.product-unavailable-overlay p {
    text-align: center;
    margin: 16px 16px 0 16px;
    margin: 1rem 1rem 0 1rem;
    color: white;
    font-size: 24px;
    font-size: 1.5rem;
}

.order-item-processing-overlay {
    text-align: center;
    color: white;
}

.order-item-processing-overlay i.processing {
    margin-top: 0.8rem;
    font-size: 3rem;
}

.order-item-processing-overlay p.failure {
    text-align: left;
    padding: 0.5rem 0 0 1rem;
}

/***************** END General: vacation overlay *****************/
/***************** General: grid expansion *****************/
.col-xs-15,
.col-sm-15,
.col-md-15,
.col-lg-15 {
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
}

.col-xs-15 {
    width: 20%;
    float: left;
}

/***************** END General: grid expansion *****************/
/***************** General: fonts *****************/
a,
a:hover,
a:active,
a:visited,
a:focus,
a:active:hover,
a:active:focus a.disabled:hover,
a:disabled:hover {
    color: #ffa701;
    font-family: 'Rubik', sans-serif;
}

h2,
.nav-link {
    font-family: 'Rubik', sans-serif;
    text-transform: uppercase;
}

body {
    color: black;
    font-family: 'Rubik', sans-serif;
    width: 100%;
}

.call-to-action {
    margin: 0 0 12px 0;
    margin: 0 0 0.75rem 0;
    text-align: center;
}

.card-title {
    font-family: 'Rubik', sans-serif;
}

/***************** END General: fonts *****************/
/***************** General: colors *****************/
.dark-background {
    /*Depricated: change to .dark-background in html*/
    background: #ebebeb;
}

.light-background {
    background: #ebebeb;
    padding-right: 0 !important;
}

.tag-primary {
    background: #ffa701;
}

.btn-primary,
.btn-primary:hover,
.btn-primary:active,
.btn-primary:visited,
.btn-primary:focus,
.btn-primary:active:hover,
.btn-primary:active:focus,
.btn-primary.disabled:hover,
.btn-primary:disabled:hover {
    color: #fff;
    background-color: #ffb10f;
    border-color: #ffb10f;
}

.btn-primary {
    background-color: #ffb10f;
    border-color: #ffb10f;
}

.btn-primary.btn-admin {
    color: #fff;
    background-color: #1e88e5;
    border-color: #1e88e5;
}

.btn-primary.btn-admin:hover {
    background-color: #166dba;
    border-color: #1468b1;
}

.btn-primary:hover {
    background-color: #ffa200;
    border-color: #ffa200;
}

.btn-primary:active,
.btn-primary:visited,
.btn-primary:focus:visited,
.btn-primary:visited:focus,
.btn-primary:focus,
.btn-primary:active:hover,
.btn-primary:active:focus {
    background-color: #ffa200;
    border-color: #ffa200;
}

.btn-primary.disabled:hover,
.btn-primary:disabled:hover {
    background-color: #e69500;
    border-color: #e69500;
}

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

.btn-outline-primary:active,
.btn-outline-primary:hover,
.btn-outline-primary:visited,
.btn-outline-primary:focus:visited,
.btn-outline-primary:visited:focus,
.btn-outline-primary:focus,
.btn-outline-primary:active:hover,
.btn-outline-primary:active:focus {
    background: #ffb10f;
    border-color: #ffb10f;
}

.btn-outline-primary:visited,
.btn-outline-primary:visited:active,
.btn-outline-primary:visited:focus,
.btn-outline-primary:focus:visited,
.btn-outline-primary:focus {
    background: transparent;
    color: #ffb10f;
    border-color: #ffb10f;
}

.btn-outline-primary.disabled,
.btn-outline-primary:disabled {
    opacity: 1;
    color: #c9c9c9;
    border-color: #c9c9c9;
}

.btn-outline-primary.disabled:active,
.btn-outline-primary.disabled:hover,
.btn-outline-primary.disabled:visited,
.btn-outline-primary.disabled:focus:visited,
.btn-outline-primary.disabled:visited:focus,
.btn-outline-primary.disabled:focus,
.btn-outline-primary.disabled:active:hover,
.btn-outline-primary.disabled:active:focus,
.btn-outline-primary:disabled:active,
.btn-outline-primary:disabled:hover,
.btn-outline-primary:disabled:visited,
.btn-outline-primary:disabled:focus:visited,
.btn-outline-primary:disabled:visited:focus,
.btn-outline-primary:disabled:focus,
.btn-outline-primary:disabled:active:hover,
.btn-outline-primary:disabled:active:focus {
    opacity: 1;
    background: transparent;
    color: #c9c9c9;
    border-color: #c9c9c9;
}

.btn-dark {
    background: #494949;
    color: #fff !important;
}

.btn-facebook {
    background-color: #3b5998;
    color: #fff;
}

.btn-facebook:hover {
    background-color: #3b5998;
    color: #fff;
}

.btn-facebook:active,
.btn-facebook:focus,
.btn-facebook:active:hover,
.btn-facebook:active:focus,
.btn-facebook:visited {
    background-color: #3b5998;
    color: #fff;
}

.btn-twitter {
    background-color: #1a8bf0;
    color: #fff;
}

.btn-twitter:hover {
    background-color: #1a8bf0;
    color: #fff;
}

.btn-twitter:active,
.btn-twitter:focus,
.btn-twitter:active:hover,
.btn-twitter:active:focus,
.btn-twitter:visited {
    background-color: #1a8bf0;
    color: #fff;
}

.btn-linkedin {
    background-color: #0073b1;
    color: #fff;
}

.btn-linkedin:hover {
    background-color: #0073b1;
    color: #fff;
}

.btn-linkedin:active,
.btn-linkedin:focus,
.btn-linkedin:active:hover,
.btn-linkedin:active:focus,
.btn-linkedin:visited {
    background-color: #0073b1;
    color: #fff;
}

.navbar-btn a,
.navbar-btn a:active,
.navbar-btn a:hover,
.navbar-btn a:visited,
.navbar-btn a:focus,
.navbar-btn a:active:focus,
.navbar-btn a:active:hover {
    color: #fff;
    text-decoration: none;
}

.navbar-btn a.disabled,
.navbar-btn a.disabled:active,
.navbar-btn a.disabled:hover,
.navbar-btn a.disabled:visited,
.navbar-btn a.disabled:focus,
.navbar-btn a.disabled:active:focus,
.navbar-btn a.disabled:active:hover {
    color: #fff;
    text-decoration: none;
}

.navbar .notice-nav {
    background: #d9edf7;
    padding: 3px 0;
}

.navbar .notice-nav .close {
    float: left;
    opacity: 0.5;
    filter: alpha(opacity=50);
    margin-right: 5px;
}

.navbar .user-notice-nav {
    background: #d9edf7;
    padding: 3px 0;
}

.negativeSaldoNotification p {
    margin: 0;
}

.negativeSaldoNotification:last-child {
    margin-bottom: 0.3%;
}

.navbar .user-notice-nav .close {
    float: left;
    opacity: 0.5;
    filter: alpha(opacity=50);
    margin-right: 5px;
}

.navbar .primary-nav {
    background: #ffa701;
}

.navbar .facebook-nav {
    background-color: #3b5998;
    border-bottom: 1px solid #29487d;
    color: #fff;
    height: 46px;
}

.navbar .facebook-nav .logo {
    max-height: 48px;
    max-height: 3rem;
}

.navbar .secondary-nav {
    background-color: #fff;
}

.navbar .secondary-nav.navbar-development {
    background: -webkit-repeating-linear-gradient(45deg, #fff, #fff 10px, #ddd 10px, #ddd 20px);
    background: repeating-linear-gradient(45deg, #fff, #fff 10px, #ddd 10px, #ddd 20px);
}

.navbar .secondary-nav.navbar-backoffice {
    background: -webkit-repeating-linear-gradient(45deg, #fff, #fff 10px, #ffa701 10px, #ffa701 20px);
    background: repeating-linear-gradient(45deg, #fff, #fff 10px, #ffa701 10px, #ffa701 20px);
}

.card {
    color: #000;
}

.orange {
    color: #ffa701;
}

/***************** END General: colors *****************/
/***************** General: top navbar *****************/
.navbar {
    padding: 0;
    width: 100vw;
}
/***************** END General: top navbar *****************/
/***************** General: top navbar - notice nav *****************/
.navbar .notice-nav p {
    /*font-size: 11.2px;
    font-size: 0.7rem;*/
    font-size: 1rem;
}

.navbar-spacer {
    padding-top: 16px !important;
    padding-top: 1rem !important;
    margin-top: 112px;
    margin-top: 7rem;
}

/***************** END General: top navbar - notice nav *****************/
/***************** General: top navbar - primary nav *****************/
.navbar .primary-nav .navbar-row {
    padding: 9.6px 0;
    padding: 0.6rem 0;
}

.navbar .primary-nav .nav-link {
    font-size: 16px;
    font-size: 0.9rem;
}

.navbar .primary-nav .navbar-btn {
    text-align: center;
    border-left: 1px solid whitesmoke;
}

.navbar .primary-nav .navbar-btn:first-of-type {
    border-left: none;
}

.navbar .primary-nav .nav-link.cart-link {
    position: relative;
}

.navbar .primary-nav .cart-link .product-indicator-badge {
    background-color: #ffa701;
    position: absolute;
    font-size: 16px;
    font-size: 1rem;
    border-radius: 1rem;
    width: 28px;
    display: inline-block;
    padding: 0.25em 0.4em;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
}

/***************** General: top navbar - primary nav - counter *****************/
.tag-pill-cart-counter {
    display: block;
    position: absolute;
    top: 4px;
    top: 0.14rem;
    line-height: 16px;
    line-height: 1rem;
    font-size: 11.2px;
    font-size: 0.7rem;
    height: 16px;
    height: 1rem;
    padding: 0 8px;
    padding: 0 0.5rem;
    left: 105%;
    font-family: 'Rubik', sans-serif;
    background: white;
    color: #ffa701;
    opacity: 1;
    -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)';
    transition: opacity 0.1s ease-in-out;
    -moz-transition: opacity 0.1s ease-in-out;
    -webkit-transition: opacity 0.1s ease-in-out;
}

.tag-pill-cart-counter.animate {
    color: red;
}

.tag-pill-cart-counter.invisible {
    opacity: 0;
    -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)';
}

.userLoginLink a {
    border: none;
}

/***************** END General: top navbar - primary nav - counter *****************/
/***************** END General: top navbar - primary nav *****************/
/***************** General: top navbar - secondary nav *****************/
.navbar .secondary-nav .container {
    padding: 0;
}

.navbar .secondary-nav .container > div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0 6.4px;
    padding: 0 0.4rem;
}

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

.navbar .secondary-nav .logo {
    max-height: 48px;
    max-height: 3rem;
}

.navbar .secondary-nav .nav-link {
    padding: 0;
    line-height: 1.5rem;
    font-size: 0.9rem;
    margin: 1rem 0;
}

@media screen and (min-width: 544px) {
    .navbar .secondary-nav .nav-link {
        font-size: 1rem;
    }
}

@media screen and (max-width: 544px) {
    .navItem {
        width: auto;
    }

    .standardNavbarContainer {
        width: 347px;
        margin: 0 auto;
    }
}

.navbar .secondary-nav .nav-link.active {
    border-bottom: 1px solid #000;
}

.navbar .secondary-nav .nav-item.saldo {
    margin-left: 0.2rem;
}

.navbar .secondary-nav .nav-link.saldo {
    font-size: 0.7rem;
    margin: 1.25rem 0;
    line-height: 1rem;
    background-color: rgb(255, 167, 1);
    -webkit-border-radius: 0.75rem;
    -moz-border-radius: 0.75rem;
    border-radius: 0.75rem;
    padding: 0 0.3rem;
    color: white;
    font-weight: 700;
}

@media (max-width: 360px) {
    .navbar .secondary-nav .logo {
        max-height: 2.5rem;
    }
}

@media (max-width: 350px) {
    .navItem {
        padding: 0 4px;
    }

    .standardNavbarContainer {
        width: 281px;
    }
}

@media (max-width: 330px) {
    .navbar .secondary-nav .logo {
        max-height: 2.1rem;
    }
}
/***************** END General: top navbar - secondary nav *****************/

.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}

.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
#beedrop-intro-video {
    //background-color: #FFA701;
    padding: 20px;
}
#beedrop-intro-video > div {
    max-width: 650px;
    margin: 0 auto;
}
/***************** END General *****************/
/***************** Page specific *****************/
/***************** Page specific: unauthenticated index*****************/
.unauthenticated-index .btn.disabled {
    cursor: default;
    opacity: 1;
    -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)';
}

/***************** Page specific: unauthenticated index - primary header*****************/
.primary-header {
    background: #3f4b56 url(../img/background.webp) no-repeat 50% 50%;
    background-size: cover;
    position: relative;
    padding-top: 30px;
}

.primary-header h1 {
    font-family: 'Rubik', sans-serif;
    font-size: 2em;
    color: white;
    text-shadow: 0 4px 6px rgba(0, 0, 0, 0.8);
}

.primary-header .campaign-text {
    margin-top: 70px;
    padding: 15px 10px;
    border-radius: 0.25rem;
}

.primary-header-actions {
    margin: 80px 0 10px 0;
}
.primary-header .campaign-text + .primary-header-actions {
    margin: 10px 0 10px 0;
}

.primary-header #login-info {
    float: right;
    background: rgb(255, 255, 255);
    background: rgba(255, 255, 255, 0.75);
    height: 25px;
    padding: 3px 5px;
    border-radius: 0.25rem;
    margin: 0 0 45px 0;
    /*opacity: 0.5;
    filter: alpha(opacity=50);*/
}

.primary-header #login-info p {
    font-size: 0.8rem;
}

.primary-header-bottom {
    background: rgba(0, 0, 0, 0.5);
    color: white;
}

.primary-header-bottom .primary {
    font-family: 'Rubik', sans-serif;
    font-size: 1.4em;
    margin: 10px 0 0 0;
}

.primary-header-bottom .secondary {
    font-family: 'Rubik', sans-serif;
    font-size: 0.9em;
    margin: -5px 0 5px 0;
}

/***************** END Page specific: unauthenticated index - primary header*****************/
/***************** Page specific: unauthenticated index - primary header*****************/
.secondary-header {
    padding: 12.8px 0;
    padding: 0.8rem 0;
    background: #ffa701;
    color: white;
    font-family: 'Rubik', sans-serif;
    font-size: 16px;
    font-size: 1rem;
}

.secondary-header p {
    margin-bottom: 0;
}

.secondary-header-inner {
    width: 310px;
    margin: 0 auto;
    padding: 20px 0 10px 0;
}

.secondary-header-inner > ul {
    display: inline-block;
    list-style-type: none;
}

.secondary-header-inner > ul > li {
    font-family: 'Rubik', sans-serif;
    font-size: 1.3em;
}

.secondary-header-inner > ul > li:before {
    font-family: 'FontAwesome';
    content: '\f00c';
    margin: 0 5px 0 -15px;
    color: white;
}

@media (max-width: 500px) {
    .primary-header-bottom .primary {
        font-size: 1.2em;
    }

    .primary-header-bottom .secondary {
        font-size: 0.8em;
    }
    .primary-header {
        background-image: url(../img/background_mobile.webp);
    }
}

@media (max-width: 360px) {
    .primary-header-bottom .primary {
        font-size: 1.1em;
    }
}

/***************** END Page specific: unauthenticated index - primary header*****************/
/***************** Page specific: unauthenticated index - testimonials*****************/
.testimonials .carousel-indicators {
    bottom: 0;
    width: 70%;
    text-align: right;
}

.testimonials .carousel-indicators .active {
    background-color: #ffa701;
}

.testimonials .carousel-indicators li {
    border: 1px solid #ffa701;
}

.testimonials .carousel-item {
    height: 180px;
}

.testimonials .right.carousel-control,
.left.carousel-control {
    display: none;
}

.testimonials .carousel-caption {
    position: static;
    padding: 10px;
    text-align: left !important;
    color: #000;
    text-shadow: none;
}

.testimonials .carousel-caption .open-quote {
    margin-bottom: 0;
    color: #ffa701;
    font-size: 2.5em;
    font-weight: bold;
    font-family: sans-serif;
}

.testimonials .carousel-caption .message {
    margin: -30px 0 5px 0;
    font-family: 'Rubik', sans-serif;
}

.testimonials #carousel-corporate-testimonials .message {
    padding-right: 120px;
}

.testimonials .carousel-caption .signature {
    font-family: 'Rubik', sans-serif;
}

.testimonials .corporate-image {
    float: right;
    width: 100px;
    margin-top: -30px;
}

.highlights {
    width: 1140px;
    margin: 0 auto;
}

@media (max-width: 1200px) {
    .highlights {
        width: 940px;
    }
}

@media (max-width: 992px) {
    .highlights {
        width: 720px;
    }
}

@media (max-width: 768px) {
    .highlights {
        width: 576px;
    }
}

@media (max-width: 580px) {
    .highlights {
        width: 90%;
    }

    tr {
        width: 0;
    }
}

/***************** END Page specific: unauthenticated index - testimonials*****************/
/***************** Page specific: index *****************/

.index .region-specific {
    text-align: center;
    font-size: 12.8px;
    font-size: 0.8rem;
}

/***************** Page specific: index authentication modal *****************/
#registration-container i.fv-control-feedback {
    right: 67.2px;
    right: 4.2rem;
}

#registration-container a {
    color: grey;
    text-decoration: underline;
}

/***************** Page specific: index store list *****************/
.campaign-shop {
    position: relative;
}

.campaign-shop-img {
    width: 100%;
    max-height: 300px;
    object-fit: cover;
}

.campaign-shop-btn {
    position: absolute;
    top: 0rem;
    right: 0rem;
}

.campaign-shop-caption {
    position: absolute;
    bottom: 1rem;
    left: 1rem;
    max-width: calc(100% - 2rem);
    margin: 0;
    padding: 0.5rem 1.5rem;
    background-color: rgba(255, 177, 15, 0.8);
    color: white;
    font-size: 1.2rem;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.campaign-shop-caption.small {
    font-size: 0.8rem;
}

.stores-list .shop-card .vacation-overlay {
    cursor: not-allowed;
}

.stores-list {
    margin-top: 15px;
}

.stores-list .shop-card {
    margin-bottom: 20px;
    margin-bottom: 1.25rem;
}

.stores-list .card-img-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    overflow: hidden;
    height: 160px;
    height: 10rem;
}

.stores-list .card-img-top {
    min-width: 480px;
    min-width: 30rem;
    width: 100%;
}

.stores-list .card-block {
    color: #000;
    padding-top: 10px;
}

.stores-list .card-title {
    font-family: 'Rubik', sans-serif;
    margin-bottom: 0;
}

.stores-list .card-text {
    font-size: 0.7em;
    margin-bottom: 0;
}

.stores-list .card-search-text {
    font-family: 'Rubik', sans-serif;
    font-weight: bold;
    color: #ffa701;
    margin-bottom: 0;
}

.stores-list .card-block {
    position: relative;
}

.stores-list .card-img-overlay-text {
    position: absolute;
    width: 100%;
    bottom: 100%;
    left: 0;
    padding: 12.8px 24px;
    padding: 0.8rem 1.5rem;
}

.stores-list .card-img-overlay-text .card-text {
    font-size: 1em;
    color: #fff;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.stores-list .card-img-overlay-text .card-text .shop-name {
    font-family: 'Rubik', sans-serif;
}

.stores-list .card .chevron-right {
    color: #ffa701;
    font-size: 1.5em;
    float: right;
    margin-top: 20px;
}

.stores-list .card {
    border: none;
    overflow: hidden;
}

.stores-list a {
    text-decoration: none;
}

/***************** END Page specific: index store list *****************/
/***************** END Page specific: index *****************/
/***************** Page specific: storefront *****************/
.storefront .title {
    position: relative;
    text-shadow: 1px 1px 15px rgba(0, 0, 0, 0.75);
}

.storefront .title h2 {
    color: #ffffff;
    padding: 0 22.4px;
    padding: 0 1.4rem;
}

.storefront .title a {
    position: absolute;
    left: 8px;
    left: 0.5rem;
    top: 50%;
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 28.8px;
    line-height: 1.8rem;
    margin-top: -14.4px;
    margin-top: -0.9rem;
}

.storefront-background-image-wrapper {
    overflow: hidden;
    background: #ebebeb;
    background: -webkit-linear-gradient(rgba(0, 0, 0, 0), #ebebeb);
    background: linear-gradient(rgba(0, 0, 0, 0), #ebebeb);
    position: absolute;
    top: 96px;
    top: 7rem;
    left: 0;
    right: 0;
    margin-left: -16px;
    margin-left: -1rem;
    height: 60%;
}

.storefront-background-image {
    position: relative;
    z-index: -1;
    margin-top: -10px;
    width: 100%;
}

.storefront .card.storefront-tab-wrapper .row:first-of-type {
    margin-bottom: 16px;
    margin-bottom: 1rem;
}

.card.storefront-tab-wrapper .card-header {
    background-color: transparent;
    border-bottom: 1px solid rgba(0, 0, 0, 0.125);
    padding-left: 0;
}

.storefront .card.storefront-tab-wrapper .card-header .card-header-tabs,
.shopping-cart .card-header-tabs {
    margin-left: 0;
}

.storefront .card.storefront-tab-wrapper .card-header .nav-tabs .nav-item,
.shopping-cart .card-header-tabs .nav-item {
    font-size: 11.2px;
    font-size: 0.7rem;
}

.storefront .card.storefront-tab-wrapper .card-header .nav-tabs .nav-item .nav-link,
.shopping-cart .card-header-tabs .nav-item .nav-link {
    color: #d07d01;
    border: 2px solid rgba(255, 255, 255, 0.84);
    background-color: rgba(255, 255, 255, 0.84);
    border-bottom: none;
    -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=85)';
}

.storefront .card.storefront-tab-wrapper .card-header .nav-tabs .nav-item.open .nav-link,
.storefront .card.storefront-tab-wrapper .card-header .nav-tabs .nav-item.open .nav-link:focus,
.storefront .card.storefront-tab-wrapper .card-header .nav-tabs .nav-item.open .nav-link:hover,
.storefront .card.storefront-tab-wrapper .card-header .nav-tabs .nav-link.active,
.storefront .card.storefront-tab-wrapper .card-header .nav-tabs .nav-link.active:focus,
.storefront .card.storefront-tab-wrapper .card-header .nav-tabs .nav-link:hover,
.shopping-cart .card-header-tabs .nav-item .nav-link.active,
.shopping-cart .card-header-tabs .nav-item .nav-link:hover {
    color: #ffa701;
    border: 2px solid white;
    background-color: white;
    border-bottom: none;
    -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)';
}

.storefront .product-group p {
    color: #000;
}

.storefront .product > .row,
.shopping-cart .product > .row {
    margin-bottom: 0 !important;
}

.storefront .product-title-and-details,
.shopping-cart .product-title-and-details {
    font-family: 'Rubik', sans-serif;
}

.storefront .product-title-and-details {
    padding-top: 3px;
    padding-bottom: 3px;
}

.storefront .product-title-and-details,
.storefront .product-title {
    line-height: 18px;
}

.storefront .product-details {
    line-height: 16px;
}

.storefront .product-details,
.shopping-cart .product-details {
    font-family: 'Rubik', sans-serif;
    text-align: justify;
    max-width: 100%;
    font-size: 0.75em;
}

.text-strikethrough {
    text-decoration: line-through;
}

.promotion-description {
    font-size: 0.8rem;
    margin-bottom: 0.25rem;
}

.storefront .product > .row > div,
.shopping-cart .product > .row > div {
    margin-bottom: 16px;
    margin-bottom: 1rem;
}

.storefront .card.storefront-tab-wrapper .card-block {
    background: #fff;
    border-radius: 0.25rem;
    border-left: 1px solid rgba(0, 0, 0, 0.125);
    border-right: 1px solid rgba(0, 0, 0, 0.125);
    border-bottom: 1px solid rgba(0, 0, 0, 0.125);
}

.storefront #product-list .card-block {
    border-top-left-radius: 0;
}

.storefront .product-image {
    width: 40px;
    height: 40px;
}

.storefront #product-search-async-field,
.storefront #product-search-field {
    border-right: none;
}

.storefront .autocomplete-loading-indicator {
    background: white;
    border-color: #66afe9;
}

#commentModal .product-name {
    margin-bottom: 0;
}

/***************** Page specific: storefront - product list *****************/
p.product-group-header {
    padding: 8px 0 8px 0;
    padding: 0.5rem 0 0.5rem 0;
    border-bottom: 1px solid #ffa701;
    font-family: 'Rubik', sans-serif;
    color: #ffa701;
}

.product-group-header .fa-chevron-down,
.product-group-header .fa-chevron-up {
    margin-top: 3.2px;
    margin-top: 0.2rem;
}

/***************** END Page specific: storefront - product list *****************/
/***************** END Page specific: storefront *****************/
/***************** Page specific: shoppingbasket *****************/
/***************** Page specific: shoppingbasket - cart *****************/
.shopping-cart .btn-place-order {
    width: 35%;
    min-width: 25ch;
    clear: both;
}

.shopping-cart .tab-content,
.profile-container .tab-content {
    background-color: #fff;
}

.shopping-cart .products-row {
    margin-top: 16px;
    margin-top: 1rem;
}

.ajax-loading {
    position: relative;
    min-height: 6rem;
}

.ajax-loading:before {
    pointer-events: auto;
    background: rgba(95, 95, 95, 0.51)
        url('http://res.cloudinary.com/beedrop-be/image/upload/c_scale,w_75/graphics/spinner_white.jpg') no-repeat
        center;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 13;
    display: block;
    content: '';
}

.dark.ajax-loading:before {
    background: rgba(95, 95, 95, 0.45)
        url('http://res.cloudinary.com/beedrop-be/image/upload/c_scale,w_75/graphics/spinner_white.jpg') no-repeat
        center;
}
.light.ajax-loading:before {
    background: rgba(235, 235, 235, 0.45)
        url('http://res.cloudinary.com/beedrop-be/image/upload/c_scale,w_75/graphics/spinner_black.jpg') no-repeat
        center;
}

/***************** END Page specific: shoppingbasket - cart *****************/
/***************** END Page specific: shoppingbasket *****************/
/***************** Page specific: product *****************/
.product {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 16px;
    margin-bottom: 1rem;
    padding-left: 3.2px;
    padding-left: 0.2rem;
    padding-right: 3.2px;
    padding-right: 0.2rem;
    position: relative;
}

.delivery-basket .product.product-display {
    display: block;
    /*margin-bottom: 0;
    padding-left: 0;
    padding-right: 0;
    position: static;*/
}

@media (min-width: 992px) {
    .product {
        padding-left: 15px;
    }
}

.order.edit-mode-price.confirmed {
    background-color: rgba(0, 0, 0, 0.15);
}

.order .warning-confirm-order,
.order .warning-price-info-input {
    display: none;
    margin-bottom: 12px;
    padding: 4px 8px 4px 8px;
    border: 1px solid red;
    border-radius: 0.3rem;
    background-color: rgba(255, 0, 0, 0.3);
    font-size: 12px;
    line-height: 18px;
}

.order .warning-confirm-order.disabled,
.order .warning-price-info-input {
    display: block;
}

.order .warning-price-info-input {
    margin-top: 6px;
    margin-bottom: 6px;
}

.order .wrapper-price-info-input {
    /*display: block;*/
    display: inline;
    /*width:200px;*/
    /*margin-left: 12px;*/
}

.order.confirmed .warning-price-info-input,
.order.confirmed .wrapper-price-info-input {
    display: none;
}

/*.order .wrapper-price-info-input em {
    padding: 4px 0px 4px 0;
    display: inline;
    width: 12px;
}*/

.order .btn-confirm-order,
.order-overview .btn-confirm-all-orders {
    color: #ffffff;
}

.order.confirmed .btn-confirm-order {
    color: #5cb85c;
    background-color: #ffffff;
}

.order .btn-confirm-order .btn-text-confirm-order,
.order.confirmed .btn-confirm-order .btn-text-confirmed-order {
    display: inline;
}
.order .btn-confirm-order .btn-text-confirmed-order,
.order.confirmed .btn-confirm-order .btn-text-confirm-order {
    display: none;
}

.product .product-left {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 176px;
    width: 11rem;
    margin-right: 16px;
    margin-right: 1rem;
    height: 72px;
    height: 4.5rem;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.product .product-left .product-img {
    height: 100%;
    margin-right: 1rem;
    position: relative;
}

.product .delete-btn {
    display: none;
}

.cart-tab .product .delete-btn,
.product .btn-empty-delete {
    display: block;
    position: absolute;
    right: 1rem;
    bottom: 0;
    color: #d9534f;
    font-size: 1rem;
    line-height: 1.6rem;
    height: 1.6rem;
    width: 1.6rem;
    border-radius: 0.3rem;
    cursor: pointer;
    text-align: center;
    border: 1px solid #d9534f;
    background: #fff;
    z-index: 11;
}

.product:hover .delete-btn,
.product:hover .btn-empty-delete {
    background-color: #d9534f;
    color: #fff;
}

.product .product-left .product-img img {
    height: 100%;
    width: auto;
}

.product .product-left .product-control {
    width: 6rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: distribute;
    justify-content: space-around;
}

.order-detail.ordered-products.price-mode {
    padding: 0 0 8px 0;
    margin: 0 0 8px 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.3);
}

.order-detail .order-product {
    /*padding:4px 0 12px 16px;*/
    padding: 4px 0 10px 16px;
}

.order-detail .product-control-order,
.order-detail .product-price-control-order {
    float: none;
    position: relative;
    width: 170px;
    display: inline-flex;
    top: 12px;
    margin: -12px 0 0 5px;
    padding: 0 0 0 0;
}

.order-detail .product-price-control-order {
    width: 200px;
    top: -1px;
    /*margin: 0 0 3px 5px ! important;*/
    margin: 0px 0 1px 5px !important;
}

.order-detail .name-order-detail-wrapper {
    display: block;
}
.order-detail .price-order-detail-wrapper {
    padding-top: 6px;
}
.order-detail .unit-price-order-detail-display .order-detail .unit-price-shop-specific-product-display {
    margin-right: 12px;
}

.order-detail .order-detail-change-reasons {
    display: none;
    margin-top: 6px;
    padding: 4px 8px 4px 8px;
    border: 1px solid rgba(0, 0, 0, 0.3);
    border-radius: 0.3rem;
    font-size: 15px; /*12px*/
    line-height: 20px; /*18px*/
}

.order-detail.order-detail-warning-less .order-detail-change-reasons,
.order-detail.order-detail-warning-more .order-detail-change-reasons {
    display: block;
}
.order-detail.order-detail-warning-less.order-detail-alert .order-detail-change-reasons,
.order-detail.order-detail-warning-more.order-detail-alert .order-detail-change-reasons {
    background-color: rgba(255, 0, 0, 0.3);
    border: 1px solid red;
}
.order-detail .order-detail-change-reason-input {
    display: block;
    margin: 0;
    padding-right: 18px;
}
.order-detail .order-detail-change-reason-id {
    float: left;
    display: inline;
    margin: 3px 4px 0 0;
}
.order-detail .order-detail-change-reasons label {
    display: inline;
    position: relative;
    left: 18px;
    margin-left: -18px;
    /*padding-right: 18px;*/
}
.order-detail .order-detail-change-reasons label a {
    color: #000000 !important;
    text-decoration: underline !important;
}
.order-detail.order-detail-warning-less .order-detail-change-reasons .order-detail-change-reason-more {
    display: none;
}
.order-detail.order-detail-warning-more .order-detail-change-reasons .order-detail-change-reason-less {
    display: none;
}

.empties-price-order-display-wrapper.hidden {
    display: none;
}

.order .quantity-confirmed-display {
    /*display:inline;*/
    /*float:none;*/
}
/*.order .quantity-confirmed-display-content{
    display:inline;
}
.order .order-detail-change-reason,
.order .order-shop-comment-view {
    display:block;
}*/
.order.edit-mode-price .quantity-confirmed-display-content,
.order.edit-mode-price .order-detail-change-reason,
.order.edit-mode-price .order-shop-comment-view {
    display: none;
}
.order.edit-mode-price.confirmed .quantity-confirmed-display-content {
    display: inline;
}
.order.edit-mode-price.confirmed .order-detail-change-reason,
.order.edit-mode-price.confirmed .order-shop-comment-view {
    display: block;
}
.order .quantity-confirmed-type-title {
    display: none;
}
.order.edit-mode-price .quantity-confirmed-type-title {
    display: inline;
}
.order.edit-mode-price.confirmed .quantity-confirmed-type-title {
    display: none;
}

/*.order .select-btn {
    display: inline;
}
.order .order-product,
.order .select-btn-wrapper,
.order .order-shop-comment-edit {
    display:block;
}*/
.order.confirmed .order-product,
.order.confirmed .product-control-order,
.order.confirmed .product-price-control-order,
.order.confirmed .select-btn-wrapper,
.order.confirmed .select-btn,
.order.confirmed .order-shop-comment-edit {
    display: none;
}

/*.order.edit-mode-price:not(.confirmed) {
    display: none;
}
.order.edit-mode-price:not(.confirmed):first-child {
    display: block;
}*/

.product .product-left .product-control .form-group,
.order-detail .product-control-order .form-group,
.order-detail .product-price-control-order .form-group {
    margin-bottom: 0;
}

.product .product-right {
    width: calc(100% - 12rem);
    position: relative;
}

#default-product-search-results .product .product-right {
    width: 176px !important;
}

.product .product-right p {
    margin-bottom: 0;
}

.delivery-basket .product-wrapper {
    /*float: left;
    position: relative;*/
    /*display: block;
    width: 100%;*/

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    /*margin-bottom: 16px;
    margin-bottom: 1rem;
    padding-left: 3.2px;
    padding-left: .2rem;
    padding-right: 3.2px;
    padding-right: .2rem;*/
    position: relative;
}

.delivery-basket .product-confirmed {
    /*float: left;*/
    display: block;
    /*position: relative;*/
    /*width: 100%;*/
    /*margin-left: 5.5rem;*/
    margin-left: 84px;
    margin-top: 4px;
    margin-bottom: 0.25rem;
    padding: 3px 8px;

    border-width: 1px;
    border-style: solid;
    border-color: rgba(0, 0, 0, 0.15);
    border-radius: 0.25rem;

    background-color: rgb(236, 238, 239);
    color: rgb(85, 89, 92);
    font-size: 0.875rem;

    /*z-index: 12;
    display: block;
    position: absolute;
    height: 100%;
    top: 100%;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.5);*/

    /*clear: left !important;
    float: left !important;
    display: block !important;
    width: 100% !important;
    position: relative !important;
    top: 0;
    left: 0;
    background-color: red;*/

    /*display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 176px;
    width: 11rem;
    margin-right: 16px;
    margin-right: 1rem;
    height: 72px;
    height: 4.5rem;
    -ms-flex-negative: 0;
    flex-shrink: 0;*/
}

.card-block.shop-order-comment {
    background-color: rgb(236, 238, 239);
}

.product .select-quantity-type-id,
.order-detail .select-quantity-type-id {
    font-size: 0.6rem !important;
    height: 1.7rem;
}

.order-detail .product-control-order .product-quantity-wrapper {
    /*width: 6rem;*/
    float: left;
    display: inline;
    padding-left: 16px;
}
.order-detail .product-control-order .product-zero-wrapper {
    /*width: 6rem;*/
    float: left;
    display: inline;
}
.order-detail .product-price-control-order.product-price-wrapper {
    /*width: 6rem;*/
}

.order-detail .product-control-order .product-quantity {
    width: 8rem;
}
.order-detail .product-control-order .product-zero,
.order-detail .product-price-control-order .product-price-group {
    /*width: 6rem;*/
    text-align: left;
}
.order-detail .product-price-control-order .product-price-group {
    /*width: 6rem;*/
    width: 200px;
}

/*.order .wrapper-price-info-input span.price-info-currency {*/
.order-detail .product-price-control-order .product-price-group span.price-info-currency {
    display: inline;
    float: left;
    /*position: relative;*/
    margin-top: 3px;
    width: 16px;
}

.order-detail .product-price-control-order .product-price-group .product-price-fields {
    /*width: 5rem;*/
    width: 184px;
    display: inline-flex;
}

.product .quantity-field,
.product .default-quantity-field,
.order-detail .quantity-field,
.order-detail .product-price-field {
    font-size: 9.6px !important;
    font-size: 0.6rem !important;
    height: 27.2px;
    height: 1.7rem;
    -moz-appearance: textfield;
}

.order-detail .quantity-ordered-display {
    display: block;
    padding: 3px 0 0 0;
}

.order-detail .quantity-display {
    display: block;
    /*padding:0 0 0 16px;*/
    /*padding:2px 0 4px 0;*/
    padding: 3px 0 0 0;
}

.order-detail .product-price-control-order .product-price-field {
    width: 76px;
    /*display: inline-block;*/
    /*font-size: 15px !important;*/
    font-size: 1rem !important;
    height: 26px !important;
    margin-right: 0px;
    /*padding-left: .35rem;*/
    /*padding-right: .35rem;*/
    padding-left: 5px;
    padding-right: 5px;
}
.order-detail .product-price-control-order .select-quantity-type-id {
    width: 76px;
    /*display: inline-block;*/
    height: 26px !important;
    /*width: auto;*/
    /*padding: 2px .25rem !important;*/
    padding: 2px 5px !important;
    margin-left: -1px;
    font-size: 1rem !important;
}
.order-detail .product-price-control-order .btn-update-shop-specific-price {
    /*display: inline-block;*/
    /*width: auto;*/
    width: 27px;
    height: 26px !important;
    padding: 2px 5px 2px 5px !important;
    margin-left: 6px;
    font-size: 1rem !important;
}
.order-detail .btn-edit-product {
    width: 27px;
    height: 26px !important;
    padding: 2px 5px 2px 5px !important;
    margin-left: 6px;
    margin-top: -2px;
    font-size: 1rem !important;
}

/*.order-detail .quantity-display .quantity-ordered-display {
    text-decoration: line-through;
    display: none;
}
.order-detail.order-detail-warning .quantity-display .quantity-ordered-display {
    display: inline;
}*/

.product .btn-product-comment {
    padding: 0.25rem 0.35rem !important;
}

.order-detail .product-control-order .btn-quantity-zero {
    height: 34px;
    padding: 0.5rem 0.7rem !important;
}
.order-detail .product-control-order .btn-quantity-decrease {
    height: 34px;
    padding: 0.5rem 0.7rem !important;
}
.order-detail .product-control-order .btn-quantity-increase {
    height: 34px;
    padding: 0.5rem 0.7rem !important;
}
.order-detail .product-control-order .quantity-field {
    font-size: 15px !important;
    height: 34px;
}

.product .product-comment-container {
    /*position: relative;*/
    float: left;
    /*clear: left;*/
    display: block;
    width: 185px;
    /*left: 0px;*/
    margin-left: 16px;
    /*margin-right: 8px;*/
    height: 72px;
}

.product .product-comment-container textarea {
    width: 185px;
}

/***************** order - empty *********************/
.order-empty .order-item-left .order-item-control {
    justify-content: inherit;
}

/***************** END Page specific: product *****************/
/***************** Page specific: questions *****************/
.question-card h5 {
    font-family: 'Rubik', sans-serif;
}

.questions p {
    color: #000;
}

.questions p.small {
    margin-bottom: 0;
}

.questions a {
    text-decoration: none;
    color: #000;
}

.question-anchor {
    display: block;
    margin-top: -140px;
    height: 140px;
    visibility: hidden;
}

.question-content {
    margin-top: 16px;
    margin-top: 1rem;
}

.questions .positive-reaction {
    color: #87c157;
    cursor: pointer;
}

.questions .negative-reaction {
    color: #fd4614;
    cursor: pointer;
}

.questions .disabled-reaction {
    color: #cccccc;
    cursor: auto;
}

.ask-question-row {
    margin-top: 30px;
    margin-bottom: 1rem;
}

.ask-question-btn:not(.collapsed) {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

#ask-question-success-alert {
    margin: 1rem 0 0 0;
}

#ask-question-col .card {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    color: black;
}

.ask-question-row .card {
    margin-bottom: 0;
}

.question-row {
    margin-top: 5px;
}
/*.question-row:first-of-type {*/
/*margin-top: 15px;*/
/*}*/

.faq-reaction {
    margin-left: 1rem;
}

/***************** END Page specific: questions *****************/
/***************** Page specific: history *****************/
.delivery-baskets .delivery-basket:not(:last-of-type) {
    border-bottom: 1px dashed rgba(0, 0, 0, 0.125);
}

/***************** END Page specific: history *****************/
/***************** Page specific: single-text-page *****************/
.single-text-page {
    background-color: #ffffff;
}

/***************** END Page specific: history *****************/
/***************** Media queries *****************/
/***************** Media queries: 544px *****************/
@media (min-width: 544px) {
    .storefront .card.storefront-tab-wrapper .card-header .nav-tabs .nav-item,
    .shopping-cart .card-header-tabs .nav-item {
        font-size: 0.8rem;
    }

    .stores-list .card-img-wrapper {
        height: 13rem;
    }

    .storefront {
        max-width: 700px;
    }

    .col-xs-15 {
        width: 20%;
        float: left;
    }

    .notice-nav p {
        font-size: 0.75rem;
    }

    .main-slogan {
        font-size: 1rem;
    }

    .secondary-header {
        font-size: 1rem;
    }

    .index .region-specific {
        font-size: 0.8rem;
    }
}

/***************** END Media queries: 544px *****************/
/***************** Media queries: 768pc *****************/
@media (min-width: 768px) {
    .navbar .primary-nav .nav-link {
        font-size: 1.2rem;
        line-height: 1.6rem;
    }

    .tag-pill-cart-counter {
        top: 0.3rem;
    }

    .navbar .secondary-nav .container > div {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding: 0 1rem;
    }

    .stores-list .card-img-wrapper {
        height: 10rem;
    }

    .stores-list .card-img-top {
        min-width: 100%;
        width: 100%;
    }

    .container-full-width {
        max-width: 720px;
    }

    .primary-nav .navbar-btn:first-of-type {
        border-left: 1px solid whitesmoke;
    }

    .col-sm-15 {
        width: 20%;
        float: left;
    }

    .notice-nav p {
        font-size: 0.8rem;
    }

    .main-slogan {
        font-size: 2rem;
    }

    .secondary-header {
        font-size: 1.5rem;
    }

    .index .region-specific {
        font-size: 0.8rem;
    }
}

/***************** END Media queries: 768px *****************/
/***************** Media queries: 992px *****************/
@media (min-width: 992px) {
    .container-full-width {
        max-width: 940px;
    }

    .col-md-15 {
        width: 20%;
        float: left;
    }

    .notice-nav p {
        font-size: 1rem;
    }

    .navbar .navbar-icon {
        font-size: 2rem;
    }

    .main-slogan {
        font-size: 2rem;
    }

    .secondary-header {
        font-size: 1.5rem;
    }

    .index .region-specific {
        font-size: 1rem;
    }
}

/***************** END Media queries: 992px *****************/
/***************** Media queries: 1200px *****************/
@media (min-width: 1200px) {
    .container-full-width {
        max-width: 1140px;
        padding-left: 15px;
        padding-right: 15px;
    }

    .index .region-specific {
        font-size: 1rem;
    }

    .col-lg-15 {
        width: 20%;
        float: left;
    }

    .col-xl-15 {
        width: 20%;
        float: left;
    }

    .notice-nav p {
        font-size: 1rem;
    }

    .main-slogan {
        font-size: 2rem;
    }

    .secondary-header {
        font-size: 1.5rem;
    }
}

/***************** END Media queries: 1200px *****************/
/***************** Media queries: 1400px *****************/
@media (min-width: 1400px) {
    .storefront-background-image-wrapper {
        left: 5%;
        right: 5%;
    }
}

/***************** END Media queries: 1400px *****************/
/***************** Media queries: 1600px *****************/
@media (min-width: 1600px) {
    .storefront-background-image-wrapper {
        left: 10%;
        right: 10%;
    }
}

/***************** END Media queries: 1600px *****************/
/***************** END Media queries *****************/

/***************** START FOOTER *****************/
html {
    position: relative;
    min-height: 100%;
}

body {
    /* Margin bottom by footer height */
    margin-bottom: 170px;
}

.footer {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    /* Set the fixed height of the footer here */
    /*height: 90px;*/
    line-height: 40px; /* Vertically center the text there */
    background-color: #f5f5f5;
}

.footerLink {
    line-height: 26px;
    margin-top: 10px;
    margin-bottom: 10px;
}

@media (max-width: 766px) {
    .footerLinkDiv {
        text-align: center !important;
    }
}

/***************** END FOOTER *****************/

.delivery-in-progress-title {
    color: #ffa701;
}

/****************** START PROFILE / REGISTRATION *****************/

.smart-address-selection-toggle {
    position: absolute;
    right: 1.5rem;
    top: 1.5rem;
}

.registration-address-fieldset .smart-address-selection-toggle {
    top: 0;
    right: 0;
}

.toggle .toggle-group .toggle-off {
    color: #333;
    background-color: #e6e6e6;
    outline: 0;
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

.toggle .toggle-group .toggle-handle {
    background: #fff;
}

.toggle[data-toggle='toggle'].off {
    border: 1px solid #adadad;
}

#fieldset-address-smart .form-group.row {
    margin-bottom: 0;
}

#fieldset-address-smart .form-group.row label,
#fieldset-address-smart .form-group.row .form-control-static {
    padding-top: 0;
    padding-bottom: 0;
}

#fieldset-address-smart .form-group.row .form-control-static {
    min-height: 1rem;
}

.registration-address-fieldset {
    position: relative;
    padding: 1rem 1rem 0 1rem;
    border: 2px solid #ffa701;
    border-radius: 0.25rem;
}

.fieldset-address .twitter-typeahead {
    width: 100%;
}

.fieldset-address #displayLocality {
    background-color: #dddddd;
    border-color: rgba(0, 0, 0, 0.15);
    border-width: 1px;
    border-style: solid;
    border-radius: 4px;
    color: rgb(85, 89, 92);
    line-height: 20px;
    padding: 8px 12px;
    font-weight: 400;
}

.fieldset-address .tt-menu {
    background-color: #ffffff;
    border-width: 1px;
    border-style: solid;
    border-color: rgba(0, 0, 0, 0.15);
    border-radius: 0.25rem;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.14), 0 2px 5px rgba(0, 0, 0, 0.24);
    -webkit-transition: box-shadow 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
    transition: box-shadow 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}

.fieldset-address .tt-menu .tt-suggestion {
    background-color: transparent;
    border-width: 1px 0 0 0;
    border-style: solid;
    border-color: rgba(0, 0, 0, 0.15);
    padding: 5px 10px;
    cursor: pointer;
    font-size: 14px;
}

.fieldset-address .tt-menu .tt-suggestion:hover,
.fieldset-address .tt-menu .tt-suggestion.tt-cursor {
    background-color: #dddddd;
}

.fieldset-address .tt-menu .tt-suggestion:first-child {
    border-width: 0;
}

.fieldset-address .form-control-feedback {
    display: block;
}

/****************** END PROFILE / REGISTRATION *****************/

/****************** START DRIVER SECTION ***********************/
/****************** START DRIVER SECTION - GENERAL ***********************/
body.driver .navbar .secondary-nav .nav-link {
    overflow-x: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 0.8rem;
}

body.driver .navbar .primary-nav .navbar-btn {
    padding: 0;
}

body.driver .navbar .primary-nav .nav-link {
    font-size: 0.7rem;
}

@media (min-width: 768px) {
    body.driver .navbar .primary-nav .nav-link {
        font-size: 1rem;
    }
}

body.driver > .main-container {
    margin-top: 6.5rem;
}

.modal .modal-header.bg-success,
.modal .modal-header.bg-danger {
    border-top-left-radius: 0.25rem;
    border-top-right-radius: 0.25rem;
}

body.driver .shadow {
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.14), 0 2px 5px rgba(0, 0, 0, 0.24);
    -webkit-transition: box-shadow 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
    transition: box-shadow 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}

body.driver .shadow:hover {
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
}

body.driver #indicator {
    position: fixed;
    top: 6.5rem;
    right: 0.5rem;
    height: 2rem;
    background-color: green;
    z-index: 999;
    text-align: center;
    border-radius: 2.5rem;
}

body.driver #indicator .icon {
    color: #fff;
    line-height: 2rem;
    width: 2rem;
    font-size: 1rem;
}

@media (min-width: 768px) {
    body.driver #indicator {
        top: 7rem;
        right: 2rem;
        height: 5rem;
    }

    body.driver #indicator .icon {
        line-height: 5rem;
        width: 5rem;
        font-size: 2rem;
    }
}

body.driver #indicator .error {
    animation: blink-animation 500ms infinite;
    -webkit-animation: blink-animation 500ms infinite;
}

@keyframes blink-animation {
    to {
        color: #ff725f;
    }
}

@-webkit-keyframes blink-animation {
    to {
        color: white;
    }
}

/****************** STOP DRIVER SECTION - GENERAL ***********************/
/****************** START DRIVER SECTION - STOPLISTING  ***********************/
body.driver.tickets .card .card-header,
body.driver.stoplisting .card.delivery .card-header {
    background: #ffbc3e;
    color: #fff;
}

body.driver.stoplisting .row.selector label {
    font-size: 0.8rem;
}

body.driver.stoplisting .row.selector select.form-control {
    font-size: 0.8rem;
    height: 2rem;
    padding: 0.25rem 0.75rem;
}

body.driver.tickets .card .card-header a,
body.driver.stoplisting .card.delivery .card-header a,
body.driver.stoplisting .card.delivery .card-header a:hover,
body.driver.stoplisting .card.delivery .card-header a:active,
body.driver.stoplisting .card.delivery .card-header a:visited,
body.driver.stoplisting .card.delivery .card-header a:focus,
body.driver.stoplisting .card.delivery .card-header a:active:hover,
body.driver.stoplisting .card.delivery .card-header a:active:focus,
body.driver.stoplisting .card.delivery .card-header a.disabled:hover,
body.driver.stoplisting .card.delivery .card-header a:disabled:hover {
    color: #fff;
    text-decoration: underline;
}

body.driver.stoplisting .card.delivery .card-header a {
    font-size: 0.8rem;
}

body.driver.stoplisting .card.delivery .card-block {
    padding-top: 0;
    padding-bottom: 0;
}

body.driver.stoplisting .card.delivery .card-block.shop-name {
    background: #ccc;
    color: #000;
    font-weight: bold;
    font-size: 0.9rem;
}

body.driver.stoplisting .card.delivery .card-block.order-products ul,
body.driver.stoplisting .card.delivery .order-legacy-empties-returned ul {
    margin-bottom: 0;
    padding-left: 1rem;
}

body.driver.stoplisting .card.delivery .card-block.order-products,
body.driver.stoplisting .card.delivery .card-block.order-total,
body.driver.stoplisting .card.delivery .card-block.order-empties-delivered,
body.driver.stoplisting .card.delivery .card-block.order-legacy-empties-returned,
body.driver.stoplisting .card.delivery .card-block.order-empties-returned {
    font-size: 0.7rem;
}

body.driver.stoplisting .card.delivery .card-block.goods-total,
body.driver.stoplisting .card.delivery .card-block.settlements,
body.driver.stoplisting .card.delivery .card-block.total,
body.driver.stoplisting .card.delivery .card-block.empties-coupon {
    font-size: 0.8rem;
}

body.driver.stoplisting .card.delivery .card-block .col-border-left {
    border-left: 1px dashed #ccc;
}

body.driver.stoplisting .card.delivery .card-block .col-border-right {
    border-right: 1px dashed #ccc;
}

body.driver.stoplisting .card.delivery .card-block.order-empties-delivered,
body.driver.stoplisting .card.delivery .card-block.order-legacy-empties-returned,
body.driver.stoplisting .card.delivery .card-block.order-empties-returned {
    border-top: 1px dashed #ccc;
}

body.driver.stoplisting .card.delivery .card-block.order-total {
    border-top: 1px solid #818a91;
}

body.driver.stoplisting .card.delivery .card-block.goods-total {
    background: #ccc;
    color: #000;
}

body.driver.stoplisting .card.delivery .card-block.settlements {
    color: #ffa701;
}

body.driver.stoplisting .card.delivery .card-block.total {
    background: #818a91;
    color: #fff;
}

body.driver.stoplisting .card.delivery .card-footer textarea {
    height: 5rem;
}

body.driver.stoplisting .card.delivery .card-footer button {
    font-size: 0.9rem;
    margin-bottom: 1rem;
}

body.driver.stoplisting .card.delivery {
    padding-top: 0;
    padding-bottom: 0;
    margin-bottom: 0.25rem;
    font-size: 0.7rem;
}

body.driver.stoplisting .card.delivery .empty-corrected-quantity-container,
body.driver.empties .card.empty-shop .empty-returned-quantity-container {
    width: 3.5rem;
    display: inline-block;
    text-align: center;
}

body.driver.stoplisting #delivery-paid-modal p,
body.driver.stoplisting #delivery-unpaid-modal p,
body.driver.stoplisting #delivery-unpaid-modal fieldset {
    font-size: 0.8rem;
}

body.driver.stoplisting #delivery-unpaid-modal fieldset .form-check {
    margin-bottom: 0.25rem;
}

body.driver.stoplisting #delivery-unpaid-modal fieldset .form-check:last-of-type {
    margin-bottom: 0;
}

body.driver.stoplisting #delivery-unpaid-modal textarea {
    height: 5rem;
}

.hidden {
    display: none !important;
}

*[data-lightbox] {
    cursor: pointer;
}

#lightbox {
    z-index: 1031;
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background-color: rgba(106, 106, 106, 0.5);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0 1rem;
    cursor: pointer;
}

#lightbox img {
    width: 100%;
    max-width: 500px;
    height: auto;
}

#lightbox p {
    width: 100%;
    max-width: 500px;
    padding: 0.4rem 0.8rem;
    background-color: white;
    color: black;
    border-radius: 0.4rem 0.4rem 0 0;
    margin: 0;
    display: flex;
    justify-content: space-between;
}

#lightbox div#lightbox-details {
    width: 100%;
    max-width: 500px;
    padding: 0.4rem 0.8rem;
    background-color: white;
    color: black;
    border-radius: 0;
    margin: 0;
    display: flex;
    font-size: 0.75em;
}

#lightbox #lightbox-x {
    text-shadow: 0 0 1px #3f3f3f;
}

#lightbox #lightbox-x:hover {
    text-shadow: 0 1px 1px #3f3f3f;
}

#lightbox div {
    background-color: white;
}

#orders-confirmed-modal .btn-link {
    color: #ffa701 !important;
    text-decoration: none !important;
}

/****************** STOP DRIVER SECTION - STOPLISTING  ***********************/
/****************** END DRIVER SECTION ***********************/

/****************** USP ******************************/
.uspDiv {
    display: flex;
    background-color: #ffa701;
    color: #fff;
    margin: 0 auto;
}

.uspDiv div {
    width: 60%;
    margin: 0 auto;
}

.uspDiv p {
    margin: 0.5% auto;
    width: 33%;
    float: left;
    text-align: center;
}
.uspDiv:hover {
    cursor: pointer;
}

.navCenterHorizontal {
    margin: auto 0;
}

.landingBtn {
    padding: 1%;
    margin: 2% 0;
    display: inline-block;
}

@media (max-width: 850px) {
    .uspDiv div {
        width: 99%;
    }
}

@media (max-width: 520px) {
    .landingBtn {
        padding: 2%;
    }
}

@media (max-width: 510px) {
    .uspDiv p {
        font-size: 0.8em;
    }
    .uspDiv div {
        width: 99%;
    }
}

@media (max-width: 420px) {
    .uspDiv p i {
        font-size: 0.8em;
    }
    .uspDiv p {
        font-size: 0.7em;
    }
}

@media (max-width: 380px) {
    .uspDiv p i {
        font-size: 0.75em;
    }

    .uspDiv p {
        font-size: 0.6em;
    }
}

/****************** END USP ******************************/
/****************** Ratings ******************************/
.ratings {
    width: 1140px;
    margin: 1% auto 0 auto;
    display: flex;
}

.ratingDiv:hover {
    cursor: pointer;
}

.facebookRating .score {
    background-color: #3b5998;
}

.googleRating .score {
    background-color: #d44638;
}

.facebookRating .description small,
.facebookRating .description p {
    color: #3b5998;
}

.googleRating .description small,
.googleRating .description p {
    color: #d44638;
}

.bCommerceRating,
.ratingDiv {
    display: flex;
    width: 33%;
    float: left;
    padding: 12px;
}

.bCommerceRating {
    padding-top: 0;
    padding-bottom: 0;
}

.ratingDiv .score {
    color: #ffff;
    width: 25%;
    float: left;
    border-radius: 5px 0 0 5px;
}

.ratingDiv .score p {
    position: relative;
    top: 35%;
    text-align: center;
}
.ratingDiv .description {
    background-color: #f7f7f7;
    border-radius: 0 5px 5px 0;
    width: 75%;
}
.ratingDiv .description p {
    margin-top: 2%;
    margin-left: 2%;
    font-size: 0.8em;
}

.ratingDiv .description small {
    margin-left: 2%;
    font-size: 0.6em;
}

.ratingDiv .description .stars {
    margin-left: 2%;
    font-size: 0.8em;
}

.ratingDiv .description .stars i {
    margin-right: 1%;
}

.ratingDiv .stars .fa-star,
.description .stars .fa-star-half-alt {
    color: #ffa701;
}

.highlights table {
    font-size: medium;
}

@media (max-width: 1200px) {
    .ratings {
        width: 940px;
    }
}

@media (max-width: 992px) {
    .ratings {
        max-width: 720px;
    }

    .facebookRating,
    .googleRating {
        width: 39%;
    }
    .bCommerceRating {
        width: 20%;
        padding-left: 12px;
    }
}

@media (max-width: 768px) {
    .ratings {
        width: 576px;
        padding-left: 15px;
        padding-right: 15px;
    }
    .ratingDiv .description small {
        font-size: 0.7em;
    }

    .ratingDiv .description p {
        margin-bottom: 4%;
    }

    .facebookRating,
    .googleRating {
        width: 39.5%;
    }
    .facebookRating {
        padding-right: 0;
    }

    .googleRating {
        padding-left: 0;
    }

    .bCommerceRating {
        padding-right: 6px;
    }

    .bCommerceRating img {
        width: 90%;
    }
}

@media (max-width: 580px) {
    .ratings {
        width: 100%;
    }

    .bCommerceRating {
        width: 20%;
        padding-right: 12px;
    }

    .bCommerceRating img {
        margin: 0 auto;
    }
}

@media (max-width: 520px) {
    .ratingDiv .score p {
        top: 30%;
    }

    .bCommerceRating img {
        width: 80%;
    }
}

@media (max-width: 500px) {
    .highlights table {
        font-size: 0.8em;
    }

    .highlights table {
        font-size: 0.8em;
    }
}

@media (max-width: 420px) {
    .stars .fa-star,
    .fa-star-half-alt {
        font-size: 14px;
    }

    .ratingDiv .score p {
        top: 25%;
    }
}

@media (max-width: 400px) {
    .bCommerceRating img {
        width: 90%;
    }
}

@media (max-width: 380px) {
    .stars .fa-star,
    .fa-star-half-alt {
        font-size: 10px;
    }

    .ratingDiv .description .stars {
        padding-bottom: 5%;
        font-size: 0.8em;
    }

    .ratingDiv .score p {
        top: 30%;
        font-size: 0.7em;
    }

    .bCommerceRating img {
        width: 100%;
    }
    .bCommerceRating {
        padding: 0 6px;
    }
}

/****************** END Ratings ******************************/