@charset "utf-8";

:root {
	--red: #d30c1b;
	--blue: #23357d;
	--lightblue: #3ea1fc;
	--green: #8dc316;
	--brown: #442b22;
}

html {
  width: 100%;
  height: 100%;
  font-size: clamp(12px, 0.833vw, 16px);
}

body {
	font-size: 1rem;

	font-family: ff-cocon-pro, sans-serif;
	font-weight: 400;
	font-style: normal;
	background-color: var(--lightblue);
}


/* typo*/

h1 {
	font-family: ff-cocon-pro, sans-serif;
	font-weight: 700;
	font-style: normal;

	color: var(--blue);
	font-size: min(12.273vw, 4.523rem);
	line-height: 1.06;
	text-transform: uppercase;
	width: 100%;
}



h2 {

}


h3 {

}

.btn:not(.datepicker-controls .btn) {
    font-size: 1.433rem;
    border-radius: 0;
    line-height: 1.25rem;
    padding: 1.15rem 0.75rem;
    min-width: 16.438rem;
    font-family: ff-cocon-pro, sans-serif;
    font-weight: 700;
    font-style: normal;
}

.btn.btn-primary {
	background-color: var(--red);
	border-color: var(--red);
	color: #fff;

}

.btn.btn-secondary {
	background-color: #fff;
	border-color: #fff;
	color: var(--red);

}

.btn.btn-link {

}

.content-section {
	padding-top: 80px;
	padding-bottom: 80px;
	position: relative;
}
section, .section {position: relative;}

.hook {
	top: -30px;
	position: absolute;
}


/* navbar */

.navbar {
	font-family: "arial-rounded-mt-pro", sans-serif;
	font-weight: 700;
	font-style: normal;
	color: var(--brown);
	padding-top: 2.25rem;
	padding-bottom: 0;
	transition: all .3s ease-In-Out;
	background-color: rgba(62,161,252,0.00);
	box-shadow: 0px 0px 0px rgba(17,17,26,0.0), 0px 0px 0px rgba(17,17,26,0.0);
}

.navbar.top-nav-collapse {
	padding-top: 0;
	background-color:  rgba(62,161,252,1.00);
	box-shadow: 0px 1px 0px rgba(17,17,26,0.05), 0px 0px 8px rgba(17,17,26,0.1);
}

@media (max-width: 767.98px) {
.navbar {
	padding-top: 0;
	background-color:  rgba(62,161,252,1.00);
	box-shadow: 0px 1px 0px rgba(17,17,26,0.05), 0px 0px 8px rgba(17,17,26,0.1);
}
}


@media (min-width: 768px) {
.navbar-expand-lg .navbar-nav-scroll {
    overflow: visible;
}
.navbar-collapse.collapsing  {
    height: fit-content;
		overflow: visible;}

	}


.navbar .container-fluid {
	max-width: 72rem;
}

.navbar .navbar-nav .nav-link {
	color: var(--brown);
	text-transform: uppercase;
	font-size: 0.9rem;
	padding-right: 2vw;
    padding-left: 2vw;
	text-align: center;
}

@media (min-width: 992px) {
.navbar .navbar-nav .nav-link {
		padding-right: 1.5rem;
    padding-left: 1.5rem;
	}
}

@media (max-width: 767.98px) {

	.navbar .navbar-nav .nav-link {
		margin-top: 15px;
		margin-bottom: 15px;
	}
}

.navbar .navbar-brand {
	padding: 15px;
	margin: 0;
}

.navbar .navbar-brand .logo {

}
.navbar .navbar-nav .nav-link:focus, .navbar .navbar-nav .nav-link:hover, .navbar .navbar-nav .nav-link.active {
    color: #fff;
}

/* hamburger  */



.navbar-toggler {
	padding: 10px;
	border: 0;
	    margin-left: auto;
    margin-right: auto;
}


 .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);
}



/* Form */


.form {
	background-image: url("../images/form-bg-Lsjh7QQ.png");
	background-position: center bottom;
	background-size: 110%  auto;
	background-repeat: no-repeat;
	background-color: #8dc315;

	padding: 4.5rem 0 3.125rem 0;
	color: #fff;
}

.form h2 {
	font-size: 3.738rem;
	font-weight: 700;
	margin-bottom: 3.75rem;
}

.form-control.is-invalid {
	background-image: none;
	background-color: #ff0000;
	color: #fff;
}

