/** Shopify CDN: Minification failed

Line 3350:89 Unexpected ","

**/
@charset "UTF-8";

[data-critical-css=false] {
    display: none
}

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

html {
    margin: 0;
    padding: 0
}

html.js body[data-tabbing=false] [tabindex='0'], html.js body[data-tabbing=false] a, html.js body[data-tabbing=false] button, html.js body[data-tabbing=false] input, html.js body[data-tabbing=false] textarea {
  outline: 0
}

body {
    margin: 0;
    padding: 0;
    background: var(--bg-color--body);
    color: var(--color--body)
}

.footer--root, .layout--main-content > *, .modal--root, .modal--window, .popup-modal-close {
    opacity: 0
}

.no-js .footer--root, .no-js .layout--main-content > *, .no-js .modal--root, .no-js .modal--window, .no-js .popup-modal-close, [data-assets-loaded=true] .footer--root, [data-assets-loaded=true] .layout--main-content > *, [data-assets-loaded=true] .modal--root, [data-assets-loaded=true] .modal--window, [data-assets-loaded=true] .popup-modal-close {
    opacity: 1
}
.apps--root
{
  padding-top:10px !important;
}
.mobile-nav
{
  padding:16px 16px 0 16px;
}
.article--item-author
{
      font-family: bergen-regular!important;
  font-size:12px;
  color:#000;
}
[data-item=input]{border:1px solid #707070;}
.off-canvas--right-sidebar .img-principal{width:100% !important;}
.off-canvas--right-sidebar .image--container{padding-top:inherit !important;}
@media only screen and (min-width:768px) {
    [data-mq=small], [data-mq=small][data-container] {
        display: none
    }
    .product-media--root[data-direction=row] .product-media--thumbs[data-columns] {
        left:-70px;
    }
  
  .template--index .section--slideshow .featured-content--text
{
   
    display: grid;
    align-items: center;
}
/*
   #shopify-section-template--15753361096918__1646737429edc1e15e .featured-grid--item--image,
  #shopify-section-template--15797747286230__16466424582437e1fe .featured-grid--item--image,
  #shopify-section-template--15787872485590__16467413171ca406d9 .featured-grid--item--image
  {
    max-width: 265px !important;
    height: 550px !Important;
  }
  #shopify-section-template--15753361096918__1646737429edc1e15e .featured-grid--item:nth-child(1) img,
  #shopify-section-template--15797747286230__16466424582437e1fe .featured-grid--item:nth-child(1) img,
  #shopify-section-template--15787872485590__16467413171ca406d9 .featured-grid--item:nth-child(1) img
  {
    height:232px;
    width:194px;
    margin:0 auto;
  }
   #shopify-section-template--15753361096918__1646737429edc1e15e .featured-grid--item:nth-child(3) img,
  #shopify-section-template--15797747286230__16466424582437e1fe .featured-grid--item:nth-child(3) img,
  #shopify-section-template--15787872485590__16467413171ca406d9 .featured-grid--item:nth-child(3) img
  {
    height:115px;
    width:214px;
    margin:0 auto;
  }
   #shopify-section-template--15753361096918__1646737429edc1e15e .image--container,
    #shopify-section-template--15797747286230__16466424582437e1fe .image--container,
    #shopify-section-template--15787872485590__16467413171ca406d9 .image--container,
  .cart--form .cart--item--image .image--container
    {
      padding-top:0 !Important;
    }
     #shopify-section-template--15753361096918__1646737429edc1e15e img,
    #shopify-section-template--15797747286230__16466424582437e1fe img,
    #shopify-section-template--15787872485590__16467413171ca406d9 img
    {
      position:relative !important;
    }*/
  .product-media--root[data-direction=row] .product-media--thumbs
  {
      position: absolute;
    left: 0;
    width: 70px !important;
    top: 0;
    grid-template-columns:auto !important;
height: 600px;
    align-content: flex-start;
    overflow: scroll;
  }
 .product-media--root[data-direction=row] .product-media--thumbs::-webkit-scrollbar {
  display: none;
}
}

@media only screen and (min-width:1024px) {
    [data-mq=small-medium], [data-mq=small-medium][data-container] {
        display: none
    }
 
  
}

@media only screen and (max-width:767px) {
    [data-mq=medium], [data-mq=medium][data-container] {
        display: none
    }
}

@media only screen and (min-width:1025px) {
    [data-mq=medium], [data-mq=medium][data-container] {
        display: none
    }
  
}

@media only screen and (max-width:767px) {
    [data-mq=medium-large], [data-mq=medium-large][data-container] {
        display: none
    }
}

@media only screen and (max-width:767px) {
    [data-mq=large], [data-mq=large][data-container] {
        display: none
    }
}

@media only screen and (min-width:768px) and (max-width:1023px) {
    [data-mq=large], [data-mq=large][data-container] {
        display: none
    }
}

[data-mq=none], [data-mq=none][data-container] {
    display: none
}

[data-container=section] {
    display: grid;
    grid-row-gap: 32px
}

[data-container=panel] {
    display: grid;
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    grid-template-columns: minmax(auto,1fr);
    justify-content: center
}

@media only screen and (max-width:767px) {
    [data-container=panel] {
        grid-column-gap: 16px;
        grid-row-gap: 16px
    }

        [data-container=panel][data-mobile-columns='1'] {
            grid-template-columns: minmax(auto,1fr)
        }

        [data-container=panel][data-mobile-columns='2'] {
            grid-template-columns: repeat(2,minmax(0,1fr))
        }
}

@media only screen and (min-width:768px) {
    [data-container=panel][data-block-spacing=false] {
        grid-column-gap: 0;
        grid-row-gap: 0
    }

    [data-container=panel][data-columns='1'] {
        grid-template-columns: repeat(1,minmax(0,1fr))
    }

    [data-container=panel][data-columns='2'] {
        grid-template-columns: repeat(2,minmax(0,1fr))
    }

    [data-container=panel][data-columns='3'] {
        grid-template-columns: repeat(3,minmax(0,1fr))
    }

    [data-container=panel][data-columns='4'] {
        grid-template-columns: repeat(4,minmax(0,1fr))
    }

    [data-container=panel][data-columns='5'] {
        grid-template-columns: repeat(5,minmax(0,1fr))
    }

    [data-container=panel][data-columns='6'] {
        grid-template-columns: repeat(6,minmax(0,1fr))
    }
   .featured-product--media
  {
        position: sticky;
        top: 0;
    height:610px;
    width: 100%;
  }
  
  .featured-product--media .img-principal {
    width: 100% !important;
    max-width: 100% !important;
  }
  
  .featured-product--media .image--container {
    width: 100% !important;
    position: relative;
  }
  
  #NZoomContainer {
    width: 100% !important;
    height: auto !important;
    min-height: 400px !important;
  }
  
  #NZoomImg {
    width: 100% !important;
    height: auto !important;
    display: block;
  }
}

[data-container=block-container], [data-container=block] {
    display: flex;
    flex-wrap: wrap
}

.flexbox-gap [data-container=block-container], .flexbox-gap [data-container=block] {
    gap: 16px
}

.no-flexbox-gap [data-container=block-container] > *, .no-flexbox-gap [data-container=block] > * {
    margin: 8px
}

[data-container=section] [data-item] {
    display: block;
    flex-basis: 100%
}

[data-section-id] {
    padding: 50px 48px
}



    [data-section-id][data-spacing=none] {
        padding: 0
    }

@media only screen and (max-width:767px) {
    [data-section-id] {
        padding: 32px 16px
    }
}

@media only screen and (min-width:768px) {
    [data-section-id]:not([data-container]) > :not([data-container]) {
        margin: 0 auto
    }

    [data-section-id][data-container-width='1']:not([data-container]) > :not([data-container]) {
        max-width: 650px
    }

    [data-section-id][data-container-width='2']:not([data-container]) > :not([data-container]) {
        max-width: 800px
    }

    [data-section-id][data-container-width='3']:not([data-container]) > :not([data-container]) {
        max-width: 1000px
    }

    [data-section-id][data-container-width='4']:not([data-container]) > :not([data-container]) {
        max-width: 1200px
    }

    [data-section-id][data-container-width='6'] {
        padding-left: 0;
        padding-right: 0
    }
}

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

body {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    margin: 0;
    text-shadow: 1px 1px 1px rgba(0,0,0,.004)
}

.rte > :not(blockquote), [data-item=rte-content] > :not(blockquote) {
    padding-bottom: 32px
}

@media only screen and (max-width:767px) {
    .rte > :not(blockquote), [data-item=rte-content] > :not(blockquote) {
        padding-bottom: 12px
    }
}

.rte > :last-child, [data-item=rte-content] > :last-child {
    padding-bottom: 0
}

p {
    margin: 0
}

b, strong {
    font-weight: bolder
}

img {
    border-style: none
}

.rte img, [data-item=rte-content] img {
    -o-object-fit: cover;
    object-fit: cover
}

a, a:link, a:visited {
    color: var(--color--body);
    text-decoration: none;
    background-color: transparent
}

.no-touchevents a, .no-touchevents a:link, .no-touchevents a:visited {
    transition: color .2s ease
}

.rte a, .rte a:link, .rte a:visited, [data-item=rte-content] a:visited {
    text-decoration: underline
}

a:hover {
    color: var(--color--body)
}

.rte a:hover, [data-item=rte-content] a:hover {
    color: var(--color--body--light)
}

.rte blockquote, [data-item=rte-content] blockquote {
    font-style: italic;
    padding: 16px 0 16px 16px;
    border-left: 2px solid #e0e0e0;
    margin: 0 0 32px;
    max-width: 600px
}

@media only screen and (max-width:767px) {
    .rte blockquote, [data-item=rte-content] blockquote {
        margin: 0 0 12px;
        padding: 12px 0 12px 12px
    }
}

ul {
    margin: 0;
    padding: 0;
    list-style-type: none
}

.rte ul, [data-item=rte-content] ul {
    list-style-type: disc;
    padding-left: 32px;
    line-height: 1.7em
}

    .rte ul ul, [data-item=rte-content] ul ul {
        list-style-type: circle
    }

ol {
    margin: 0;
    padding: 0;
    list-style-type: none;
    line-height: 1.7em
}

.rte ol, [data-item=rte-content] ol {
    padding-left: 32px;
    list-style-position: inside;
    counter-reset: item
}

@media only screen and (max-width:767px) {
    .rte ol, [data-item=rte-content] ol {
        padding-left: 16px
    }
}

.rte ol li:before, [data-item=rte-content] ol li:before {
    content: counters(item, ".") ". ";
    counter-increment: item
}

.rte ol ol li:before, [data-item=rte-content] ol ol li:before {
    content: counters(item, ".") " ";
    counter-increment: item
}

li {
    display: block
}

.rte li, [data-item=rte-content] li {
    display: list-item
}

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

table {
    border-collapse: collapse;
    border-spacing: 0
}

.rte table, [data-item=rte-content] table {
    border: 0;
    margin: -8px
}

@media only screen and (max-width:767px) {
    .rte table, [data-item=rte-content] table {
        width: auto !important;
        margin: -6px
    }
}

tr:not(:last-child) {
    padding-bottom: 16px
}

td {
    padding: 8px
}

@media only screen and (max-width:767px) {
    td {
        margin: 6px
    }
}

address {
    font-style: unset
}

iframe {
    max-width: 100%
}

.error {
    color: #d32f2f
}

.errors {
    color: #d32f2f;
    padding-bottom: 16px
}

:-moz-placeholder, :-ms-input-placeholder, ::-moz-placeholder, ::-webkit-input-placeholder {
    color: var(--color--body)
}

label {
    padding-bottom: 8px;
    display: block
}

select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #fff;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iNy43cHgiIGhlaWdodD0iNC4zcHgiIHZpZXdCb3g9IjAgMCA3LjcgNC4zIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA3LjcgNC4zIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGZpbGw9IiM5OTk5OTkiIGQ9Ik03LjEsMC4xQzYuNywwLjUsMy45LDMuMiwzLjksMy4yUzEsMC41LDAuNiwwLjFTMCwwLjcsMCwwLjdsMy45LDMuNmwzLjgtMy42QzcuNywwLjcsNy41LTAuMyw3LjEsMC4xeiIvPg0KPC9zdmc+DQo=);
    background-position: right 10px center;
    background-repeat: no-repeat;
    border-radius: 2px;
    border: 1px solid #e0e0e0;
    color: var(--color--body);
    cursor: pointer;
    font-size: 14px;
    margin: 0 0 16px;
    max-width: 100%;
    padding: 9px 28px 9px 15px;
    text-indent: .01px;
    text-overflow: '';
    width: 100%
}

    select.compact {
        padding: 5px 28px 5px 15px
    }

    select:focus {
        color: var(--color--body);
        background-color: #fff
    }

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

input, textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #fff;
    border-radius: 2px;
    border: 1px solid #e0e0e0;
    box-shadow: none;
    color: var(--color--body);
    margin: 0 0 16px;
    max-width: 100%;
    overflow: auto;
    padding: 8px 16px;
    text-transform: none;
    width: 100%
}

    input:focus, textarea:focus {
        border: 1px solid #e0e0e0;
        color: var(--color--body);
        background-color: #fff
    }

input {
    height: 45px;
    line-height: 45px
}

    input.compact {
        padding: 6px;
        margin: 0 0 8px;
        height: 29px;
        line-height: 29px
    }

    [data-item=button] > *, [data-item=inverted-button] > *, [data-item=inverted-secondary-button] > *, [data-item=secondary-button] > *, button, input[type=button], input[type=reset], input[type=submit] {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        border-radius: 2px;
        border: 0;
        box-shadow: none;
        cursor: pointer;
        display: inline-block;
        height: 45px;
        line-height: 45px;
        padding: 0 16px;
        vertical-align: bottom;
        width: auto;
        zoom: 1
    }

        [data-item=button] > .compact, [data-item=button] > [data-height=compact], [data-item=inverted-button] > .compact, [data-item=inverted-button] > [data-height=compact], [data-item=inverted-secondary-button] > .compact, [data-item=inverted-secondary-button] > [data-height=compact], [data-item=secondary-button] > .compact, [data-item=secondary-button] > [data-height=compact], button.compact, button[data-height=compact], input[type=button].compact, input[type=button][data-height=compact], input[type=reset].compact, input[type=reset][data-height=compact], input[type=submit].compact, input[type=submit][data-height=compact] {
            height: 29px;
            line-height: 29px
        }

        [data-item=button] > :focus, [data-item=inverted-button] > :focus, [data-item=inverted-secondary-button] > :focus, [data-item=secondary-button] > :focus, button:focus, input[type=button]:focus, input[type=reset]:focus, input[type=submit]:focus {
            background: var(--bg-color--button)
        }

        [data-item=button] > :link, [data-item=inverted-button] > :link, [data-item=inverted-secondary-button] > :link, [data-item=secondary-button] > :link, button:link, input[type=button]:link, input[type=reset]:link, input[type=submit]:link {
            color: var(--color--button)
        }

        [data-item=button] > :visited, [data-item=inverted-button] > :visited, [data-item=inverted-secondary-button] > :visited, [data-item=secondary-button] > :visited, button:visited, input[type=button]:visited, input[type=reset]:visited, input[type=submit]:visited {
            color: var(--color--button)
        }

        [data-item=button] > :hover, [data-item=inverted-button] > :hover, [data-item=inverted-secondary-button] > :hover, [data-item=secondary-button] > :hover, button:hover, input[type=button]:hover, input[type=reset]:hover, input[type=submit]:hover {
            color: var(--color--button);
            background: var(--bg-color--button)
        }

