@font-face {
  font-family: 'OliveDaysPl';
  src: url("../../fonts/minisite/OliveDaysPl.eot");
  src: url("../../fonts/minisite/OliveDaysPl.eot") format("embedded-opentype"), url("../../fonts/minisite/OliveDaysPl.woff2") format("woff2"), url("../../fonts/minisite/OliveDaysPl.woff") format("woff"), url("../../fonts/minisite/OliveDaysPl.ttf") format("truetype"), url("../../fonts/minisite/OliveDaysPl.svg#OliveDaysPl") format("svg"); }
@font-face {
  font-family: 'FuturaTOTBoldCond_0';
  src: url("../../fonts/FuturaTOTBoldCond_0.eot");
  src: url("../../fonts/FuturaTOTBoldCond_0.eot") format("embedded-opentype"), url("../../fonts/FuturaTOTBoldCond_0.woff2") format("woff2"), url("../../fonts/FuturaTOTBoldCond_0.woff") format("woff"), url("../../fonts/FuturaTOTBoldCond_0.ttf") format("truetype"), url("../../fonts/FuturaTOTBoldCond_0.svg#FuturaTOTBoldCond_0") format("svg"); }
@font-face {
  font-family: 'RopaSansProBold';
  src: url("../../fonts/RopaSansProBold.eot");
  src: url("../../fonts/RopaSansProBold.eot") format("embedded-opentype"), url("../../fonts/RopaSansProBold.woff2") format("woff2"), url("../../fonts/RopaSansProBold.woff") format("woff"), url("../../fonts/RopaSansProBold.ttf") format("truetype"), url("../../fonts/RopaSansProBold.svg#RopaSansProBold") format("svg"); }
html, body {
  overflow-x: hidden; }

body > img {
  position: absolute;
  left: 0;
  top: 0; }

.popup-content {
  background-color: rgba(0, 0, 0, 0.8);
  height: 100%;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 200; }

.popup-content .popup-text .ico-zamknij-popup {
  cursor: pointer;
  position: absolute;
  top: -15px;
  right: -15px; }

.popup-content .popup-1 {
  max-width: 90%;
  width: 1000px;
  position: absolute;
  left: 50%;
  top: 50px;
  transform: translate(-50%, 0); }

.popup-content .popup-2 {
  height: 100%;
  max-width: 1000px;
  width: auto; }

.popup-content .popup-1 img {
  max-height: 90%;
  width: 100%; }

.popup-content .popup-1 .ico-zamknij-popup {
  cursor: pointer;
  position: absolute;
  top: -25px;
  right: -15px; }

