@import url("https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,400;0,700;0,900;1,400;1,700;1,900&display=swap");
@font-face {
  font-family: "Sagona Bold";
  src: url(../fonts/sagona-bold-webfont.woff);
}
.juicer-feed h1.referral,
.juicer-feed li.juicer {
  display: none !important;
}

.is-white {
  color: #fff;
}

.is-strong {
  font-weight: 900 !important;
}

body {
  background-color: #f3efe6;
  color: #876d4b;
  font-family: "Nunito", sans-serif;
}

.content table td,
.content table th {
  border-color: rgba(203, 165, 116, 0.3);
}

.sagona {
  font-family: "Sagona Bold", sans-serif;
}

a {
  color: #876d4b;
  text-decoration: underline;
}

a:hover {
  text-decoration: none;
}

.is-background-main {
  background-color: #f0a2b8;
}

.is-background-main-light {
  background-color: #f7ccd3;
}

.is-bg-c {
  background-image: url(../img/bg-c.svg), url(../img/bg-p.svg);
  background-repeat: repeat-x;
  background-position: center top, center bottom;
}

.content .title,
.content .subtitle {
  color: #876d4b;
  font-weight: 900;
}

.puro-hero {
  background: url(../img/hero-bg.svg) no-repeat top center;
  background-size: cover;
  overflow: hidden;
  position: relative;
}

.branch {
  position: absolute;
  top: -30px;
  width: 50%;
  height: 100%;
  background-image: url(../img/branch-left.svg);
  background-position: top left;
  background-repeat: no-repeat;
  animation-name: rotate;
  animation-duration: 4s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  transform-origin: top left;
}

@media screen and (max-width: 1024px) {
  .branch {
    background-size: contain;
  }
}
.branch-left {
  left: -20px;
}

.branch-right {
  right: -30px;
  background-image: url(../img/branch-right.svg);
  background-position: top right;
  transform-origin: top right;
}

@keyframes rotate {
  0% {
    transform: rotate(0deg);
  }
  25% {
    transform: rotate(5deg);
  }
  50% {
    transform: rotate(0deg);
  }
  75% {
    transform: rotate(-5deg);
  }
  100% {
    transform: rotate(0deg);
  }
}
.puro-logo {
  margin: 4rem auto 1rem;
  max-width: 50%;
}

.svg-krug {
  --circle-color: #ff7b26;
  --path-color: #fff;
}

@media screen and (max-width: 768px) {
  .benefit {
    height: 125px;
  }
}
.dashed {
  border-top: 2px dashed #876d4b;
}

.double-dashed {
  border-top: 2px dashed #cba574;
  border-bottom: 2px dashed #cba574;
}

@media screen and (min-width: 769px) {
  .dashed-sides {
    border-left: 2px dashed #876d4b;
    border-right: 2px dashed #876d4b;
  }
}
.packshot {
  background: url(../img/puro-bg-jabuka.svg) no-repeat top center;
  background-size: contain;
}

#kakao .packshot {
  background-image: url(../img/puro-bg-kakao.svg);
}

#pomorandza .packshot {
  background-image: url(../img/puro-bg-pomorandza.svg);
}

#malina .packshot {
  background-image: url(../img/puro-bg-malina.svg);
}

.packshot img {
  margin: 0 auto;
  width: 70%;
}

#jabuka .svg-krug {
  --circle-color: #accb4e;
}

#kakao .svg-krug {
  --circle-color: #caa9cb;
}

#pomorandza .svg-krug {
  --circle-color: #90d1e5;
}

#malina .svg-krug {
  --circle-color: #f6afb9;
}

@media screen and (min-width: 769px) {
  .section-proizvod .image {
    text-align: left;
  }
}
.button {
  background-color: #ff7b26;
  border: none;
  color: #fff;
  text-decoration: none;
}

#jabuka {
  border-top: none;
}

.section-proizvod:nth-child(even) {
  background-color: #ffefeb;
}

.section-proizvod p {
  color: #cba574;
}

.section-proizvod figure:not(:last-child),
.section-proizvod figure:not(:first-child) {
  margin: 1rem;
}

.premier-baner {
  background: #f0a2b8 url(../img/premier-bg.jpg) no-repeat top left;
  background-image: -webkit-image-set(url(../img/premier-bg-2x.jpg) 2x);
  background-image: image-set(url(../img/premier-bg-2x.jpg) 2x);
  background-size: contain;
}

.premier-baner a {
  color: #fff;
  text-decoration: underline;
}

.premier-baner a:hover {
  text-decoration: none;
}

.footer {
  background-color: #f3efe6;
}

.maraton {
  background-color: #90d1e5;
}/*# sourceMappingURL=style.css.map */