.form-control.is-invalid::placeholder {
	color: #fff;
}

.form .form-container .input-group-addon {
	display: flex;
    align-items: center;
    justify-content: center;
	width: 3rem;
	height: 2.5rem;
	border-radius: 0;
	position: absolute;
	right: 0px;
	top: 0;
	cursor: pointer;
	z-index: 3;
}

.form .form-container .input-group-addon img {
	width: auto;
	height: 2.5rem;
}

.input-group:not(.has-validation)>:not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating) {
	border-top-right-radius: 0;
    border-bottom-right-radius: 0;
	border-radius:0;
}

.form  .input-group {
  transition: all 0.5s ease-in-out;
  min-height: 33px;
}

.form  .small-field {
  margin-top: 4px;
}

.form  .form-container {
	position: relative;
	max-width: 61.25rem;
	box-sizing: border-box;
	margin-left: auto;
	margin-right: auto;
}

.form .form-container .row {
    margin-bottom: 0.5rem;
}

.form-control {
  border-radius: 0;
  border: 0;
  color: #000;
  font-size: min(18px, 5vw);
  padding:  0px 15px 0px 15px;
  min-height: 2.5rem;
}


.form-container label {
	display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-end;
	font-size: 1.208rem;
	line-height: 0.85;
	color: #fff;
	padding: 0 1.5rem 0 0;
	min-height: 2.5rem;
}

@media (max-width: 575.98px) {
.form-container label  {
	justify-content: flex-start;
}

.form-container label br {
	display: none;
}
}

.form-container label.form-check-label {
	text-align: left;
	padding: 0.25rem 0 0 1rem;
}

.form-container label a {
	color: inherit;
}


.form-container label.form-check-label {
	font-family: helvetica-neue-lt-pro, sans-serif;
	font-size: 0.996rem;
	font-weight: 400;
	line-height: 1.1;
	color: var(--violet);
	justify-content: flex-start;
	padding: 0 0 0 1.25rem;
	min-height: 1.375rem;
}

.form-container label a {
	color: inherit;
}


.form-container  .form-check {
	position: relative;
}

.form-container .form-check-input {
	border-radius: 0;
    width: 1.375rem;
	height: 1.375rem;
	border: 0;
	margin-top: 0;

}

.form-container .form-check-input:checked[type=checkbox] {

}
.form-container .form-check-input:checked {
	background-color: var(--violet);
}

.zgody {
	max-width: 56rem;
	margin-left: auto;
	margin-right: 0;
}

/* accordion for Form */



  .form-container .accordion-item {
    background-color: transparent;
    border: 0;
    border-radius: 15px;

    margin-left: -15px;
    margin-right: -15px;
  }

 .form-container .accordion-header {

    border-bottom: 0;
    background-color: transparent;
    z-index: 2;

  }

  .form-container .accordion-body {
    padding: 15px 15px 0 15px;
    border: 0;
	border-top: none;
  }

  .form-container .accordion-item .collapse,   .form-container .accordion-item .collapsing,  .form-container .accordion-item .collapsed {
    background-color: transparent;

  }


  .form-container .accordion-button {
	display: block;
    font-size: 1.208rem;
	font-weight: 400;
	line-height: normal;
    color: #fff;
	background-color: transparent;
    text-decoration: none;
    padding:  0.6rem 0;
    width: 100%;
  }



@media (min-width: 768px) {
	.form-container .accordion-button {
	 padding:  0.6rem 3.5rem;
	}
}

@media (max-width: 767.98px) {
	.form-container #headingOne .accordion-button {padding:  0.6rem 4rem 0.6rem 0;}
	.form-container #headingTwo .accordion-button {padding:  0.6rem 0 0.6rem 4rem;}
}

.accordion-button:not(.collapsed) {
	background-color: transparent;
	box-shadow: inset 0 0 0 rgba(255,255,255,0);
}


  .form-container #headingTwo .accordion-button::before {
    position: absolute;
    top: .5rem;
    left: -3.75rem;
    display: block;
    width: 5.875rem;
    height: 1.938rem;
    border-radius: 0;
    content: "";
    background-color: #fff;
    border:0;
  }

  .form-container #headingTwo .accordion-button::after {
    position: absolute;
    top:  calc(0.5rem + 0.125rem);
    left: 0.313rem;
    display: block;
    width: 1.688rem;
    height: 1.688rem;
    border-radius: 0px;
    content: "";
    background-color: var(--green);
	border: 0;
	background-image: none;
