@charset "utf-8";

html {
  width: 100%;
  height: 100%;
}
body {
	background-color: #6f2b6f;
	
font-family: montserrat, sans-serif;
font-weight: 500;
font-style: normal;
}


/* typo*/

h1 {
	font-family: 'dk_bocadilloregular';
	font-weight: normal;

}

h2 {
	font-family: 'dk_bocadilloregular';
	font-weight: normal;
	font-size: min(75px, 10vw);
	text-align: center;
	text-transform: uppercase;
	color: #6f2b6f;
	margin: 40px 0;
}


h3 {

}

.btn {
	font-family: 'dk_bocadilloregular';
	font-size: min(35.95px, 5vw);
	border-radius: 17px;
	border: 0;
	min-width: 300px;
	font-weight: bold;
}

.btn.btn-primary {
    color: #6f2b6f;
	background-color: #fff;
}

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


/* navbar */

.navbar {
	background-color: rgba(111,43,111,1.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: min(20px, 1.389vw) 0;
}

.navbar.top-nav-collapse {
	background-color: rgba(111,43,111,1.00);
box-shadow: 0px 1px 0px rgba(0,0,0,0.05), 0px 0px 8px rgba(0,0,0,0.1);
}

@media (min-width: 992px) {
	.navbar {
		background-color: rgba(111,43,111,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 {
	max-width: 1650px;
	position: relative;
}

.navbar .navbar-nav .nav-link {
	font-family: "interstate", sans-serif;
font-weight: 800;
font-style: normal;
	color: #fff;
	text-transform: uppercase;
	font-size: clamp(17px, 1.068vw ,20.5px);
	padding-right: 23px;
    padding-left: 23px;
	text-align: center;
	letter-spacing: -0.02em;
}

@media (max-width: 991.98px) { 

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

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





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

/* 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/bg/bg_01.jpg");
	background-repeat: no-repeat;
	background-position: top center;
	background-size: 100% 100%;
}

.hero {	
	z-index: 2;
	position: relative;
	margin-left: auto;
	margin-right: auto;
}

@media (min-width: 1430px) { 
	.hero {	}
}

@media (max-width: 575.98px) { 
	.hero {
	padding-top: 80px;}

}

.hero img {
	max-height: 100vh;
	max-height: 100dvh;
}


.hero .logo-l {
	position: absolute;
	left: min(140px,7.292vw);
	top:40px;
	width: clamp(140px, 13.281vw,255px);
	height: auto;	

}

.hero .logo-r {
	position: absolute;
	right: -12px;
	top:40px;
	width: clamp(160px, 19.271vw,370px);
	height: auto;
	
}


@media (max-width: 1429.98px) { 

.hero .logo-l {
	top: 80px;
	left:  10px;
	}	
	
.hero .logo-r {
	top: 68px;
	right: -12px;
	}	

}

/* nagrody  */


.nagrody {

	position: relative;
	background-image: url("../img/bg/bg_02.jpg");
	background-repeat: no-repeat;
	background-position: top center;
	background-size: 100% 100%;

	font-size: clamp(17px, 4.722vw, 20.83px);
	padding-bottom: min(230px, 11.979vw);
}


.blender, .czajnik {
	max-height: calc(100vh - min(95px,17vw));
}

.nagrody .nagrody-img {	
	z-index: 2;
	position: relative;}

.nagrody .nagrody-img img {
	max-height: calc(100vh - 100px);
	max-height: calc(100dvh - 100px);
}



/* Zasady  */

.zasady {

	position: relative;

	background-image: url("../img/bg/bg_04.jpg");
	background-repeat: no-repeat;
	background-position: top center;
	background-size: 100% 100%;
	
	color: #6f2b6f;
	font-size: clamp(17px, 1.582vw, 30.38px);
	
	line-height: 1.25;
}

.zasady .container-fluid {
	max-width: 1640px;
}


.zasady .steps img {
	width: clamp(180px, 16.458vw , 316px);
	height: auto;
}

.zasady  strong {
	font-weight: 800;

}


.zasady p {
	font-size:  clamp(14px, 1.085vw, 20.83px);
}



/* Produkty */


.produkty {
	background-image: url("../img/bg/bg_03.jpg");
	background-repeat: no-repeat;
	background-position: top center;
	background-size: 100% 100%;
	position: relative;	
	color: #30346a;
	font-size: clamp(17px, 5vw, 25px);
	margin-bottom: -1px;
}

@media (min-width: 1200px) { 
.produkty h2 {
	color: #fff;
	margin-bottom: -140px;
    position: relative;
	z-index: 2;
}}

.snow10 {
	position: absolute;
	right: 0;
	top: 10%;
	width: min(175px, 10vw);
	height: auto;
}


.mtn3 {
	position: absolute;
	left: 0;
	bottom: 0;
	width: min(343px, 30vw);
	height: auto;
	z-index: 2
}

.mtn4 {
	position: absolute;
	right: 0;
	bottom: 0;
	width: min(310px, 25vw);
	height: auto;
	z-index: 2;
}


.kontakt {
	
	display: flex;
    flex-direction: column;
    justify-content: center;
	overflow: visible;
	
	background-image: url("../img/bg/bg_05.jpg");
	background-repeat: no-repeat;
	background-position: top center;
	background-size: 100% 100%;
	
	position: relative;
	
	
	color: #fff;
	
font-family: "interstate", sans-serif;
font-weight: 700;
font-style: normal;
	
	font-size: clamp(17px, 1.736vw, 33.33px);
padding-top: 110px;
	padding-bottom: 110px;
}

.kontakt h2 {
	color: #fff;
}


.kontakt .btn-link {
	font-family: montserrat, sans-serif;
	font-weight: 500;
	font-style: normal;
	color: #fff;
	font-size: normal;
}

.mtn5 {
	position: absolute;
	left: 0;
	bottom: 0;
	width: min(447px, 30vw);
	height: auto;
	z-index: 2
}

.mtn6 {
	position: absolute;
	right: 0;
	bottom: 0;
	width: min(329px, 25vw);
	height: auto;
	z-index: 2;
}

.snow11 {
	position: absolute;
	left: 0;
	top: 0;
	width: min(218px, 10vw);
	height: auto;
}

.snow12 {
	position: absolute;
	right: 0;
	top: 20%;
	width: min(282px, 8vw);
	height: auto;
}


/* footer */

footer {
	background-color: #eebe08;
	color: #fff;
	font-size: clamp(13px, 3.5vw ,15.44px);
	
}
footer a {
	color: #fff;
	display: inline-block;
	text-transform: uppercase;
	text-decoration: none;
}

/* parallax  */

.page-wrapper {
	overflow: hidden;
	position: relative;
}





.kawa {
	position: absolute;
	left: 0;
	bottom: 0;
	width: clamp(30px, 6.042vw, 116px);
	height: auto;
	z-index: 1;
}


.kawa02 {
	position: absolute;
	right: 0;
	bottom: 20%;
	width: clamp(30px, 5.365vw, 103px);
	height: auto;
	z-index: 1;
}



.sun {
	position: absolute;
	left: calc(50% - min(390px, 40vw));
	top: calc(50% - (clamp(80px, 11.198vw, 215px)));
	width: clamp(80px, 11.198vw, 215px);
	height: auto;
	z-index: 1;
}


.hoverA {
	transition: all .4s ease-In-Out;
}

.hoverA:hover {
	transform: scale(1.05);
}

/* trig JS  */

.parallax { transform: translateY(calc(var(--trig) * -0.8)); }