html {
    font-size: 16px;
    font-family: 'Cantarell', Arial, sans-serif;
}

html {
    height: 100vh;
}

body {
    height: 100vh;
}

.banner-header {
    height: 100px;
    padding: 0;
    width: 100%;
    overflow: hidden;
    max-width: 960px !important;
}

.banner-footer {
    background-color: #f2ece6;
    color: black !important;
    height: 175px;
    padding: 0;
    margin: 0;
    width: 100%;
    display: flex;
    flex-flow: row wrap;
}

.main-container {
    min-height: -moz-calc(100% - (100px + 175px));
    min-height: -webkit-calc(100% - (100px + 175px));
    min-height: calc(100% - (100px + 175px));
    max-width: 960px !important;
}

.banner-logo {
    height: 64px;
}

.footer-policy-box {
    margin-top: auto;
    margin-bottom: auto;
    font-size: 12px;
}

.footer-social-box {
    margin-top: auto;
}

.footer-copyright-box {
    font-size: 10px;
    margin-top: auto;
    margin-bottom: auto;
}

.social-media-link {
    background-color: transparent;
    letter-spacing: inherit;
    text-transform: inherit;
    text-decoration: none;
    word-wrap: break-word;
    display: inline;
    cursor: pointer;
    color: rgb(22, 22, 22);
    font-weight: inherit;
    font-size: 18px;
}

.social-media-icon {
    overflow: hidden;
    letter-spacing: normal;
    text-transform: none;
    color: rgb(13, 13, 13);
    display: inline-block;
    vertical-align: middle;
    padding-top: 6px;
    padding-right: 6px;
    padding-bottom: 6px;
    padding-left: 6px;
    font-size: 18px;
}

.floater-btn-group {
    letter-spacing: normal;
    text-transform: none;
    position: fixed;
    right: 24px;
    bottom: 55px;
    width: 65px;
    height: 65px;
    z-index: 101;
    font-size: 18px;
}

.floater-btn-container {
    letter-spacing: normal;
    text-transform: none;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    box-shadow: rgba(0, 0, 0, 0.25) 0px 3px 18px;
    transform: translateZ(0px);
    font-size: 18px;
}
    .floater-btn-container.on {
        background-color: rgb(20, 155, 106);
    }
    .floater-btn-container.off {
        background-color: rgb(85, 85, 85);
    }

.floater-btn-icon {
    overflow: hidden;
    letter-spacing: normal;
    text-transform: none;
    color: rgb(255, 255, 255);
    display: inline-block;
    vertical-align: middle;
    font-size: 18px;
}

.sendmsg-dialog-container {
    letter-spacing: normal;
    text-transform: none;
    overflow-x: hidden;
    overflow-y: auto;
    box-shadow: rgba(0, 0, 0, 0.25) 0px 3px 18px;
    background-color: rgb(255, 255, 255);
    border-radius: 5px;
    border-style: solid;
    border-color: rgb(255, 255, 255);
    width: min(382px, calc(100vw - 24px)); /* 24 comes from floater-btn-group.right */
    margin-bottom: 16px;
    position: absolute;
    max-height: calc(-165px + 100vh);
    right: -1px;
    bottom: 100%;
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
}

.sendmsg-dialog {
    letter-spacing: normal;
    text-transform: none;
    font-size: 18px;
}

.sendmsg-dialog-title {
    letter-spacing: normal;
    text-transform: none;
    overflow-wrap: break-word;
    line-height: 1.25;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
    color: rgb(255, 255, 255);
    background-color: rgb(20, 155, 106);
    padding-top: 16px;
    padding-bottom: 40px;
    padding-left: 24px;
    padding-right: 24px;
    font-weight: 400;
    text-align: left;
    font-size: 24px;
}

.sendmsg-dialog-bubble-container {
    letter-spacing: normal;
    text-transform: none;
    background-color: rgb(255, 255, 255);
    border-radius: 5px;
    position: relative;
    margin-top: -24px;
    margin-right: 24px;
    margin-bottom: 24px;
    margin-left: 24px;
    font-size: 18px;
}

.sendmsg-dialog-bubble-label {
    letter-spacing: normal;
    text-transform: none;
    overflow-wrap: break-word;
    line-height: 1.5;
    margin-top: 0px;
    margin-bottom: 0px;
    border-radius: 5px;
    background-color: rgba(20, 155, 106, 0.3);
    font-size: 16px;
    color: rgb(48, 48, 48);
    padding-top: 12px;
    padding-right: 15px;
    padding-bottom: 12px;
    padding-left: 15px;
    font-weight: 400;
}

.sendmsg-dialog-bubble-icon {
    overflow: hidden;
    letter-spacing: normal;
    text-transform: none;
    color: rgba(20, 155, 106, 0.3);
    display: inline-block;
    vertical-align: middle;
    width: 33px;
    height: 16px;
    position: absolute;
    top: 100%;
    left: 3px;
    margin-top: -1px;
    font-size: 18px;
}

