/* L - Light / D - Dark */
@font-face {
  font-family: "Lateral";
  src: url(../../assets/fonts/Lateral-7ca6acaedd6edbef3e84aba788b47c1a.woff2) format("woff2"), url(../../assets/fonts/Lateral-61fbf74741d881389fc15d0509566f73.woff) format("woff");
  font-weight: normal;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lateral Condensed";
  src: url(../../assets/fonts/Lateral%20Condensed-5ba452453b9a8f14ae4a3749303caabd.woff2) format("woff2"), url(../../assets/fonts/Lateral%20Condensed-e62858dac17621b6c238e6814e610ccf.woff) format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lateral Expanded";
  src: url(../../assets/fonts/Lateral%20Expanded-feecc351b5e75b637fe476adabb53f67.woff2) format("woff2"), url(../../assets/fonts/Lateral%20Expanded-c49acdcc0d52abbbfbb61809abc3e469.woff) format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lateral Standard";
  src: url(../../assets/fonts/Lateral%20Standard-d393154223c0912edb12d632503025ef.woff2) format("woff2"), url(../../assets/fonts/Lateral%20Standard-a6e48f78bfb063fb7d910b6b9e283653.woff) format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lateral Standard";
  src: url(../../assets/fonts/Lateral%20Standard-c27f6334253bb7c45c7eb121cd993edc.woff2) format("woff2"), url(../../assets/fonts/Lateral%20Standard-a48e1cbeff9bb14ceb8c071cddd20125.woff) format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
html {
  font-size: 21px;
}

body {
  background-color: #EDF1F4;
  color: #001E62;
  font-family: "Lateral Standard";
  font-style: normal;
  font-weight: normal;
  font-size: 21px;
  line-height: 1.4;
}

b, strong {
  font-family: "Lateral Condensed";
  font-weight: bold;
}

h1, h2, h3, h4, h5, h6 {
  font-family: "Lateral Condensed";
  font-weight: bold;
  text-align: center;
  text-transform: uppercase;
  line-height: 1.2;
}

h2 {
  font-size: 1.5rem;
}

.btn {
  background-color: #001F63;
  border: 0;
  color: #fff;
}

.logo-top {
  width: 100%;
  padding: 0 35px;
}

.line-hr {
  border-top: 1px solid #fff;
  margin-top: 2rem;
  margin-bottom: 2rem;
  opacity: 0.3;
}

#top {
  background-color: #001E62;
  background: url("../img/ApresSkin_naglowek_sm.jpg") bottom/cover no-repeat;
  padding-top: 30px;
  padding-bottom: 20px;
}
#top h1 {
  text-align: left;
  text-transform: none;
  font-size: 1.5rem;
  line-height: 2.5rem;
  text-shadow: 1px -1px 13px rgba(66, 68, 90, 0.5);
  font-family: "Lateral Condensed";
  font-weight: bold;
}
#top .top-info {
  font-size: 0.8rem;
  text-shadow: 1px -1px 13px rgba(66, 68, 90, 0.5);
}
#top .small {
  line-height: 0.4rem;
  font-size: 0.5rem;
  text-shadow: 1px -1px 13px rgba(66, 68, 90, 0.5);
}
#top button, #top a {
  background: #ED008C;
  border-radius: 100px;
  font-size: 1.35rem;
  line-height: 1.35rem;
  width: max-content;
  margin: 0 auto;
  padding: 8px 20px 6px 20px;
  font-family: "Lateral Condensed";
  font-weight: bold;
}
#top button i, #top a i {
  padding-left: 10px;
  margin-bottom: -5px;
  display: inline-block;
  font-size: 25px;
}

#top-2 {
  padding: 0.6rem 1.2rem 0.4rem 1.2rem;
  background-color: #ED008C;
  color: #ffffff;
  text-align: center;
  font-size: 1.1rem;
  font-family: "Lateral Condensed";
}
#top-2 p {
  margin: 0;
}

