@charset "utf-8";
 :root {
     --yellow: #efd590;
     --brown: #3e1b11;
     --red: #9b1915;
     --faktor: clamp(0.6, 0.8 * (100vh / 860px), 1);
}
 html {
     width: 100%;
     height: 100%;
     font-size: clamp(11px, 1.049vw, 20.15px);
}
 body {
     font-family: interstate, sans-serif;
     font-weight: 400;
     font-style: normal;
     background-image: url("../img/body-bg/big-body-bg.jpg");
     background-repeat: no-repeat;
     background-position: center top;
     background-size: cover;
     background-attachment: fixed;
     font-size: 1rem;
}
/* typo*/
 h1 {
     font-size: 3.103rem;
     text-transform: uppercase;
     font-weight: 900;
     color: var(--yellow);
}
 h2 {
     font-size: 3.512rem;
     text-transform: uppercase;
     font-weight: 900;
}
 h3 {
}
 .btn {
     font-size: 1.322rem;
     line-height: 1;
     font-weight: 900;
     padding: 0.298rem 1.489rem;
     border-radius: 0.818rem;
}
 .btn.btn-primary {
     background-color: var(--yellow);
     color: var(--brown);
     border-color: var(--yellow);
}
 .btn.btn-secondary {
}
 .btn.btn-link {
}
 .content-section {
     padding-top: 80px;
     padding-bottom: 80px;
     position: relative;
}
 section, .section {
     position: relative;
}
 .hook {
     top: -80px;
     position: absolute;
}
 .page-wrapper {
     max-width: 1920px;
     margin-left: auto;
     margin-right: auto;
     background-color: #f3e6c8;
     overflow: hidden;
}
 section {
     margin-bottom: -1px;
}
/* navbar */
 .navbar {
     background-color: rgba(62, 27, 17, 0.00);
     font-weight: 700;
     font-style: normal;
     color: #fff;
     box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.0), 0px 0px 8px rgba(0, 0, 0, 0.0);
     transition: all .3s ease-In-Out;
     padding: 2.184rem 0;
}
 .navbar.top-nav-collapse {
     background-color: rgba(62, 27, 17, 0.75);
     box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.05), 0px 0px 8px rgba(0, 0, 0, 0.1);
     padding: 0;
}
 @media (min-width: 992px) {
     .navbar {
         background-color: rgba(62, 27, 17, 0.00);
    }
}
 @media (min-width: 992px) {
     .navbar-expand-lg .navbar-nav-scroll {
         overflow: visible;
    }
     .navbar .collapsing {
         height: fit-content !important;
         overflow: visible;
    }
}
 .navbar .container-fluid {
     position: relative;
}
 .navbar .navbar-nav .nav-link {
     font-weight: 800;
     font-style: normal;
     color: #fff;
     text-transform: uppercase;
     font-size: 1rem;
     padding: 0.5rem 1rem;
     text-align: center;
     letter-spacing: -0.02em;
}
 @media (max-width: 991.98px) {
     .navbar .navbar-collapse {
         background-color: rgba(62, 27, 17, 0.75);
         padding-top: 2rem;
         padding-bottom: 2rem;
    }
}
 .navbar .navbar-nav .nav-link:focus, .navbar .navbar-nav .nav-link:hover, .navbar .navbar-nav .nav-link.active {
     color: var(--yellow);
}
/* hamburger */
 .navbar-toggler {
     padding: 10px;
     border: 0;
}
 .navbar-toggler-icon {
     background-image: none;
     position: relative;
     width: 23px;
     height: 16px;
     padding: 0;
}
 button:focus, .navbar-toggler:focus {
     outline: 0 !important;
     box-shadow: 0 0 0 0;
}
 .navbar-toggler-icon .bar {
     height: 2px;
     background-color: #fff;
     border-radius: 1px;
     position: absolute;
     left: 0;
     right: 0;
     transition: all 0.5s ease;
}
 .navbar-toggler.collapsed .bar.bar1 {
     top: 0;
     transform: rotate(0deg);
}
 .navbar-toggler.collapsed .bar.bar2 {
     transform: rotate(0deg);
     opacity: 1;
}
 .navbar-toggler.collapsed .bar.bar3 {
     bottom: 0;
     transform: rotate(0deg);
}
 .navbar-toggler-icon .bar.bar1 {
     top: calc(50% - 1px);
     transform: rotate(45deg);
}
 .navbar-toggler-icon .bar.bar2 {
     top: calc(50% - 1px);
     transform: rotate(45deg);
     opacity: 0;
}
 .navbar-toggler-icon .bar.bar3 {
     bottom: calc(50% - 1px);
     transform: rotate(-45deg);
}
/* home */
 .home {
     position: relative;
     background-image: url("../img/body-bg/bg_01.jpg");
     background-repeat: no-repeat;
     background-position: bottom center;
     background-size: min(170vw, 95.285rem) 100%;
     min-height: 53.598rem;
}
 @media (max-width: 767.98px) {
     .home {
         min-height: calc(10rem + 110vw);
         background-image: url("../img/body-bg/bg_01-mob.jpg");
    }
}
 .hero {
     z-index: 2;
     position: relative;
     margin-left: auto;
     margin-right: auto;
     padding-top: 10rem;
}
 .hero-desk {
     width: 55.186rem;
     max-width: 100%;
     height: auto;
}
 .hero-mob {
     width: 80%;
     height: auto;
     max-width: 720px;
     margin: 0 auto;
}
 .home .logo-l {
     position: absolute;
     left: 8.486rem;
     right: auto;
     top: 2.184rem;
     width: min(25vw, 12.258rem);
     height: auto;
}
 .home .logo-r {
     position: absolute;
     right: 3.722rem;
     left: auto;
     top: 2.184rem;
     width: min(25vw, 11.712rem);
     height: auto;
}
 @media (max-width: 1240px) {
     .home .logo-l {
         left: 2.184rem;
    }
     .home .logo-r {
         right: 2.184rem;
    }
}
 @media (max-width: 991.98px) {
     .home .logo-l, .home .logo-r {
         top: 2.184rem;
    }
}
 .nagrody {
     position: relative;
     background-image: url("../img/body-bg/bg_02.jpg");
     background-repeat: no-repeat;
     background-position: bottom center;
     background-size: min(170vw, 95.285rem) 100%;
     color: var(--brown);
     padding-top: 3.97rem;
}
 #nagrody.hook {
     margin-top: 4rem;
}
 .nagrody .nagroda {
     display: flex;
     flex-direction: row;
     align-items: center;
     width: fit-content;
}
 @media (max-width: 767.98px) {
     .nagrody .nagroda {
         flex-direction: column;
    }
}
 .nagroda-txt {
     text-align: left;
     font-size: 1.676rem;
     font-weight: 900;
     line-height: 1;
     padding-left: 1rem;
     text-transform: uppercase;
}
 @media (max-width: 767.98px) {
     .nagroda-txt {
         text-align: center;
    }
}
 .nagroda-txt strong {
     display: inline-block;
     font-size: 5.029rem;
     color: var(--red);
     line-height: 0.9;
     text-transform: none;
}
 .glowna .nagroda-photo img {
     width: 100%;
     max-width: 840px;
     height: auto;
}
 .tablet .nagroda-photo img {
     width: 17.965rem;
     height: auto;
}
 .telefon .nagroda-photo img {
     width: 9.032rem;
     height: auto;
}
 .buds .nagroda-photo img {
     width: 6.998rem;
     height: auto;
}
 .glowna, .tablet, .telefon, .buds, .bon {
     margin: 4rem auto;
}
 .bon-cash {
     font-weight: 900;
     font-size: 5.83rem;
     margin-left: 0.75rem;
     margin-right: 0.75rem;
     line-height: 1;
}
 .bon-img {
     width: 5.955rem;
     height: auto;
     margin-bottom: -1.5rem;
}
 @media (min-width: 768px) {
     .nagrody .container-fluid {
         max-width: calc(var(--faktor) * 55.5rem);
    }
     .nagroda-txt {
         font-size: calc(var(--faktor) * 1.676rem);
    }
     .nagroda-txt strong {
         font-size: calc(var(--faktor) * 5.029rem);
    }
     .tablet .nagroda-photo img {
         width: calc(var(--faktor) * 17.965rem);
    }
     .telefon .nagroda-photo img {
         width: calc(var(--faktor) * 9.032rem);
    }
     .buds .nagroda-photo img {
         width: calc(var(--faktor) * 6.998rem);
    }
     .glowna {
         margin: 0 auto calc(var(--faktor) * 4rem) auto;
    }
     .tablet {
         margin: 0 auto 0 calc(var(--faktor) * 4.963rem);
    }
     .telefon {
         margin: 0 0 0 auto;
    }
     .buds {
         margin: calc(var(--faktor) * -2.73rem) auto 0 1rem;
    }
     .bon {
         margin: calc(var(--faktor) * 3.375rem) auto calc(var(--faktor) * 3.375rem) auto;
    }
     .bon-cash {
         font-size: calc(var(--faktor) * 5.83rem);
    }
     .bon-img {
         width: calc(var(--faktor) * 5.955rem);
         margin-bottom: calc(var(--faktor) * -1.5rem);
    }
}
 .produkty {
     position: relative;
     background-image: url("../img/body-bg/bg_03.jpg");
     background-repeat: no-repeat;
     background-position: top center;
     background-size: min(170vw, 95.285rem) 100%;
     color: var(--yellow);
     padding-top: 8.189rem;
}
 #produkty.hook {
     margin-top: 8rem;
}
 .produkty .packs {
     width: min(110vh, 54.888rem);
     max-width: 100%;
     height: auto;
}
 .zasady {
     position: relative;
     background-image: url("../img/body-bg/bg_04.jpg");
     background-repeat: no-repeat;
     background-position: top center;
     background-size: min(170vw, 95.285rem) 100%;
     color: var(--yellow);
     padding-top: 0;
     padding-bottom: 8.437rem;
}
 .zasady .container-fluid {
     max-width: 55.5rem;
}
 .zasady .steps {
     font-family: calibri, sans-serif;
     font-weight: 400;
     font-size: 1.771rem;
     line-height: 1.05;
}
 .step-ico {
     margin-bottom: 3.275rem;
}
 @media (max-width: 767.98px) {
     .step-ico {
         margin-bottom: 1rem;
    }
}
 .regulamin-info p {
     font-size: 0.827rem;
     max-width: 36.725rem;
     font-weight: bold;
     margin: 4.963rem auto 2.184rem auto;
}
 .kontakt {
     position: relative;
     background-image: url("../img/body-bg/bg_05.jpg");
     background-repeat: no-repeat;
     background-position: top -1px center;
     background-size: min(170vw, 95.285rem) 100%;
     color: var(--brown);
     padding-top: 5.955rem;
     padding-bottom: 5.211rem;
}
 .kontakt p {
     font-size: 1.654rem;
     font-weight: bold;
     letter-spacing: 0.03em;
     line-height: 1.1;
}
 .kontakt a {
     font-size: 1.654rem;
     color: inherit;
     text-decoration: none;
}
 footer {
     position: relative;
     background-image: url("../img/body-bg/bg_06.jpg");
     background-repeat: no-repeat;
     background-position: top center;
     background-size: min(170vw, 95.285rem) 100%;
     color: var(--yellow);
     padding-top: 2.333rem;
     padding-bottom: 8.089rem;
     margin-top: -1px;
}
 .logo-footer {
     width: 12.258rem;
     height: auto;
}
/* animacje */
/* na wejście */
 .navbar {
     transition: all 0.3s ease-Out;
     @starting-style {
         opacity: 0;
         translate: 0 -5rem;
    }
}
 .home {
     transition: all 0.9s ease-Out;
     @starting-style {
         background-size: calc(1.3 * min(170vw, 95.285rem)) 130%;
    }
}
 .home .hero-desk, .home .hero-mob {
     transition: all 0.6s ease-Out;
     transition-delay: 0.2s;
     @starting-style {
         transform: scale(1.1);
         opacity: 0;
         translate: 0 2rem;
    }
}
 .home .logo-l {
     transition: all 0.3s ease-Out;
     transition-delay: 0.3s;
     @starting-style {
         opacity: 0;
         translate: -5rem 0;
    }
}
 .home .logo-r {
     transition: all 0.3s ease-Out;
     transition-delay: 0.3s;
     @starting-style {
         opacity: 0;
         translate: 5rem 0;
    }
}
/* na scroll */
 .footer-links {
     margin-top: 2rem;
}
 .footer-links a {
     color: #fff;
     text-decoration: none;
     font-size: 0.875rem;
     font-weight: 500;
     transition: opacity 0.2s ease;
}
 .footer-links a:hover {
     opacity: 0.8;
     color: #fff;
}
 .footer-links span {
     color: rgba(255, 255, 255, 0.5);
}