--bs-accordion-btn-icon-transform: rotate(0);
    transition: all 0.5s ease-in-out;
  }

@media (max-width: 575.98px) {
	.form-container #headingTwo .accordion-button::before {top: 1rem;}
	.form-container #headingTwo .accordion-button::after {top:  calc(1rem + 0.125rem);}

}

  .form-container #headingTwo .accordion-button.collapsed::before {
    background-color: #fff;

  }


  .form-container #headingTwo .accordion-button.collapsed::after {
	border: 0;
	background-color: var(--green);
    left: -3.625rem;
    transition: all 0.5s ease-in-out;
  }

  .accordion-button.focus, .accordion-button:focus {
    outline: 0;
    box-shadow: 0 0 0 0.0rem rgba(0,0,0,0.0);
}

.popover-body {
	padding: 5px 0; }
.popover-body img {
	width: 100%;
	height: auto;
}


/* home */

.home {
	background-image: url("../images/hero-mob-orwEqod.jpg");
	background-size: 100% auto;
	background-position: bottom center;
	background-repeat: no-repeat;
	background-color: #3ea1fc;
}

@media (min-width: 768px) and (max-width: 991.98px)  {
.home {
	background-image: url("../images/hero-desk-gV6PDEM.jpg"), url("../images/bodybg-lcpYrbg.jpg");
	background-size: auto 110%, auto 110%;
	}
}

@media (min-width: 992px) {

.home {
	background-image: url("../images/hero-desk-gV6PDEM.jpg"), url("../images/bodybg-lcpYrbg.jpg");
	background-size: auto 110%, auto 110%;
	}

}

.hero {
	padding-top: 40px;
	padding-bottom: 2.625rem;
	max-width: 68.75rem;
	min-height: calc(105vw + 270px);
	margin-left: auto;
	margin-right: auto;
	position: relative;
	box-sizing: border-box;

    display: flex;
	flex-direction: column;
    align-items: center;
}

@media (min-width: 768px) {

	.hero {
		min-height: 48.125rem;
		padding-top: 7.5rem;
	}

}

.hero .logo {

	width: 14.063rem;
	height: auto;

}

@media (min-width: 768px) {

.hero .logo {
	position: absolute;
	left: 0;
	top: 1.188rem;
}
}

@media (min-width: 992px) {

	.hero .logo {left: -5.813rem;}

}

/* zasady */


	.zasady {
		padding: 2.875rem 0 4.063rem 0;
		background-image: url("../images/zasady-bg-tcWJj5h.jpg");
		background-repeat: repeat-x;
		background-position: center center;
		background-size: auto 100%;

		border-top: solid 2px #d1cea3;
	}

	.zasady  .container-fluid {
		max-width: 73.75rem;
		margin-left: auto;
		margin-right: auto;
	}

	.zasady h2 {
		font-size: 5.732rem;
		font-weight: 700;
		color: #fff;
	}

	.zasady .steps {
		font-family: helvetica-neue-lt-pro, sans-serif;
		font-weight: 400;
		font-size: 1.369rem;
		line-height: 1.1;
		color: var(--blue);
	}
	@media (max-width: 767.98px) {
		.zasady .steps {
			max-width: 45rem;
			margin-left: auto;
			margin-right: auto;
		}
}
	.zasady .steps img {
		width: auto;
		height: 5.438rem;
		margin-bottom: 1.688rem;
	}

	.zasady .steps a {
		color: inherit;
	}

	.zasady hr {
		margin: 2.5rem auto 3.125rem auto;
		max-width: 67.5rem;
		border-top: solid 2px #fff;
		opacity: 1;

	}

	.zasady p {
		font-family: gotham, sans-serif;
		text-align: center;
		font-size: 0.938rem;
		font-weight: 500;
		color: var(--blue);
		margin-bottom: 4.375rem;
	}

	.zasady .zasady-mis {
		position: absolute;
		bottom: 0;
		right: calc(50% + 35rem);

		width: 13.25rem;
		height: auto;
	}

/* nagrody */

.nagrody {
	background-image: url("../images/nagrody-bg-kh8R6tF.jpg");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 100% 110%;
	padding: 2.875rem 0 3rem 0;
}
.nagrody h2 {
		font-size: min(17.045vw, 6.322rem);
		font-weight: 700;
		color: #fff;
	}

