@charset "UTF-8";
* {
  font-family: futura-pt, sans-serif;
  margin: 0px;
  padding: 0px;
}

html {
  scroll-behavior: smooth;
  overflow-x: hidden;
}

header {
  position: fixed;
  background-color: #971F48;
  width: 100%;
  height: 75px;
  top: 0px;
  left: 0px;
  z-index: 4;
}

header .container {
  width: 682px;
  height: 100%;
  margin: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

header .container nav {
  width: 100%;
}

header .container nav ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  list-style-type: none;
  width: 100%;
  padding-left: 55px;
}

header .container nav ul li a {
  text-decoration: none;
  font-size: 14px;
  color: #fff;
  -webkit-transition: .15s;
  transition: .15s;
  font-family: futura-pt, sans-serif;
}

header .container nav ul li a:hover {
  color: #F8E7D3;
}

header .container nav ul li .regulaminBtn {
  color: #F8E7D3;
  width: 97px;
  height: 27px;
  border: 1px solid #F8E7D3;
  display: block;
  text-align: center;
  line-height: 27px;
  border-radius: 20px;
  font-family: futura-pt, sans-serif;
  font-size: 16px;
}

header .container nav ul li .regulaminBtn:hover {
  background-color: #F8E7D3;
  color: #971F48;
}