#nagroda-glowna {
  background-color: #001F63;
  color: #fff;
  padding-top: 1.5rem;
  padding-bottom: 1.8rem;
  text-align: left;
}
#nagroda-glowna h1 {
  color: #ED008C;
  font-size: 1.7rem;
  line-height: 2.5rem;
  text-align: left;
  font-family: "Lateral Expanded";
  font-weight: bold;
  font-style: normal;
}
#nagroda-glowna h2 {
  text-align: left;
  font-size: 1.2rem;
  color: #ED008C;
  font-stretch: 200%;
  font-family: "Lateral Expanded";
  font-weight: bold;
  font-style: normal;
}
#nagroda-glowna h3 {
  text-align: left;
  font-size: 1.35rem;
  text-transform: none;
  font-family: "Lateral Standard";
  font-weight: bold;
  font-style: normal;
}
#nagroda-glowna ul {
  font-size: 1rem;
  padding: 0;
}
#nagroda-glowna li {
  margin: 0;
  padding: 0.2rem 0px 0.2rem 35px;
  list-style: none;
  background-image: url("../../assets/img/thin-arrow2.svg");
  background-repeat: no-repeat;
  background-position: 0 5px;
  background-size: 25px;
}
#nagroda-glowna .zasady {
  text-align: center;
}
#nagroda-glowna .zasady h2 {
  text-align: center;
  font-stretch: 100%;
  font-size: 1.2rem;
  font-family: "Lateral Condensed";
  font-weight: bold;
}
#nagroda-glowna .zasady .img-gory {
  max-width: 75px;
}
#nagroda-glowna .zasady img {
  width: 100px;
  height: 100px;
  margin-bottom: 10px;
}
#nagroda-glowna p.wstep {
  padding: 1rem;
  padding-bottom: 1.5rem;
}
#nagroda-glowna .ico-item {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding: 10px 0;
}
#nagroda-glowna .ico-item p {
  margin: 0;
  text-align: left;
}
#nagroda-glowna .ico-item img {
  padding-right: 18px;
  width: 80px;
}
#nagroda-glowna .jak-p {
  padding-top: 1rem;
}

#kupisz {
  text-align: center;
  background-color: #EDF1F4;
  color: #001F63;
  padding: 1rem;
  border-radius: 10px;
}
#kupisz img {
  height: 40px;
  width: auto;
  display: block;
  margin: 30px auto;
}
#kupisz .info-konkurs {
  font-size: 0.65rem;
}

#formularz-zgloszeniowy {
  background-color: #E50B7D;
  padding: 2rem 0 1rem 0;
}
#formularz-zgloszeniowy p {
  font-size: 1rem;
  line-height: 1.5rem;
  text-align: center;
  padding: 0 0 10px 0;
  margin: 0;
}
#formularz-zgloszeniowy h3 {
  font-size: 1.1rem;
}
#formularz-zgloszeniowy h2 {
  text-transform: none;
}
#formularz-zgloszeniowy .form-control {
  background-color: transparent;
  border: 1px solid #ffffff;
  color: #ffffff;
  border-radius: 20px;
  margin: 5px 0;
  font-size: 0.9rem;
  line-height: 1rem;
  font-weight: normal;
  padding-left: 15px;
  opacity: 0.95;
  padding-top: 8px;
}
#formularz-zgloszeniowy .form-control::placeholder {
  color: #ffffff;
  opacity: 1;
  font-weight: normal;
}
#formularz-zgloszeniowy .form-control:-ms-input-placeholder {
  color: #ffffff;
}
#formularz-zgloszeniowy .form-control::-ms-input-placeholder {
  color: #ffffff;
}
#formularz-zgloszeniowy .form-check-input:checked {
  background-color: #001E62;
  border-color: #001E62;
}
#formularz-zgloszeniowy .cet-form-check {
  font-size: 0.65rem;
  line-height: 1.5;
  opacity: 0.85;
}
#formularz-zgloszeniowy .cet-form-check a {
  color: #ffffff;
}
#formularz-zgloszeniowy .form-check {
  padding-left: 2em;
}
#formularz-zgloszeniowy .form-check-input {
  width: 1.5em;
  height: 1.5em;
}
#formularz-zgloszeniowy .form-check .form-check-input {
  margin-left: -2em;
  background-color: transparent;
  width: 15px;
  height: 15px;
  opacity: 0.75;
  margin-top: 6px;
}
#formularz-zgloszeniowy .form-check-label {
  padding-top: 5px;
}
#formularz-zgloszeniowy input.btn.btn-light {
  font-family: "Lateral Condensed";
  font-weight: bold;
  color: #001E62;
  background-color: #fff;
  padding: 12px 15px 10px 15px;
  border-radius: 30px;
  text-transform: uppercase;
  font-size: 0.8rem;
}
#formularz-zgloszeniowy input.btn.btn-light.btn-darkk {
  color: #fff;
  background-color: #001E62;
  border-color: #001E62;
}
#formularz-zgloszeniowy input.btn.btn-light.btn-wyslij {
  padding-left: 2.5rem;
  padding-right: 2.5rem;
}
#formularz-zgloszeniowy .invalid-feedback {
  color: #e1dc00;
  padding-left: 15px;
}
#formularz-zgloszeniowy textarea.form-control {
  border-radius: 10px;
  line-height: 1.4rem;
  font-size: 1rem;
}
#formularz-zgloszeniowy .form-control.is-invalid,
#formularz-zgloszeniowy .was-validated .form-control:invalid {
  border-color: #e1dc00;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='yellow' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
}
#formularz-zgloszeniowy .input-wrapp {
  position: relative;
}
#formularz-zgloszeniowy .input-icon-cet {
  cursor: pointer;
  position: absolute;
  right: 2px;
  top: 3px;
  background: transparent;
  border: 0;
}
#formularz-zgloszeniowy .input-icon-cet svg {
  width: 25px;
  height: 25px;
  fill: white;
}