.nagrody-info  {
	background-image: url("../images/nagrody-misio-MIw16u_.png");
	background-position: center center;
	background-size: auto 36.25rem;;
	background-repeat: no-repeat;
	min-height: 36.25rem;

	margin-top: 1.563rem;
	padding-top: 1.375rem;
}

@media (max-width: 767.98px) {

	.nagrody-info  {
		padding-top: 15rem;
		background-position: center top;
	}

}

.nagrody-img {
	width: 41.125rem;
	max-width: 100%;
	height: auto;
}

@media (max-width: 991.98px) {
	.nagrody-info .col-12 {
		display: flex;
	}
	.nagrody-img {
		margin: auto;
	}

}


/* produkty */


.produkty {
background-color: #e8ff9b;
	padding: 7.375rem 0;
}

.produkty-mis {
	position: absolute;
	width: 22rem;
	height: auto;
	bottom: 0;
	left: calc(50% + 31rem);
	z-index: 2;
}

@media (max-width: 1150px) {
	.produkty-mis {
		width: max(125px, 20vw);
		left: calc(100% - max(90px, 20vw));
	}
}

.produkty h2 {
	font-size: min(14vw, 6.383rem);
	color: var(--blue);
	font-weight: 700;
	margin-bottom: 0;
}

.produkty .carousel {
	width: 100%;
	background-image: url("../images/produkty-bg-Vg2pybK.jpg");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: auto 100%;
}

.produkty .carousel .carousel-inner {
	max-width: 71.75rem;
	margin-left: auto;
	margin-right: auto;
}

.produkty .carousel-control-next img, .produkty .carousel-control-prev img {
	width: min(8vw, 6.688rem);
	height: auto;
}

.carousel-control-next, .carousel-control-prev {
	opacity: 1;
	z-index: 2;
}




/* zwycięzcy */

.zwyciezcy {
	background-color: #54d9ff;
	background-image: url("../images/zwyciezcy-bg-2HHU8sT.jpg");
	background-repeat: no-repeat;
	background-position: center top;
	background-size: auto 110%;
	padding: 3rem 0 3.125rem 0;
}
@media (max-width: 767.98px) {
	.zwyciezcy {background-size: 170% auto;}

}

.zwyciezcy h2 {
	color: #fff;
	font-size: min(12.045vw, 4.402rem);
	margin-bottom: 2.813rem;
}

@media (max-width: 767.98px) {

	.zwyciezcy h2 {
		width: min(90vw, 30.625rem);
		text-align: right;
		margin-left: auto;
		margin-right: auto;
		text-shadow: 0px 0px 30px  #54d9ff, 0px 0px 15px  #54d9ff, 0px 0px 5px  #54d9ff;
	}

}

.zwyciezcy p {
	font-weight: 400;
	font-size: 1.396rem;
	color: var(--blue);
}

.zwyciezcy p strong {
	font-weight: 700;
}

.carouselWinners {
	width: min(90vw, 30.625rem);
	height: 20.188rem;
    background-color: #b5eeff;
	border-radius: 0.813rem;
	position: relative;
	overflow: hidden;
	margin: auto;
	font-family: "arial-rounded-mt-pro", sans-serif;
	font-weight: 700;
	font-style: normal;
	font-size: min(3.8vw, 1.313rem);
	line-height: 1.7;
	color: var(--blue);
}

.brown-txt {
	color: #883908;
}

.carousel-item-txt-block {    text-align: left;
    width: fit-content;
    margin: 0 auto;}

.carouselWinners .carousel-item {
    transition: transform 1s ease-in-out !important;
    height: 20.188rem;
	box-sizing: border-box;
	padding-top: 1.5rem;

}


.carouselWinners  .carousel-control-next {
	top: calc(100% - 3rem);
	width: 48%;
	justify-content: flex-start;
}

.carouselWinners  .carousel-control-prev {
	top: calc(100% - 3rem);
	width: 48%;
	justify-content: flex-end;
}

/* Forward */

/* Exiting slide goes up: */
.carouselWinners .carousel-item.active.carousel-item-start {
    transform: translateY(-100%) !important;
}

/* Entering slide starts below carousel */
.carouselWinners .carousel-item.carousel-item-next {
    transform: translateY(100%) !important;
}