.no-touchevents [data-item=button] > *, .no-touchevents [data-item=inverted-button] > *, .no-touchevents [data-item=inverted-secondary-button] > *, .no-touchevents [data-item=secondary-button] > *, .no-touchevents button, .no-touchevents input[type=button], .no-touchevents input[type=reset], .no-touchevents input[type=submit] {
    transition-property: color,border-color,background-color;
    transition-duration: .2s;
    transition-timing-function: cubic-bezier(.25,.46,.45,.94)
}

button[disabled], input[disabled] {
    cursor: default
}

input[type=radio] {
    -webkit-appearance: radio;
    -moz-appearance: radio;
    appearance: radio;
    box-sizing: border-box;
    height: auto;
    height: auto;
    margin: 0 8px 0 0;
    padding: 0;
    width: auto
}

input[type=checkbox] {
    -webkit-appearance: checkbox;
    -moz-appearance: checkbox;
    appearance: checkbox;
    box-sizing: border-box;
    height: auto;
    margin: 0 8px 0 0;
    padding: 0;
    width: auto
}

[data-transition=fade-in] {
    transition: opacity .4s cubic-bezier(.45,.05,.55,.95);
    opacity: 1
}

[data-transition=fade-out] {
    transition: opacity .4s cubic-bezier(.45,.05,.55,.95);
    opacity: 0
}

.font--featured-heading, [data-item~=featured-heading] {
    font-family: var(--font--heading--family);
    font-weight: var(--font--heading--weight);
    font-style: var(--font--heading--style);
    text-transform: var(--font--heading--uppercase);
    font-size: var(--font--featured-heading--size);
    line-height: 1.125em;
    margin: -.1875em 0;
    letter-spacing: -1px
}

@media only screen and (max-width:767px) {
    .font--featured-heading, [data-item~=featured-heading] {
        font-size: 28px;
        line-height: 1.2em
    }
}

[data-item~=section-heading], h1, h2 {
    font-family: var(--font--heading--family);
    font-weight: var(--font--heading--weight);
    font-style: var(--font--heading--style);
    text-transform: var(--font--heading--uppercase);
    font-size: var(--font--section-heading--size);
    line-height: 1.25em;
    margin: -.25em 0;
    letter-spacing: .025em
}

@media only screen and (max-width:767px) {
    [data-item~=section-heading], h1, h2 {
        font-size: 22px
    }
}

@media only screen and (max-width:767px) {
    [data-item~=section-heading--mobile] {
        line-height: 1.25em;
        margin: -.25em 0;
        letter-spacing: .025em;
        font-size: 22px
    }
}

[data-item~=block-heading], h3, h4, h5, h6 {
    font-family: var(--font--heading--family);
    font-weight: var(--font--heading--weight);
    font-style: var(--font--heading--style);
    text-transform: var(--font--heading--uppercase);
    font-weight: var(--font--heading--normal-weight);
    font-size: var(--font--block-heading--size);
    line-height: 1.33333em;
    margin: -.25em 0;
    letter-spacing: .025em
}

@media only screen and (max-width:767px) {
    [data-item~=block-heading], h3, h4, h5, h6 {
        font-size: 18px
    }
}

@media only screen and (max-width:767px) {
    [data-item~=block-heading--mobile] {
        font-size: 18px;
        font-weight: var(--font--heading--normal-weight);
        line-height: 1.33333em;
        margin: -.25em 0
    }
}

[data-item=accent-text], input, label:not([data-item]), textarea {
    font-family: var(--font--accent--family);
    font-weight: var(--font--accent--weight);
    font-style: var(--font--accent--style);
    text-transform: uppercase;
    font-size: var(--font--accent--size);
    letter-spacing: 1px
}

@media only screen and (max-width:767px) {
    [data-item=accent-text], input, label:not([data-item]), textarea {
        font-size: 13px
    }
}

[data-item=nav-text] {
    font-family:'bergen-semibold' !important;
    font-size: 16px;
}

@media only screen and (max-width:767px) {
    [data-item=nav-text] {
        font-size: 13px
    }
}

[data-item=nav-text--sub] {
    font-family: var(--font--accent--family);
    font-style: var(--font--accent--style);
    font-size: var(--font--accent--size);
    text-transform: capitalize;
    letter-spacing: 0;
    font-size: 14px
}

@media only screen and (max-width:767px) {
    [data-item=nav-text--sub] {
        font-size: 13px
    }
}

input[type=date], input[type=datetime-local], input[type=datetime], input[type=email], input[type=month], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=time], input[type=url], input[type=week], select, textarea, textarea[data-item] {
    font-family: var(--font--accent--family);
    font-weight: var(--font--accent--weight);
    font-style: var(--font--accent--style);
    text-transform: uppercase;
    font-size: var(--font--accent--size);
    letter-spacing: 1px;
    text-transform: none;
    font-size: 15px;
    letter-spacing: normal
}

@media only screen and (max-width:767px) {
    input[type=date], input[type=datetime-local], input[type=datetime], input[type=email], input[type=month], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=time], input[type=url], input[type=week], select, textarea, textarea[data-item] {
        font-size: 13px
    }
}

@media only screen and (max-width:767px) {
    input[type=date], input[type=datetime-local], input[type=datetime], input[type=email], input[type=month], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=time], input[type=url], input[type=week], select, textarea, textarea[data-item] {
        font-size: 16px
    }
}

[data-item=light-accent-text] {
    font-family: var(--font--accent--family);
    font-weight: var(--font--accent--weight);
    font-style: var(--font--accent--style);
    text-transform: uppercase;
    font-size: var(--font--accent--size);
    letter-spacing: 1px;
    color: var(--color--body--light)
}

@media only screen and (max-width:767px) {
    [data-item=light-accent-text] {
        font-size: 13px
    }
}

[data-item=light-accent-text]:focus, [data-item=light-accent-text]:hover, [data-item=light-accent-text]:link, [data-item=light-accent-text]:visited {
    color: var(--color--body--light)
}

@media only screen and (max-width:767px) {
    [data-item=light-accent-text] {
        font-size: 13px
    }
}

.rte, [data-item=paragraph], [data-item=rte-content], body {
    font-family: var(--font--paragraph--family);
    font-weight: var(--font--paragraph--weight);
    font-style: var(--font--paragraph--style);
    font-size: 15px;
    line-height: 1.5em;
    margin: -.25em 0
}

@media only screen and (max-width:767px) {
    .rte, [data-item=paragraph], [data-item=rte-content], body {
        font-size: 17px
    }
}

[data-item=caption] {
    font-family: var(--font--paragraph--family);
    font-weight: var(--font--paragraph--weight);
    font-size: var(--font--accent--size)
}

[data-item=overline] {
    font-family: var(--font--accent--family);
    font-weight: var(--font--accent--weight);
    font-style: var(--font--accent--style);
    font-size: var(--font--accent--size);
    letter-spacing: 1px;
    font-size: 12px;
    letter-spacing: 1.5px
}

@media only screen and (max-width:767px) {
    [data-item=overline] {
        font-size: 13px
    }
}

body {
    margin: 0
}

[data-item=block-link] {
    flex-basis: auto
}

    [data-item=block-link] > * {
        font-family: "bergen-regular";
        font-weight: var(--font--accent--weight);
        font-style: var(--font--accent--style);
        font-size: 15px;
        letter-spacing: 1px;
        display: inline-block;
        line-height: 1
    }

@media only screen and (max-width:767px) {
    [data-item=block-link] > * {
        font-size: 13px
    }
}

[data-item=block-link] > :after {
    padding-bottom: .14286em;
    border-bottom: .07143em solid var(--color--body);
    content: '';
    display: block;
    width: 100%
}

[data-item=inverted-block-link] {
    flex-basis: auto
}

    [data-item=inverted-block-link] > * {
        font-family: var(--font--accent--family);
        font-weight: var(--font--accent--weight);
        font-style: var(--font--accent--style);
        font-size: var(--font--accent--size);
        letter-spacing: 1px;
        display: inline-block;
        line-height: 1
    }

@media only screen and (max-width:767px) {
    [data-item=inverted-block-link] > * {
        font-size: 13px
    }
}

[data-item=inverted-block-link] > :after {
    padding-bottom: .14286em;
    border-bottom: .07143em solid var(--color--body);
    content: '';
    display: block;
    width: 100%
}

[data-item=inverted-block-link] > * {
    color: var(--color--alternative)
}

[data-item=inverted-block-link] > :after {
    border-color: var(--color--alternative)
}

[data-item=small-text] {
    font-size: 12px
}

[data-item=a11y-button], [data-item=button] > *, input[type=submit] {
    background: var(--bg-color--button);
    color: var(--color--button);
    border-radius: 2px;
    font-family: var(--font--accent--family);
    font-weight: var(--font--accent--weight);
    font-style: var(--font--accent--style);
    font-size: var(--font--accent--size);
    letter-spacing: 1px;
    font-size: 14px
}

@media only screen and (max-width:767px) {
    [data-item=a11y-button], [data-item=button] > *, input[type=submit] {
        font-size: 13px
    }
}

[data-item=a11y-button]:focus, [data-item=a11y-button]:hover, [data-item=a11y-button]:link, [data-item=a11y-button]:visited, [data-item=button] > :focus, [data-item=button] > :hover, [data-item=button] > :link, [data-item=button] > :visited, input[type=submit]:focus, input[type=submit]:hover, input[type=submit]:link, input[type=submit]:visited {
    color: var(--color--button);
    background: var(--bg-color--button)
}

[data-item=inverted-button] > * {
    background: var(--bg-color--button);
    color: var(--color--button);
    border-radius: 2px;
    font-family: var(--font--accent--family);
    font-weight: var(--font--accent--weight);
    font-style: var(--font--accent--style);
    font-size: var(--font--accent--size);
    letter-spacing: 1px;
    font-size: 14px;
    font-size: 14px;
    background: var(--color--button);
    color: var(--bg-color--button)
}

@media only screen and (max-width:767px) {
    [data-item=inverted-button] > * {
        font-size: 13px
    }
}

[data-item=inverted-button] > :focus, [data-item=inverted-button] > :hover, [data-item=inverted-button] > :link, [data-item=inverted-button] > :visited {
    color: var(--color--button);
    background: var(--bg-color--button)
}

[data-item=inverted-button] > :focus, [data-item=inverted-button] > :hover, [data-item=inverted-button] > :link, [data-item=inverted-button] > :visited {
    background: var(--color--button);
    color: var(--bg-color--button)
}

[data-item=secondary-button] > * {
    background: var(--bg-color--button);
    color: var(--color--button);
    border-radius: 2px;
    font-family: var(--font--accent--family);
    font-weight: var(--font--accent--weight);
    font-style: var(--font--accent--style);
    font-size: var(--font--accent--size);
    letter-spacing: 1px;
    font-size: 14px;
    font-size: 14px;
    background: 0 0;
    border: 2px solid var(--bg-color--button);
    color: var(--bg-color--button);
    line-height: 41px
}

@media only screen and (max-width:767px) {
    [data-item=secondary-button] > * {
        font-size: 13px
    }
}

[data-item=secondary-button] > :focus, [data-item=secondary-button] > :hover, [data-item=secondary-button] > :link, [data-item=secondary-button] > :visited {
    color: var(--color--button);
    background: var(--bg-color--button)
}

[data-item=secondary-button] > :focus, [data-item=secondary-button] > :hover, [data-item=secondary-button] > :link, [data-item=secondary-button] > :visited {
    color: var(--bg-color--button);
    background: 0 0
}

[data-item=inverted-secondary-button] > * {
    background: var(--bg-color--button);
    color: var(--color--button);
    border-radius: 2px;
    font-family: var(--font--accent--family);
    font-weight: var(--font--accent--weight);
    font-style: var(--font--accent--style);
    font-size: var(--font--accent--size);
    letter-spacing: 1px;
    font-size: 14px;
    font-size: 14px;
    background: 0 0;
    border: 2px solid var(--bg-color--button);
    color: var(--bg-color--button);
    line-height: 41px;
    font-size: 14px;
    background: 0 0;
    border: 2px solid var(--bg-color--body);
    color: var(--bg-color--body)
}

@media only screen and (max-width:767px) {
    [data-item=inverted-secondary-button] > * {
        font-size: 13px
    }
}

[data-item=inverted-secondary-button] > :focus, [data-item=inverted-secondary-button] > :hover, [data-item=inverted-secondary-button] > :link, [data-item=inverted-secondary-button] > :visited {
    color: var(--color--button);
    background: var(--bg-color--button)
}

[data-item=inverted-secondary-button] > :focus, [data-item=inverted-secondary-button] > :hover, [data-item=inverted-secondary-button] > :link, [data-item=inverted-secondary-button] > :visited {
    color: var(--bg-color--button);
    background: 0 0
}

[data-item=inverted-secondary-button] > :focus, [data-item=inverted-secondary-button] > :hover, [data-item=inverted-secondary-button] > :link, [data-item=inverted-secondary-button] > :visited {
    color: var(--bg-color--body);
    background: 0 0
}

[data-item=a11y-button], [data-item=hidden-text] {
    position: absolute;
    left: -10000px;
    top: auto;
    width: 1px;
    height: 1px;
    overflow: hidden
}

    [data-item=a11y-button]:focus {
        position: fixed;
        top: 8px;
        left: 8px;
        display: inline-block;
        padding: 0 8px;
        width: auto;
        height: 30px;
        line-height: 30px;
        z-index: 11
    }

[data-light-text=true] {
    color: var(--color--alternative)
}

    [data-light-text=true] a, [data-light-text=true] a:hover, [data-light-text=true] a:link, [data-light-text=true] a:visited, [data-light-text=true] svg {
        color: var(--color--alternative)
    }

        [data-light-text=true] a::after {
            border-color: var(--color--alternative)
        }

[data-background-color=none] {
    background-color: transparent
}

[data-background-color=light] {
    background-color: var(--bg-color--light)
}

[data-background-color=dark] {
    background-color: var(--bg-color--dark)
}

[data-background-color=accent] {
    background-color: var(--color--accent)
}


[data-item=a11y-button], [data-item=button] > *, [data-item=inverted-button] > *, [data-item=inverted-secondary-button] > *, [data-item=secondary-button] > *, input[type=submit] {
    font-size: 13px
}
.product-recommendations--body .image--container{padding-top:0 !important;}
.placeholder--root {
    position: relative;
    width: 100%
}

    .placeholder--root svg {
        fill: #cbcbcb;
        color: #cbcbcb;
        background-color: #ececec;
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        max-width: 100%;
        max-height: 100%
    }

.placeholder--container {
    max-width: 100%;
    position: relative;
    width: 100%
}

