/** Shopify CDN: Minification failed

Line 184:12 Expected identifier but found "@sticky"
Line 391:1 Unexpected "/"
Line 399:0 Expected identifier but found "*"

**/
.stretched-link {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
}

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

:root {
    font-size: var(--font-size-base);
}

@media (prefers-reduced-motion: no-preference) {
    :root {
        scroll-behavior: smooth;
    }
}

body {
    margin: 0;
    font-family: "proxima-nova", sans-serif;
    font-size: var(--font-size-base);
    font-weight: var(--font-body-weight);
    line-height: var(--line-height-base);
    color: rgba(var(--color-text), 1);
    background-color: rgba(var(--color-background), 1);
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

hr {
    margin: var(--spacer) 0;
    color: inherit;
    background-color: currentColor;
    border: 0;
    opacity: 0.25;
    height: 1px;
}

iframe {
    border: 0;
}

[hidden] {
    display: none !important;
}

.stretched-link {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
}

h6, h5, h4, h3, h2, .h2, h1 {
    font-family: "proxima-nova", sans-serif;
    font-weight: 900;
    font-style: normal;
    margin-top: 0;
    margin-bottom: var(--spacer-50);
    /*font-weight: var(--font-body-weight-bold);*/
    line-height: 1;
}

h1 {
    font-size: calc(var(--font-size-base) * 2.5);
}

h2, .h2 {
    font-size: calc(var(--font-size-base) * 2);
}

h3 {
    font-size: calc(var(--font-size-base) * 1.75);
}

h4 {
    font-size: calc(var(--font-size-base) * 1.5);
}

h5 {
    font-size: calc(var(--font-size-base) * 1.25);
}

h6 {
    font-size: calc(var(--font-size-base) * 1);
}

p {
    margin-top: 0;
    margin-bottom: var(--spacer);
}

abbr[title],
abbr[data-bs-original-title] {
    text-decoration: underline dotted;
    cursor: help;
    text-decoration-skip-ink: none;
}

address {
    margin-bottom: var(--spacer);
    font-style: normal;
    line-height: inherit;
}

blockquote {
    margin: 0 0 var(--spacer);
}

b,
strong {
    font-weight: var(--font-body-weight-bold);
}

small {
    font-size: calc(var(--font-size-base) * 0.875);
}

a {
    color: rgb(var(--color-link));
}

a:hover {
    color: rgb(var(--color-link));
}

a:not([href]):not([class]), a:not([href]):not([class]):hover {
    color: inherit;
    text-decoration: none;
}

.stretched-link {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
}

ol,
ul {
    padding-left: calc(var(--spacer) * 2);
}

ol,
ul,
dl {
    margin-top: 0;
    margin-bottom: var(--spacer);
}

ol ol,
ul ul,
ol ul,
ul ol {
    margin-bottom: 0;
}

dt {
    font-weight: var(--font-body-weight-bold);
}

dd {
    margin-bottom: calc(var(--spacer) * 0.5);
    margin-left: 0;
}
/*Vladan added CSS*/
/* Prikazuje sticky header elemente koji su inače skriveni */
main-header.@sticky .sticky-show {
  display: flex !important;
  visibility: visible !important;
  opacity: 1 !important;
}
.\#main-header-inner-container {
  width:100%;
}