#faq {
  color: #ffffff;
  background-color: #001E62;
}
#faq h2 {
  font-size: 1.1rem;
  color: #ED008C;
}
#faq .accordion {
  border-radius: 0;
  font-size: 1rem;
  color: #fff;
  --bs-accordion-color: #fff;
  --bs-accordion-bg: $col-1;
  --bs-accordion-btn-icon: url(data:image/svg+xml,%3csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="none" stroke="#ffffff" stroke-linecap="round" stroke-linejoin="round"%3e%3cpath d="m2 5 6 6 6-6"/%3e%3c/svg%3e);
}
#faq .accordion h2 {
  font-size: 1.1rem;
}
#faq .accordion-button:not(.collapsed) {
  color: #fff;
  background-color: transparent;
  box-shadow: none;
  border-radius: 0;
}
#faq .accordion-item {
  border-left: 0;
  border-right: 0;
  border-color: rgba(255, 255, 255, 0.5);
}
rgba a #faq .accordion-item:first-child {
  border-top: 0;
}
#faq .accordion-item:first-of-type,
#faq .accordion-item:first-of-type > .accordion-header .accordion-button,
#faq .accordion-item:last-of-type {
  border-radius: 0;
}
#faq .accordion-button {
  padding: 0.8rem 0 0.8rem 0;
  color: #fff;
  font-size: 1.1rem;
}
#faq .accordion-body {
  padding: 0 0 15px 0;
}
#faq .accordion-item {
  color: #fff;
}
#faq .accordion-button::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
}

#foot {
  background-color: #001E62;
  font-size: 0.7rem;
  font-weight: normal;
  padding-top: 1rem;
}
#foot a {
  color: #ffffff;
  text-decoration: none;
}
#foot a:hover {
  text-decoration: underline;
}
#foot p {
  margin: 0;
  text-align: center;
}
#foot p span {
  color: #ED008C;
  padding: 0 15px;
}
#foot p img {
  height: 25px;
  padding: 0 6px;
}

#faq .accordion-item:first-of-type {
  border-top: 0;
}

.img-top-cet {
  width: 260px;
  height: auto;
  border-radius: 10px;
  margin-bottom: 1rem;
}

@media (min-width: 576px) {
  #top {
    background: url("../img/ApresSkin_naglowek.jpg") bottom/cover no-repeat;
  }
}
@media (min-width: 768px) {
  .logo-top {
    max-width: 590px;
    margin: 0 auto;
  }
  #top-2 {
    padding: 0.4rem 0.3rem 0.25rem 0.3rem;
  }
  #nagroda-glowna h2 {
    margin-bottom: 0;
  }
  #top button {
    font-size: 1.6rem;
    padding: 15px 20px 9px 20px;
  }
  #top {
    padding-bottom: 30px;
  }
  #nagroda-glowna .zasady h2 {
    margin-bottom: 1rem;
  }
  #kupisz img {
    height: 40px;
    width: auto;
    display: inline;
    margin: 30px;
  }
  #formularz-zgloszeniowy input.btn.btn-light {
    padding: 7px 15px 5px 15px;
  }
  #formularz-zgloszeniowy .form-control {
    font-size: 0.8rem;
    line-height: 0.5rem;
  }
  #kupisz {
    margin: 0 0.4rem;
  }
  .img-top-cet {
    width: 300px;
  }
  .nagroda-glowna-md {
    padding-left: 1rem;
  }
}
@media (min-width: 992px) {
  #nagroda-glowna .zasady {
    font-size: 0.8rem;
  }
  #nagroda-glowna .zasady p {
    max-width: 65%;
    margin: 0 auto;
  }
  #kupisz {
    margin: 2rem auto 0 auto;
  }
}