.icon--root {
    position: relative;
    display: inline-block;
    vertical-align: middle
}

    .icon--root path {
        fill: currentColor
    }

.icon--3d-badge, .icon--play-badge {
    border-radius: 2px
}

.icon--root path, .payment-options svg, .x-menu--overlap-icon svg, a:focus svg, a:hover svg, a:link svg, a:visited svg, svg use svg {
    fill: currentColor
}

.icon--prev {
    background: var(--bg-color--body);
    border-radius: 50%;
    border: 1px solid #e0e0e0;
    display: block;
    height: 10px;
    padding: 16px;
    position: relative;
    width: 10px
}

    .icon--prev div {
        background: var(--color--body);
        bottom: 0;
        height: 2px;
        left: 0;
        margin: auto;
        pointer-events: none;
        position: absolute;
        right: 3px;
        top: 0;
        transform-origin: center;
        width: 7px
    }

        .icon--prev div:first-child {
            transform: translate3d(0,2px,0) rotate3d(0,0,1,45deg) scale(.9)
        }

        .icon--prev div:nth-child(2) {
            transform: translate3d(0,-2px,0) rotate3d(0,0,1,-45deg) scale(.9)
        }

        .icon--prev div:last-child {
            width: 10px;
            transform: rotate3d(0,1,0,90deg) scale(.9);
            opacity: 0
        }

    .icon--prev:hover div:first-child {
        transform: translate3d(-2px,2px,0) rotate3d(0,0,1,45deg) scale(.9)
    }

    .icon--prev:hover div:nth-child(2) {
        transform: translate3d(-2px,-2px,0) rotate3d(0,0,1,-45deg) scale(.9)
    }

    .icon--prev:hover div:last-child {
        transform: translate3d(1px,0,0) rotate3d(0,0,0,0deg) scale(.9);
        opacity: 1
    }

.icon--next {
    background: var(--bg-color--body);
    border-radius: 50%;
    border: 1px solid #e0e0e0;
    display: block;
    height: 10px;
    padding: 16px;
    position: relative;
    width: 10px
}

    .icon--next div {
        background: var(--color--body);
        bottom: 0;
        height: 2px;
        left: 0;
        margin: auto;
        pointer-events: none;
        position: absolute;
        right: 0;
        top: 0;
        transform-origin: center;
        width: 7px
    }

        .icon--next div:first-child {
            transform: translate3d(0,2px,0) rotate3d(0,0,1,-45deg) scale(.9)
        }

        .icon--next div:nth-child(2) {
            transform: translate3d(0,-2px,0) rotate3d(0,0,1,45deg) scale(.9)
        }

        .icon--next div:last-child {
            width: 10px;
            transform: rotate3d(0,1,0,90deg) scale(.9);
            opacity: 0
        }

    .icon--next:hover div:first-child {
        transform: translate3d(2px,2px,0) rotate3d(0,0,1,-45deg) scale(.9)
    }

    .icon--next:hover div:nth-child(2) {
        transform: translate3d(2px,-2px,0) rotate3d(0,0,1,45deg) scale(.9)
    }

    .icon--next:hover div:last-child {
        transform: translate3d(-1px,0,0) rotate3d(0,0,0,0deg) scale(.9);
        opacity: 1
    }

.announcement--root {
    text-align: center;
    width: 100%;
    z-index: 1
}

.announcement--link {
    width: 100%
}

.announcement--wrapper {
    padding: 0 16px;
    max-width: 800px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center
}

@media only screen and (max-width:767px) {
    .announcement--wrapper {
        display: block;
        max-width: 100%
    }
}

.announcement--wrapper > * {
    padding: 8px
}

.announcement--icon {
    flex-shrink: 0;
    padding-right: 0;
    line-height: 1
}

    .announcement--icon img {
        max-height: 25px
    }

@media only screen and (max-width:767px) {
    .announcement--icon {
        display: none
    }
}

.announcement--text {
    text-transform: none
}

.header--root {
    color: var(--color--header);
    width: 100%;
    height: 58px;
    background-color: #FDEFDE;
    z-index: 3;
    top: 0;
    padding: 0 48px
}

html.no-js .header--root {
    height: auto
}

@media only screen and (max-width:767px) {
    .header--root {
        padding-right: 12px;
        padding-left: 16px
    }
}

.header--root a, .header--root a:hover, .header--root a:link, .header--root a:visited {
    color: var(--color--header)
}

@media only screen and (min-width:768px) {
    .header--root[data-menu-overlap=true] .header--cart-count, .header--root[data-menu-overlap=true] [data-off-canvas--open] {
        display: inline-block !important
    }
}

.header--root[data-header-logo-type=overflowing] .logo--root {
    margin-left: -30px;
    top: 20px
}

@media only screen and (max-width:767px) {
    .header--root[data-header-logo-type=overflowing] .logo--root {
        margin-left: 0;
        top: 15px
    }
}

.header--root .logo--root {
    position: relative;
    display: inline-block;
    font-size: 0;
    z-index: 7
}

    .header--root .logo--root[data-type=text] {
        padding: 0;
        margin-left: 0
    }

        .header--root .logo--root[data-type=text] a, .header--root .logo--root[data-type=text] a:hover, .header--root .logo--root[data-type=text] a:link, .header--root .logo--root[data-type=text] a:visited {
            color: var(--color--header--logo)
        }

    .header--root .logo--root a {
        display: inline-block
    }

    .header--root .logo--root .logo--wrapper {
        line-height: 50px;
        margin: 0;
        font-size: 0
    }

@media only screen and (max-width:767px) {
    .header--root .logo--root .logo--wrapper {
        padding-right: 35px;
        font-size: 16px;
        line-height: 1.1
    }
}

.header--root .logo--root img {
    max-width: 400px
}

@media only screen and (max-width:767px) {
    .header--root .logo--root img {
        max-height: 70px;
        max-width: -webkit-fit-content;
        max-width: -moz-fit-content;
        max-width: fit-content
    }
}

.header--root .cart-link, .header--root .follow-link, .header--root .layout--login {
    display: inline-block
}

.header--root a.header--cart-count {
    display: none;
    background-color: var(--color--body);
    color: var(--bg-color--body);
    width: 25px;
    height: 25px;
    padding: 0;
    line-height: 25px;
    border-radius: 50%;
    text-align: center;
    position: relative;
    z-index: 1
}

@media only screen and (max-width:767px) {
    .header--root a.header--cart-count {
        display: inline-block
    }
}

@media only screen and (min-width:768px) {
    .header--root a.header--cart-count[data-menu-overlap=false] {
        display: none
    }
}

.header--container {
    position: relative;
    visibility: hidden
}

.no-js noscript .header--container, [data-assets-loaded=true] .header--container {
    visibility: visible
}

.header--left-side {
    display: inline-block
}

@media only screen and (max-width:767px) {
    .header--left-side {
        display: inline-flex;
        align-items: center;
        height: 50px
    }
}

@media only screen and (min-width:768px) {
    .header--left-side {
        white-space: nowrap
    }
}

.header--right-side {
    position: absolute;
    z-index: 3;
    top: 0;
    right: -10px;
    height: 50px;
    display: flex;
    align-items: center
}

    .header--right-side > :not(.header--cart-count) {
        height: 50px
    }

@media only screen and (max-width:767px) {
    .header--right-side > :not(.header--cart-count) {
        display: none
    }
}

.header--right-side [data-off-canvas--open=left-sidebar] {
    line-height: 1;
    padding: 12px;
    position: relative;
    right: 0;
    top: 0;
    height: 50px;
    width: 45px
}

@media only screen and (max-width:767px) {
    .header--right-side [data-off-canvas--open=left-sidebar] {
        display: inline-block
    }
}

@media only screen and (min-width:768px) {
    .header--right-side [data-off-canvas--open=left-sidebar] {
        display: none
    }
}

.header--right-side [data-off-canvas--open=left-sidebar] svg {
    position: absolute;
    top: 17px
}

.header--right-side .cart-link a, .header--right-side .header--search > a, .header--right-side .layout--login > a, .header--right-side .popup--open a {
    height: 100%;
    display: flex;
    align-items: center;
    padding: 0 16px
}

.header--logo {
    margin: 0;
    display: inline-block;
    line-height: 1
}

.header--cart-number[data-item-count='0'] {
    display: none
}

.logo--text {
    line-height: 50px;
    margin: 0
}

@media only screen and (max-width:767px) {
    .logo--text {
        font-size: 16px;
        line-height: 1.1em
    }
}

.x-menu {
    display: inline-block;
    line-height: 1
}

    .x-menu li, .x-menu ul {
        list-style: none;
        margin: 0;
        padding: 0
    }

[data-x-menu--overlap=false] .x-menu--overlap-icon {
    display: none
}

@media only screen and (max-width:767px) {
    [data-x-menu--overlap=false] .x-menu--overlap-icon {
        display: block
    }
}

.x-menu--level-1--container {
    display: flex
}

[data-x-menu--overlap=true] .x-menu--level-1--container {
    display: none
}

@media only screen and (max-width:767px) {
    .x-menu--level-1--container {
        display: none
    }
}

.x-menu--level-1--link {
    display: inline-block
}

    .x-menu--level-1--link[data-x-menu--depth='2'] {
        position: relative
    }

    .x-menu--level-1--link a {
        display: inline-block;
        padding: 16px;
        position: relative
    }

    .x-menu--level-1--link .icon--chevron-up {
        display: none
    }

.x-menu--level-2--container {
    position: absolute;
    white-space: nowrap;
    min-width: 150px;
    left: 0;
    padding: 0;
    background: var(--bg-color--body);
    overflow: hidden;
    height: 0;
    opacity: 0;
    z-index: -1
}

    .x-menu--level-2--container[data-transition=at_start] {
        display: none
    }

    .x-menu--level-2--container[data-transition=backwards] {
        transition: opacity .2s cubic-bezier(.45,.05,.55,.95);
        z-index: 4
    }

[data-x-menu--depth='2'] .x-menu--level-2--container[data-transition=backwards] {
    z-index: 6
}

.x-menu--level-2--container[data-transition=forwards] {
    transition: height .4s cubic-bezier(.19,1,.22,1);
    opacity: 1;
    z-index: 4
}

[data-x-menu--depth='2'] .x-menu--level-2--container[data-transition=forwards] {
    z-index: 6
}

.x-menu--level-2--container[data-transition=at_end] {
    opacity: 1;
    z-index: 4
}

[data-x-menu--depth='2'] .x-menu--level-2--container[data-transition=at_end] {
    z-index: 6
}

[data-x-menu--depth='2'] .x-menu--level-2--container {
    left: -16px;
    box-shadow: 0 0 10px rgba(0,0,0,.08)
}

[data-x-menu--depth='3'] .x-menu--level-2--container {
    max-width: 100%;
    padding-top: 0;
    width: 100%;
    display: flex;
    box-shadow: 0 10px 10px -10px rgba(0,0,0,.2)
}

    [data-x-menu--depth='3'] .x-menu--level-2--container ul {
        flex-wrap: wrap;
        vertical-align: top
    }

[data-x-menu--align=center] .x-menu--level-2--container {
    justify-content: center;
    text-align: left
}

.no-js .x-menu--level-1--link:hover .x-menu--level-2--container {
    z-index: 1;
    display: flex;
    opacity: 1;
    height: auto
}

.x-menu--bg {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: var(--bg-color--body)
}

.x-menu--single-parents {
    display: inline-block;
    flex-shrink: 0;
    padding: 12px 32px 12px 0
}

    .x-menu--single-parents ul {
        position: relative;
        border-right: 1px solid var(--color--body--light);
        padding-right: 32px;
        min-height: calc(100% - 30px)
    }

    .x-menu--single-parents li {
        padding-bottom: 0 !important;
        display: block !important
    }

    .x-menu--single-parents a {
        padding: 8px 32px !important;
        line-height: 1
    }

[data-x-menu--depth='3'] .x-menu--level-2--list {
    display: flex
}

.x-menu--level-2--link {
    text-transform: uppercase
}

[data-x-menu--depth='2'] .x-menu--level-2--link {
    padding: 2px
}

[data-x-menu--depth='3'] .x-menu--level-2--link {
    display: inline-block;
    vertical-align: text-top
}

.x-menu--level-2--link:first-child > a {
    padding-top: calc(32px - 2px)
}

[data-x-menu--depth='3'] .x-menu--level-2--link:first-child > a {
    padding: 16px 32px
}

.x-menu--level-2--link:last-child > a {
    padding-bottom: calc(32px - 2px)
}

[data-x-menu--depth='3'] .x-menu--level-2--link:last-child > a {
    padding: 16px 32px
}

.x-menu--level-2--link a {
    display: inline-block;
    padding: calc(16px - 2px) calc(32px - 2px)
}

ul.x-menu--level-3--container {
    padding: 0 0 20px;
    text-transform: none
}

.x-menu--level-3--link a {
    padding: 8px 32px;
    line-height: 1
}

[data-x-menu--parent-link=level-2] .x-menu--level-3--link {
    padding-left: 20px
}

.x-menu {
    height: 50px;
    padding-left: 15px;
    vertical-align: top
}

@media only screen and (max-width:767px) {
    .x-menu {
        display: none
    }
}

html.no-js .x-menu {
    height: auto;
    margin-right: 450px;
    position: relative
}

[data-x-menu--overlap=true] .x-menu--overlap-icon {
    display: none;
    position: absolute;
    right: -10px;
    top: 0;
    height: 50px;
    z-index: 1
}

.x-menu--overlap-icon [data-off-canvas--open] {
    line-height: 1;
    padding: 10px;
    position: relative;
    right: 0;
    top: 2px;
    height: 48px;
    width: 45px
}

.x-menu--level-1--link > a {
    height: 50px;
    line-height: 50px;
    padding: 0 16px
}

[data-x-menu--depth='3'] .x-menu--level-2--container {
    max-width: none;
    width: auto;
    padding-bottom: 0
}

.x-menu--level-1--container {
    flex-wrap: wrap
}

html.no-js .x-menu--level-2--container {
    z-index: 2 !important
}

.off-canvas--viewport {
    width: 100%;
    position: relative
}

@media only screen and (max-width:767px) {
    .off-canvas--viewport {
        overflow: hidden
    }
}

.off-canvas--left-sidebar {
    position: absolute;
    top: 0;
    overflow: visible;
    display: none;
    z-index: 100;
    min-height: 100vh;
    width: 80%;
    max-width: 400px;
    background-color: var(--bg-color--body);
    transform: translateX(-100%)
}

    .off-canvas--left-sidebar[data-transition=forwards] {
        box-shadow: 2px 0 10px -2px #888;
        position: relative;
        transform: translateX(0);
        transition: transform .4s cubic-bezier(.19,1,.22,1)
    }

    .off-canvas--left-sidebar[data-transition=at_end] {
        box-shadow: 2px 0 10px -2px #888;
        position: relative;
        transform: translateX(0)
    }

    .off-canvas--left-sidebar[data-transition=backwards] {
        box-shadow: 2px 0 10px -2px #888;
        position: relative;
        transition: transform .2s cubic-bezier(.45,.05,.55,.95)
    }