.sendmsg-dialog-body {
    letter-spacing: normal;
    text-transform: none;
    overflow: hidden;
    padding-top: 0px;
    padding-right: 24px;
    padding-bottom: 20px;
    padding-left: 24px;
    font-size: 18px;
}

.sendmsg-dialog-body-privacy {
    letter-spacing: normal;
    text-transform: none;
    overflow-wrap: break-word;
    line-height: 1.5;
    margin-top: 0px;
    margin-bottom: 0px;
    color: rgb(89, 89, 89);
    font-weight: 400;
    font-size: 14px;
}

.sendmsg-dialog-link {
    background-color: transparent;
    letter-spacing: inherit;
    text-transform: inherit;
    text-decoration: none;
    overflow-wrap: break-word;
    display: inline;
    cursor: pointer;
    color: rgb(14, 135, 91);
    font-weight: inherit;
    font-size: 14px;
}

.sendmsg-dialog-comment-textbox {
    height: 200px !important;
}

.sendmsg-dialog-submit-btn {
    -webkit-appearance: button;
    overflow: visible;
    font: inherit;
    margin: 0;
    letter-spacing: 0.071em;
    text-transform: uppercase;
    cursor: pointer;
    border-style: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    text-decoration: none;
    overflow-wrap: break-word;
    position: relative;
    max-width: 100%;
    padding-left: 32px;
    padding-right: 32px;
    padding-top: 8px;
    padding-bottom: 8px;
    min-height: 56px;
    border-radius: 4px;
    color: rgb(255, 255, 255);
    background-color: rgb(20, 155, 106);
    font-weight: 700;
    text-shadow: none;
    font-size: 16px;
}
    .sendmsg-dialog-submit-btn[disabled] {
        cursor: default;
        background-color: rgb(108, 236, 188);
    }

.carousel-caption {
    background: linear-gradient(rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.54) 66%);
    padding-bottom: 0;
    padding-top: 0;
    bottom: 0;
    height: 8em;
    left: 0;
    right: 0;
}

.border-round-10 {
    border-radius: 10px;
}

.product-title-label {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.price-tag {
    top: 10px;
    right: 15px;
    position: absolute;
}

.carousel-control-next-icon,
.carousel-control-prev-icon {
    background-color: rgba(255, 255, 255, 1.0);
    opacity: 0.5;
    height: 6em;
    border-radius: 8px;
    background-image: url("data:image/svg+xml;utf8,<svg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'><path d='M15 17.9a1.25 1.25 0 01-2.07.94l-6.31-5.52c-.8-.7-.8-1.94 0-2.64l6.3-5.52c.82-.7 2.08-.13 2.08.94v11.8z'/></svg>");
}

    .carousel-control-next-icon:hover,
    .carousel-control-prev-icon:hover {
        filter: brightness(1.2);
        opacity: 1;
    }

.carousel-control-next-icon {
    transform: rotate(180deg);
}

.carousel-control-next,
.carousel-control-prev {
    opacity: 1.0;
    bottom: auto;
    top: calc(50% - 3em);
}

.modal-dialog-shopify {
    max-width: 90%;
    height: 90vh;
}

.modal-content-shopify {
    height: 100%;
}

.modal-body-shopify {
    height: 100%;
    padding: 0;
}

    .modal-body-shopify iframe {
        width: 100%;
        height: 100%;
        border: 0;
    }

.modal-header.info {
    background-color: rgb(20, 155, 106);
}
.modal-header.error {
    background-color: rgb(255, 79, 79);
}

.close-button {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23FFF'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414'/%3e%3c/svg%3e");
    height: 16px;
    width: 16px;
    border: 0;
    background-color: rgba(255, 255, 255, 0);
    opacity: 0.7;
}

.close-button:hover {
    opacity: 1.0;
}

.close-button-bkg {
    background-color: rgba(0, 0, 0, 0.2);
    border-radius: 50%;
    height: 32px;
    width: 32px;
    position: absolute;
    top: 1.5em;
    right: 1.5em;
}

.sale-item-container {
    position: relative;
    min-height: 250px;
    overflow: hidden;
    border-radius: 8px;
    border: 1px solid #efeef1;
    box-shadow: 0 1px 5px rgba(158,147,166,.2),0 3px 4px rgba(158,147,166,.12),0 2px 4px rgba(158,147,166,.14);
    transition: box-shadow .3s ease-in-out;
}
    .sale-item-container:hover {
        box-shadow: 0 8px 10px rgba(158,147,166,.3),0 6px 30px rgba(158,147,166,.12),0 16px 24px rgba(158,147,166,.14);
        cursor: pointer;
    }

.sale-item-price {
    position: absolute;
    bottom: 0;
}