/* Entering slide goes up to flush with carousel */
.carouselWinners .carousel-item.carousel-item-next.carousel-item-start {
    transform: translateY(0%) !important;
}


/* Backward: */

/* Exiting slide goes down: */
.carouselWinners .carousel-item.active.carousel-item-end {
    transform: translateY(100%) !important;
}

/* Entering slide starts above carousel */
.carouselWinners .carousel-item.carousel-item-prev {
    transform: translateY(-100%) !important;
}

/* Entering slide goes up to flush with carousel */
.carouselWinners .carousel-item.carousel-item-prev.carousel-item-end {
    transform: translateY(0%) !important;
}


/* kontakt */

.kontakt {
	background-image: url("../images/kontakt-bg-ybA0Gx1.jpg");
	background-position: center bottom;
	background-size: 100% 100%;
	padding: 3.125rem 0 5rem 0;
}

.kontakt h2 {
	font-size: 4.526rem;
	color: #fff;
}

.contact-form {
	max-width: 56.25rem;
	margin-left: auto;
	margin-right: auto;
}

.contact-form .row {
	margin-bottom: 0.75rem;
}

.form-container.contact-form  label {
	align-items: flex-start;
	color: #fff;
	padding-top: 0.8rem;
}

.form-container.contact-form  label.form-check-label {
	font-family: helvetica-neue-lt-pro, sans-serif;
	color: #97e8ff;
	font-weight: 400;
	font-size: 0.996rem;
	padding-top: 0;
	text-align: justify;
}

footer {
	font-family: gotham, sans-serif;
	font-weight: 500;
	background-color: #fff;
	color: var(--blue);
	font-size: 0.933rem;
	padding: 2.688rem 0 1.25rem 0;
}

footer a {
	color:  var(--blue);
	text-decoration: none;
}

.logo-footer {
	width: 14.25rem;
	height: auto;
}

/* zaślepka before  */

.zaslepka.before {
	background-image: url("../images/before-bg-Skd3fjR.jpg"), url("../images/before-bg2-c_yXgbA.jpg");
	background-repeat: no-repeat, repeat-x;
	background-size: auto 100%, auto 100%;
	background-position: bottom center, bottom center;
	min-height: 100vh;


	display: flex;
	flex-direction: column;
    justify-content: center;
    align-items: center;
}

.zaslepka .box {
	font-family: helvetica-neue-lt-pro, sans-serif;
	color: var(--blue);
	font-size: 2.083rem;
	line-height: 1.17;
	border-radius: 2.688rem;
	padding: 1.375rem;
	max-width: 62.25rem;
	margin: auto;
	background-color: rgba(255,255,255,0.65);
	box-shadow: 0px 22px 13px 0px rgba(21,68,104,0.20);
	position: relative;

}
.zaslepka.before .box p {
	font-size: 2.431rem;
	line-height: 1;
	margin-bottom: 3rem;
}


.zaslepka  .box-inner {
	border: solid max(0.25rem, 2px) #ffb600;
	border-radius: 2rem;
	padding: 4rem 2rem;
}