.off-canvas--right-sidebar {
    position: absolute;
    top: 0;
    overflow: visible;
    display: none;
    z-index: 100;
    min-height: 100vh;
    width: 80%;
    max-width: 400px;
    background-color: var(--bg-color--body);
    left: 100%;
    transform: translateX(0)
}

    .off-canvas--right-sidebar[data-transition=forwards] {
        position: relative;
        box-shadow: -2px 0 10px -2px #888;
        transition: transform .4s cubic-bezier(.19,1,.22,1);
        transform: translateX(-100%)
    }

    .off-canvas--right-sidebar[data-transition=at_end] {
        position: relative;
        box-shadow: -2px 0 10px -2px #888;
        transform: translateX(-100%)
    }

    .off-canvas--right-sidebar[data-transition=backwards] {
        transition: transform .2s cubic-bezier(.45,.05,.55,.95);
        position: relative;
        box-shadow: -2px 0 10px -2px #888
    }

.off-canvas--container {
    display: none;
    min-height: 100vh
}

[data-active=menu] .off-canvas--container[data-view=menu] {
    display: block
}

[data-active=pickup] .off-canvas--container[data-view=pickup] {
    display: block
}

[data-active=filter] .off-canvas--container[data-view=filter] {
    display: block
}

[data-active=cart] .off-canvas--container[data-view=cart] {
    display: block
}

[data-active=product-form] .off-canvas--container[data-view=product-form] {
    display: block;
    padding: 32px 16px
}

.off-canvas--main-content {
    min-height: 100%;
    width: 100%;
    top: 0
}

.off-canvas--overlay {
    background: #000;
    cursor: pointer;
    height: 100%;
    left: 0;
    opacity: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: -999
}

    .off-canvas--overlay[data-transition=backwards] {
        transition: opacity .2s cubic-bezier(.45,.05,.55,.95);
        z-index: 100
    }

    .off-canvas--overlay[data-transition=forwards] {
        opacity: .3;
        transition: opacity .8s cubic-bezier(.19,1,.22,1);
        z-index: 100
    }

    .off-canvas--overlay[data-transition=at_end] {
        opacity: .3;
        z-index: 100
    }

[data-off-canvas--open] {
    display: inline-block;
    cursor: pointer
}

.off-canvas--overlay + [data-off-canvas--close] {
    position: fixed;
    top: 12px;
    color: #fff;
    z-index: 101;
    cursor: pointer;
    display: inline-block
}

[data-off-canvas--state*=clos] .off-canvas--overlay + [data-off-canvas--close] {
    display: none
}

[data-off-canvas--state*=left--open] .off-canvas--overlay + [data-off-canvas--close] {
    left: calc(400px + 15px)
}

@media only screen and (max-width:500px) {
    [data-off-canvas--state*=left--open] .off-canvas--overlay + [data-off-canvas--close] {
        left: calc(80% + 15px)
    }
}

[data-off-canvas--state*=right--open] .off-canvas--overlay + [data-off-canvas--close] {
    right: calc(400px + 15px)
}

@media only screen and (max-width:500px) {
    [data-off-canvas--state*=right--open] .off-canvas--overlay + [data-off-canvas--close] {
        right: calc(80% + 15px)
    }
}

body[data-popup-open=true] {
    transition: padding-bottom .4s cubic-bezier(.19,1,.22,1)
}

body[data-popup-open=false] {
    transition: padding-bottom .2s cubic-bezier(.45,.05,.55,.95)
}

.popup--root {
    display: block
}

.popup--container {
    bottom: 0;
    left: 0;
    position: fixed;
    text-align: center;
    top: auto !important;
    width: 100%;
    z-index: 5;
    border-top: 1px solid #e0e0e0
}

    .popup--container[data-transition=forwards] {
        transform: translateY(0);
        transition: transform .4s cubic-bezier(.19,1,.22,1)
    }

    .popup--container[data-transition=at_end] {
        transform: translateY(0)
    }

    .popup--container[data-transition=backwards] {
        transform: translateY(100%);
        transition: transform .2s cubic-bezier(.45,.05,.55,.95)
    }

    .popup--container[data-transition=at_start] {
        transform: translateY(100%)
    }

.popup--wrapper {
    display: flex;
    align-items: center;
    margin: 0 auto;
    min-height: 200px;
    justify-content: center;
    padding: 0 32px;
    max-width: 800px
}

[data-show-image=true] .popup--wrapper {
    max-width: 1100px
}

@media only screen and (max-width:767px) {
    .popup--wrapper {
        flex-wrap: wrap;
        justify-content: center
    }
}

.popup--left-column {
    padding: 0 16px;
    min-width: 200px
}

@media only screen and (max-width:767px) {
    .popup--left-column {
        display: none
    }
}

.popup--center-column {
    max-width: 450px;
    padding: 8px
}

    .popup--center-column > * {
        padding: 8px
    }

.popup--right-column {
    padding: 16px;
    min-width: 200px
}

.popup--newsletter-title {
    text-align: left
}

@media only screen and (max-width:767px) {
    .popup--newsletter-title {
        text-align: center
    }
}

.popup--newsletter-title p {
    margin-bottom: 0
}

.popup--newsletter-form form {
    width: 100%;
    max-width: 350px;
    display: flex;
    align-items: center;
    justify-content: center
}

.popup--newsletter-form input[type=email] {
    flex-grow: 3;
    height: 45px;
    line-height: 45px;
    margin-right: 10px;
    margin-bottom: 0
}

@media only screen and (max-width:767px) {
    .popup--newsletter-form input[type=email] {
        font-size: 16px
    }
}

.popup--newsletter-form .mailing-list--seperator {
    width: 32px
}

.popup--newsletter-form input[type=submit] {
    flex-grow: 1;
    flex-shrink: 0;
    margin-bottom: 0
}

@media only screen and (max-width:767px) {
    .popup--newsletter-form {
        display: flex;
        justify-content: center
    }
}

.popup--close {
    position: absolute;
    top: 16px;
    right: 16px;
    padding: 0;
    line-height: 1;
    cursor: pointer
}

.popup--social-icons {
    padding: 16px 0
}

    .popup--social-icons .social-share--root[data-view=modal] {
        justify-content: center
    }


/*---- New Font Style Start -----------*/