@media screen and (max-width: 850px) {
  header {
    height: 40px;
  }
  header .container {
    width: 90%;
  }
  header .container .woolite_logo_href {
    height: 32px;
  }
  header .container .woolite_logo {
    height: 32px;
  }
  header .container .burger {
    cursor: pointer;
  }
  header .container .burger span {
    display: block;
    width: 33px;
    height: 3px;
    background-color: #F8E7D3;
    margin: 4px 0px;
    border-radius: 3px;
    -webkit-transition: .15s;
    transition: .15s;
  }
  header .container .burger.active span:nth-of-type(1) {
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
    margin-bottom: -2px;
  }
  header .container .burger.active span:nth-of-type(2) {
    display: none;
  }
  header .container .burger.active span:nth-of-type(3) {
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
    margin-top: -2px;
  }
  header .container nav {
    width: 100%;
    position: absolute;
    top: 40px;
    height: calc(100vh - 40px);
    left: 0px;
    background-color: #971F48;
    display: none;
  }
  header .container nav ul {
    padding-left: 0px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    position: absolute;
    bottom: 170px;
    height: calc(100vh - 320px);
    /* bottom: 90px;
    height: calc(100vh - 250px); */
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  header .container nav ul li {
    -webkit-box-align: left;
        -ms-flex-align: left;
            align-items: left;
    padding-left: 60px;
    font-size: 20px;
  }
  header .container nav ul li a {
    font-size: 20px;
  }
  header .container nav ul li .regulaminBtn {
    font-size: 20px;
    width: 142px;
    height: 38px;
    line-height: 38px;
  }
  header .container nav ul li .regulaminBtn:hover {
    background-color: #F8E7D3;
    color: #971F48;
  }
}

section {
  min-height: calc(100vh - 75px);
  position: relative;
  background-size: cover;
  background-position: center;
  overflow: hidden;
}

section .navPoint {
  position: absolute;
  left: 0px;
  top: -75px;
}

section .nameBar {
  width: 100%;
  height: 36px;
  background: #971F48;
  font-family: futura-pt-condensed, sans-serif;
  font-weight: 700;
  font-style: normal;
}

section .nameBar h2 {
  text-align: center;
  line-height: 36px;
  font-size: 25px;
  color: #F8E7D3;
  font-family: futura-pt-condensed, sans-serif;
  font-weight: 700;
}

@media screen and (max-width: 850px) {
  section {
    min-height: calc(100vh - 40px);
  }

  section.rules {
    height: calc(100vh - 40px);
    min-height: 730px;
  }

  section.contact {
    min-height: 680px;
  }

  section .navPoint {
    top: -40px;
  }
}

section.start {
  background-image: url(../img/min/s1-min.png);
  margin-top: 75px;
  background-position-y: bottom;
  background-size: cover;
  height: calc(100vh - 75px);
  min-height: 750px;
}

section.start .mainImg {
  position: absolute;
  bottom: 0px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  display: none;
}

section.start .mainImg2 {
  position: absolute;
  bottom: 0px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}

section.start .startTitle {
  position: absolute;
  /* bottom: 0px; */
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
    top: calc((100% - 75px - 580px) / 2);
    z-index: 2;
}

section.start .startTitle2 {
  position: absolute;
  /* bottom: 0px; */
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
    top: calc((100% - 75px - 580px) / 2);
    z-index: 2;
    display: none;
}

section.start .startTitle3 {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
    top: calc((100vh - 75px - 580px) / 2);
    z-index: 2;
    display: none;
}

section.start .mainImgMobile {
  display: none;
}

section.start .startBtn {
  width: 346px;
  height: 46px;
  display: block;
  text-align: center;
  font-size: 20px;
  line-height: 46px;
  border-radius: 30px;
  color: #F8E7D3;
  text-decoration: none;
  background: #971F48;
  position: absolute;
  bottom: 20px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  -webkit-transition: .15s;
  transition: .15s;
  font-family: futura-pt, sans-serif;
  font-weight: Demi;
}

section.start .startBtn:hover {
  font-weight: bold;
}

@media screen and (max-width: 1500px) {
  section.start {
    min-height: 590px;
  }
  section.start .mainImg {
    width: 650px;
    display: block;
  }
  section.start .mainImg2 {
    display: none;
  }

  section.start .startTitle {
    display: none;
  }
  
  section.start .startTitle2 {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
      top: calc((100% - 0px - 580px) / 2);
      z-index: 2;
      display: block;
  }
  
  section.start .startBtn {
    width: 297px;
    height: 39px;
    font-size: 18px;
    line-height: 39px;
    border-radius: 30px;
  }
  section.start .startBtn:hover {
    font-weight: bold;
  }
}

@media screen and (max-width: 850px) {
  section.start {
    height: calc(100vh - 40px);
    margin-top: 40px;
  }

  section.start .startTitle2 {
    top: calc((100vh - 40px - 580px) / 2);
  }
}

@media screen and (max-width: 650px) {
  section.start {
    overflow-x: hidden;
  }
  section.start .mainImg {
    display: none;
  }
  section.start .mainImg2 {
    display: none;
  }

  section.start .startTitle2 {
      display: none;
  }

  section.start .startTitle3 {
    display: block;
  }

  section.start .mainImgMobile {
    position: absolute;
    bottom: 0px;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    display: block;
  }
  section.start .startBtn {
    width: 243px;
    height: 55px;
    font-size: 18px;
    line-height: 55px;
    border-radius: 30px;
  }
  section.start .startBtn:hover {
    font-weight: bold;
  }
}

section.rules {
  background-image: url(../img/min/s2-min.png);
}

section.rules .container {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

section.rules .container .panel {
  width: 614px;
  height: 53px;
  background-color: #f8e7d3b2;
  border: 1px solid #971F48;
  border-radius: 40px;
  position: relative;
  margin-bottom: 30px;
  margin-top: 20px;
}

section.rules .container .panel .drop {
  position: absolute;
  left: 22px;
  top: 1px;
}

section.rules .container .panel h3 {
  color: red;
  position: absolute;
  z-index: 2;
  top: 0px;
  left: 0px;
  font-size: 26px;
  line-height: 53px;
  font-weight: 900;
  color: #971F48;
  text-transform: uppercase;
  left: 64px;
  font-family: futura-pt-condensed, sans-serif;
  font-weight: 800;
  font-style: normal;
}

section.rules .container .panel .panelImg {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  z-index: 2;
}

section.rules .container .panel .panelImg1 {
  right: 27px;
}

section.rules .container .panel .panelImg2 {
  right: 140px;
}

section.rules .container .panel .panelImg3 {
  right: -10px;
}

section.rules .container .panel .panelImg4 {
  display: none;
}

section.rules .container h4 {
  text-shadow: 0 0 20px #ffffff;
  color: #971f48;
  font-size: 43px;
  font-weight: 900;
  text-transform: uppercase;
  font-family: futura-pt-condensed, sans-serif;
  font-weight: 900;
  font-style: normal;
}

section.rules .container h5 {
  text-shadow: 0 0 20px #ffffff;
  color: #971f48;
  font-size: 21px;
  font-weight: 600;
  text-transform: uppercase;
  margin: 25px 0px 35px;
  font-family: futura-pt-condensed, sans-serif;
  font-weight: 500;
  font-style: normal;
}

section.rules .container h5 span {
  font-weight: 900;
}

section.rules .container .line {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

section.rules .container .line p {
  color: #971f48;
  font-size: 18px;
  margin-right: 20px;
  font-weight: 500;
  font-family: futura-pt-condensed, sans-serif;
  font-weight: 500;
  font-style: normal;
}

section.rules .container .line .regulaminBtn {
  color: #971f48;
  width: 97px;
  height: 27px;
  border: 1px solid #971f48;
  display: block;
  text-align: center;
  line-height: 27px;
  border-radius: 20px;
  text-decoration: none;
  font-weight: 500;
}

section.rules .container .line .regulaminBtn:hover {
  background-color: #F8E7D3;
  color: #971F48;
}

@media screen and (max-width: 650px) {
  section.rules .container .panel {
    width: 322px;
    max-width: 95%;
  }
  section.rules .container .panel .drop {
    width: 25px;
    left: 13px;
  }
  section.rules .container .panel h3 {
    font-family: futura-pt-condensed, sans-serif;
    font-weight: 800;
    font-style: normal;
    font-size: 18px;
    line-height: 20px;
    width: 170px;
    left: 50px;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  section.rules .container .panel .panelImg {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    z-index: 2;
  }
  section.rules .container .panel .panelImg1 {
    right: 27px;
    right: -10px;
    width: 103px;
  }
  section.rules .container .panel .panelImg2 {
    right: 140px;
    right: 0px;
    width: 73px;
  }
  section.rules .container .panel .panelImg3 {
    right: -10px;
    right: 0px;
    width: 55px;
    display: none;
  }
  section.rules .container .panel .panelImg4 {
    right: 20px;
    width: 60px;
    display: block;
  }
  section.rules .container h5 {
    text-align: center;
    margin-bottom: 20px;
  }
  section.rules .container h5 span {
    font-weight: 900;
  }
  section.rules .container .line {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  section.rules .container .line p {
    text-align: center;
    margin-right: 0px;
  }
  section.rules .container .line .regulaminBtn {
    width: 142px;
    height: 38px;
    font-size: 20px;
    line-height: 38px;
    margin-top: 20px;
  }
  section.rules .container .line .regulaminBtn:hover {
    background-color: #F8E7D3;
    color: #971F48;
  }
}

section.participation {
  background-image: url(../img/min/s3-min.png);
  padding-bottom: 20px;
}

@media screen and (max-width: 500px) {
  section.participation {
    background-image: none;
    background-color: #D5AD81;
  }
}

section.products {
  background-image: url(../img/min/s4-min.png);
}

section.products .platform {
  position: absolute;
  bottom: 0px;
  left: calc(50% - 100px);
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}

section.products .platformBig {
  display: none;
}

section.products .platformBigMobile {
  display: none;
}

section.products .akcjaMobile {
  display: none;
}

section.products .productsBox {
  position: absolute;
  bottom: 294px;
  left: calc(50% - 290px);
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  z-index: 2;
}

section.products .productsKreatine {
  position: absolute;
  bottom: 75px;
  left: calc(50% + 145px);
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  z-index: 2;
}

section.products .swiper {
  width: 530px;
  position: absolute;
  bottom: 130px;
  left: calc(50% + 50px);
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}

section.products .swiper .swiper-wrapper .swiper-slide {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

section.products .swiper .swiper-wrapper .swiper-slide .rightSide {
  width: 320px;
  margin-left: 30px;
}

section.products .swiper .swiper-wrapper .swiper-slide .rightSide .top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

section.products .swiper .swiper-wrapper .swiper-slide .rightSide .top p {
  font-weight: bold;
  font-size: 14px;
  color: #fff;
  line-height: 17px;
  font-family: futura-pt, sans-serif;
  font-weight: 800;
  font-style: normal;
}

section.products .swiper .swiper-wrapper .swiper-slide .rightSide .bottom {
  margin-top: 20px;
  font-size: 14px;
  color: #fff;
  line-height: 18px;
  font-family: futura-pt, sans-serif;
  font-family: futura-pt, sans-serif;
  font-weight: 400;
  font-style: normal;
}

section.products .swiperNavBox {
  position: absolute;
  bottom: 50px;
  left: calc(50% - 105px);
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  z-index: 2;
  width: 200px;
}

section.products .swiperNavBox .swiper-pagination .swiper-pagination-bullet {
  width: 11px;
  height: 11px;
  border: 1px solid #fff;
  background: rgba(0, 0, 0, 0);
  opacity: 1;
}

section.products .swiperNavBox .swiper-pagination .swiper-pagination-bullet-active {
  background-color: #971F48;
}

section.products .swiperNavBox .swiper-button-prev {
  margin-top: -43px;
}

section.products .swiperNavBox .swiper-button-next {
  margin-top: -43px;
}

section.products .swiperNavBox .swiper-button-next:after, section.products .swiperNavBox .swiper-rtl .swiper-button-prev:after {
  color: #fff;
  -webkit-transform: scale(0.3);
          transform: scale(0.3);
}

section.products .swiperNavBox .swiper-button-prev:after, section.products .swiperNavBox .swiper-rtl .swiper-button-prev:after {
  color: #fff;
  -webkit-transform: scale(0.3);
          transform: scale(0.3);
}

@media screen and (min-width: 1500px) {
  section.products {
    background-image: url(../img/min/s4-min.png);
  }
  section.products .platform {
    display: none;
  }
  section.products .platformBig {
    display: block;
    position: absolute;
    bottom: 0px;
    left: calc(50% - 100px);
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }
  section.products .productsBox {
    bottom: 360px;
  }
  section.products .productsKreatine {
    bottom: 175px;
  }
  section.products .swiper {
    bottom: 210px;
  }
  section.products .swiperNavBox {
    position: absolute;
    bottom: 100px;
  }
  section.products .swiperNavBox .swiper-button-prev {
    margin-top: -43px;
  }
  section.products .swiperNavBox .swiper-button-next {
    margin-top: -43px;
  }
  section.products .swiperNavBox .swiper-button-next:after, section.products .swiperNavBox .swiper-rtl .swiper-button-prev:after {
    color: #fff;
    -webkit-transform: scale(0.3);
            transform: scale(0.3);
  }
  section.products .swiperNavBox .swiper-button-prev:after, section.products .swiperNavBox .swiper-rtl .swiper-button-prev:after {
    color: #fff;
    -webkit-transform: scale(0.3);
            transform: scale(0.3);
  }
}

@media screen and (max-width: 650px) {
  section.products {
    height: 700px;
  }
  section.products .platform {
    display: none;
  }
  section.products .platformBig {
    display: block;
    position: absolute;
    bottom: 0px;
    left: calc(50% - 100px);
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    width: 110%;
    left: 50%;
    bottom: 0px;
    display: none;
  }
  section.products .platformBigMobile {
    display: block;
    position: absolute;
    bottom: 0px;
    left: calc(50% - 100px);
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    width: 110%;
    left: 50%;
    bottom: 0px;
  }
  section.products .productsBox {
    display: none;
  }
  section.products .akcjaMobile {
    display: block;
    position: absolute;
    top: 0px;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    top: -20px;
    width: 350px;
  }
  section.products .productsKreatine {
    position: absolute;
    bottom: 75px;
    left: calc(50% + 145px);
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    z-index: 2;
    width: 200px;
    left: 50%;
    bottom: 175px;
  }
  section.products .swiper {
    width: 500px;
    position: absolute;
    bottom: 130px;
    left: calc(50% + 50px);
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    width: 95%;
    left: 50%;
    bottom: 30px;
  }
  section.products .swiper .swiper-wrapper .swiper-slide {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  section.products .swiper .swiper-wrapper .swiper-slide .leftSide img {
    width: 160px;
  }
  section.products .swiper .swiper-wrapper .swiper-slide .rightSide {
    width: auto;
    height: 200px;
  }
  section.products .swiper .swiper-wrapper .swiper-slide .rightSide .top {
    margin-top: 60px;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  section.products .swiper .swiper-wrapper .swiper-slide .rightSide .top img {
    width: 93px;
  }
  section.products .swiper .swiper-wrapper .swiper-slide .rightSide .top p {
    font-size: 12px;
    line-height: 16px;
    margin-left: 20px;
  }
  section.products .swiper .swiper-wrapper .swiper-slide .rightSide .bottom {
    margin-top: 8px;
    font-size: 12px;
    line-height: 14px;
  }
  section.products .swiper .swiper-wrapper .swiper-slide .rightSide .bottom br {
    display: none;
  }
  section.products .swiperNavBox {
    position: absolute;
    bottom: 50px;
    left: calc(50% - 105px);
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    z-index: 2;
    width: 200px;
    width: 95%;
    left: 50%;
    bottom: 50%;
  }
  section.products .swiperNavBox .swiper-pagination {
    display: none;
  }
  section.products .swiperNavBox .swiper-button-prev {
    margin-top: -43px;
  }
  section.products .swiperNavBox .swiper-button-next {
    margin-top: -43px;
  }
  section.products .swiperNavBox .swiper-button-next:after, section.products .swiperNavBox .swiper-rtl .swiper-button-prev:after {
    color: #fff;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  section.products .swiperNavBox .swiper-button-prev:after, section.products .swiperNavBox .swiper-rtl .swiper-button-prev:after {
    color: #fff;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

section.winners {
  background-image: url(../img/winnersbg.png);
  background-image: url(../img/min/s5-min.png);
}

section.winners .container {
  width: 700px;
  max-width: 90%;
  margin: auto;
}

section.winners .container .top {
  margin-top: 25px;
  margin-bottom: 33px;
}

section.winners .container .top h4 {
  margin: auto;
  text-shadow: 0px 0px 20px rgba(255,255,255, 1);
  font-size: 25px;
  line-height: 33px;
  /* font-family: futura-pt, sans-serif; */
  /* font-family: futura-pt-condensed, sans-serif; */
  font-family: futura-pt-condensed, sans-serif;
  font-weight: 900;
  color: #971F48;
  text-transform: uppercase;
  color: #971F48;
}

section.winners .container .top h5 {
  padding-right: 250px;
  margin: auto;
  font-size: 16px;
  line-height: 21px;
  font-family: futura-pt, sans-serif;
  font-weight: 700;
  color: #fff;
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  text-transform: uppercase;
}

section.winners .container .bottom h5 {
  font-size: 16px;
  line-height: 21px;
  font-family: futura-pt, sans-serif;
  font-weight: 800;
  color: #971F48;
  text-transform: uppercase;
}

section.winners .container .bottom h5 span {
  font-weight: 700;
  text-transform: uppercase;
}

section.winners .container .bottom .content {
  width: 100%;
  height: calc(100vh - 300px);
  overflow: auto;
}

section.winners .container .bottom .content::-webkit-scrollbar {
  width: 10px; /* Mostly for vertical scrollbars */
  border-radius: 10px;
  cursor: pointer;
}

section.winners .container .bottom .content::-webkit-scrollbar-thumb { 
  background: #971F48;
  width: 10px;
  height: 10px;
  border-radius: 10px;
}

section.winners .container .bottom .content::-webkit-scrollbar-track { 
  background: #fff;
  border-radius: 10px;

}

section.winners .container .bottom .content::-webkit-scrollbar {
  width: 10px;
  height: 10px;
  border-radius: 10px;
}

section.winners .container .bottom .content .panel {
  /* height: 26px; */
  width: calc(100% - 70px);
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  background: #FFFFFF;
  border-radius: 20px;
  margin-top: 4px;
  align-items: center;
  padding: 4.5px 20px;
}

section.winners .container .bottom .content .panel span {
  color: #A7A7A7;
  line-height: 18px;
  width: 30%;
}

@media screen and (max-width: 750px) {
  section.winners .container .top {
    margin-top: 25px;
    margin-bottom: 27px;
  }
  
  section.winners .container .top h4 {
    margin: auto;
    /* text-shadow: none; */
    font-size: 20px;
    line-height: 22px;
    text-align: center;
  }
  
  section.winners .container .top h5 {
    padding-right: 0px;
    font-size: 14px;
    line-height: 18px;
    justify-content: space-between;
    margin-top: 15px;
  }
  
  section.winners .container .bottom h5 {
    font-size: 14px;
    line-height: 18px;
    text-align: center;
    margin-bottom: 4px;
  }

  section.winners .container .bottom .content {
    height: calc(100vh - 260px);
  }

  section.winners .container .bottom .content .panel {
    height: auto;
    width: calc(100% - 29px);
    padding: 5px 10px;
    margin-top: 2px;
  }
  
  section.winners .container .bottom .content .panel span {
    line-height: 12px;
    font-size: 12px;
  }

  section.winners .container .bottom .content .panel span:nth-of-type(1) {
    width: 25%;
  }

  section.winners .container .bottom .content .panel span:nth-of-type(2) {
    width: 35%;
  }

  section.winners .container .bottom .content .panel span:nth-of-type(3) {
    width: 35%;
  }

  section.winners .container .bottom .content::-webkit-scrollbar {
    width: 8px; 
  }
  
  section.winners .container .bottom .content::-webkit-scrollbar-thumb { 
    width: 8px;
  }

  section.winners .container .bottom .content::-webkit-scrollbar {
    width: 8px;
  }  
}


section.contact {
  background-image: url(../img/min/s5-min.png);
}

@media screen and (max-width: 500px) {
  section.contact {
    background-image: none;
    background-color: #D5AD81;
  }
}

section.contact .container {
  position: absolute;
  bottom: 50%;
  left: calc(50% - 190px);
  -webkit-transform: translate(-50%, 50%);
          transform: translate(-50%, 50%);
}

section.contact .container p {
  font-size: 15px;
  line-height: 20px;
  color: #971F48;
  font-family: futura-pt, sans-serif;
  font-weight: 400;
  font-style: normal;
}

section.contact .container h3 {
  color: #971F48;
  font-size: 25px;
  line-height: 33px;
  font-family: futura-pt-condensed, sans-serif;
  font-weight: 800;
  font-style: normal;
}

section.contact .container h3 a {
  color: #971F48;
  text-decoration: none;
}

section.contact .container .mail {
  margin-top: 25px;
}

section.contact .container .infoText {
  margin-top: 25px;
}

section.contact .platform {
  position: absolute;
  bottom: 36px;
  left: calc(50% + 180px);
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}

section.contact .products {
  position: absolute;
  bottom: 174px;
  left: calc(50% + 190px);
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  z-index: 2;
}

section.contact .bottomPanel {
  height: 36px;
  background-color: #971F48;
  position: absolute;
  left: 0px;
  bottom: 0px;
  width: 100%;
}

@media screen and (max-width: 650px) {
  section.contact .container {
    position: absolute;
    bottom: 50%;
    left: calc(50% - 130px);
    -webkit-transform: translate(-50%, 0%);
            transform: translate(-50%, 0%);
    top: 60px;
    left: 50%;
    text-align: center;
  }
  section.contact .container p {
    font-size: 14px;
    line-height: 18px;
  }
  section.contact .container h3 {
    font-size: 25px;
    line-height: 33px;
  }

  section.contact .container h3 .emailAdress {
    font-size: 20px;
  }

  section.contact .container .mail {
    margin-top: 25px;
  }
  section.contact .container .infoText {
    margin-top: 25px;
  }
  section.contact .platform {
    position: absolute;
    bottom: 36px;
    left: calc(50% + 180px);
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    left: 50%;
    bottom: -100px;
    bottom: -130px;
  }
  section.contact .products {
    position: absolute;
    bottom: 174px;
    left: calc(50% + 190px);
    -webkit-transform: translateX(-50%) scale(0.85);
            transform: translateX(-50%) scale(0.85);
    bottom: -20px;
    z-index: 2;
    left: 50%;
  }
  section.contact .bottomPanel {
    height: 0px;
  }
}

.extended {
  display: none;
}

.popup {
  text-align: center;
  padding: 30px;
  display: block;
  position: fixed;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  z-index: 3;
  background-color: rgba(255, 255, 255, 0.9);
  border-radius: 10px;
  font-family: futura-pt, sans-serif;
  color: #971F48;
  display: none;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

@media screen and (max-width: 500px) {
  .popup {
    width: 85%;
    padding: 26px 22px;
  }
}

#formularz .content-wrapper > h3 {
  color: #fff5ee;
  font-family: Museo;
  text-align: center;
  font-size: 20px;
  font-weight: 900;
  margin-top: 20px;
  margin-bottom: 20px;
  color: #971F48;
  font-family: futura-pt, sans-serif;
}

form {
  max-width: 515px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

form .input-wrapper {
  margin-bottom: 8px;
}

form .input-wrapper input,
form .input-wrapper textarea {
  width: 100%;
  max-width: 300px;
  height: 30px;
  border-radius: 100px;
  border: none;
  outline: none;
  padding-left: 20px;
}

form .input-wrapper input::-webkit-input-placeholder,
form .input-wrapper textarea::-webkit-input-placeholder {
  font-family: Museo;
  font-family: futura-pt, sans-serif;
}

form .input-wrapper input:-ms-input-placeholder,
form .input-wrapper textarea:-ms-input-placeholder {
  font-family: Museo;
  font-family: futura-pt, sans-serif;
}

form .input-wrapper input::-ms-input-placeholder,
form .input-wrapper textarea::-ms-input-placeholder {
  font-family: Museo;
  font-family: futura-pt, sans-serif;
}

form .input-wrapper input::placeholder,
form .input-wrapper textarea::placeholder {
  font-family: Museo;
  font-family: futura-pt, sans-serif;
}

#formularz .textarea-wrapper textarea {
  border-radius: 20px;
  height: 80px;
  width: 100%;
  max-width: 100%;
  padding-top: 15px;
}

form .form-first-section {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-transform: translateX(30px);
          transform: translateX(30px);
}

form .form-first-section .left {
  width: 100%;
  margin-right: 20px;
}

form .form-first-section .right {
  margin-left: 0px;
  margin-top: -10px;
  -webkit-transform: translateX(20px);
          transform: translateX(20px);
}

form .input-wrapper textarea {
  height: 74px;
  width: 515px;
}

#formularz .agreements {
  margin-top: 25px;
  -webkit-transform: translateX(30px);
          transform: translateX(30px);
  width: 450px;
}

#formularz .agreements .infoAgreements {
  font-family: futura-pt-condensed, sans-serif;
  color: #971F48;
  font-size: 14px;
  line-height: 14px;
  width: 110%;
  text-align: center;
  margin-left: -5%;
  margin-top: -20px;
  margin-bottom: 15px;
}

#formularz .agreements .infoAgreements span {
  font-family: futura-pt-condensed, sans-serif;
  color: #971F48;
  font-weight: 700;
}

#formularz .agreement-item {
  margin-bottom: 5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

#formularz .agreement-item input {
  margin-right: 5px;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  width: 17px;
  max-width: 17px;
  min-width: 17px;
  height: 17px;
  background-color: white;
  border-radius: 50%;
  border: 1px solid #d90017;
  cursor: pointer;
  position: relative;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

#formularz .agreement-item input:checked::after {
  content: '•';
  color: #d90017;
  font-size: 35px;
  margin-bottom: 12px;
  margin-left: 2px;
}

#formularz .agreement-item label {
  color: white;
  font-family: Museo;
  font-size: 11px;
  text-transform: uppercase;
  font-family: futura-pt, sans-serif;
  font-weight: normal;
  font-size: 11px;
  color: #971F48;
}

#formularz .submit-wrapper {
  text-align: center;
  margin-top: 30px;
}

#formularz .submit-wrapper input {
  max-width: 226px;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 42px;
  border-radius: 50px;
  border: none;
  outline: none;
  cursor: pointer;
  color: #d90017;
  font-family: Museo;
  font-size: 20px;
  font-weight: 900;
  margin-left: auto;
  margin-right: auto;
  font-family: futura-pt, sans-serif;
  font-weight: 500;
  color: #F8E7D3;
  text-transform: uppercase;
  width: 143px;
  height: 39px;
  line-height: 39px;
  background-color: #971F48;
}

#formularz form {
  position: relative;
}

.formularz-dekor-left {
  position: absolute;
  left: 0;
  top: 0;
  -webkit-transform: translateX(-100%);
          transform: translateX(-100%);
}

.formularz-dekor-right {
  position: absolute;
  right: 0;
  top: 150px;
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
}

@media (max-width: 553px) {
  #formularz form {
    width: 80%;
  }
  form .form-first-section {
    -webkit-transform: translateX(-3%);
            transform: translateX(-3%);
    margin-top: 20px;
  }
  form .form-first-section .right {
    -webkit-transform: translateX(2px);
            transform: translateX(2px);
  }
  #formularz .agreements .infoAgreements {
    width: 100%;
    margin-left: -0%;
  }
  #formularz .agreement-item label {
    font-size: 10px;
  }
  #formularz .agreements {
    margin-top: 20px;
    -webkit-transform: translateX(0px);
            transform: translateX(0px);
    width: 100%;
  }
  #formularz .content-wrapper > h3 {
    display: none;
  }
  #formularz form .form-first-section {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  #formularz form .form-first-section .left input {
    max-width: 100%;
    font-size: 16px;
  }
  #formularz form .form-first-section .right {
    text-align: center;
    width: 100%;
  }
  .formularz-dekor-right {
    top: 250px;
    -webkit-transform: none;
            transform: none;
  }
}