.zaslepka.after {
	background-image: url("../images/after-bg-jssc5-v.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	min-height: 100vh;
	overflow: hidden;
	padding-bottom: 5rem;


	display: flex;
	flex-direction: column;
    justify-content: center;
    align-items: center;
}

@media (max-width: 767.98px) {
	.zaslepka.after {
		background-position: center left 70%;
	}

}

.zaslepka.after .box-inner {
	padding: 5.625rem 2rem;
}

.zaslepka.after .box p {
	font-size: min(8vw, 2.493rem);
	line-height: 1;
	margin-bottom: 0;
}

.after-misio {
	position: absolute;
	top: auto;
	right: calc(50% + 12.188rem);
	bottom: 0;

	width: min(55vh, 41.25rem);
	height: auto;
	z-index: 2;
}

@media (max-width: 767.98px) {
	.after-misio {
		width: 50vw;
		left: 0;
		right: auto;
	}

}

.after-baloon {
    position: absolute;
    top: -8.5rem;
    right: -3.5rem;
    width: 11.688rem;
    height: auto;
}

.after.form {
    min-height: 80vh !important;
}

/* thx win */

.thx {
	background-image: url("../images/thx-bg-MxkCiX9.jpg");
	background-repeat: repeat-x;
	background-size: auto 100%;
	background-position: center center;
	min-height: 100vh;
	overflow: hidden;
	padding-bottom: 5rem;


	display: flex;
	flex-direction: column;
    justify-content: center;
    align-items: center;
}

.thx.win {
	background-image: url("../images/konfetti-i93xJmC.png"), url("../images/thx-bg-MxkCiX9.jpg");
	background-repeat: no-repeat, repeat-x;
	background-size: auto 100%, auto 100%;
	background-position: center center, center center;
}




.thx.win .box {
	font-family: helvetica-neue-lt-pro, sans-serif;
	color: var(--blue);
	font-size: min(5vw, 1.91rem);
	line-height: 1.17;
	border-radius: 2.688rem;
	padding: 1.375rem;
	max-width: 78.375rem;
	margin: auto;
	background-color: #ffbe00;
	box-shadow: 0px 22px 13px 0px rgba(21,68,104,0.20);
	position: relative;
}

.thx.win  .box-inner {
	border: solid max(0.25rem, 2px) #fff;
	border-radius: 2rem;
	padding: 4rem 2rem;
}

.win-misio {
    width: 23.188rem;
    height: auto;
    margin-bottom: -1.75rem;
    position: relative;
    z-index: 2;
}

.thx.win h2 {
	font-family: ff-cocon-pro, sans-serif;
	font-weight: 700;
	font-style: normal;

	font-size: min(10vw, 5.79rem);
	color: var(--blue);
	text-transform: uppercase;
}

.thx.win p {
	font-size: min(6vw, 2.431rem);
	font-weight: bold;
}


.thx.loss .box {
	font-family: helvetica-neue-lt-pro, sans-serif;
	color: #ffbe00;
	font-size: min(5vw, 2.083rem);
	line-height: 1.17;
	border-radius: 2.688rem;
	padding: 1.375rem;
	max-width: 78.375rem;
	margin: auto;
	background-color: var(--blue);
	box-shadow: 0px 22px 13px 0px rgba(21,68,104,0.20);
	position: relative;
}

.thx.loss  .box-inner {
	border: solid max(0.25rem, 2px) #ffbe00;
	border-radius: 2rem;
	padding: 4rem 2rem;
}

.thx.loss p {
	font-size: min(6vw, 2.431rem);
	font-weight: bold;
	margin-bottom: 0;
}

.loss-misio {
	position: absolute;
	top: auto;
	right: calc(50% + 32rem);
	bottom: 0;

	width: min(55vh, 28.125rem);
	height: auto;
	z-index: 2;
}

@media (max-width:1140px) {
	.loss-misio {
		width: clamp(15rem, 25vw, 28.125rem);
		left: calc(-0.25 *  clamp(15rem, 25vw, 28.125rem));
		right: auto;
	}
	.thx.loss {
	padding-bottom: 10rem;
	}
}




/* parallax  */

.page-wrapper {
	overflow: hidden;
}


@media (min-width: 768px)  {
.home.trig {
	background-position: center bottom calc(-50% + var(--trig, 0%));
     will-change: background-position;
}

}

@media (max-width: 767.98px)  {
.home.trig {
	background-position: center bottom calc(50% - var(--trig, 0%));
     will-change: background-position;
}
}

.form.trig {

	background-size: calc(100% + (0.25 * var(--trig, 0%))) auto;
     will-change: background-size;
}

.nagrody.trig {
		  background-position: center top var(--trig, 0%);
     will-change: background-position;
}

.zasady-mis {
transform: translateX(calc(var(--trig) * 0.15));
}

.nagroda-glowna {
transform: translateY(calc(var(--trig) * 0.15)) rotateZ(calc(var(--trig-deg) * -0.025));
}

.nagroda-dzienna {
transform: translateY(calc(var(--trig) * 0.15)) rotateZ(calc(var(--trig-deg) * 0.025));
}

@media (min-width: 768px)  {

.zwyciezcy.trig {
		  background-position: center top calc(-50% + var(--trig, 0%));
     will-change: background-position;
}
}

/* animacje na intro */

.thx .container-fluid {
transition: all 0.5s ease-In-Out;
  @starting-style {
transform: scale(0.8);
	  opacity: 0;
  }
}

.grecaptcha-badge {
	z-index: 1000 !important;
}

.datepicker-controls .btn {
	border: 0 !important;
}