@font-face {
    font-family: "Bergen";
    src: url("BergenText-Bold.woff2") format("woff2"),
    url("BergenText-Bold.woff") format("woff2");
  font-display: swap;
}
@font-face {
    font-family: "SAGONABOOKBOLD";
    src: url("SAGONABOOKBOLD.woff2") format("woff2"),
    url("SAGONABOOKBOLD.woff") format("woff2");
  font-display: swap;
}
@font-face {
    font-family: "SAGONABOOK";
    src: url("SAGONABOOK.woff2") format("woff2"),
    url("SAGONABOOK.woff") format("woff2");
  font-display: swap;
}
@font-face {
    font-family: "bergen-regular";
    src: url(//www.drinkelari.com/cdn/shop/t/34/assets/bergentext-regular-webfont.woff?v=143226751698340081891765529147) format("woff");
   src: url(//www.drinkelari.com/cdn/shop/t/34/assets/bergentext-regular-webfont.woff2?v=56734291008297627561765529147) format("woff2");
  font-display: swap;
}
@font-face {
    font-family: "bergen-semibold";
    src: url(//www.drinkelari.com/cdn/shop/t/34/assets/bergentext-regular-webfont.woff?v=143226751698340081891765529147) format("woff");
   src: url(//www.drinkelari.com/cdn/shop/t/34/assets/bergentext-regular-webfont.woff2?v=56734291008297627561765529147) format("woff2");
  font-display: swap;
}
#shopify-section-announcement, #shopify-section-header{
font-family: "Bergen" !important;
  font-weight: bolder !important;
  text-transform: capitalize !important;
}


/*---- New Font Style Start -----------*/
/*-- Footer Sytles Start --*/
.footer--root{
padding: 0px !important;
}
.copyright{
  font-family: "bergen-regular" !important;
background-color: #fffaf3;
  line-height: 60px;
  text-align: right;
}
.copyright span{
margin: 0px 40px;
  font-size: 12px;
}
.footer--block--heading{
font-family: "SAGONABOOKBOLD" !important;
  color: #AA1313;
  font-size: 20px;
  font-weight: bold;
}
.footer--root a, .footer--root a:link{
    font-family: 'bergen-semibold'!important;
    font-weight: 600;
  font-size: 12px;
}
.footer--blocks{
  display: inline-block !important;
margin: auto !important;

}
.footer--block{
display: initial !important;
  text-align: left;
}
.footer--block--container{
padding-bottom: 10px;
}
.footer-section{
  text-align: center;
  min-height: 642px;
  padding-top: 100px;
}
.footer-contact .contact--root{
padding: 20px 40px 0 0!important;
}
.footer-contact{
    display: inline-block;
    width: 380px;
    vertical-align: top;
}
.footer-contact .contact--header{
    text-align: left;
    padding-bottom: 20px;
}

.footer-contact .contact--header h2{
padding-bottom: 10px;
  color: #AA1313;
}
.footer-contact .contact--form-details{
width: 100%;
  display: inherit;
}

.footer-contact input{
width: 100%;
}

.footer-contact .contact--form-submit{
text-align: left;
  width: 100px;
}
.contact-fill-text{
 font-family: bergen-regular!important;
    font-size: 15px;
    width: 70%;
    display: inline-block;
    line-height: 20px;
  line-height:18px;
}
/*
#shopify-section-template--15753360802006__164664882991724c4e, #shopify-section-template--15797747286230__164664977372b12c9b, #shopify-section-template--15753361096918__1646734933c4eee4f1, #shopify-section-template--15787872485590__164673897647f5b87c, #shopify-section-template--15797747286230__16467397415360fdd2 {
padding: 60px 0px;
background-color: #FFFAF3 !important;
}*/
#insta-feed{
max-width: 1150px !important;
}
.titleinsta h2, .product-recommendations--title{
  font-family: "SAGONABOOKBOLD" !important;
font-size: 40px !important;;
    color: #F43838;
  text-align:center;
}
.titleinsta span
{
   font-family: bergen-regular!important;
  font-size:35px;
  line-height:73px;
  color:#85C8B2;
}
.titleinsta svg
{
  width:26px;
  height:26px;
}

#insta-feed h2{display:none;}
/*
#shopify-section-template--15753360802006__164664992964efbce2 .custom-content--root
{
  padding-bottom:25px;
}*/
/*-- Footer Sytles Ends --*/

/*----- home page slider*/

@media only screen and (min-width: 768px){

}
.template--index .image-with-text--root .featured-content--root .featured-content--text
{
background-image:url(//www.drinkelari.com/cdn/shop/t/34/assets/Enmascarar_grupo_9_2x.png?v=116571723537825408251765529147);
         background-position: bottom;
         background-repeat: no-repeat, no-repeat;
         background-color: #FDEFDE;
background-size: 100%;
  margin-left:0
}

.template--index .image-with-text--root .featured-content--root .featured-content--text-container{
      justify-content: center;
  min-height: 568px;
  padding-left:60px;
}
.template--index .image-with-text--root .featured-content--root .featured-content--text-container .featured-content--title{
  font-family: "SAGONABOOKBOLD" !important;
font-size: 40px;
font-weight: bold;
color: #F43838;
width: 200px;
  line-height:47px;
}
.template--index .image-with-text--root .featured-content--description
{
  width:63%;
}
.template--index .image-with-text--root .featured-content--root .featured-content--text-container .featured-content--link  a{
  color:#85C8B2 !important;
  font-size:20px !important;
  line-height:24px;
  font-family: bergen-regular!important;
  margin-top:20px;
  
}
.template--index .image-with-text--root .featured-content--root .featured-content--text-container .featured-content--link  a:after
{
  border-bottom:0.07143em solid #85C8B2!important;
}
.product--details-container{
width: 85% !important;
  margin: auto;
}
.product--details-container [data-item=paragraph]{
  font-family: "SAGONABOOKBOLD" !important;
font-size: 19px;
font-weight: bold;
color: #000000;
}
.product--details-container [data-item=small-text]{
  font-family: "Bergen" !important;
font-size: 15px;
font-weight: normal;
color: #3B3B3B;
}

.product--details-container .product--price.money{
display: none;
}
.template--index #main-content .shopify-section:nth-child(10){
background-color: #85C8B2;
    background-image:url(//www.drinkelari.com/cdn/shop/t/34/assets/bgplants.svg?v=72971816737977307501765529147);
  background-repeat:no-repeat;
  background-position:bottom;
  background-size:100%;
}
#shopify-product-reviews
{
  margin:0;
}
.spr-container
{
  padding:0 24px;
}

.spr-review:first-child
{
  margin-top:0 !important;
}
.template--index #main-content .shopify-section:nth-child(10) {
  background-color: #85C8B2;
  background-image:url(//www.drinkelari.com/cdn/shop/t/34/assets/bgplants.svg?v=72971816737977307501765529147);
background-repeat:no-repeat;
background-position:bottom;
background-size:100%;
}
.template--index #main-content .shopify-section:nth-child(10) .custom-content--root
{
  padding:50px 48px;
}
#shopify-product-reviews
{
  margin:0;
}
.spr-reviews
{
      margin: 14px 0 0 0 !important;
}
.spr-review
{
  padding:0!important;
}
.spr-review-header
{
     display: flex;
    flex-direction: column;
}
.spr-review-header-starratings
{
  order:3;
}
.newsletter--form button
{
  background:#FDEFDE;
  color:#000;
  font-family: bergen-regular!important;
  width: 170px;
  font-size:20px;
}
.newsletter--form button:hover
{
  color:#FDEFDE !important;
  background:#000 !important;
}
.newsletter--heading:after
{
  content:"";
  position: absolute;
background-image:url(//www.drinkelari.com/cdn/shop/t/34/assets/NEWSLETTER_-_ICON.svg?v=37389773810236386841765529147);
  height:56px;
  width:58px;
      margin-top: -25px;
    margin-left: 20px;
}
.footer--blocks .footer--block:nth-child(1) .footer--menu a 
{
  text-transform:uppercase;
}
.footer--social-icons svg
{
    color: #f43838!important;
}
.footer--social-icons
{
  margin:-13px !important;
}
.announcement--text
{
  font-size:16px;
  color:#FDEFDE;
    font-family: "bergen-regular" !important;
}

.drink-elari-trust{
min-height: 400px;
  text-align: center;
}
.trust-row1 img{
margin: 20px 40px;
}
.trust-row2 img{
margin: 20px 70px;
}
.template--index #main-content .shopify-section:nth-child(9){
  background-image:url(//www.drinkelari.com/cdn/shop/t/34/assets/Grupo_292.png?v=129427408835653802591765529147);
         background-position: top left -30%, 0%;
         background-repeat: no-repeat, no-repeat;
background-color: #ffebd3;
  margin: 0px !important;
  background-size: 46%;
}

.template--index #main-content .shopify-section:nth-child(9) .custom-content--root{
         background-position: right bottom 0%, 0%;
         background-repeat: no-repeat, no-repeat;
  margin: 0px !important;
padding-top:70px;
padding-bottom:70px;
}
.sustain-section{
min-height: 770px;
  width: 80%;
  margin: 0 0 0 auto !important;
}
.sustain-heading{  
font-family: SAGONABOOKBOLD !important;
    font-size: 45px;
font-weight: 700;
color: #f43838;
width: 50.5%;
line-height:54px;
  display: inline-block;
}
.spr-icon-star-empty:before {
    content: '\e800' !important;
}
.spr-icon.spr-icon-star-empty
{
  opacity:1 !important;
}
.banner img
{
  width:100%;
}
.sustain-content{
font-family: bergen-regular!important;
display: inline-block;
width: 35%;
vertical-align: top;
padding-top: 14px;
  color:#000;
  font-size:15px;
}
.sustain-link{
padding: 30px 0px;
}
.sustain-link a{
font-family: SAGONABOOKBOLD !important;
font-size: 20px;
font-weight: 500;
color: #F43838;
text-decoration: underline;
  line-height:24px;
}
/*
#shopify-section-template--15753360802006__164664992964efbce2{
background-color: #FFFAF3 !important;
}*/

.as-seen-in{
text-align: center;

}
.as-seen-in h2{
  font-family: "SAGONABOOKBOLD" !important;
font-size: 40px !important;
  color: #F43838;

}
.as-seen-row
{
    display:flex;
  margin-top:20px;
  justify-content:center;
}
.as-seen-row div {
    display: flex;
    align-items: center;
    justify-content: center;
}
.as-seen-row img{
margin: 20px 20px;
}
/*-- Barista Product page starts --*/
.collectmain,.collection-webmisferio{display:flex;width:100%;}
.collectmain .product--root{width:311px; margin:0 auto;}
.collection-webmisferio .product--root{width:311px;}
/*
#shopify-section-template--15797747286230__1646629532846f698f{
  background-image:url(//www.drinkelari.com/cdn/shop/t/34/assets/BANNER-PRODCUT-BARISTA-1920X1080.png?v=86502788388597999081765529147);
         background-position: left top 0%, 0%;
         background-repeat: no-repeat, no-repeat;
  margin: 0px !important;
  background-size: 100% auto;
min-height: 100vh;
    display: grid;
    align-items: center;
  
}*/
/*
#shopify-section-template--15797747286230__1646629532846f698f .featured-product--root{
background: transparent;
  padding:0;
}*/
/*
#shopify-section-template--15797747286230__1646630407a15e3701 [data-section-id]{
padding: 0px 0px 72px 0px;
background-color: #FFFAF3 !important;
}
#shopify-section-template--15797747286230__16466321785d11f085 [data-section-id]{
padding: 72px 0px;
background-color: transparent !important;
}/*
#shopify-section-template--15797747286230__1646630407a15e3701 [data-container=panel], #shopify-section-template--15797747286230__16466321785d11f085 [data-container=panel] {
grid-column-gap : 0px;
}/*
#shopify-section-template--15797747286230__1646630407a15e3701 .featured-grid--heading{
font-size: 40px;
    color: #F43838;
    padding: 40px 0px 30px 0px;
}
#shopify-section-template--15797747286230__1646635613b68bc61c .custom-content--root {
    background-color: #FFFAF3;
    margin: 0!important;
}*/
.drink-excellent-source{
text-align: center;
}
/*
#shopify-section-template--15797747286230__16466360905c06d3b0{
  background-image:url(//www.drinkelari.com/cdn/shop/t/34/assets/Enmascarar_grupo_7_2.png?v=184287212926261903411765529147);
         background-position: center bottom 0%, 0%;
         background-repeat: no-repeat, no-repeat;
  margin: 0px !important;
  background-size: 100% auto;
  min-height: 640px;
  background-color: #85c8b2;
}*/
.delicious-contect-section{
max-width: 1280px;
  margin: auto;
}
.delicious-heading,  .delicious-text, .elari_root-text{
display: inline-block;
  width: 48%;
  vertical-align: top
}
.delicious-text{
  color: #FDEFDE;
   font-family: "Bergen" !important;
}
.delicious-text p{
padding: 4px 0px 10px 0px;
}
/*
#shopify-section-template--15797747286230__16467397415360fdd2{
background-color: #FFFAF3;
}
#shopify-section-template--15797747286230__16467397415360fdd2 [data-background-color=none]{
background-color: transparent !important;
}*/
/*-- Barista Product page ends --*/
/*-- vanilla Product page starts --*/


/*
#shopify-section-template--15753361096918__16467382250b534ecd [data-section-id]{
padding: 0px 0px 72px 0px;
background-color: #FFFAF3 !important;
}
#shopify-section-template--15753361096918__164673532501da1555 [data-section-id]{
padding: 72px 0px;
background-color: transparent !important;
}
#shopify-section-template--15753361096918__16467382250b534ecd [data-container=panel] {
grid-column-gap : 0px;
}
#shopify-section-template--15753361096918__16467382250b534ecd .featured-grid--heading{
font-size: 40px;
    color: #F43838;
    padding: 40px 0px 30px 0px;
}*/

.drink-excellent-source{
text-align: center;
}
.template--product #main-content .shopify-section:nth-child(5){
  background-image:url('/cdn/shop/files/Banner.jpg?v=1732915390');
         background-position: center bottom 0%, 0%;
         background-repeat: no-repeat, no-repeat;
  margin: 0px !important;
  background-size: 100% auto;
  min-height: 640px;
  background-color: #85c8b2;
}
.delicious-contect-section{
max-width: 1280px;
  margin: auto;
}
.delicious-heading,  .delicious-text{
display: inline-block;
  width: 48%;
  vertical-align: top
}
.delicious-text{
  color: #FDEFDE;
   font-family: "Bergen" !important;
}
.delicious-text p{
padding: 4px 0px 10px 0px;
}
/*
#shopify-section-template--15753361096918__1646737429edc1e15e{
background-color: #FFFAF3;
}
#shopify-section-template--15753361096918__1646737429edc1e15e [data-background-color=none]{
background-color: transparent !important;
}*/
/*-- Vanilla Product page ends --*/

/*-- Original Product page starts --
#shopify-section-template--15787872485590__164673999991dd4440{
  background-image:url(//www.drinkelari.com/cdn/shop/t/34/assets/BANNER-PRODCUT-ORIGINAL-1920X1080.png?v=106250553787381117541765529147);
         background-position: left top 0%, 0%;
         background-repeat: no-repeat, no-repeat;
  margin: 0px !important;
  background-size: 100% auto;
  min-height: 100vh;
    display: grid;
    align-items: center;
}
#shopify-section-template--15787872485590__164673999991dd4440 .featured-product--root{
background: transparent;
  padding:0;
}*/
/*
#shopify-section-template--15787872485590__1646741583b5dc3dd3 [data-section-id]{
padding: 0px 0px;
background-color: #FFFAF3 !important;
}
#shopify-section-template--15787872485590__1646740237c6e97775 [data-section-id]{
padding: 0px 0px;
background-color: transparent !important;
}
#shopify-section-template--15787872485590__1646740237c6e97775 [data-container=panel] {
grid-column-gap : 0px;
}
#shopify-section-template--15787872485590__1646741583b5dc3dd3 .featured-grid--heading{
font-size: 40px;
    color: #F43838;
    padding: 40px 0px 30px 0px;
}
#shopify-section-template--15787872485590__164674024239963714 .custom-content--root {
    background-color: #FFFAF3;
    margin: 0!important;
}*/
.drink-excellent-source{
text-align: center;
}/*
#shopify-section-template--15787872485590__1646740795ce3a13ed{
  background-image:url(//www.drinkelari.com/cdn/shop/t/34/assets/Enmascarar_grupo_7_2.png?v=184287212926261903411765529147);
         background-position: center bottom 0%, 0%;
         background-repeat: no-repeat, no-repeat;
  margin: 0px !important;
  background-size: 100% auto;
  min-height: 640px;
  background-color: #85c8b2;
}*/
.delicious-contect-section{
max-width: 1280px;
  margin: auto;
}
.delicious-heading,  .delicious-text{
display: inline-block;
  width: 48%;
  vertical-align: top;
}
.delicious-text{
  color: #FDEFDE;
   font-family: "Bergen" !important;
}
.delicious-text p{
padding: 4px 0px 10px 0px;
}/*
#shopify-section-template--15787872485590__16467413171ca406d9, #shopify-section-template--15787872485590__164673897647f5b87c{
background-color: #FFFAF3;
}*/
/*#shopify-section-template--15787872485590__16467413171ca406d9 [data-background-color=none], /*#shopify-section-template--15787872485590__164673897647f5b87c [data-background-color=none]{
background-color: transparent !important;
}*/ 
/*-- Original Product page ends --*/

/*--About Us Page--*/
/*Webmisferio*/
.spr-icon {
    color: #FDEFDE !important;
}
.collapsible-tab--toggle {
    display: grid !important;
    grid-template-columns: 100fr 1fr;
}
.featured-collection--carousel .carousel--block
{
  width: calc(100% / 3) !important;
}
.featured-collection--carousel .carousel--x-container
{
  left:auto;
}
.product--image-wrapper
{
  height:auto !important;
}
#featured-collection-show-more
{
  display:none;
}
/*header banner*/
.featured-content--overline
{
  font-family: "SAGONABOOKBOLD" !important;
  font-size:25px;
  color:#F43838;
}
.section--slideshow .featured-content--title
{
font-family: "Bergen" !important;
  font-size:15px;
  line-height:18px;
}
.section--slideshow .featured-content--description p
{
  font-family: "bergen-regular" !important;
  font-size:15px;
  line-height:18px;
  color:#000;
  font-weight:400;
  margin-top:6px;
  
}
.carousel--arrow-nav .icon--root
{
  background:#ffff;
  opacity:1 !important;
}
.icon--next div, .icon--prev div
{
  background:#F43838;
}
.featured-content--root[data-box-around-text=true] .featured-content--text
{
  background:#FFFAF3 !important;
}
.section--slideshow .featured-content--link--container
{
  font-family: Bergen!important;
  color:#F43838 !important;
  font-size:15px;
}
.section--slideshow [data-item=block-link]>:after
{
  border-bottom:0.07143em solid #F43838 !important;
}
.icon--next div, .icon--prev div
{
  width:9 !important;
}
.featured-collection--carousel .carousel--y-container
{
  height:auto !important;
}
.product--quick-add
{
  bottom:40px !important;
}
.product--plus
{
      box-shadow: 0px 3px 6px #00000029;
}
.product--details span
{
    font-family: "bergen-regular" !important;
  font-size:15px;
  color:#3B3B3B;
}
/*header banner*/
.contreview .spr-header, .contreview .spr-review-reportreview
{
  display:none;
}
.contreview .spr-review, .contreview .spr-container
{
  border:none;
}
.contreview
{
  display:flex;
  justify-content:center;
}
.spr-review-content-body
{
  font-size:15px;
  font-family: "bergen-regular" !important;
  color:#FDEFDE;
}
.spr-review
{
  width:262px;
}
.spr-review-header-byline
{
  color:#528E70;
  font-size:15px;
  font-family: "bergen-regular" !important;
}
.spr-review-header-title
{
  font-size:20px !important;
}
.titlereview
{
  font-size:40px;
  color:#000;
  line-height:47px;
      font-family: SAGONABOOKBOLD!important;
}
.subreview
{
  color:#FDEFDE;
  font-size:20px;
  font-family: "bergen-regular";
  line-height:24px;
}
.template--index .image-with-text--root .featured-content--root .featured-content--text
{
  padding:0;
}
.contact--form-submit button
{
  background:#AA1313;
  width:188px;
    font-family: "bergen-regular";
  font-size:20px;
  line-height:24px;
  
}
.footer--root
{
  background:transparent !important;
}
.apps--wrapper
{
      max-width: 90% !important;
}
.onlymobile
    {
      display:none;
    }
.copyright img
{
  display:none;
}
.footercont .footer--blocks .footer--block:nth-child(2) .where
    {
      display:none !important;
    }
    .where img
    {
      width:8px;
      height:11px;
      margin-right:5px;
    }
.wherehead img
{
  width:11px;
  height:15px;
  margin-right:5px;
}
.header--search
{
  display:flex;
}
.carousel--dot[data-active=true]:after
    {
      background:#fff !important;
    }
    
    .carousel--dot:after
    {
      height:10px !important;
      width:10px !important;
      border:1px solid #fff!important;
      background:transparent !important;
      opacity:1 !Important;
    }
.forpc,.formobile
{
  display:none !important;
}

.featured-collection--header-text
{
  max-width:100% !important;
}
/*collection*/
.bannerp
{
    display: grid;
    grid-template-columns: 1fr 2fr;
  align-items: center;
  background:#FDEFDE;
  gap:25px;
}
.bannerp .content
{
display: grid;
justify-content: center;
}
.bannerp .content p
{
  font-size:20px;
  line-height:24px;
  color:#000;
  text-align:left;
  margin-top:24px;
}
/*.bannerp .imgp
{
  width:537px;
}*/

.bannerp h1
{
  font-family: "Bergen" !important;
  font-size:95px;
  line-height:110px;
  color:#000;
}
.bannerp .items
{
      display: flex;
    gap: 45px;
    align-items: center;
  margin-top:50px;
  justify-content:center;
}
  .page--elari-tigernut-root-milk #main-content .shopify-section:nth-child(2) .featured-collection--header-text
{
  display:none;
}
.tigernut
{
  display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: center;
      background-repeat: no-repeat;
    background-position: right top;
    background-color: #85C8B2;
   background-image:url(//www.drinkelari.com/cdn/shop/t/34/assets/bgtiger.svg?v=183528033227366316181765529147);
}
/*
#shopify-section-template--16064919535830__16519380812575870c .custom-content--root
{
  padding:0;
}*/
.tigernut .contenttiger
{
  display:grid;
  justify-content:center;
  display: grid;
    top: 70px;
    position: relative;
    text-align: left;
}
.tigernut .contenttiger h1
{
  font-size:40px;
  line-height:47px;
  color:#000;
}
.tigernut .contenttiger p
{
  font-size:15px;
  line-height:18px;
  margin-top:21px;
  width: 464px;
}
.itemtiger
{
  display: flex;
    gap: 40px;
    align-items: center;
    margin-top: 45px;
}
#usage
{
    display: grid;
    grid-template-columns: 1fr 2fr 1fr;
}
#usage h2
{
  font-size:40px;
  color:#F43838;
  line-height:47px;
  margin-bottom:35px;
  margin-top:20px;
  width:70%;
  margin-left:auto;
  margin-right:auto;
}
/*
#featured_content_text_template--16064919535830__16519546846e316f0a_0 h2
{
  font-size:40px;
  line-height:47px;
  color:#000;
}
#featured_content_text_template--16064919535830__16519546846e316f0a_0
{
  position:relative;
  bottom:40px;
}*/
h2.locator, .cart--title
{
  color:#F43838;
  font-size:25px;
  line-height:37px;
  font-family: Bergen!important;
  text-align:center;
}
     .cart--title{color:#000;}
.template--collection .image-with-text--root .featured-content--overline, .template--blog .image-with-text--root .featured-content--overline
{
  position: absolute;
    top: 60px;
    left: 0;
    right: 0;
    color: #FDEFDE;
  font-family: bergen-regular!important;
  font-size:20px;
}
.image-with-text--root .featured-content--title, .blog--featured-header h2
{
 font-size: 40px;
 color:#FDEFDE;
  line-height:47px;

}
.blog--featured-header p
{
  color:#FDEFDE;
    padding-top: 25px;
    width: 25%;
    margin: 0 auto;
    text-align: center;
}
.blog--title a
{
  color:#F43838;
  font-size:40px;
  line-height:47px;
}
.article--item--heading a, .article--recents-heading
{
  font-size:24px;
  color:#F43838;
	text-transform:normal !important;
}
.article--item--date
{
     letter-spacing: inherit;
    font-family: bergen-regular!important;
    color: #000;
    font-size: 12px;
    text-transform: none;
}
.popup--social-icons .icon--facebook
{
  width:20px;
height:20px;
}
.article--item--read-more a
{
  color:#528E70;
  text-decoration:underline;
}
.article--item--read-more a:after
{
  content:none;
}
.template--collection .image-with-text--root .featured-content--description a,.template--collection .image-with-text--root a.featured-content--link--container,
     .template--blog .image-with-text--root .featured-content--description a, .template--blog .blog--featured-header a:nth-child(2),
.blog--featured-header a
{
    background: #F43838;
    font-size: 20px;
    color: #FDEFDE !important;    
    text-decoration: none !Important;
    padding: 15px 35px;
    margin-top: 30px;
   font-family: bergen-regular!important;
}
.page--elari-tigernut-root-milk .featured-content--link a
{
  margin-top:23px;
}

 .template--product .featured-product--heading, h1.cart--title
    {
          font-family: Bergen!important;
      font-size:45px;
      line-height:45px;
    }
    .template--product .featured-product--overline
    {
      color:#000;
      font-size:15px;
      font-family: bergen-regular!important;
    }
    .template--product .layout--main-content{overflow:visible;}
.wherebutton
{
  background-color:#F43838 !important;
    color: #fff !important;
    font-family: bergen-regular!important;
    padding: 10px 30px;
  font-size:20px;
}
/*.wherebutton:hover
{
    color:#F43838 !important;
  background-color:#fff !important;
}*/
.wherebutton svg path
{
  color:#fff;
}
.template--product .featured-product--blocks {
  max-width: 440px !important;
}
.trust-row2 img {
    margin: 20px 40px;
}
.delicious-heading h1
{
  font-size:40px;
  float:left;
  margin-left:15px;
}
.delicious-heading  img
{
  float:left;
}

/*collection*/
.page--about-us #main-content .shopify-section:nth-child(1)
.custom-content--root
{
  background-image:url(/cdn/shop/t/5/assets/floor_2.svg?v=1652189093);
  background-color:#F43838;
  background-repeat:no-repeat;
  background-position:bottom left;
  
}
#elari_root {
    display: flex;
    grid-template-columns: 1fr 1fr;
    justify-content: center;
    align-items: center;
    gap: 12%;
  color:#FDEFDE;
}
.page--about-us #main-content .shopify-section:nth-child(2) .featured-content--text-container h3 {
  color: #f43838 !important;
  font-size: 38px;
}
.page--about-us #main-content .shopify-section:nth-child(2) .featured-content--text-container .featured-content--description p:nth-child(1) {
  font-size: 20px;
  color: #000;
}
.page--about-us #main-content .shopify-section:nth-child(2) .featured-content--text-container .featured-content--description p:nth-child(1) {
  font-size: 20px;
  color: #000;
}
.page--about-us #main-content .shopify-section:nth-child(2) .featured-content--text-container .featured-content--link {
  position: absolute;
  bottom: 0;
  left: 35%;
}
@media screen and (max-width: 768px) {
  .page--about-us #main-content .shopify-section:nth-child(2) .featured-content--text-container h3 {
      font-size: 31px;
  }
}
@media screen and (max-width: 520px) {
  .page--about-us #main-content .shopify-section:nth-child(2) .image--container {
    padding-top: 0 !important;
  }
  .page--about-us #main-content .shopify-section:nth-child(2) .featured-content--container {
      padding-bottom: 22% !important;
  }
  .page--about-us #main-content .shopify-section:nth-child(2) img {
    position: relative;
    width: 287px;
    margin: 0 auto;
  }
  .page--about-us #main-content .shopify-section:nth-child(2) .featured-content--text {
    order: 2;
    position: relative;
  }
  .page--about-us #main-content .shopify-section:nth-child(2) .featured-content--text-container h3 {
    width: 100% !important;
    text-align: left;
  }
  .page--about-us #main-content .shopify-section:nth-child(2) .featured-content--container {
    padding-bottom: 22% !important;
  }
  .page--about-us #main-content .shopify-section:nth-child(2) .featured-content--text-container .featured-content--link {
    left: 0;
    right: 0;
    bottom: -90px;
  }
}
#ans
{
  width:408px;
}
#elari_root h1
{
  font-size:40px;
}
.page--about-us #main-content .shopify-section:nth-child(2) .featured-content--text-container h3
{
  color:#F43838 !important;
  font-size:38px;
}
.page--about-us #main-content .shopify-section:nth-child(2) .featured-content--text-container 
.featured-content--description p:nth-child(1)
{
  font-size:20px;
  color:#000;
}
.page--about-us #main-content .shopify-section:nth-child(2)
.featured-content--container
{
  padding-bottom:10% !important;
}
.page--about-us #main-content .shopify-section:nth-child(2) .featured-content--text-container 
.featured-content--link
{
  position: absolute;
    bottom: 0;
    left: 35%;
}
.page--about-us #main-content .shopify-section:nth-child(2) .featured-content--text-container 
.featured-content--link a
{
background: #F43838;
    padding: 15px 40px;
    color: #fff;
    font-size: 20px;
}
.page--about-us #main-content .shopify-section:nth-child(2) .featured-content--text-container 
.featured-content--link a:after
{
  content:none;
}
.page--about-us #main-content .shopify-section:nth-child(4)
{
  background-image:url(BG_About.svg);
    background-color:Transparent;
  background-repeat:no-repeat;
  background-size:cover;
}
.page--about-us #main-content .shopify-section:nth-child(4) 
.featured-content--container, .page--about-us #main-content .shopify-section:nth-child(4) .featured-content--root
{
  background-color:transparent !important;
}
.page--about-us #main-content .shopify-section:nth-child(4) .placeholder--root
{
  display:none;
}
.page--about-us #main-content .shopify-section:nth-child(3) .featured-content--root,
.page--about-us #main-content .shopify-section:nth-child(3) .featured-content--container,,
{
  background-color:transparent !important;
}