.\@sticky .\#main-header-inner {
  background-color: #f1ece6 !important;
}
.\#main-header-inner {
    margin-left: 20px;
    margin-right: 20px;
    border-bottom: 1px solid #000;
    border-right: 1px solid #000;
    border-left: 1px solid #000;
}
.\#main-header {
  background: transparent !important;
}
.\@sticky .\#main-header-inner {
    display: flex;
    align-items: center;
    box-shadow: 0 10px 30px #00000026;
        position: fixed;
        width: 100%;
        z-index: 100;
        margin: 0;
        background-color: rgba(var(--main-header-color-background), .8);
        top: 0;
        left: 0;
        justify-content: space-between;
        padding-left: calc(var(--spacer) * 1.5);
        padding-right: calc(var(--spacer) * 1.5);
        animation: sticky-header .3s;
        -webkit-backdrop-filter: saturate(180%) blur(20px);
        backdrop-filter: saturate(180%) blur(20px);
}
.\#main-nav-toolbar {
    display: none !important;
}
.\#product-meta-block.\@type\:buy_buttons {
    max-width: 100% !important;
}
.\#modal-popup.\@layout\:sidebar .\#modal-popup-layout,
.\#cart-checkout {
  background:#E9E3E1 !important;
}
.\#collection-sidebar.\@color-scheme\:alt {
    background-color: transparent !important;
}
.\#section.\@color-scheme\:default {
  background-color:transparent !important;
}
.\#section {
    position: relative;
    margin-left: 20px;
    margin-right: 20px;
    padding: calc(var(--spacer) * 1.5);
}
button.\#button {
    border-radius: 0;
    background: #000;
    color: #fff !important;
    padding: 16px 24px 16px 24px;
}
#shopify-section-template--24702662050116__1637156232245e9667 .\#section {
  /* Override or unset properties here */
  border: none !important; 
  /* or whatever you need to disable */
  margin:0px !important;
  padding: 0px !important;
}
h1.\#hero-heading.heading-font {
  color: #fff !important;
}
#shopify-section-template--24723316539716__page-header .\#section.\@color-scheme\:default {
  /* Override or unset properties here */
  border: none !important; 
  /* or whatever you need to disable */
  margin:0px !important;
  padding: 0px !important;
  color:#fff;
}
section#shopify-section-template--24702662050116__1743767404108e2d64,
section#shopify-section-template--24723114361156__174426960478e79c2f {
    background-color: #000;
}
.\#form-custom-select-trigger, .\#form-input {
  background-color: transparent !important;
}
span.agrs__card__reviewer-name {
  color:#fff;
}
.agrs__widget-title {
    margin-bottom: 0;
    font-size: 2.7em;
    font-family: var(--font-heading-family);
    font-style: var(--font-heading-style);
    font-weight: var(--font-heading-weight) !important;
    text-transform: var(--headings-text-transfrom, none);
}

.\#main-nav-wrapper .\#main-nav-dropdown:not(.\@mega) {
    width: 100% !important;
}

.\#section.\@spaced.\@color-scheme\:default {
    margin-top: 0rem !important;
    margin-bottom: 0rem !important;
}

/* Horizontal lines (top & bottom) */
.\#section::before {
  content: "";
  position: absolute;
  top: 0; 
  left: 0; 
  right: 0; 
  bottom: 0;
  pointer-events: none;  /* so the lines don't interfere with clicking on content */
  background:
    /* Top line: starts 20px from the left, ends 20px from the right 
    linear-gradient(
      to right, 
      transparent 20px, 
      #000 20px, 
      #000 calc(100% - 20px), 
      transparent calc(100% - 20px)
    ) top,
    /* Bottom line: same effect at the bottom */
    linear-gradient(
      to right, 
      transparent 20px, 
      #000 20px, 
      #000 calc(100% - 20px), 
      transparent calc(100% - 20px)
    ) bottom;
  background-repeat: no-repeat;
  background-size: 100% 1px; /* 1px thick lines */
  z-index: 1; /* under the vertical lines */
}

/* Vertical lines (left & right) */
.\#section::after {
  content: "";
  position: absolute;
  top: 0; 
  left: 0; 
  right: 0; 
  bottom: 0;
  pointer-events: none;
  background:linear-gradient(to bottom,transparent 0px,#000 0px,#000 calc(100% - 0px),transparent calc(100% - 0px)) left,linear-gradient(to bottom,transparent 0px,#000 0px,#000 calc(100% - 0px),transparent calc(100% - 0px)) right;
  background-repeat: no-repeat;
  background-size: 1px 100%; /* 1px thick lines */
  z-index: 2; /* above the horizontal lines so corners overlap properly */
}