@media (max-width: 350px) {
  .formularz-dekor-right {
    display: none;
  }
}

.before-1::before, .before-2::before {
  content: '1';
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: white;
  width: 28px;
  min-width: 28px;
  max-width: 28px;
  height: 28px;
  border-radius: 50%;
  font-family: Museo;
  font-weight: bold;
  font-size: 16px;
  color: #c0281e;
  border: 1px solid #c0281e;
  position: absolute;
  left: -15px;
  font-weight: 900;
  font-family: futura-pt, sans-serif;
}

.before-2::before {
  content: '2';
}

#formularz .agreement-item input:checked::after {
  margin-bottom: -1.3px;
  margin-left: 0px;
}

.grecaptcha-badge {
  opacity: 0;
}
/*# sourceMappingURL=style.css.map */

/* COOKIE */

#CybotCookiebotDialog[data-template=bottom] {
  top: 100%;
  transform: translate(-50%,-100%) scale(0.7)!important;
}

#CybotCookiebotDialogFooter #CybotCookiebotDialogBodyButtonAccept, #CybotCookiebotDialogFooter #CybotCookiebotDialogBodyLevelButtonAccept, #CybotCookiebotDialogFooter #CybotCookiebotDialogBodyLevelButtonLevelOptinAllowAll {
  background-color: #971F48!important;
  border-color: #971F48!important;
}

#CybotCookiebotDialogFooter #CybotCookiebotDialogBodyLevelButtonCustomize, #CybotCookiebotDialogFooter #CybotCookiebotDialogBodyLevelButtonLevelOptinAllowallSelection {
  border-color: #971F48!important;
}

#CybotCookiebotDialogFooter .CybotCookiebotDialogBodyButton {
  border: 2px solid #971F48!important;
}

#CybotCookiebotDialog.CybotEdge #CybotCookiebotDialogBodyEdgeMoreDetails a {
  color: #971F48!important;
}

#CookiebotWidget #CookiebotWidget-buttons #CookiebotWidget-btn-change {
  background-color: #971F48!important;
  border-color: #971F48!important;
}

#CookiebotWidget #CookiebotWidget-buttons #CookiebotWidget-btn-withdraw {
  border-color: #971F48!important;
}

#CookiebotWidget .CookiebotWidget-consent-details button {
  color: #971F48!important;
}