.page--about-us #main-content .shopify-section:nth-child(4) .featured-content--text-container
{
position: absolute;
    width: 394px !important;
    top: 22%;
    left: 30%;
}

.article--item-author,.article--author, .article--content  {
    font-style: normal;
    color: #000;
    font-family: bergen-regular;
}
.article--title
{
  font-size:40px;
  color:#F43838;
}
  .article--recents--title
{
  font-size:25px;
}
.comments--form-name label
{
  color:#000;
  text-transform:uppercase;
  font-size:15px;
}
#comments input::placeholder, #comments textarea::placeholder
{
  color:#000;
  text-transform:uppercase;
  font-size:15px;
  opacity:1;
}
.comments--form-moderated
{
  color:#F43838;
  text-transform:none !important;
   font-family: bergen-regular;
}
.comments--form-submit button
{
  background:#F43838;
  color:#F8F6F5;
  font-size:20px;
     font-family: bergen-regular !important;
  text-transform:uppercase;
}
.comments--none
{
  display:none;
}
.article--share-icon svg
{
      height: 21px;
    width: auto;
}
.article--share-icon svg path
{
  color:#AA1313;
}
.collapsible-tab--toggle svg
{
  width:20px;
  height:12px;
}
.collapsible-tab--toggle svg path
{
  color:#F43838 !important;
}
.collapsible-tab--heading
{
  font-size:25px;
      font-family: "SAGONABOOKBOLD"!important;
  color:#F43838;
  line-height:30px;
    text-transform: none;
}
.collapsible-tab--toggle
{
  padding:30px 16px !important;
}
.collapsible-tab--wrapper {
    border-top: none !important;
    border-bottom: 1px solid #EF8B8F !important;
}
.template-page--heading
{
  color:#AA1313;
  font-size:40px;
}

.collapsible-tab--content p
{
  font-size:17px;
}
.ingredients
{
    display: grid;
    grid-template-columns: 1fr 1fr;
}
.ico
{
      display: flex;
    justify-content: center;
    flex-direction: column;
  background-color:#F43838;
	padding-left:10%;
}
.ico .free
{
  width:180px;
}
.template--product #main-content .shopify-section:nth-child(2) .custom-content--root
/*
#shopify-section-template--15797747286230__16527148980bfdc5dc .custom-content--root,
#shopify-section-template--15787872485590__1652720228cddd4882 .custom-content--root*/
{
  padding:0;
}