.app-main {
  padding-top: 1px;
  font-family: "open-sans", sans-serif;
  color: #000;
  font-size: 18px;
  line-height: 1.4;
  font-weight: 400;
  background: url(../../../img/minisite/gang2022/bg-footer.png) no-repeat bottom center, url(../../../img/minisite/gang2022/bg-kv.png) no-repeat top center, url(../../../img/minisite/gang2022/bg.jpg) no-repeat top center;
  background-color: #2073a5; }
  .app-main-inner {
    width: 90%;
    max-width: 1285px;
    margin: 0 auto; }
  .app-main .title {
    text-align: center;
    font-family: 'OliveDaysPl';
    font-size: 51px;
    font-weight: 400;
    line-height: 1; }
  .app-main .subtitle {
    margin-top: 3px;
    text-align: center;
    font-family: 'OliveDaysPl';
    font-size: 27px;
    font-weight: 400; }
  .app-main .btn-more {
    display: block;
    width: 360px;
    height: 83px;
    margin: 0 auto;
    background: url(../../../img/minisite/gang2022/bg-btn.png) no-repeat center center;
    background-size: contain;
    text-align: center;
    line-height: 75px;
    font-family: 'OliveDaysPl';
    font-size: 31px;
    color: #fff; }
  .app-main .pdf {
    text-align: center;
    padding: 0 10px; }
    .app-main .pdf a {
      display: inline-block;
      padding: 7px 0px 10px 50px;
      background: url(../../../img/minisite/gang2022/icn-pdf2.svg) no-repeat left center;
      font-size: 20px;
      color: #fff; }
  .app-main sup {
    cursor: pointer;
    font-size: 60%;
    vertical-align: top; }
  .app-main .mobile,
  .app-main .tablet {
    display: none; }

.video {
  width: 90%;
  max-width: 930px;
  margin: 80px auto 20px; }
  .video__content {
    position: relative;
    height: 0;
    padding-top: 56.25%; }
  .video iframe {
    position: absolute;
    display: block;
    left: 0;
    top: 0;
    width: 100% !important;
    height: 100% !important; }

.kvSection {
  padding: 7.8vw 0 12.5vw; }
  .kvSection .kv {
    position: relative;
    width: 60%;
    max-width: 760px;
    margin: 0 auto; }
    .kvSection .kv__img {
      display: block;
      width: 100%; }
    .kvSection .kv__btn1 {
      bottom: 0;
      left: 50%;
      margin-bottom: -6%;
      position: absolute;
      transform: translate(-50%, 0);
      width: 36.3541%; }
    .kvSection .kv__btn2 {
      bottom: 0;
      margin-bottom: -6%;
      position: absolute;
      right: 13.5%;
      width: 36.3541%; }

.saveSection {
  padding-bottom: 80px;
  color: #fff; }
  .saveSection__list {
    width: 82%;
    margin: 40px auto 80px;
    padding-left: 200px;
    font-size: 25px; }
    .saveSection__list p {
      margin-bottom: 20px; }

.newsSection,
.saveNowSection,
.akcjaVoucher {
  position: relative;
  margin-bottom: 100px;
  padding-top: 120px;
  background: url(../../../img/minisite/gang2022/bg-save-now.png) no-repeat top center;
  background-size: 100% 100%; }
  .newsSection__title,
  .saveNowSection__title,
  .akcjaVoucher__title {
    position: absolute;
    left: 9%;
    right: 9%;
    top: -80px;
    padding: 30px 0 40px;
    background: url(../../../img/minisite/gang2022/bg-save-now-title.png) no-repeat top center;
    background-size: 100% 100%;
    color: #fff; }
  .newsSection .subtitle,
  .saveNowSection .subtitle,
  .akcjaVoucher .subtitle {
    color: #448E1D; }
  .newsSection .saveSection__list,
  .saveNowSection .saveSection__list,
  .akcjaVoucher .saveSection__list {
    background: url(../../../img/minisite/gang2022/calendar.png) no-repeat left top;
    margin-top: 20px;
    padding: 20px 0 10px 200px; }
    .newsSection .saveSection__list li,
    .saveNowSection .saveSection__list li,
    .akcjaVoucher .saveSection__list li {
      background-image: url(../../../img/minisite/gang2022/tick-save-now.png); }

.newsSection {
  background: url(../../../img/minisite/gang2022/bg-news-1.png) no-repeat top center;
  padding-bottom: 70px; }
  .newsSection__title {
    background: url(../../../img/minisite/gang2022/bg-news-title.png) no-repeat top center;
    background-size: 100% 100%;
    top: -6vw; }
  .newsSection .subtitle {
    background: url(../../../img/minisite/gang2022/bg-news-subtitle.png) no-repeat top center;
    color: #FFF;
    margin-top: 20px;
    padding: 10px; }
  .newsSection::after, .newsSection::before {
    position: absolute;
    content: ""; }
  .newsSection::after {
    background: url(../../../img/minisite/gang2022/jablko-bystrzak.png) no-repeat top center;
    background-size: contain;
    height: 21.094vw;
    right: -4vw;
    top: -7vw;
    width: 17.240vw; }
  .newsSection::before {
    background: url(../../../img/minisite/gang2022/piesek-bystrzak.png) no-repeat top center;
    background-size: contain;
    height: 20.417vw;
    left: -5vw;
    top: -7vw;
    width: 13.490vw; }
  .newsSection .content {
    align-items: center;
    color: #FFF;
    display: flex;
    font-family: 'OliveDaysPl';
    font-size: 44px;
    justify-content: center;
    margin: 120px auto 0; }
    .newsSection .content img {
      margin-right: 20px; }
  .newsSection .content2 {
    margin: 0 auto;
    max-width: 80%; }
    .newsSection .content2 .dateFromTo {
      background: url(../../../img/minisite/gang2022/bg-data.png) no-repeat top center;
      background-size: 100% 100%;
      font-size: 30px;
      margin-right: -4vw;
      padding: 40px 20px;
      z-index: 1; }
    .newsSection .content2 .priceFromToRow {
      align-items: center;
      display: flex;
      padding: 20px 50px 30px 80px; }
      .newsSection .content2 .priceFromToRow.row2 .priceFromTo span, .newsSection .content2 .priceFromToRow.row3 .priceFromTo span {
        display: block;
        font-size: 30px; }
      .newsSection .content2 .priceFromToRow.row1 {
        background: url(../../../img/minisite/gang2022/bg-zielony-pasek-1.png) no-repeat top center;
        background-size: 100% 100%; }
      .newsSection .content2 .priceFromToRow.row2 {
        background: url(../../../img/minisite/gang2022/bg-zielony-pasek-2.png) no-repeat top center;
        background-size: 100% 100%; }
      .newsSection .content2 .priceFromToRow.row3 {
        background: url(../../../img/minisite/gang2022/bg-zielony-pasek-3.png) no-repeat top center;
        background-size: 100% 100%; }
      .newsSection .content2 .priceFromToRow.row4 {
        background: url(../../../img/minisite/gang2022/bg-zielony-pasek-4.png) no-repeat top center;
        background-size: 100% 100%; }
        .newsSection .content2 .priceFromToRow.row4 .textFromTo {
          font-family: 'OliveDaysPl';
          font-size: 30px; }
          .newsSection .content2 .priceFromToRow.row4 .textFromTo sup {
            font-family: "open-sans", sans-serif; }
    .newsSection .content2 .priceFromTo {
      font-size: 120px;
      line-height: 1;
      padding: 0 30px;
      text-align: center; }
      .newsSection .content2 .priceFromTo span {
        font-size: 50px; }
    .newsSection .content2 .textFromTo {
      font-family: "open-sans", sans-serif;
      font-size: 25px;
      font-weight: 400;
      line-height: 1.4; }

.newsSection2 {
  background: url(../../../img/minisite/gang2022/bg-news-2.png) no-repeat top center;
  background-size: 100% 100%;
  padding-top: 40px; }
  .newsSection2::after {
    display: none; }
  .newsSection2::before {
    background: url(../../../img/minisite/gang2022/swinka-bystrzak.png) no-repeat top center;
    background-size: contain;
    height: 20.260vw;
    left: -10vw;
    top: -7vw;
    width: 14.010vw; }
  .newsSection2 .content2 {
    margin: 30px auto;
    position: relative;
    z-index: 1; }
  .newsSection2 .content3 {
    background: url(../../../img/minisite/gang2022/bg-zolte.png) no-repeat top center;
    background-size: 100% 100%;
    color: #000;
    display: block;
    font-size: 20px;
    max-width: 950px;
    margin-top: -70px;
    margin-left: auto;
    margin-right: 0;
    padding: 90px 80px 50px;
    position: relative;
    right: 7vw;
    z-index: 0; }
    .newsSection2 .content3 .content3row1,
    .newsSection2 .content3 .content3row2 {
      align-items: center;
      display: flex;
      justify-content: space-between; }
    .newsSection2 .content3 .content3row1 {
      padding-bottom: 30px;
      position: relative; }
      .newsSection2 .content3 .content3row1::after {
        background: url(../../../img/minisite/gang2022/black-line.png) no-repeat top center;
        background-size: 100% 100%;
        bottom: 0;
        content: "";
        display: block;
        height: 1.302vw;
        left: 50%;
        position: absolute;
        transform: translate(-50%, 0);
        width: 35.781vw; }
      .newsSection2 .content3 .content3row1 .text1row,
      .newsSection2 .content3 .content3row1 .text2row {
        align-items: center;
        display: flex;
        justify-content: space-between; }
        .newsSection2 .content3 .content3row1 .text1row span,
        .newsSection2 .content3 .content3row1 .text2row span {
          display: block;
          font-size: 18px; }
      .newsSection2 .content3 .content3row1 .text1row .text1,
      .newsSection2 .content3 .content3row1 .text2row .text1 {
        font-size: 50px;
        line-height: 1;
        padding: 0 15px;
        text-align: center; }
      .newsSection2 .content3 .content3row1 .text1row .text2 span,
      .newsSection2 .content3 .content3row1 .text2row .text2 span {
        color: #b12d27; }
    .newsSection2 .content3 .content3row2 .text1 {
      background: url(../../../img/minisite/gang2022/bg-ale.png) no-repeat top center;
      background-size: 100% 100%;
      color: #FFF;
      font-size: 70px;
      padding: 5px 15px; }
    .newsSection2 .content3 .content3row2 .text2 {
      font-size: 25px;
      text-align: center; }
    .newsSection2 .content3 .content3row2 .text3 {
      align-items: center;
      color: #b12d27;
      display: flex;
      line-height: 1; }
      .newsSection2 .content3 .content3row2 .text3 div:nth-of-type(1) {
        font-size: 150px; }

.akcjaVoucher {
  background: url(../../../img/minisite/gang2022/akcja-2x-wecej-naklejek.png) no-repeat top center;
  background-size: 100% 100%;
  margin-bottom: 150px;
  padding-bottom: 1vw;
  padding-top: 16vw; }
  .akcjaVoucher .content {
    margin-top: 10px; }
  .akcjaVoucher::after, .akcjaVoucher::before {
    display: none; }
  .akcjaVoucher a {
    color: #FFF;
    text-decoration: underline; }
  .akcjaVoucher__title {
    background: url(../../../img/minisite/gang2022/bg-red2-title.png) no-repeat top center;
    background-size: 100%;
    color: #FFF;
    margin: 0 auto;
    top: -2vw;
    padding: 2vw 0 2vw;
    width: 30vw; }
    .akcjaVoucher__title .title {
      font-size: 3vw; }
    .akcjaVoucher__title .subtitle {
      font-size: 1.5vw; }
  .akcjaVoucher .subtitle {
    background: url(../../../img/minisite/gang2022/bg-green-subtitle.png) no-repeat top center;
    color: #FFF;
    margin-top: 20px;
    padding: 10px; }
    .akcjaVoucher .subtitle span {
      color: #ffeb00;
      padding: 0 3vw; }
  .akcjaVoucher .content .legal {
    font-family: "open-sans", sans-serif;
    font-size: .8vw;
    line-height: 1.4;
    font-weight: 400;
    padding: 30vw 10vw 0 10vw;
    text-align: center; }

.akcjaVoucher2 {
  background: url(../../../img/minisite/gang2022/akcja-1-plus-1-gratis.png) no-repeat top center;
  background-size: contain;
  padding-top: 8vw; }

.saveLaterSection {
  position: relative;
  margin-bottom: 100px;
  padding-top: 120px;
  background: url(../../../img/minisite/gang2022/bg-save-later-blue.png) no-repeat top center;
  background-size: 100% 100%; }
  .saveLaterSection .subtitle {
    color: #88D0DD; }
  .saveLaterSection .saveSection__list {
    padding-left: 280px;
    background: url(../../../img/minisite/gang2022/moja-biedronka.png) no-repeat left top; }
    .saveLaterSection .saveSection__list li {
      background-image: url(../../../img/minisite/gang2022/tick-save-later.png); }
  .saveLaterSection .btn-more {
    background-image: url(../../../img/minisite/gang2022/bg-btn-light-blue.png); }

.saveInfoSection {
  position: relative;
  margin-bottom: 200px;
  padding: 80px 0 40px;
  background: url(../../../img/minisite/gang2022/bg-save-now.png) no-repeat top center;
  background-size: 100% auto; }
  .saveInfoSection .saveSection__list {
    display: flex;
    font-family: 'OliveDaysPl';
    font-size: 33px;
    justify-content: space-between;
    margin: 0 auto;
    padding-left: 0; }
    .saveInfoSection .saveSection__list .small {
      font-family: "open-sans", sans-serif;
      font-size: 14px; }
    .saveInfoSection .saveSection__list p {
      padding-left: 20px; }

.gangSection {
  position: relative;
  margin-bottom: 150px;
  background: url(../../../img/minisite/gang2022/bg-gang.png) no-repeat top center;
  background-size: 100% 100%; }
  .gangSection__content {
    position: relative;
    z-index: 5;
    padding: 60px 0 40px; }
  .gangSection__title {
    position: absolute;
    left: 7%;
    right: 7%;
    top: -100px;
    padding: 15px 0 10px;
    background: url(../../../img/minisite/gang2022/bg-gang-title.png) no-repeat top center;
    background-size: 100% 100%; }
    .gangSection__title .title {
      color: #E57B22; }
    .gangSection__title .subtitle {
      color: #C3671A; }
  .gangSection h4.title {
    margin-bottom: 15px;
    color: #EEDC30; }
  .gangSection .gang {
    display: flex;
    flex-wrap: wrap;
    max-width: 1150px;
    margin: 0 auto;
    padding: 40px 20px 0; }
    .gangSection .gang__item {
      width: 33%;
      padding: 0 15px;
      text-align: center;
      color: #fff;
      font-family: 'OliveDaysPl';
      font-size: 24px;
      line-height: 1; }
      .gangSection .gang__item span {
        display: block;
        font-size: 53px; }
      .gangSection .gang__item img {
        max-width: 100%; }
      .gangSection .gang__item p {
        margin-top: 30px;
        font-family: "open-sans", sans-serif;
        font-size: 18px;
        line-height: 1.4; }
  .gangSection p {
    color: #fff;
    font-size: 14px;
    padding: 40px 60px 0;
    text-align: center; }
  .gangSection .sign {
    position: absolute;
    right: -20px;
    top: 25px; }

.bookSection {
  position: relative;
  margin-bottom: 130px; }
  .bookSection__content {
    position: relative;
    width: 73.2350%;
    padding: 80px 150px 120px;
    background: url(../../../img/minisite/gang2022/bg-book.png) no-repeat top center;
    background-size: 100% 100%; }
  .bookSection__sign {
    position: absolute;
    left: -30px;
    top: 0; }
  .bookSection__img {
    position: absolute;
    right: 40px;
    top: -40px;
    width: 400px; }
  .bookSection h3 {
    margin-bottom: 10px; }
  .bookSection .title {
    margin-bottom: 30px;
    color: #623F25; }
  .bookSection .small {
    font-size: 14px;
    margin-top: 30px; }

.videoSection {
  position: relative;
  margin-bottom: 90px;
  background: url(../../../img/minisite/gang2022/bg-video.png) no-repeat top center;
  background-size: 100% 100%; }
  .videoSection__title {
    position: absolute;
    left: 21%;
    right: 21%;
    top: -40px;
    padding: 15px 0 10px;
    background: url(../../../img/minisite/gang2022/bg-video-title.png) no-repeat top center;
    background-size: 100% 100%;
    color: #fff; }
  .videoSection__content {
    width: 72.5%;
    margin: 0 auto;
    padding: 150px 0 80px; }
  .videoSection__slider {
    margin: 30px -6px 0; }
    .videoSection__slider li {
      padding: 0px 6px; }
  .videoSection__player {
    position: relative;
    height: 0;
    padding-top: 56.25%; }
  .videoSection iframe {
    position: absolute;
    display: block;
    left: 0;
    top: 0;
    width: 100% !important;
    height: 100% !important; }

.videoSection__slider ul img {
  width: 100%; }
.videoSection__slider ul a {
  position: relative;
  display: block; }
  .videoSection__slider ul a:after {
    position: absolute;
    content: "";
    display: block;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url(../../../img/minisite/gang2020/ico-video.png) no-repeat center center;
    background-size: 50px auto; }

.faqSection {
  margin-bottom: 100px; }
  .faqSection__title {
    width: 80%;
    margin: 0 auto 30px;
    padding: 10px 0 15px;
    background: url(../../../img/minisite/gang2022/bg-faq-title.png) no-repeat top center;
    background-size: 100% 100%;
    color: #fff; }
  .faqSection__item {
    position: relative;
    margin-bottom: 20px;
    padding-bottom: 1px;
    color: #623F25;
    background: #EDDA30; }
    .faqSection__item.-active h4:after {
      transform: rotate(180deg); }
    .faqSection__item h4 {
      padding: 18px 65px 10px 40px;
      margin-bottom: 5px;
      font-size: 18px;
      font-weight: 400;
      cursor: pointer; }
      .faqSection__item h4:after {
        position: absolute;
        display: block;
        content: "";
        width: 23.616px;
        height: 13.503px;
        top: 25px;
        right: 20px;
        background: url(../../../img/minisite/gang2022/arrow-faq.svg) no-repeat left top;
        background-size: 100% auto;
        transition: 0.3s ease all; }
    .faqSection__item .desc {
      padding: 0px 65px 22px 40px;
      display: none; }
    .faqSection__item a {
      text-decoration: underline;
      color: #623F25; }
  .faqSection.rules {
    margin-bottom: 0;
    margin-top: 200px;
    padding-bottom: 100px; }
    .faqSection.rules .faqSection__title {
      padding: 30px 0 35px; }
    .faqSection.rules .rules-list {
      width: 100%; }
      .faqSection.rules .rules-list .rules-list-elem {
        align-items: center;
        background-color: #edac30;
        color: #FFF;
        display: flex;
        justify-content: space-between;
        margin-bottom: 20px;
        padding: 1vw 2vw; }
        .faqSection.rules .rules-list .rules-list-elem.highlighted {
          background-color: #84ae4a; }
        .faqSection.rules .rules-list .rules-list-elem:last-of-type {
          margin-bottom: 0; }
        .faqSection.rules .rules-list .rules-list-elem a {
          background-image: url(../../../img/minisite/gang2022/icn-pdf2.svg);
          background-repeat: no-repeat;
          background-position: left center;
          background-size: 2vw;
          color: #FFF;
          display: inline-block;
          font-size: 20px;
          padding: 7px 0px 10px 50px;
          text-decoration: none;
          text-transform: uppercase; }
        .faqSection.rules .rules-list .rules-list-elem span {
          padding-left: 15px; }

.productsSection {
  position: relative;
  margin: 250px 0 100px;
  padding: 120px 0 80px;
  background: url(../../../img/minisite/gang2022/bg-products.png) no-repeat top center;
  background-size: 100% 100%; }
  .productsSection:before {
    position: absolute;
    display: block;
    content: "";
    left: 0;
    right: 0;
    top: -37px;
    height: 38px;
    background: url(../../../img/minisite/gang2022/bg-products-top.png) no-repeat top center;
    background-size: 100% 100%; }
  .productsSection__title {
    position: absolute;
    left: 9%;
    right: 9%;
    top: -100px;
    padding: 20px 0 20px;
    background: url(../../../img/minisite/gang2022/bg-products-title.png) no-repeat top center;
    background-size: 100% 100%;
    color: #fff; }
    .productsSection__title .subtitle {
      color: #AED565; }
  .productsSection__content {
    width: 90%;
    margin: 0 auto; }
  .productsSection .product {
    width: 31.3333%; }
  .productsSection .title {
    padding: 0 30px; }

.categoryMenu {
  margin-bottom: 20px;
  text-align: center; }
  .categoryMenu__li {
    display: inline-block;
    margin: 0 20px 10px; }
  .categoryMenu__a {
    position: relative;
    color: #fff;
    font-size: 26px;
    font-weight: bold; }
    .categoryMenu__a.active:after {
      position: absolute;
      display: block;
      content: "";
      height: 2px;
      left: 0;
      right: 0;
      bottom: -7px;
      background: #478D27; }

.subcategoryMenu {
  margin-bottom: 20px;
  text-align: center; }
  .subcategoryMenu__li {
    display: inline-block;
    margin: 0 20px 10px; }
  .subcategoryMenu__a {
    position: relative;
    color: #fff;
    font-size: 20px;
    font-weight: bold; }
    .subcategoryMenu__a.active:after {
      position: absolute;
      display: block;
      content: "";
      height: 2px;
      left: 0;
      right: 0;
      bottom: -7px;
      background: #478D27; }

.waste-food {
  background-color: #ff8831;
  background-image: url(../../../img/minisite/gang2022/porady-bystrzakow/bg.jpg);
  background-position: top center;
  background-repeat: no-repeat;
  background-size: 100%; }
  .waste-food .app-main-inner {
    max-width: 1650px; }
  .waste-food .menu__ul a {
    color: #000; }
  .waste-food .sign01 {
    left: 260px;
    position: absolute;
    top: 0;
    width: 14.583vw; }
  .waste-food .sekcja01 {
    margin-top: 10vw;
    position: relative; }
    .waste-food .sekcja01 img {
      display: block;
      margin: 0 auto;
      width: 39.063vw; }
  .waste-food .sekcja02 {
    text-align: center; }
    .waste-food .sekcja02 .waste-food__title {
      background: url(../../../img/minisite/gang2022/porady-bystrzakow/bg-title-brown.png) no-repeat top center;
      background-size: 100% 100%;
      color: #FFF;
      display: inline-block;
      font-family: 'OliveDaysPl';
      font-size: 51px;
      font-weight: 400;
      line-height: 1;
      margin-bottom: 5vw;
      margin-top: -3vw;
      text-align: center; }
      .waste-food .sekcja02 .waste-food__title .title {
        padding: 2vw 5vw 1vw; }
    .waste-food .sekcja02 img {
      display: block;
      margin: 0 auto; }
  .waste-food .sekcja03 {
    padding-top: 30vw; }
    .waste-food .sekcja03 .waste-food__title,
    .waste-food .sekcja03 .waste-food__title2 {
      background: url(../../../img/minisite/gang2022/porady-bystrzakow/bg-title-red.png) no-repeat top center;
      background-size: 100% 100%;
      color: #FFF;
      display: inline-block;
      font-family: 'OliveDaysPl';
      font-size: 40px;
      font-weight: 400;
      line-height: 1.4;
      position: relative;
      text-align: center; }
      .waste-food .sekcja03 .waste-food__title a,
      .waste-food .sekcja03 .waste-food__title2 a {
        color: #FFF; }
      .waste-food .sekcja03 .waste-food__title .title,
      .waste-food .sekcja03 .waste-food__title2 .title {
        font-size: 40px;
        line-height: 1.4;
        padding: 2vw 3vw; }
    .waste-food .sekcja03 .waste-food__title {
      bottom: -12vw;
      left: 2vw;
      position: relative;
      z-index: 10; }
      .waste-food .sekcja03 .waste-food__title .title {
        font-size: 2.5vw; }
    .waste-food .sekcja03 .waste-food__title2 {
      background: url(../../../img/minisite/gang2022/porady-bystrzakow/bg-title-red2.png) no-repeat top center;
      left: 50%;
      margin: 5vw 0;
      position: relative;
      transform: translate(-50%, 0); }
      .waste-food .sekcja03 .waste-food__title2 img {
        box-shadow: 4px 4px 10px #202020;
        position: absolute;
        right: -9vw;
        top: -30%;
        transform: rotate(10deg);
        width: 10vw; }
    .waste-food .sekcja03 .lista {
      color: #FFF;
      font-family: 'OliveDaysPl';
      font-size: 2.2vw;
      margin: 0 auto;
      position: relative;
      width: 49.219vw; }
      .waste-food .sekcja03 .lista img {
        width: 100%; }
      .waste-food .sekcja03 .lista .punkt {
        align-items: center;
        border-radius: 50%;
        display: flex;
        left: 0;
        padding: 2vw;
        position: absolute;
        top: 0;
        text-align: center; }
        .waste-food .sekcja03 .lista .punkt span {
          background-image: url(../../../img/minisite/gang2022/porady-bystrzakow/bg-punkt.png);
          background-position: top center;
          background-repeat: no-repeat;
          background-size: 100% 100%;
          line-height: .8;
          padding: 2vw;
          position: absolute;
          text-shadow: 2px 2px 1px #f88e00;
          top: 0; }
        .waste-food .sekcja03 .lista .punkt.punkt01 {
          background-color: #75a31c;
          height: 15.625vw;
          left: 24vw;
          width: 15.625vw; }
          .waste-food .sekcja03 .lista .punkt.punkt01 span {
            left: -2vw; }
        .waste-food .sekcja03 .lista .punkt.punkt02 {
          background-color: #eedc30;
          height: 18.750vw;
          left: 42vw;
          top: 4vw;
          width: 18.750vw; }
          .waste-food .sekcja03 .lista .punkt.punkt02 span {
            left: 50%;
            top: -3vw;
            transform: translate(-50%, 0); }
        .waste-food .sekcja03 .lista .punkt.punkt03 {
          background-color: #eedc30;
          height: 26.042vw;
          left: 0;
          top: 9vw;
          width: 26.042vw; }
          .waste-food .sekcja03 .lista .punkt.punkt03 span {
            left: -1vw;
            top: 2vw; }
          .waste-food .sekcja03 .lista .punkt.punkt03 img {
            left: 3vw;
            position: absolute;
            top: -12vw;
            width: 18.333vw; }
        .waste-food .sekcja03 .lista .punkt.punkt04 {
          background-color: #a8451e;
          height: 22.135vw;
          left: 26vw;
          top: 20vw;
          width: 22.135vw; }
          .waste-food .sekcja03 .lista .punkt.punkt04 span {
            left: 5vw;
            top: -2vw; }
        .waste-food .sekcja03 .lista .punkt.punkt05 {
          background-color: #ee750a;
          height: 26.563vw;
          left: auto;
          right: 0;
          top: 14vw;
          width: 26.563vw; }
          .waste-food .sekcja03 .lista .punkt.punkt05 img {
            left: 50%;
            position: absolute;
            transform: translate(-50%, 0);
            top: -11vw;
            width: 14.948vw; }
          .waste-food .sekcja03 .lista .punkt.punkt05 span {
            left: auto;
            right: -2vw;
            top: 2vw; }
        .waste-food .sekcja03 .lista .punkt.punkt06 {
          background-color: #77a51e;
          height: 23.438vw;
          left: 8vw;
          top: 38vw;
          width: 23.438vw; }
          .waste-food .sekcja03 .lista .punkt.punkt06 img {
            right: -20vw;
            position: absolute;
            top: 1vw;
            width: 21.510vw;
            z-index: 1; }
          .waste-food .sekcja03 .lista .punkt.punkt06 span {
            left: -2vw;
            top: 2vw; }
        .waste-food .sekcja03 .lista .punkt.punkt07 {
          background-color: #eedc30;
          height: 25.521vw;
          width: 25.521vw;
          top: 40vw;
          left: auto;
          right: 15vw; }
          .waste-food .sekcja03 .lista .punkt.punkt07 span {
            left: auto;
            right: -2vw;
            top: 7vw; }
    .waste-food .sekcja03 .slick-prev, .waste-food .sekcja03 .slick-next {
      bottom: 8vw;
      height: 3.698vw;
      top: auto;
      transform: none;
      width: 2.969vw; }
      .waste-food .sekcja03 .slick-prev::before, .waste-food .sekcja03 .slick-next::before {
        background: url(../../../img/minisite/gang2022/porady-bystrzakow/slider/arrow.png) no-repeat top center;
        background-size: contain;
        content: "";
        height: 3.698vw;
        position: absolute;
        width: 2.969vw;
        top: 0;
        left: 0; }
    .waste-food .sekcja03 .slick-prev {
      left: -5vw;
      transform: rotate(180deg) !important; }
    .waste-food .sekcja03 .slick-next {
      right: -5vw; }
    .waste-food .sekcja03 .slick-dots {
      display: block;
      list-style: none;
      margin: 0;
      max-width: 20px;
      padding: 0;
      position: absolute;
      right: -3vw;
      text-align: center;
      top: 50%;
      transform: translate(0, -50%);
      width: 100%; }
      .waste-food .sekcja03 .slick-dots li button::before {
        color: white;
        font-size: 18px; }
      .waste-food .sekcja03 .slick-dots li.slick-active button::before {
        color: white; }
  .waste-food footer {
    background-color: #ff3c2b;
    background-image: url(../../../img/minisite/gang2022/porady-bystrzakow/bg-footer.jpg);
    background-position: top center;
    background-repeat: no-repeat;
    padding: 5vw 2vw 2vw; }
    .waste-food footer a {
      color: #FFF; }
    .waste-food footer h4 {
      color: #FFF;
      font-size: 2vw;
      font-weight: 400;
      margin: 3vw auto 0;
      text-align: center; }
    .waste-food footer .logos {
      align-items: baseline;
      display: flex;
      justify-content: center;
      flex-wrap: wrap;
      padding: 2vw 0; }
      .waste-food footer .logos > div {
        padding: 0 2vw; }
      .waste-food footer .logos .logo-full {
        align-content: center;
        text-align: center;
        width: 100%; }
      .waste-food footer .logos img {
        max-width: 100%; }

.footer {
  padding-bottom: 80px;
  color: #fff;
  font-size: 13px; }
  .footer p {
    margin-bottom: 10px; }
  .footer a {
    color: #fff;
    text-decoration: underline; }
  .footer__pdf {
    margin: 20px 0 40px;
    text-align: center; }
    .footer__pdf a {
      display: inline-block;
      padding: 7px 40px 10px 50px;
      background: url(../../../img/minisite/gang2022/icn-pdf2.svg) no-repeat left center;
      font-size: 20px;
      text-transform: uppercase; }
  .footer__links {
    display: flex;
    flex-wrap: wrap;
    justify-content: center; }
    .footer__links a {
      margin: 0 20px 10px;
      font-size: 15px; }

.productsList {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap; }

.topProductsNow,
.topProductsLater {
  width: 90%;
  max-width: 800px;
  margin: 80px auto 0; }

.price {
  position: absolute;
  width: 142px;
  height: 170px;
  right: 30px;
  bottom: calc(100% + 20px);
  padding: 90px 10px 10px;
  display: flex;
  justify-content: center;
  color: #fff;
  background: url(../../../img/minisite/gang2022/bg-price.png) no-repeat left center; }
  .price-old {
    position: relative;
    top: -10px;
    padding: 0px 2px;
    font-size: 10px;
    line-height: 12px;
    color: #000;
    background: #fff;
    font-weight: bold; }
    .price-old:before {
      position: absolute;
      content: "";
      left: 0;
      top: 50%;
      right: 0;
      border-top: 1px solid red;
      transform: rotate(-21deg);
      font-family: 'FuturaTOTBoldCond_0',sans-serif; }
  .price .pln {
    font-size: 70px;
    line-height: 60px;
    font-family: 'FuturaTOTBoldCond_0',sans-serif; }
  .price .gr {
    display: block;
    text-align: left;
    font-size: 35px;
    line-height: 33px;
    font-family: "FuturaTOTBoldCond_0", sans-serif; }
  .price .side {
    position: relative;
    padding-left: 0px; }
  .price .amount {
    display: block;
    position: absolute;
    left: 0;
    top: 45px;
    max-width: 40px;
    font-size: 9px;
    line-height: 12px;
    font-family: 'RopaSansProBold'; }
  .price .promo-text {
    position: absolute;
    left: 10px;
    right: 10px;
    top: 70px;
    font-size: 11px;
    line-height: 13px;
    text-align: center;
    font-family: 'RopaSansProBold'; }
  .price .promo-tip {
    position: absolute;
    display: flex;
    align-items: center;
    align-content: center;
    justify-content: center;
    width: 192px;
    height: 47px;
    left: -10px;
    bottom: -25px;
    padding: 4px 10px 0;
    font-size: 13px;
    line-height: 14px;
    color: #000;
    text-align: center;
    font-family: 'RopaSansProBold';
    text-transform: uppercase;
    background: url(../../../img/minisite/gang2022/bg-promo-tip.png) no-repeat left center; }
    .price .promo-tip span {
      transform: rotate(-3deg); }

.product {
  position: relative;
  width: 48%;
  margin: 0px 1% 90px;
  z-index: 5;
  cursor: pointer;
  display: none;
  background: #fff;
  border-radius: 20px; }
  .product.show {
    display: block; }
  .product__img {
    position: relative;
    margin-bottom: 60px; }
    .product__img .img {
      position: relative;
      display: block;
      width: 80%;
      margin: -30px auto 0; }
  .product__desc {
    position: relative;
    padding: 20px;
    text-align: center; }
  .product h4 {
    font-size: 15px;
    font-weight: 400;
    color: #000; }

.productBig {
  position: relative;
  width: 98%;
  margin: -60px 1% 80px;
  padding: 35px;
  background: #fff;
  color: #000;
  border-radius: 20px; }
  .productBig__content {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap; }
  .productBig__img {
    position: relative;
    width: 46%; }
  .productBig__info {
    position: relative;
    width: 54%;
    padding-left: 35px; }
  .productBig__title {
    margin-bottom: 50px;
    padding: 0px;
    font-family: 'OliveDaysPl';
    font-weight: 400;
    font-size: 30px;
    line-height: 1.2; }
  .productBig__desc {
    margin-bottom: 40px;
    clear: both;
    line-height: 1.4; }
    .productBig__desc ul {
      margin-left: 20px;
      list-style-type: disc; }
    .productBig__desc li {
      margin-bottom: 5px; }
    .productBig__desc a {
      text-decoration: underline; }
  .productBig__availability {
    position: relative;
    margin-bottom: 10px;
    font-size: 12px; }
  .productBig .close {
    position: absolute;
    display: block;
    width: 45px;
    height: 46px;
    top: 2px;
    right: 2px;
    background: url(../../../img/minisite/school2020/close.png) no-repeat right top;
    text-indent: -999px;
    overflow: hidden;
    border-radius: 0 20px; }
  .productBig .img {
    width: 100%;
    padding-top: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    transition: 0.3s ease all;
    pointer-events: none; }
  .productBig .gallery {
    overflow: hidden; }
    .productBig .gallery__wrapper {
      position: relative;
      display: none; }
    .productBig .gallery__content {
      margin: 20px -10px 0px;
      padding-top: 20px;
      border-top: 1px solid #000; }
    .productBig .gallery__controls {
      position: absolute;
      top: 50%;
      margin-top: 10px;
      width: 12px;
      height: 23px;
      text-indent: -999px;
      overflow: hidden;
      z-index: 10; }
      .productBig .gallery__controls.-prev {
        left: -20px;
        background: url(../../../img/minisite/school2020/arrow-left.png) no-repeat center top; }
      .productBig .gallery__controls.-next {
        right: -20px;
        background: url(../../../img/minisite/school2020/arrow-right.png) no-repeat center top; }
      .productBig .gallery__controls.disabled {
        opacity: 0.5;
        pointer-events: none; }
    .productBig .gallery ul {
      position: relative;
      display: flex;
      justify-content: flex-start;
      flex-wrap: wrap;
      transition: 0.3s ease all;
      left: 0; }
    .productBig .gallery li {
      width: 33.333%;
      padding: 0px 10px 15px; }
    .productBig .gallery a {
      display: block;
      position: relative; }
      .productBig .gallery a:after {
        display: block;
        position: absolute;
        content: "";
        bottom: -10px;
        left: 0px;
        right: 0px;
        height: 2px;
        opacity: 0;
        transition: 0.3s ease all; }
      .productBig .gallery a.active:after {
        opacity: 1; }
    .productBig .gallery img {
      max-width: 100%;
      border: 1px solid transparent; }
  .productBig .galleryPopup {
    display: none; }
  .productBig .price {
    position: relative;
    float: left;
    right: auto;
    left: 0;
    bottom: auto;
    margin-bottom: 35px; }

/*# sourceMappingURL=style.css.map */