@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
@import url("https://use.typekit.net/nvi5yxo.css");

body, html {
	height: 100%;
}
body {
	background: #fafafa;
	overflow: visible;
	position: relative;
	font-family: 'Montserrat', sans-serif;
	font-weight: 300;
}
h1, h2, h3{
	font-family: "short-films", sans-serif;
	font-size: 2.2rem;
}
h4 {
	font-family: 'Montserrat', sans-serif;
	font-weight: 900;
}
h2.heading {
	font-size: 3em;
	font-weight: 600;
	line-height: 1.2em;
	color: #002C57;
	text-align: center;
	z-index: 10;
	position: relative;
}
.semi-bold{
	font-weight: 400;
}
.bold{
	font-weight: 700;
}
.bkm-title-bg {
	color: #ffffff;
	background-color: #002C57;
	width: fit-content;
	padding: 0px 12px;
}
/*===*/

[class*=section-] {
	padding-top: 3rem;
	padding-bottom: 3rem;
}

[class*=section-] ul li {
	padding: 0 !important;
}
.bkm-section-1{
background-color: #c6d3ee;
position: relative;
padding: 20% 0 5% 0;
}
.bkm-section-1 p{
	padding: 0 56px;
    line-height: 1.4em;
	font-size: 1em;
	color: #002C57;
	font-weight: 400;
}
.bkm-section-2{
background-image: linear-gradient(180deg,#c6d3ee, #FFF7EC);
padding: 5% 0 15% 0;
position: relative;
overflow: hidden;
}
.bkm-section-2-bg-img{
	position: absolute;
    display: flex;
    justify-self: center;
    max-width: unset;
    width: 180%;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.bkm-section-2 .bkm-inline{
	margin-top: 5%;
position: relative;
z-index: 2;
display: flex;
justify-content: center;
}
.bkm-section-2 .bkm-item{
display: flex;
align-items: center;
flex-direction: column;
text-align: center;
background-color: #FFF7EC;
border-radius: 20px;
width: calc(100% - 100px);
margin: 20px 50px;
padding: 24px;
box-shadow: 2px 2px 20px rgba(0,0,0,0.2);
}
.bkm-section-2 .bkm-item img{
height: 100px;
width: auto;
}
.bkm-section-2 p{
 font-family: 'Montserrat', sans-serif;
 color: #002C57;
 margin-top: 16px;
 font-weight: 700;
 font-size: 1em;
 line-height: 1.2em;
}
.bkm-section-3{
background-image: linear-gradient(180deg, #FFF7EC,#c6d3ee);
background-color: #fff7ec;
position: relative;
}
.bkm-section-3 .heading{
	text-align: center;
}
.bkm-s-3-inside{
	background-image: url(../img/bg_section_3_m.png);
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-size: 100%;
	position: relative;
	padding: 8% 0 16px 0;
}
.bkm-sectiox-4{
background-color: #c6d3ee;
padding: 20% 0 0 0;
position: relative;
margin: 0 auto;
overflow: hidden;
text-align: center;
}
.bkm-sectiox-4 .bkm-sectiox-4-img{
	position: relative;
	width: 100%;
	margin: 0 auto;
	z-index: 3;
}
.bkm-sectiox-4 .container{
	position: relative;
}

/* TITLE */
.bkm-section-title {
	position: relative;
    background-image: url(../img/bg_title_m.png);
    background-attachment: scroll;
	background-position: center bottom;
    background-repeat: no-repeat;
    background-size: 100%;
    background-color: #fff7ec;
    color: #fafafa;
    width: 100%;
	padding: 15% 0 70% 0;
}
.bkm-section-title .heading{
	text-align: left;
	width: 70%;
}
.bkm-title-main{
	padding-left: 5%;
}
.bkm-item-1{
	position: absolute;
	z-index: 9;
    right: 5%;
    bottom: -8%;
}
.bkm-item-1 img{
width: 130px;
height: auto;
}
.bkm-item-2{
position: absolute;
z-index: 9;
left: 3%;
top: 3%;
}
.bkm-item-2 img{
width: 95px;
height: auto;
}
.bkm-item-3{
position: absolute;
z-index: 9;
right: 5%;
bottom: 0%;
animation: MoveUpDown 4s ease-in-out infinite;
}
@keyframes MoveUpDown {
  50% {bottom: 50px}
}
.bkm-item-3 img{
width: 50px;
height: auto;
}
.bkm-item-4{
	position: absolute;
	z-index: 9;
	right: 8%;
	bottom: -10%;
	animation: ScaleUpDown 6s ease-out infinite;
}
@keyframes ScaleUpDown {
  50% {transform: scale(1.1);}
}
.bkm-item-4 img{
	width: 100px;
	height: auto;
}
.bkm-item-5{
	width: 120%;
	position: absolute;
    z-index: 1;
    top: 70%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.bkm-item-5::after{
	content: "";
	background: #C6D3EE;
	background: linear-gradient(0deg,rgba(198, 211, 238, 1) 0%, rgba(198, 211, 238, 1) 45%, rgba(255, 255, 255, 0) 80%);
	display: block;
    position: absolute;
    width: 100%;
    bottom: 0;
    height: 100%;
}
.bkm-item-5 img{
width:100%;
height: auto;
animation: bkanimate 30s linear infinite;
}
@keyframes bkanimate{
	0%{transform: rotate(0deg)}
	100%{transform: rotate(360deg)}
}
.bx-wrapper{
	background: transparent;
	border: none;
	box-shadow: none;
}
.bx-wrapper .bx-pager.bx-default-pager a{
	background: #002856;
	opacity: 0.4;
}
.bx-wrapper .bx-pager.bx-default-pager a.active, .bx-wrapper .bx-pager.bx-default-pager a:focus, .bx-wrapper .bx-pager.bx-default-pager a:hover{
	background: #002856;
	opacity: 1;
}
.bx-wrapper .bx-next{
	background: url(../img/control.png) -43px -32px no-repeat;
}
.bx-wrapper .bx-prev{
	background: url(../img/control.png) 0 -32px no-repeat;
}
/* - */

/* NAVBAR */
.nav{
	margin-top: 8px;
}
nav.navbar {
	margin-top: -200px;
}
nav.navbar.active {
	background-color: #FFF7EC;
	box-shadow: 0px 1px 30px rgba(0, 0, 0, 0.3);
}
nav.navbar a.nav-link {
	color: #002C57;
	font-family: 'Montserrat', sans-serif;
	font-weight: 700;
	font-size: 1.2rem;
	text-transform: uppercase;
}
nav.navbar a.nav-link:hover {
	box-shadow: inset 0 -4px #002C57;
	color: #002C57;
}

nav.navbar-zero {
	padding: 30px 0 20px 0;
	position: relative;
	background-color: #FFF7EC;
}
.navbar-zero>.container, .navbar-zero>.container-fluid{
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
nav.navbar-zero a.nav-link {
	color: #002C57;
	font-family: 'Montserrat', sans-serif;
	font-weight: 700;
	font-size: 1.2rem;
	text-transform: uppercase;
}
nav.navbar-zero a.nav-link:hover {
	box-shadow: inset 0 -4px #002C57;
	color: #002C57;
}
.bkm-logo {
	display: block;
	height: 35px;
	opacity: 1;
} 
.bkm-logo-footer {
	display: block;
	justify-self: center;
	width: 180px;
	height: auto;
	margin-bottom: 1rem;
} 
.social-container{
	width: 50%;
	justify-self: center;
}
.social-icon{
	width: 40px;
	margin: 0 10px;
}
.social-icon:hover{
	transform: scale(1.1);
}
.mobilenav{
	background-color: #FFF7EC;
}
.topnav {
  position: relative;
  padding: 24px 0;
}

/* Hide the links inside the navigation menu (except for logo/home) */
.topnav #bkmLinks {
  display: none;
}

/* Style navigation menu links */
.topnav a {
  color: #002C57;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 17px;
  display: block;
}

.topnav .nav{
	background-color: #FFF7EC;
	display: flex;
	flex-direction: column;
	border: none;
	border-radius: 10px;
	box-shadow: 3px 3px 10px rgba(0,0,0,0.5)
}

.topnav .bkmLinks{
	width: 100%;
	justify-content: flex-end;
	margin-top: 12px;
	position: absolute;
    z-index: 99;
}

/* Style the hamburger menu */
.topnav a.burgericon {
  background: transparent;
  display: block;
  position: absolute;
  right: 0;
  top: 14px;
}

.topnav a:hover {
  background-color: #002C57;
  color: #ffffff;
}

.topnav .burgericon:hover {
  background: transparent;
}
.topnav .nav-link{
	background-color: #FFF7EC;
	border-bottom: 1px solid #002C57;
    margin: 0 10px;
	text-transform: uppercase;
    font-weight: 600;
}
.topnav ul li:last-child a{border-bottom: none;}

/* Style the active link (or home/logo) */
.active {
  background-color: #FFF7EC;
  color: #002C57;
}
/*===*/


/* FOOTER */
.footer {
	background: #002856;
	color: #ffffff;
	padding: 4rem 0;
	text-align: left;
}
.bkm-footer-containter{
	width: fit-content;
    margin:0 auto;
	text-align: left;
	justify-items: left;
}
.bkm-footer-containter--2{
	width: 100%;
	text-align: center;
	justify-items: center;
}
.bkm-footer-left{
	margin-right: 7%;
}
.bkm-footer-right{
	margin-left: 7%;
}

.footer h3 {
	text-align: center;
	color: #ffffff;
	font-size: 1.6rem;
	font-family: "short-films", sans-serif;
	font-weight: 400;
	margin-bottom: 0.2em;
}
.footer p {
	color: #ffffff;
	font-size: 1.2rem;
	font-family: "short-films", sans-serif;
	font-weight: 400;
}
.footer a {
	color: #ffffff;
	font-size: 1.2rem;
	font-family: "short-films", sans-serif;
	font-weight: 400;
}
/* - */

/* POP-UP-Polityka-prywatnosci */
  .pp-backdrop{
    position: fixed; inset: 0;
    display: grid; place-items: center;
    background: rgba(15,23,42,.55);
    backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px);
    opacity: 0; pointer-events: none;
    transition: opacity .24s ease;
    z-index: 9999;
  }
  .pp-backdrop[aria-hidden="false"]{ opacity:1; pointer-events:auto; }

  .pp-modal{
    width: 90%;
	max-width: 1200px;
    background: #ffffff;
    border-radius: 20px;
    box-shadow: 0 20px 50px rgba(0,0,0,.35);
    transform: translateY(10px) scale(.98);
    opacity: 0;
    transition: all .5s ease;
    color: #002C57;
    line-height: 1.55;
  }
  .pp-backdrop[aria-hidden="false"]
  .pp-modal{ transform: translateY(0) scale(1); opacity:1; }
  
  .pp-header{
	padding: 50px 16px 16px 16px;
	position:relative;
	text-align:center;
  }
  
  .pp-title{
	text-align: center;
    color: #002C57;
    font-size: 32px;
    font-family: "short-films", sans-serif;
    font-weight: 700;
  }
  .pp-underline{
	width:70%;
	height:3px;
	border-radius: 10px;
	margin:14px auto 0;
    background: #002C57;
  }

  .pp-body{
	padding: 2% 5%;
	max-height: min(70vh, 560px);
	overflow:auto;
	text-align: center;
   }
  .pp-body p{
	font-family: 'Montserrat', sans-serif;
	font-weight: 400;
	font-size:10px;
	color:#002C57;
   }
  .pp-close{
    position:absolute;
	top:10px;
	right:16px;
	width:36px;
	height:36px;
    display:grid; place-items:center; border-radius:50%;
    border:none; background:#fff; cursor:pointer;
  }
  .pp-close svg{ width:36px; height:36px; }

  .pp-body::-webkit-scrollbar{ width:12px; }
  .pp-body::-webkit-scrollbar-thumb{ background:#e5e7eb; border-radius:999px; border:3px solid #fff; }
  button:focus{outline: none;}

.transition,
.transition:hover,
.transition *:not(.tooltip),
.transition:hover *:not(.tooltip) {
	-moz-transition: all .44s cubic-bezier(.36,.76,0,.88);
	-o-transition: all .44s cubic-bezier(.36,.76,0,.88);
	-ms-transition: all .44s cubic-bezier(.36,.76,0,.88);
	transition: all .44s cubic-bezier(.36,.76,0,.88);
}
@media (min-width: 768px) {
	h2.heading {
		text-align: left;
	}
	nav.navbar-zero {
		padding: 30px 0 20px 0;	
	}
	.bkm-title-main{
		padding-left: 3%;
	}
	.bkm-section-title .heading {
		text-align: left;
		width: 50%;
	}
	.bkm-section-1{
		background-color: #c6d3ee;
		background-image: url(../img/bg_section_1.png);
		background-size: 44%;
		background-position: left center;
		background-repeat: no-repeat;
		position: relative;
		padding: 12% 0!important;
	}
	.bkm-section-1 .heading{
		padding-bottom: 5%;
	}
	.bkm-section-1 p{
		padding: 0 9% 0 6px;
	}
	.bkm-section-2-bg-img {
		width: 120%;
	}
	.bkm-section-3{
		padding: 0 0 10% 0;
	}
	.bkm-s-3-inside{
		background-image: url(../img/bg_section_3.png);
		background-attachment: scroll;
		background-repeat: no-repeat;
		background-size: 100%;
		position: relative;
		background-position: bottom center;
	}
	
	.bkm-item-1{
		position: absolute;
		z-index: 9;
		right: 5%;
		bottom: -6%;
	}
	.bkm-item-2{
		position: absolute;
		z-index: 9;
		left: 2%;
		top: 5%;
	}
	.bkm-item-2 img {
		width: 135px;
		height: auto;
	}
	.bkm-item-3{
		position: absolute;
		z-index: 9;
		right: 5%;
		bottom: 0%;
	}
	.bkm-item-4{
		position: absolute;
		z-index: 9;
		right: 3%;
		bottom: -5%;
	}
	.bkm-item-4 img{
		width: 150px;
		height: auto;
	}
	.bkm-item-5{
		width: 120%;
		position: absolute;
		z-index: 1;
		top: 70%;
		left: 50%;
		transform: translate(-50%, -50%);
	}

	.bkm-item-5::after{
		content: "";
		background: #C6D3EE;
		background: linear-gradient(0deg,rgba(198, 211, 238, 1) 0%, rgba(198, 211, 238, 1) 45%, rgba(255, 255, 255, 0) 80%);
		display: block;
		position: absolute;
		width: 100%;
		bottom: 0;
		height: 100%;
	}
	.bkm-item-5 img{
	width:100%;
	height: auto;
	animation: bkanimate 30s linear infinite;
	}
	.social-container{
		width: 100%;
	}
	.bkm-footer-left{
		margin-right: 15%;
	}
	.bkm-footer-right{
		margin-left: 15%;
	}
	.pp-modal{
    	width: 65%;
	}
	.pp-close svg{ width:28px; height:28px; }
	.pp-close{ top:20px;right:20px; }
	.pp-underline{
		width:70%;
	}
	.pp-header{
	padding: 32px 32px 16px 32px;
	position:relative;
	text-align:center;
  }
  .pp-title{
		font-size: 64px;
		font-family: "short-films", sans-serif;
		font-weight: 700;
	}
	.pp-body p{
	font-family: 'Montserrat', sans-serif;
	font-size:16px;
	color:#002C57;
   }
}

@media (min-width: 992px) {
	.bkm-logo {
		display: block;
		height: 35px;
		opacity: 1;
	} 
	nav.navbar-zero {
		padding: 40px 0 20px 0;	
	}
	nav.navbar.active {
		margin-top: 0;
	}
	nav.navbar-zero a.nav-link{
		font-size: 1rem;
	}
	[class*=section-] {
	padding-top: 8rem;
	padding-bottom: 8rem;
	}
	h2.heading {
		font-size: 4.5em;
		line-height: 1.2em;
	}
	h3 {
		font-size: 1.75rem;
	}	
	.bkm-section-title {
		background-image: url(../img/bg_title.png);
		background-attachment: scroll;
		background-position: center top;
		background-repeat: no-repeat;
		background-size: 80%;
		padding: 6% 0 12% 0;
	}
	.bkm-section-1 p{
		font-size: 1.4em;
		padding: 0 12px;
	}
	.bkm-section-2{
		padding: 5% 0 15% 0;
	}
	.bkm-section-2-bg-img{
		position: absolute;
		display: flex;
		justify-self: center;
		width: 58%;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -45%);
	}
	.bkm-section-2 .bkm-item{
		display: flex;
		align-items: center;
		flex-direction: column;
		text-align: center;
		background-color: #FFF7EC;
		border-radius: 20px;
		width: calc(50% - 200px);
		margin: unset;
		padding: 16px 72px;
	}
	.bkm-section-2 .bkm-square-1{
		margin: 40px 40px 40px 100px;
	}
	.bkm-section-2 .bkm-square-2{
		margin: 40px 100px 40px 40px;
	}
	.bkm-section-2 .bkm-square-3{
		margin: 40px 40px 40px 100px;
	}
	.bkm-section-2 .bkm-square-4{
		margin: 40px 100px 40px 40px;
	}
	.bkm-section-2 .bkm-item img{
		height: 130px;
		width: auto;
	}
	.bkm-section-2 p{
		margin-top: 16px;
		margin-bottom: 0;
		font-weight: 700;
		font-size: 1.2em;
		line-height: 1.2em;
	}
	.bkm-section-3{
		background-image: linear-gradient(180deg, #FFF7EC,#c6d3ee);
		background-color: #fff7ec;
		padding: 0 0 5% 0;
		position: relative;
	}
	.bkm-section-3 .heading{
		text-align: center;
		margin-bottom: 6% !important;
	}
	.bkm-s-3-inside{
		background-image: url(../img/bg_section_3.png);
		background-repeat: no-repeat;
		background-size: 100%;
		position: relative;
	}
	.bkm-sectiox-4{
		padding: 9% 0 0 0;
	}
	.bkm-title-bg {
		color: #ffffff;
		background-color: #002C57;
		padding: 0px 20px;
	}
	.bkm-item-1{
		position: absolute;
		z-index: 9;
		right: 15%;
		bottom: -11%;
	}
	.bkm-item-1 img{
		width: 180px;
		height: auto;
	}
	.bkm-item-2{
		position: absolute;
		z-index: 9;
		left: 7%;
		top: 12%;
	}
	.bkm-item-2 img{
		width: 135px;
		height: auto;
	}
	.bkm-item-3{
		position: absolute;
		z-index: 9;
		right: 15%;
		bottom: 0%;
	}
	.bkm-item-3 img{
		width: 90px;
		height: auto;
	}
	.bkm-item-4{
		position: absolute;
		z-index: 9;
		right: 16%;
        top: 18%;
	}
	.bkm-item-4 img{
		width: 180px;
		height: auto;
	}
	.bkm-item-5{
		width: 75%;
		position: absolute;
		z-index: 1;
		top: 60%;
		left: 50%;
		transform: translate(-50%, -50%);
	}
	.bkm-item-5::after{
		content: "";
		background: #C6D3EE;
		background: linear-gradient(0deg,rgba(198, 211, 238, 1) 0%, rgba(198, 211, 238, 1) 50%, rgba(255, 255, 255, 0) 80%);
		display: block;
		position: absolute;
		width: 100%;
		bottom: 0;
		height: 100%;
	}
	.bkm-item-5 img{
		width:100%;
		height: auto;
		animation: bkanimate 30s linear infinite;
	}
	.bkm-footer-containter{
		justify-items: flex-start;
		width: fit-content;
		margin:0 auto;
	}
	.bkm-logo-footer {
		display: block;
		width: 200px;
		height: auto;
		margin-bottom: 1rem;
	} 
	.footer h3 {
		color: #ffffff;
		font-size: 2rem;
		font-family: "short-films", sans-serif;
		font-weight: 400;
	}
	.footer p {
		color: #ffffff;
		font-size: 1.5rem;
		font-family: "short-films", sans-serif;
		font-weight: 400;
	}
	.footer a {
		color: #ffffff;
		font-size: 1.5rem;
		font-family: "short-films", sans-serif;
		font-weight: 400;
	}
	.social-icon{
		width: 55px;
		margin: 0 10px 0 0;
	}
}
@media (min-width: 1025px) {
	nav.navbar-zero a.nav-link{
		font-size: 1rem;
	}
	h2.heading {
		text-align: left;
		font-size: 6em;
		line-height: 1.2em;
	}
	.bkm-section-2 .bkm-item{
		width: calc(50% - 200px);
		margin: unset;
		padding: 16px 72px;
	}
	.bkm-section-2 .bkm-square-1{
		margin: 40px 40px 40px 160px;
	}
	.bkm-section-2 .bkm-square-2{
		margin: 40px 160px 40px 40px;
	}
	.bkm-section-2 .bkm-square-3{
		margin: 40px 40px 40px 160px;
	}
	.bkm-section-2 .bkm-square-4{
		margin: 40px 160px 40px 40px;
	}
	.bkm-item-1{
		bottom: -9%;
	}
	
}
@media (min-width: 1200px) {
	nav.navbar-zero a.nav-link{
		font-size: 1.2rem;
	}
	.bkm-item-4 img {
        width: 200px;
        height: auto;
    }
}
@media (min-width: 1600px) {
    .container {
        max-width: 1440px;
    }
	nav.navbar-zero a.nav-link{
		font-size: 1.4rem;
	}
	nav.navbar a.nav-link{
		font-size: 1.4rem;
	}
	h2.heading {
		text-align: left;
		font-size: 130px;
	}
	.bkm-section-title {
		background-image: url(../img/bg_title.png);
		background-attachment: scroll;
		background-position: center top;
		background-repeat: no-repeat;
		background-size: 82%;
		padding: 6% 0 10% 0;
	}
	.bkm-section-title .bkm-title-bg{
		font-size: 150px;
	}
	.bkm-section-1{
		background-color: #c6d3ee;
		background-image: url(../img/bg_section_1.png);
		background-size: 40%;
		background-position: left center;
		background-repeat: no-repeat;
		position: relative;
		padding: 10% 0!important;
	}
	.bkm-section-1 .heading{
		font-size: 128px;
		padding-bottom: 5%;
	}
	.bkm-section-1 p{
		padding: 0 8% 0 16px;
		font-size: 32px;
		line-height: 36px;
		color: #002C57;
	}
	.bkm-section-2 .bkm-item{
		width: calc(50% - 380px);
		margin: unset;
		padding: 16px 72px;
	}
	.bkm-section-2 .heading{
		font-size: 128px;
	}
	.bkm-section-2 .bkm-square-1{
		margin: 40px 40px 40px 340px;
	}
	.bkm-section-2 .bkm-square-2{
		margin: 40px 340px 40px 40px;
	}
	.bkm-section-2 .bkm-square-3{
		margin: 40px 40px 40px 340px;
	}
	.bkm-section-2 .bkm-square-4{
		margin: 40px 340px 40px 40px;
	}
	.bkm-section-3 .heading{
		font-size: 160px;
		margin-bottom: 6% !important;
	}
	.bkm-item-1{
		position: absolute;
		z-index: 9;
		right: 18%;
		bottom: -10%;
	}
	.bkm-item-1 img{
		width: 250px;
		height: auto;
	}
	.bkm-item-2{
		position: absolute;
		z-index: 9;
		left: 5%;
		top: 5%;
	}
	.bkm-item-2 img{
		width: 185px;
		height: auto;
	}
	.bkm-item-5 {
        width: 85%;
		position: absolute;
        z-index: 1;
        top: 65%;
        left: 50%;
        transform: translate(-50%, -50%);
	}
	
}