.ingredients div:nth-child(2) img
{
  width:100%;
  height:100%;
}
.ico h1
{
  font-size:40px;
  line-height:47px;
  margin-top:27px;
}
.ico p
{
  color:#FDEFDE !important;
  margin-top:20px;
}
.wherebutton img
{
  margin-top:-4px;
}
.hand
{
  display:none;
}
.cart--quantity--container{border:1px solid #707070;}
input.cart--quantity--input{border-right:1px solid #707070;border-left:1px solid #707070;}
.cart--root[data-view=mobile] .cart--item--remove>*,.cart--notes--heading,.cart--tax-info{font-size:15px !important; text-transform:uppercase; color:#000; font-family:bergen-regular!important}
 .cart--tax-info{text-transform:math-auto !important;}
 .cart--item--title a,.cart--item--total.money,.cart--total div,.product-price--original{font-family:bergen-regular!important;font-size: 25px !important;color:#000;line-height:30px;}
 .cart--notes--textarea{border:1px solid #707070;}
 .cart--continue-shopping a{font-size:20px; text-transform:uppercase; color:#000 !important;}
 .cart--checkout-button button,.product-buy-buttons--cta {height: 42px;background: #F43838;font-size: 20px; font-family:bergen-regular!important; text-transform:uppercase;}
 .cart--additional-buttons,#shopify-installments,.visually-hidden,.itemdescription{display:none;}
 .logoproduct img {width:100%}
 /*.logoproduct img:nth-child(1){width:85px;}
  .logoproduct img:nth-child(2){width:100px;}
   .logoproduct img:nth-child(3){width:70px;}
    .logoproduct img:nth-child(4){width:88px;}*/
.template--product #main-content .shopify-section:nth-child(2){position:relative;}
 
 .featured-product--root .product-media--featured[data-active=true]{position:relative;float:right;left:10px;}
@media screen and (min-width:769px)
  {
    .product-media--thumb{height:98px;}
  
     .hand
  {
    position: absolute;
    bottom: 0;
    left: 7%;
    display:block;
  }
  .footercont .footer--blocks:nth-child(1)
  {
        margin-right: 25px !important;
  }
    .section--footer{
background-image:url(//www.drinkelari.com/cdn/shop/t/34/assets/PAJARITO.svg?v=131409814940325364181765529147);
}
    #usage p
    {
      width:518px;
      margin:0 auto;
    }
   
    .banner img {
    height: 666px;
    object-fit: cover;
}
    
    .delicious-heading,  .delicious-text{
  position:relative;
  top:48px;
}
    .newsletter--wrapper
    {
          max-width: 650px;
    margin: 0 auto 0 20%;
    }
  
    /*collection*/
    .page--elari-tigernut-root-milk #main-content .shopify-section:nth-child(2) .featured-collection--root
    {
       padding-left:15%;
      padding-right:15%;
  padding-bottom:0;
    }
    /*collection*/
    .featured-content--root[data-box-around-text=true] .featured-content--text
    {
      padding:30px 62px !important;
    }
     .template--index .image-with-text--root .featured-content--image
    {
      height:635px !important;
    }
    .titleinsta span
    {
      margin-left:30px;
    }
  .footercont
    {
    width: 50%;
    margin-left: 35%;
    margin-right: 0;
    }
    /*
    #shopify-section-template--15753360802006__16516300099c8b1fed,
    #shopify-section-template--15753359950038__165221027515f3a89d
    {
      display:none;
    }*/
  }
@media screen and (min-width:1080px) and (max-width:1420px)
  {
  
    /*colletion*/
    .page--elari-tigernut-root-milk #main-content .shopify-section:nth-child(2) .featured-collection--root
    {
      
      padding-left:163px;
      padding-right:163px;
    
    }
    /*colletion*/
    .product--details-container
    {
      width:100% !important;
    }
  }
@media screen and (max-width:520px)
  {
.product-media--featured{display:none !important;}
    .off-canvas--right-sidebar .product-media--featured{display:block !important;}
    .off-canvas--right-sidebar .product--form--media-container .product-media--root:not(:first-child){display:none !important;}
    .page--about-us #main-content .shopify-section:nth-child(4) .featured-content--text-container
    {
      position:relative;
      width:100% !important;
      left:auto;
    }
    .template--blog #main-content .shopify-section:nth-child(1)
    {
      display:none;
    }
    .template--blog #main-content .shopify-section:nth-child(2) .article--item img,
    .article--recents-wrapper img
    {
          height: 216px !important;
    position: relative!important;
      object-fit:cover;
    }
    .template--blog #main-content .shopify-section:nth-child(2) .article--item .image--container,
    .article--recents-wrapper .image--container
    {
      padding-top:20px !important;
    }
    .collapsible-tab--heading
    {
      font-size:20px;
    }
    .article--image img
    {
      width:90%;
      left:0;
      right:0;
    }
    .article--recents-heading[data-item]
    {
      text-align:left !important;
    }
    .article--title
    {
      font-size:25px;
    }
    .article--item--heading a, .article--recents-heading
    {
      font-size:20px;
    }
    .blog--featured, .blog--header
    {
      display:none;
    }
    
   .template--index .section--slideshow .image--root .image--container
    {
      padding-top:0 !important;
    }
    .template--index .section--slideshow .image--container img
    {
      position:relative;
      height:165px;
    }
    .template--index .section--slideshow .featured-content--image
    {
      order:2 !important;
    }
    .template--index .section--slideshow .featured-content--container
    {
      display:inline-block;
      padding:0;
    }
    .template--index .section--slideshow .featured-content--image
    {
      position:relative !important;
    }
    .template--index .section--slideshow .featured-content--text
    {
      background:transparent !important;
    }
    .template--index .section--slideshow .featured-content--overline
    {
      font-size:20px;
      margin-top:15px;
    }
    .template--index .section--slideshow .featured-content--title,.featured-content--description p
    {
      font-size:17px;
      color:#000;
      text-align:center;
    }
    
    .template--index .featured-content--image .image--root img
    {
      position:relative;
      height:292px;
    }
    .featured-content--root[data-mobile-overlay=true][data-cover-image-mobile=true] .featured-content--image
    {
      position:relative !important;
    }
    .template--index .image-with-text--root .featured-content--root .featured-content--container
    {
      display:inline-block;
      padding:0;
    }
   .featured-collection--carousel .carousel--block {
    width: calc(100% / 3.8)!important;
}
    .featured-collection--carousel .carousel--x-container
    {
      left:10px !Important;
    }
    .carousel--dot[data-active=true]:after
    {
      background:#F43838 !important;
    }
    
    .carousel--dot:after
    {
      height:10px !important;
      width:10px !important;
      border:1px solid #f43838!important;
      background:transparent !important;
      opacity:1 !Important;
    }
        .sustain-heading
    {
      font-size:30px;
      text-align:center;
      line-height:30px;
      
    }
    .sustain-content, .subreview
    {
     font-size: 17px;
    text-align: center;
    }
    .as-seen-in h2
    {
      font-size:33px !important;
    }
        .titleinsta h2
    {
      font-size:24px !important;
    }
   
        #insta-feed img, .instafeed-shopify img {
    position: relative !important;
}
    #insta-feed .instafeed-container, .instafeed-shopify .instafeed-container {
    width: 50% !important;
    padding-top: 0 !important;
}
        
    .newsletter--heading
    {
      font-size:23px !important;
    }
    .newsletter--subheading
    {
      font-size:16px !important;
    }
    .newsletter--heading:after {
    margin-top: auto;
    margin-left: auto;
    left: 40%;
        top: 91.5%;
}
.newsletter--wrapper
    {
          justify-content: center !important;
    }

    .template--article .newsletter--heading:after, .template--blog .newsletter--heading:after
    {
       top: 87.5%;
    } 
    .article--item--excerpt, .article--item--read-more a
    {
      font-size:17px !important;
          font-family: bergen-regular!important;
      font-weight:600 !important;
    }
    .newsletter--root[data-background-color=accent] {
    background-position: 170%, -72% !important;
    background-size: 50% !important;
}
    .newsletter--root[data-background-color=accent]
    {
      height:auto;
    }
    .formobile
    {
      display:block !important;
    }
   .footer--social-icons
    {
      display:none !important;
    }
    .onlymobile, .copyright img
    {
      display:block;
    }
        .footer--block
    {
      text-align:left !important;
    }
   .footer--blocks .footer--block:nth-child(1) .footer--social-icons
    {
      display:block!important;
      margin-top:20px !important;
    }
    .footer--blocks .footer--block:nth-child(4)
    {
      position:relative;
      bottom:20px;
    }
    .footer--blocks
    {
      height:310px;
    }
    .footer-contact .contact--root
    {
      padding: 32px 16px !important;
    }
    .footer-contact
    {
      width:100% !Important;
      position: relative;
      margin-top: 100px;
    }
    
    .copyright
    {
      display: grid;
    grid-template-columns: 3fr 1fr;
    }
    .itemscopy
    {
      display: flex;
    flex-direction: column;
    position: absolute;
    right: 6%;
    bottom: 5%;
    }
    .copyright
    {
          display: grid;
    grid-template-columns: 2fr 1fr;
      background-color: #fcefdf;
    }
    .copyright span {
   margin: 0;
    font-size: 15px;
    text-align: right;
    line-height: 40px;
}
    .spr-review, .spr-container
    {
      padding:0 !important;
    }
    .product--plus svg {
    height: 8px !important;
    width: 8px !important;
}
    .product--quick-add>* {
    width: 20px !important;
    height: 20px !important;
    }
    .drink-elari-trust .trust-row1 img:nth-child(3)
    {
    position: relative;
    top: 11%;
    }
    .template--index .image-with-text--root .featured-content--root .featured-content--text-container
    {
      padding-left:10px;
    }
    .template--index .image-with-text--root .featured-content--description
    {
      padding-left:25px;
    }
    .template--index .image-with-text--root .featured-content--root .featured-content--text-container .featured-content--link
    {
      text-align:left;
      padding-left:25px;
    }
    input,.newsletter--form button
    {
      height:54px;
    }
    .bannerp .imgp {
    width: 100%;
  height:281px;
}
.bannerp {
    grid-template-columns: auto;
}
.bannerp .imgp img
{
  height: 100%;
    width: 100%;
}
    .bannerp h1 {
    font-size: 44px;
      line-height:60px;
    }
    .bannerp .items {
    display: grid;
    grid-template-columns: 1fr 1fr;
    }
    .bannerp .items img {
      margin:0 auto;
    }
    .bannerp .content
    {
      padding:30px 15px;
    }
    .bannerp .items
    {
      gap:20px;
    }

    .tigernut .contenttiger h1 {
    font-size: 32px;
    }

    .tigernut .contenttiger {
    justify-content: normal;
    display: flex;
          flex-direction: column;
    height: 520px;
      align-items: start;
    }
    .tigernut .contenttiger p {
    font-size: 20px;
    line-height: 24px;
    margin-top: 21px;
    width: 300px;
}
    .tigernut {
    background-position: -59px 78%;
    background-size: 125%;
       display: flex;
    flex-direction: column;
}
    .itemtiger
    {
      gap:8%;
          position: relative;
          justify-content: center;
    }
    .itemtiger img
    {
      width:28%;
    }
    .newsletter--heading
    {
      margin:0 auto;
    }
    /*
    #featured_content_image_template--16064919535830__16519546846e316f0a_0 .image--container
    {
      padding-top:0 !important;
    }
        
 #featured_content_image_template--16064919535830__16519546846e316f0a_0 .image--root img
    {
      height:250px;
      position:relative !important;
      object-fit: cover;
    }*/
 
        .template--collection #main-content .shopify-section:nth-child(8) .featured-content--container
    {
          flex-flow: column-reverse;
    }
    .template--collection #main-content .shopify-section:nth-child(8) img
    {
      height:216px;
      position:relative !important;
    }
   .template--collection #main-content .shopify-section:nth-child(8) .featured-content--title
    {
      font-size:24px;
      color:#f43838;
     text-align:center;
              line-height: 40px;
        margin-top: 15px;
    }
    .ico p
    {
      font-size:15px;
    }
    .template--collection .image-with-text--root .featured-content--overline, .template--blog .image-with-text--root .featured-content--overline
    {
      display:none;
    }
    .template--collection .image-with-text--root .featured-content--description a, .template--collection .image-with-text--root a.featured-content--link--container,
    .template--blog .image-with-text--root .featured-content--description a, .template--blog .blog--featured-header a:nth-child(2) {
    background: transparent;
    color: #528E70!important;
    padding: 0;
      text-align:left;
    text-decoration: underline !important;
}
    .page--elari-tigernut-root-milk .featured-content--link a {
    margin-top: 23px;
    color: #F43838;
    text-decoration: underline;
}
    .page--elari-tigernut-root-milk .featured-content--link a:before
    {
      content:none;
    }
    /*#featured_content_description_container_template--16064919535830__164598916220d1b366_0
    {
      text-align:left;
    }*/
    #usage {

    grid-template-columns: 1fr !important;
}
    #usage .img1 img
    {
          width: 123px;
    height: 252px
    }
     #usage .img2 img
    {
          width: 123px;
    height: 252px
    }
    .img1
    {
      text-align:left;
    }
    .img2
    {
      text-align:right;
    }
    #usage h2 {
    font-size: 28px;
      width:100%;
    }
    /*#shopify-section-template--16064919535830__1645989114b4ae00a8 .custom-content--root
    {
      padding:0;
    }
    #shopify-section-template--16064919535830__1651945330f908532d
    {
      padding:20px 15px;
  
    }*/
    #usage div:nth-child(2)
    {
      position:relative;
      bottom:50px;
    }
     #usage div:nth-child(2) p
    {
      padding:0 20px;
    }
    .template--product .featured-product--overline
    {
      line-height:18px;
    }
    .featured-video--play-mobile svg
    {
      height:40px;
      width:40px;
    }
   /*producto*/
    /*#shopify-section-template--15797747286230__1646629532846f698f,*/
    
   /* #shopify-section-template--15787872485590__164673999991dd4440*/
   .template--product #main-content .shopify-section:nth-child(1)
    {
 min-height: auto;
    background-position: 20% 0%;
    background-size: 650px;
  
    }
   /* #shopify-section-template--15787872485590__164673999991dd4440
    {
      padding-top: 50%;
    }*/
    /*#shopify-section-template--15797747286230__1646629532846f698f
    {
         padding-top: 32%;
    }*/
    .template--product .featured-product--blocks
    {
    bottom: 30px;
   padding:16px;
      top:auto;
      position:relative;
    }
    .template--product .featured-product--heading {
       font-size: 30px;
    text-align: left;
    line-height: 30px;
    }
    .template--product .featured-product--overline, 
    .template--product .featured-product--heading a,
    .template--product .featured-product--blocks
    {
      text-align:left;
    }
  .template--product .trust-row2 img {
    margin: 20px auto;
}
    .delicious-heading {
    width: 100%;
    text-align: center;
}
    .delicious-contect-section
    {
      text-align:center;
      padding-bottom: 100px !important;
    }
    .delicious-text
    {
      width: 278px;
    }
    .delicious-heading
    {
      margin-top:15px;
    }
/*#shopify-section-template--15797747286230__16466360905c06d3b0,
#shopify-section-template--15787872485590__1646740795ce3a13ed,*/
.template--product #main-content .shopify-section:nth-child(5)
    {
    background-size: 139%;
    min-height: 410px;
}
    .featured-grid--heading, .delicious-heading h1
    {
      font-size:24px !important;
      margin:10px 0;
      padding: 20px 0 0 0 !important;
    }
    
    /*producto*/
    /*#shopify-section-template--15797747286230__16466424582437e1fe .featured-grid--root 
    .featured-grid--item:nth-child(2)
    {
      order:3;
    }
     #shopify-section-template--15797747286230__16466424582437e1fe .featured-grid--root 
    .featured-grid--item:nth-child(3)
    {
      order:2;
    }*/
    
    .page--about-us #main-content .shopify-section:nth-child(3)
    {
      background-image:url(Grupo_1529.jpg);
    }
    .image-with-text--root .featured-content--title,#elari_root h1
    {
      font-size:32px;
      text-align:center;
    }
    .page--about-us #main-content .shopify-section:nth-child(2) .featured-content--text-container h3
    {
      width:100% !important;
      text-align:left;
    }
    #ans
    {
      width:100%;
    }
    #elari_root {
    padding: 50px 25px;
}
.page--about-us #main-content .shopify-section:nth-child(2) .featured-content--text
    {
      order:2;
      position:relative;
    }
.page--about-us #main-content .shopify-section:nth-child(2) .image--container
    {
      padding-top:0 !important;
    }
    
    .page--about-us #main-content .shopify-section:nth-child(2) img
    {
      position:relative;
      width:287px;
      margin:0 auto;
    }
   .page--about-us #main-content .shopify-section:nth-child(4)
    {
      background-image:url(Grupo_2139.svg) !important;
          background-size: 150%;
    background-position: -110% !important;
      background-color:#FFEBD3;
    }
    .page--about-us #main-content .shopify-section:nth-child(2) .featured-content--container {
    padding-bottom: 22%!important;
}
    .page--about-us #main-content .shopify-section:nth-child(2) .featured-content--text-container .featured-content--link {
    left: 0;
    right: 0;
    bottom: -90px;
}
    .page--about-us #main-content .shopify-section:nth-child(4) .featured-content--container
    {
      padding-top:120px;
    }
    .ingredients
    {
          display: grid;
    grid-template-columns: 1fr;
}
    .ingredients div:nth-child(2) img {
    width: 100%;
    height: 380px;
}
  }
    

@media screen and (max-width:768px)

  {

    .page--about-us #main-content .shopify-section:nth-child(4) .featured-content--container
    {
      background-image: url(/cdn/shop/t/5/assets/Grupo_2083.svg);
    background-repeat: no-repeat;
    background-position: top left;
    }
    .ico
    {
      padding:7%;
    }
    .ico .free
    {
      width:113px;
      height:109px;
    }
    .delicious-heading h1
{
  font-size:26px;
  float:none;
  margin-left:0;
  margin-top:5px;
}
.delicious-heading  img
{
  float:none;
}
.product--quick-add {
    bottom: 15px !important;
    left: 80%;
}
    .featured-collection--title {
    font-size: 42px !important;
    padding: 0px 22px !important;
}
    .product--details-container {
    width: 98%!important;
    margin: auto;
}
    
    .trust-row1 ,.trust-row2
    {
    display: grid;
    grid-template-columns: 1fr 1fr;
     gap: 30px;
    }
    .trust-row1
    {
      margin-bottom:30px;
    }
    .drink-elari-trust img
    {
      margin:0 auto;
       margin-bottom:15px;
    }
    .sustain-section,.sustain-heading,.sustain-content
    {
      width:100%;
    }


    .template--index #main-content .shopify-section:nth-child(9)
    {
      background-image:url(//www.drinkelari.com/cdn/shop/t/34/assets/bg-mobile.png?v=24998124263519241081765529147) !important;
      background-size:contain !important;
      background-position:center top !important;
      padding-top: 52%;
    }
    .sustain-section {
    min-height: 618px;
    }
    .template--index #main-content .shopify-section:nth-child(9) .custom-content--root
    {
      background-size:600px;
    }
    .template--index #main-content .shopify-section:nth-child(9) .custom-content--root
    {
      padding-top:0;
    }
    .contreview {
    flex-direction: column;
    align-items: center;
}
    
    .spr-reviews,.spr-review
    {
      margin:0 !important;
    }
   .template--index .template--index #main-content .shopify-section:nth-child(10) .custom-content--root {
    padding: 50px 20px;
}
    .titlereview
    {
      font-size:33px;
    }
  .contreview
    {
      margin-top:15px;
    }
   .template--index #main-content .shopify-section:nth-child(10)
    {
      background-position: left 100%;
    background-size: 630px;
    }
   
    .template--index .image-with-text--root .featured-content--root .featured-content--text-container .featured-content--title,
    .template--index .image-with-text--root .featured-content--description
    {
         text-align: left;
    width: 100%;
    padding: 0 85px 0 30px;
    }
    .template--index .image-with-text--root .featured-content--root .featured-content--text-container
    {
      min-height:468px;
    }
    .template--index .image-with-text--root .featured-content--description p
    {
      font-size:15px;
    }
    
   .as-seen-row
    {
      display:none !important;
    }/*
    #shopify-section-template--15753360802006__16516300099c8b1fed .custom-content--root
    {
      padding:0 16px;
    }
    */
    .titleinsta span
    {
      display:inline-block;
    }
 .newsletter--inputs {
    flex-direction: column !important;
      gap:20px !important;
}
/*
    #shopify-section-template--15753360802006__16513652860a28780a .custom-content--root
    {
      padding:25px 15px;
    }*/


    .footer--blocks
    {
      text-align:center;
      display:grid !important;
      grid-template-columns: 1fr 1fr;
    }

    .y-menu--level-1--link a, .mobile-nav--search a, .mobile-nav--login a
    {
      font-family:'bergen-semibold' !important;
      font-size:16px;
      line-height:19px;
      color:#000;
      text-transform: none;
    font-weight: 600;
          padding: 12px 35px 12px 15px !important;
    }
    .off-canvas--left-sidebar
    {
      background-color: #FDEFDE !important;
    }
    .y-menu--level-1--link:first-child
    {
      border-top: 1px solid #EF8B8F !important;
    }
    .y-menu--level-1--link
    {
      border-bottom: 1px solid #EF8B8F !important;
    }
    .wherehead
    {
      padding: 20px 35px 20px 15px;
          font-family: bergen-semibold!important;
    font-size: 16px;
    line-height: 19px;
    color: #000;
    text-transform: none;
    font-weight: 600;
      margin-top:10px;
      float:left;
    }
     .image--root[data-cover-mobile=true] .image--container
    {
      padding-top:0 !important;
    }
    .drink-elari-trust
    {
      min-height:auto;
    }
    
    #elari_root {
    display: grid !important;
    justify-content: center;
    align-items: center;
          grid-template-columns: auto;
  }
     .page--about-us #main-content .shopify-section:nth-child(3)
    .featured-content--container
    {
      min-height:411px;
    }
    .page--about-us #main-content .shopify-section:nth-child(4)
    {
      background-position:top;
    }
    .page--about-us #main-content .shopify-section:nth-child(4) .featured-content--text-container
    {
      width:100%;
    }
    
    .page--about-us #main-content .shopify-section:nth-child(2) .featured-content--text-container h3 {

    font-size: 31px;
}
     .footer--blocks .footer--block:nth-child(2)
    {
      width:210px;
    }
   
  }