.\#product-gallery-item {
  padding:50px;
}
.\#contact-form .\#button:not(.\@ghost):not(.\@link):after {
  background: #79b901;
  border: none;
  
}
.\#product-meta-inner {
    padding-top: 48px;
    padding-bottom: 48px;
    padding-left: 24px;
    border-left: 1px solid #000;
}

.\#article-container.\@type\:image.\@lg {
    width: 80%;
}
#shopify-section-template--24702661755204__contact_form_custom_pdeQhW .\#container{
    margin:0px;
    padding: 0px;
}
.\#column.\@span\:6.\@span\:mobile\:12.contact-info {
  padding-left: 20px
}
@media (max-width: 768px) {
  .\#main-header-inner {
    padding-bottom: calc(var(--spacer) * 1.5);
  }
  .success-steps__heading{
    font-size:33px !important;
  }
  .success-steps__step:nth-child(even) {
    margin-top: 0rem !important;
  }
  .about-team-heading,
  .promotion-info-header h2,
  .faq-heading {
    font-size: 33px !important;
  }
  .about-team-left{
    width:100% !important;
  }
  .footer-payments ul {
    flex-wrap: wrap;
  }
}
*/
@media (min-width: 992px) {
    .\#product-meta-block.\@type\:buy_buttons {
        max-width: 100%!important;
    }
  .\#column.\@span\:6.\@span\:mobile\:12.contact-info {
  padding-left: 0px
}
*/
}


.stretched-link {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
}

.\#section.\@spaced.\@color-scheme\:default {
    margin-top: 4.5rem;
    margin-bottom: 4.5rem;
}

.\#section.\@spaced:not(.\@color-scheme\:default) {
    padding-top: 4.5rem;
    padding-bottom: 4.5rem;
}

.\#section.\@bg\:alt {
    background-color: #f2f2f2;
}

.\#section.\@bg\:dark {
    background-color: #1a1a1a;
}

.\#section.\@bg\:primary {
    background-color: rgb(var(--color-base-accent-1));
}

.\#section.\@color-scheme\:default {
    color: rgba(var(--color-text), 1);
    background-color: rgba(var(--color-background), 1);
}

.\#section.\@color-scheme\:alt {
    color: rgba(var(--color-text), 1);
    background-color: rgba(var(--color-alt-background), 1);
}

.\#section.\@color-scheme\:invert {
    color: rgba(var(--color-background), 1);
    background-color: rgba(var(--color-text), 1);
}

.\#section.\@color-scheme\:accent {
    color: rgba(var(--color-accent-c), 1);
    background-color: rgba(var(--color-accent), 1);
}

.\#section-header {
    padding-left: 3rem;
    padding-right: 3rem;
    margin-bottom: calc(var(--spacer) * 3);
}

.\#section-header .\#hero {
    margin: 0;
    width: 100%;
}

.\#section-header .\#section-button {
    margin-top: 1rem;
    padding: 0;
}

@media (min-width: 992px) {
    .\#section-header.\@side-button {
        display: flex;
        justify-content: space-between;
        align-items: flex-end;
    }

    .\#section-header.\@side-button .\#section-button {
        flex-shrink: 0;
    }
}

.\#section-button {
    --text-align: var(--section-button-align, center);
    margin-top: calc(var(--spacer) * 2.5);
    padding-left: 3rem;
    padding-right: 3rem;
    text-align: var(--text-align);
}

table {
    caption-side: bottom;
    border-collapse: collapse;
}

th {
    text-align: inherit;
    text-align: -webkit-match-parent;
}

thead,
tbody,
tfoot,
tr,
td,
th {
    border-color: inherit;
    border-style: solid;
    border-width: 0;
}

.hide-loading {
    display: none;
}

.strip-link {
    text-decoration: none;
    color: inherit;
}