/*tabet*/

@media screen and (max-width: 1024px) and (min-width: 768px)
  {
     .product-media--root[data-direction=row] .product-media--thumbs{height:360px;}
    .featured-product--media .img-principal{width:100% !important;max-width:100% !important;}
    #NZoomContainer{width:100% !important; height:auto !important;}
   
    .featured-product--root .product-media--featured[data-active=true]{left:90px;}
    .collectmain .product--root,.collection-webmisferio .product--root{width:100%;}
    .sustain-section
    {
      margin:0 auto !important;
    }
    .page--about-us #main-content .shopify-section:nth-child(4) .featured-content--text-container
    {
    left: 10%;
    width: 345px !important;
    top: 22%;
    }
  
    
    #elari_root {
    margin: 0 auto 0 12%;
}
    .blog--featured-header p {
    width: 55%;
}
    .article--item--heading a
    {
      font-size:20px;
    }
    /*
    #shopify-section-template--15753359950038__164713321094a6845a .custom-content--root
    #shopify-section-template--15753359950038__165221027515f3a89d .custom-content--root,

    {
      padding:20px;
    }*/
    #elari_root h1 {
    font-size: 33px;
}
    .collapsible-tab--content
    {
      font-size:18px;
    }
    .carousel--y-container
    {
      height:400px;
    }
    .section--slideshow .featured-content--root[data-image-height="3"][data-text-position=center] .featured-content--container {
    min-height: 400px!important;
}
    .template--index .section--slideshow .image--container img
    {
      position:relative;
    }
    .template--index .section--slideshow .image--root .image--container {
    padding-top: 0!important;
}
    .trust-row1, .trust-row2 {
    grid-template-columns: 1fr 1fr 1fr 1fr;
      align-items: center;
    }
      .trust-row2 img {
    margin: 0 auto;
}
    .template--index #main-content .shopify-section:nth-child(9) {
    background-position: center -20%!important;
    padding-top: 32%;
}
    .template--index #main-content .shopify-section:nth-child(9) .custom-content--root
    {
      background-size:auto;
      padding-bottom:30%;
      padding-right: 121px;
    padding-left: 121px;
    }
    .sustain-content {
    width: 65% !important;
    font-size: 20px;
}
    .sustain-heading
    {
      font-size:45px;
      padding-bottom:25px;
      line-height:60px;
    }
    .sustain-link a
    {
      font-size:20px;
    }
    .sustain-section img
    {
      width:100%;
    }
    .template--index .image-with-text--root .featured-content--root .featured-content--text-container .featured-content--link
    {
      padding-left:30px;
    }
    .contreview {
    flex-direction: row;
    }
   .template--index #main-content .shopify-section:nth-child(10)
    {
      background-size:100%;
    }
    .spr-review {
    width: 100% !important;
    margin: 0 auto;
}
    .featured-content--description p
    {
      font-size:17px;
    }
   
    .template--index .featured-content--image
    {
      height:468px;
    }
    .newsletter--inputs
    {
          flex-direction: row;
    }
    .newsletter--email
    {
      width:60%;
    }
   .newsletter--root[data-background-color=accent] {

    background-position: 117%, -17% !important;
    background-size: 25% !important;
}
    .newsletter--email
    {
      width:75%;
    }
    .footer--root a, .footer--root a:link
    {
      font-size:16px;
    }
    .footer--blocks .footer--block:nth-child(1),
    .footer--blocks .footer--block:nth-child(3)
    {
      display:flex !important;
      justify-content:center;
    }
    
    .footer--blocks .footer--block:nth-child(3)
    {
      position: relative;
    left: 60%;
    bottom: 60%;
}
    
    .footer-contact {
    display: inherit !important;
    margin-right: 16px;
    margin-left: auto;
}
   

    .copyright span {
    margin: 0px 0;
    font-size: 12px;
    line-height: 35px;
}
    .footer--blocks .footer--block:nth-child(2) {
    width: 260px;
}
    .footer--blocks .footer--block:nth-child(4)
    {
      position:relative;
        
      bottom:35px;
    }
    .hand
    {
      position: absolute;
    bottom: 0;
    width: 46%;
    left: 26px;
      display:block !important;
    }
    .footer--block:nth-of-type(3) .footer--block--container
    {
      margin:0 !important;
    }
    .template--index .image-with-text--root .featured-content--root .featured-content--text-container
    {
      padding-left:20px;
    }
    .trust-row1
    {
      margin-bottom:30px;
    }
    .newsletter--wrapper
    {
          justify-content: center !important;
    }
    .newsletter--subheading
    {
      font-size:18px !important;
    }
    /*collection*/
    .tigernut {
    background-position: 108% top;
    background-size: 45%;
}
    .tigernut {
    grid-template-columns: 1fr 2fr;
    }
    .bannerp .imgp {
    width: 287px;
    height: 378px;
}
    .bannerp .imgp img
    {
      height:100%;
    }
    .bannerp h1 {
    font-family: Bergen!important;
    font-size: 60px;
    line-height: 80px;
    }
    .bannerp .items {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
      gap:30px;
    width: 395px;
    }
    .bannerp .content
    {
      padding-left:32px;
    }
.tigernut .contenttiger h1 {
    font-size: 36px;
    line-height: 43px;
}
    .itemtiger {
    display: grid;
    gap: 0px;
    align-items: center;
    grid-template-columns: 1fr 1fr 1fr;
      margin-top:30px;
}
    .itemtiger img
    {
      width:60%;
    }
    .tigernut .banner
    {
      height:469px;
	width:303px;
    }
    .tigernut .banner img
    {
      width:100%;
      height:100%;
    }
    .tigernut .contenttiger p
    {
      width:325px;
    }
    .tigernut .contenttiger
    {
      top:auto;
    }
    /*#shopify-section-template--16064919535830__1645989114b4ae00a8 .custom-content--root
    {
      padding:72px 0 25px 0;
    }*/
    #usage {
    grid-template-columns: 1fr 4fr 1fr;
}
    .img1,.img2
    {
      width: 109px;
    height: 234px;
    position: relative;
    top: 60px;
    }
    .img1 img,.img2 img
    {
      height:100%;
      width:100%;
    }
    #usage div:nth-child(2) img
    {
      width:40px;
      height:75px;
    }
    .img2
    {
      margin-left:auto;
      margin-right:0;
    }
    /*
    #featured_content_image_template--16064919535830__16519546846e316f0a_0 .image--container
    {
      padding-top:0 !important;
    }
    #featured_content_image_template--16064919535830__16519546846e316f0a_0 .image--container img
    {
      height: 250px;
    object-fit: cover;
      position:relative;
    }
    #featured_content_image_template--16064919535830__164598916220d1b366_0 .featured-content--root[data-image-height="3"][data-text-position=center] .featured-content--container {
    min-height: 500px!important;
    }
     #featured_content_root_template--16064919535830__164598916220d1b366_0 .featured-content--description p
    {
      font-size:21px !important;
      margin-top:12px;
      margin-bottom:15px;
      line-height:24px;
    }
    #featured_content_root_template--16064919535830__164598916220d1b366_0 .featured-content--text
    {
          max-width: 645px;
    }
    #featured_content_text_template--16064919535830__164598916220d1b366_0 .featured-content--title
    {
    font-size:53px;
    }*/
    .featured-video--play svg
    {
      width:69px;
      height:69px;
    }

     /*collection*/
    /*products*/
 
   /* #shopify-section-template--15797747286230__1646629532846f698f,
    #shopify-section-template--15787872485590__164673999991dd4440*/
    .template--product #main-content .shopify-section:nth-child(1)
    {
      min-height:432px;
    }
      .template--product .featured-product--heading
      {
      font-size: 35px;
    }
    .template--product .featured-product--blocks {
bottom: 0;
    right: 35px;
    position: relative;

    }
    .template--product .featured-product--blocks {
    max-width: 349px !important;
}
    .template--product .featured-product--overline {
    line-height: 20px;
}
    .delicious-heading, .delicious-text
    {
      width:100%;
      text-align:center;
    }
    .delicious-text
    {margin-top:20px;}
    /*#shopify-section-template--15797747286230__16466360905c06d3b0,
    #shopify-section-template--15787872485590__1646740795ce3a13ed*/
    .template--product #main-content .shopify-section:nth-child(5)
    {
          min-height: 440px;
    }

   /* #shopify-section-template--15797747286230__16466424582437e1fe .featured-grid--body--container,
    #shopify-section-template--15787872485590__16467413171ca406d9 .featured-grid--body--container
    {
          grid-template-columns: repeat(2,minmax(0,1fr));
          height: 510px;
      
    }/*
    #shopify-section-template--15753361096918__1646737429edc1e15e
    .featured-grid--body--container
    {
       grid-template-columns: repeat(2,minmax(0,1fr));
          height: 440px;
    }
    #shopify-section-template--15753361096918__1646737429edc1e15e .featured-grid--item--image,
    #shopify-section-template--15797747286230__16466424582437e1fe .featured-grid--item--image,
    #shopify-section-template--15787872485590__16467413171ca406d9 .featured-grid--item--image
    {
      height:auto !important
    }/*
    #shopify-section-template--15753361096918__1646737429edc1e15e .featured-grid--body--container,
    #shopify-section-template--15797747286230__16466424582437e1fe .featured-grid--body--container,
    #shopify-section-template--15787872485590__16467413171ca406d9 .featured-grid--body--container
    {
       grid-column-gap: 0;
    grid-row-gap: 0;
    }*/
   /*
     #shopify-section-template--15753361096918__1646737429edc1e15e
    .featured-grid--item:nth-child(2) .featured-grid--item--image,
    #shopify-section-template--15797747286230__16466424582437e1fe .featured-grid--item:nth-child(2) .featured-grid--item--image,
    #shopify-section-template--15787872485590__16467413171ca406d9 .featured-grid--item:nth-child(2) .featured-grid--item--image
    {
      max-width:265px !important;
    }/*
    #shopify-section-template--15753361096918__1646737429edc1e15e
    .featured-grid--item:nth-child(3),
    #shopify-section-template--15797747286230__16466424582437e1fe .featured-grid--item:nth-child(3),
    #shopify-section-template--15787872485590__16467413171ca406d9 .featured-grid--item:nth-child(3)
    {
    position: relative;
    bottom: 250px;
    }*/
    .delicious-heading
    {
     display: flex;
    gap: 20px;
    justify-content: center;
    }
    /*products*/
    .itemscopy {
    display: grid;
    grid-template-columns: 1fr 1fr;
    width: 50%;
    margin-right: 100px;
    margin-left: auto;
      padding:15px 0;
	}
    .carousel--y-container
    {
      height:400px !important;
    }
    .section--slideshow .featured-content--container
    {
      min-height:400px !important;
    }
    .featured-collection--title {
    font-size: 50px !important;
    }
    /*
    #shopify-section-template--15753361096918__16467382250b534ecd [data-section-id] {
    padding: 72px 0px 72px 0px;
    }*/
   
  }
  @media screen and (max-width:1023px) and (min-width:767px)
{
  .template--product .featured-product--blocks{max-width:35% !important; right:auto;}
  .product-media--root[data-direction=row] .product-media--thumbs{top:auto;}
  .featured-product--root .product-media--featured[data-active=true]{left:100px;}
}
  @media screen and (max-width:1024px)
  {
      /*ocultar colleciones en desktop*/
   /* #shopify-section-template--15753360802006__bcf9fed1-abed-4f62-affc-c9d65319e0b0,*/

  /*#shopify-section-template--16064919535830__762e43ad-1e87-4250-a468-18a27a43b693*/
  .page--elari-tigernut-root-milk #main-content .shopify-section:nth-child(2)      
  {display:none;}
     
  }
@media screen and (max-width: 820px) and (min-width: 810px)
  {
    .template--index #main-content .shopify-section:nth-child(9) .custom-content--root
    {
      padding-left:50px;
      padding-right:50px;
    }
    .template--index #main-content .shopify-section:nth-child(9)
    {
          padding-top: 10%;
          background-position: top left -30%, 0% !important;
    }
    .sustain-section
    {
      width:90%;
    }
    .sustain-heading {
    font-size: 30px;
    line-height: 45px;
}
  }
@media screen and (min-width: 1024px) and (max-height: 800px) {
   /*.featured-content--root[data-text-position=bottom-left][data-cover-image=false] .featured-content--text {
    bottom: 17%;
     
   }*/
         .slideshow--root .carousel--y-container
         {
           height:708px !important;
         }
  .slideshow--root .featured-content--container
  {
    min-height:708px !important;
  }

}
@media screen and (max-width:820px) and (min-width:769px)
{
   .product-media--root[data-direction=row] .product-media--thumbs{height:380px;}
}
@media screen and (max-width:1024px) and (min-width:822px)
{
  .product-media--root[data-direction=row] .product-media--thumbs{height:480px;}
}
/*end tablet*/
@media screen and (min-width:1650px)
{
   .product-media--root[data-direction=row] .product-media--thumbs
  {
    left:0;
  }
}
@media screen and (min-width:1920px)
  {

.tigernut .contenttiger {
    top: auto;
    align-items: center;
    align-content: center;
    right: 80px;
}
    .sustain-heading {
    width: 36%;
  }
    #usage h2
{
  width:60%;
}
    .carousel--y-container
    {
      height:1100px !important;
    }
   .template--index .section--slideshow .featured-content--container
    {
      min-height:1100px !important;
    }
    #usage div:nth-child(2)
    {
          display: flex;
    flex-direction: column;
    align-items: center;
    align-content: center;
    justify-content: center;
    }
  }
  @supports (-webkit-touch-callout: none) {
   /* CSS specific to iOS devices */ 
      .footer-contact
    {
      position: relative;
      margin-top: 180px !important;
    }
}