.strip-link:hover {
    text-decoration: none;
    color: inherit;
}

.flex, .flex-between-center, .flex-center {
    display: flex;
}

.flex-center {
    justify-content: center;
    align-items: center;
}

.flex-between-center {
    justify-content: space-between;
    align-items: center;
}

.block, .stretched-link {
    display: block;
}

.stretched-link {
    z-index: 20;
}

.text-center {
    text-align: center;
}

.text-center {
    text-align: center;
}

.text-left {
    text-align: left;
}

.text-right {
    text-align: right;
}

.visually-hidden {
    position: absolute !important;
    overflow: hidden;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
    clip: rect(0 0 0 0);
    word-wrap: normal !important;
}

@media (max-width: 991px) {
    .mobile-visually-hidden {
        position: absolute !important;
        overflow: hidden;
        width: 1px;
        height: 1px;
        margin: -1px;
        padding: 0;
        border: 0;
        clip: rect(0 0 0 0);
        word-wrap: normal !important;
    }
}

@media (min-width: 992px) {
    .desktop-visually-hidden {
        position: absolute !important;
        overflow: hidden;
        width: 1px;
        height: 1px;
        margin: -1px;
        padding: 0;
        border: 0;
        clip: rect(0 0 0 0);
        word-wrap: normal !important;
    }
}

.list-unstyled {
    list-style: none;
    margin: 0;
    padding: 0;
}

.details-reset > summary {
    list-style: none;
    cursor: pointer;
}

.details-reset > summary::marker {
    display: none;
}

.details-reset > summary::-webkit-details-marker {
    display: none;
}

.\#icon {
    color: inherit;
    fill: currentColor;
    width: calc(var(--spacer) * 1.7);
    height: calc(var(--spacer) * 1.7);
    stroke-width: 1.5;
    vertical-align: top;
}

.\#list.\@unstyled {
    list-style: none;
    margin: 0;
    padding: 0;
}

.\#list.\@horizontal.\@spacing\:100 > li:not(:last-child) {
    margin-right: calc(var(--spacer) * 1);
}

.\#list.\@horizontal.\@spacing\:50 > li:not(:last-child) {
    margin-right: calc(var(--spacer) * 0.5);
}

.\#list.\@horizontal.\@spacing\:30 > li:not(:last-child) {
    margin-right: calc(var(--spacer) * 0.3);
}

.\#list.\@horizontal > li {
    display: inline-block;
}

.list-unstyled {
    list-style: none;
    margin: 0;
    padding: 0;
}

.uppercase {
    text-transform: uppercase;
}

.bold {
    font-weight: var(--font-body-weight-bold);
}

.padded {
    padding-left: calc(var(--spacer) * 3.5);
    padding-right: calc(var(--spacer) * 3.5);
    padding-top: calc(var(--spacer) * 3);
    padding-bottom: calc(var(--spacer) * 3);
}

.m0 {
    margin: 0;
}

.overflow-hidden {
    overflow: hidden;
}

body.preload * {
    transition: none !important;
}

.heading-font {
    font-family: "proxima-nova", sans-serif;
    font-weight: 900;
    font-style: normal;
    text-transform: var(--headings-text-transfrom, none);
}

@media (min-width: 992px) {
    .hide-desktop,
.desktop-hidden {
        display: none !important;
    }
}

@media (max-width: 991px) {
    .hide-mobile,
.mobile-hidden {
        display: none !important;
    }
}

.text-left {
    text-align: left;
}

.text-center {
    text-align: center;
}

.text-right {
    text-align: right;
}

.link {
    display: inline;
    cursor: pointer;
    text-decoration: underline;
}

@media (min-width: 992px) {
    .sticky-top {
        position: sticky;
        top: var(--sticky-header-offset, 0);
        transition: 0.3s;
    }
}

select > option {
    background: white !important;
    color: #4d4d4d !important;
}

html.no-js .no-js-hidden {
    display: none !important;
}