html {
	font-family: 'Open Sans', sans-serif;
	color:#586972;
	scroll-behavior: smooth;
	font-weight:400;

}

body {
	font-family: 'Open Sans', sans-serif;
	color:#586972;
	line-height: 2rem;
	
}


a {
	color:#fff;
	text-decoration:none
}

a:hover {
	color:#3b484f
}

h1, h2, h3 {
	font-weight:300;
	margin-bottom:2rem;
	text-align:center;
	color:#3abe6b;
}

h5 {
	color:#3b484f;
	font-weight:400
}

h3:after {
	  border-bottom: 1px solid #3abe6b;
	  position: absolute;
left: 50%;
bottom: 0;
width: 556px;
margin-left: -278px;
}

.img-br {
	border-radius:1rem
}
.link-w0 {
	min-width:175px
}
.link-w1 {
	min-width:118px
}
.link-w2a {
	min-width:240px
}

.link-w2 {
	min-width:220px
}
.link-w3 {
	min-width:114px
}

form #messagee {
  position:absolute;
  left:-5000px;
  bottom:-2000px;
  width:200px !important;
}
.navbar{
  transition:800ms ease;
  background-color:#fff
}
.navbar-scrolled{
  background:#fff;
  box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.15);
}
.navbar-scrolled .logo{
 display:none
}
.navbar .logo{
 display: none
}

.navbar .logo-b{
 display: block
}
.navbar-scrolled .logo-b{
 display: block
}
.navbar-scrolled  .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0,0,0, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E") !important;
}


.dropdown-toggle {
background: rgba(255, 255, 255, 0.1);
border-radius: 36px;
padding:0.5rem 0.8rem
}
.dropdown a{
	color:#FFBD00;
}
.dropdown a:hover{
	color:#FFBD00;
}

.navbar-scrolled .dropdown a{
	color:#18191F;
}
.navbar-scrolled .dropdown a:hover{
	color:#FFBD00;
}

.lang {
	margin-top:1rem;
}

.lang .btn-active{	
	border-radius: 2rem;
	padding:0.5rem 2rem;
	margin:0  0.5rem
}
.lang .btn-noactive{
 background-color:#eaeaea;
 border-radius: 2rem;
 padding:0.5rem 2rem;
 cursor: default;
 margin:0 0.5rem
}


.dropdown-menu {
  position: absolute;
  z-index: 1000;
  display: none;
  min-width: 10rem;
  padding: .0rem 0;
  margin: 0;
  margin-top: 0px;
  font-size: 1rem;
  color: #212529;
  text-align: left;
  list-style: none;
  background-color: transparent;
  background-clip: padding-box;
  border: 0px solid rgba(0,0,0,.15);
  border-radius: .25rem;
}
.dropdown-item {
  display: block;
  width: 100%;
  padding: .25rem 1rem;
  clear: both;
  font-weight: 400;
  color: #FFBD00;
  text-align: inherit;
  text-decoration: none;
  white-space: nowrap;
  background-color: transparent;
  border: 0;
}
.dropdown-item:hover {
	background-color: transparent;
}

.navbar-scrolled .dropdown-toggle {
border-radius: 36px;
padding:0.5rem 0.8rem
}

.navbar-nav .nav-link.active{
transition: 0.3s;
border-bottom:4px solid #FFBD00;
color:#18191F;
font-weight:600;
width:60%;
margin:auto
}

.btn-yellow {
	background-color:#FFBD00;
	border-radius: 6px;
	color:#1D2051;
	font-size:.9rem
} 
.bg-black {
	background:000;
	min-height:rem
}

.text-b {
	font-weight:700
}


#onas h2{
	color:#202020;
	
}
#kontakt h5 {
	font-weight:700;
	margin-bottom:1.5rem
}
#kontakt .bg-rd-20{
	border-radius: 1rem;
	box-shadow: 0px 13px 19px rgba(0, 0, 0, 0.07);
	border: 1px solid #DDDDDD;
}




#kontakt {
  scroll-margin-top: 50px;
}
#oferta {
  scroll-margin-top: 150px;
}







.top-slider {
	background:linear-gradient(180deg, #2E3192 0%, #121330 83.08%); 
	min-height:720px 
}
.top-slider  h1{
	color:#fff;
	font-size:2rem;
	text-align:center;
}



.carousel-indicators {
width:100%;
margin-left: 0 !important;
margin-bottom:0 !important;
}

.carousel-indicators .active {
	background-color: #38B000;
}
.carousel-caption {
top:15%;
width:80%;
left: 10% !important;
color:#fff;
text-align:center}



.carousel-indicators [data-bs-target] {
background-color:#000;}

.ico-lokalizacja::before {
	float:left;
	margin:0rem 1.5rem 0 2rem;
	width:80px;
	height:80px;
	content:url(assets/img/ico-lokalizacja.png);
	
}
.ico-transport::before {
	float:left;
	margin:0rem 1.5rem 0 2rem;
	width:80px;
	height:80px;
	content:url(assets/img/ico-transport.png);
	
}
.ico-doswiadczenie::before {
	float:left;
	margin:0rem 1.5rem 0 2rem;
	width:80px;
	height:80px;
	content:url(assets/img/ico-doswiadczenie.png);
	
}
.ico-linia-produkcyjna::before {
	float:left;
	margin:0rem 1.5rem 0 2rem;
	width:80px;
	height:80px;
	content:url(assets/img/ico-linia-produkcyjna.png);
	
}
.d-naglowek {
	font-size:1.2rem;
	font-weight:600;
	margin-bottom:2rem;
	
}
.d-text {
	margin-top:1rem;
	clear:both;
	text-align:justify
	
}




.top-onas {
	background:url(assets/img/bg-top-onas.webp) no-repeat top right;
	min-height:360px;
	background-size: auto  100%;
}
.top-oferta {
	background:url(assets/img/bg-top-oferta.webp) no-repeat top center;
	min-height:360px;
	background-size: auto  100%;
}
.top-praca {
	background:url(assets/img/bg-top-praca.webp) no-repeat top center;
	min-height:360px;
	background-size: auto  100%;
}
.top-programy{
	background:url(assets/img/bg-top-programy.webp) no-repeat top center;
	min-height:360px;
	background-size: auto  100%;
}
.top-kontakt {
	background:url(assets/img/bg-top-kontakt.webp) no-repeat top center;
	min-height:360px;
	background-size: auto  100%;
}
.top-h h1{
	color:#fff;
	text-align:left;
	font-size:2.5rem;
	margin-top:8%;
	position:relative
}
.top-h h1:after{
  display: block;
  content: '';
  width: 100%;
  height: 3px;
  background: #FFBD00;
  position: absolute;
  bottom: -2rem;
  left: 0;
  width:70px
}

.onas-c1 {
	background:url(assets/img/img-onas-1.jpg) no-repeat top right;
	max-height:520px;
	min-height:516px;
	background-size:  auto 100%;
}
.onas-c2 {
	background:url(assets/img/img-onas-2.jpg) no-repeat top left;
	max-height:520px;
	min-height:448px;
	background-size:  auto 100%;
}
.onas-c3 {
	background:url(assets/img/img-onas-3.jpg) no-repeat top right;
	max-height:520px;
	min-height:448px;
	background-size:  auto 100%;
}
.onas-c4 {
	background:url(assets/img/img-onas-4.jpg) no-repeat top left;
	max-height:520px;
	min-height:448px;
	background-size:  auto 100%;
}
.onas-c5 {
	background:url(assets/img/img-onas-5.jpg) no-repeat top right;
	max-height:520px;
	min-height:448px;
	background-size:  auto 100%;
}


 .custom-column {
      transition: flex 0.3s ease-in-out;
      cursor: pointer;
      position: relative;
      overflow: hidden;
    }

    .description {
      position: absolute;
	  bottom:475px;
	  height:475px;
	  padding-top:300px;
	  width:90%;
      left: 5%;
      right: 0;
      background-color: rgba(255, 255, 255, 0.9);
      border-bottom-left-radius:1rem;
	  border-bottom-right-radius:1rem;
      transform: translateY(100%);
      transition: transform 0.4s ease-in-out;
	  background: linear-gradient(180deg, rgba(18, 19, 48, 0.00) 51.04%, rgba(18, 19, 48, 0.52) 68.75%, #121330 100%); 
	
    }
	
	 .description p {
	padding:1rem 2rem 0;
	color:#fff;
	font-size:2rem;
	color:#fff
	 }
	 .description span {

	color:#fff;

	 }
	 
	  .description span, .description img {
			margin-left:2rem;
			margin-bottom:1rem;
			float:left;
			clear:left
	} 

    .show-description .description {
      transform: translateY(0);
	  background: linear-gradient(180deg, rgba(18, 19, 48, 0.00) 51.04%, rgba(18, 19, 48, 0.52) 68.75%, #121330 100%); 
	  height:475px;
	  border-bottom-left-radius:1rem;
	  border-bottom-right-radius:1rem;
	  padding: 0px;
	  width:95%;
	  transition-delay: 0s;
	  visibility: hidden;
	  color:#fff
	 
    }
	.show-description .description p{
	margin-top:70%;
	padding:1rem 2rem 0;
	color:#fff;
	font-size:2rem
	}
	.show-description .description span, .show-description .description img {
			margin-left:2rem;
			margin-bottom:1rem;
			float:left;
			clear:left
	} 


.oferta-1 {
	background:url(assets/img/a1.jpg) no-repeat top center;
	background-size:  100% auto ;
	width:90%;
	min-height:355px;
	margin:auto;
	border-radius:1rem}
	
	
	
	.show-description .oferta-1 {
	background:url(assets/img/a1.jpg) no-repeat top center;
	background-size:   100% auto;
	width:95%;
	min-height:475px;
	border-radius:1rem}
	
	
		
	
	.oferta-2 {
	background:url(assets/img/a2.jpg) no-repeat top center;
	background-size:  100% auto ;
	width:90%;
	min-height:355px;
	margin:auto;
	border-radius:1rem}
	
	.show-description .oferta-2 {
	background:url(assets/img/a2.jpg) no-repeat top center;
	background-size:   100% auto;
	width:95%;
	min-height:475px;
	border-radius:1rem}
	
	
	
	.oferta-3 {
	background:url(assets/img/a3.jpg) no-repeat top center;
	background-size:  100% auto ;
	width:90%;
	min-height:355px;
	margin:auto;
	border-radius:1rem}
	
	.show-description .oferta-3 {
	background:url(assets/img/a3.jpg) no-repeat top center;
	background-size:   100% auto;
	width:95%;
	min-height:475px;
	border-radius:1rem}
	
	.oferta-4 {
	background:url(assets/img/a4.jpg) no-repeat top center;
	background-size:  100% auto ;
	width:90%;
	min-height:355px;
	margin:auto;
	border-radius:1rem}
	
	.show-description .oferta-4 {
	background:url(assets/img/a4.jpg) no-repeat top center;
	background-size:   100% auto;
	width:95%;
	min-height:475px;
	border-radius:1rem}
		
	.oferta-5 {
	background:url(assets/img/a5.jpg) no-repeat top center;
	background-size:  100% auto ;
	width:90%;
	min-height:355px;
	margin:auto;
	border-radius:1rem}
	
	.show-description .oferta-5 {
	background:url(assets/img/a5.jpg) no-repeat top center;
	background-size:   100% auto;
	width:95%;
	min-height:475px;
	border-radius:1rem}
	
	.oferta-6 {
	background:url(assets/img/a6.jpg) no-repeat top center;
	background-size:  100% auto ;
	width:90%;
	min-height:355px;
	margin:auto;
	border-radius:1rem}
	
	.show-description .oferta-6 {
	background:url(assets/img/a6.jpg) no-repeat top center;
	background-size:   100% auto;
	width:95%;
	min-height:475px;
	border-radius:1rem}
	
	
	.oferta-7 {
	background:url(assets/img/a7.jpg) no-repeat top center;
	background-size:  100% auto ;
	width:90%;
	min-height:355px;
	margin:auto;
	border-radius:1rem}
	
	.show-description .oferta-7 {
	background:url(assets/img/a7.jpg) no-repeat top center;
	background-size:   100% auto;
	width:95%;
	min-height:475px;
	border-radius:1rem}
	
	
	.oferta-8 {
	background:url(assets/img/a8.jpg) no-repeat top center;
	background-size:  100% auto ;
	width:90%;
	min-height:355px;
	margin:auto;
	border-radius:1rem}
	
	.show-description .oferta-8 {
	background:url(assets/img/a8.jpg) no-repeat top center;
	background-size:   100% auto;
	width:95%;
	min-height:475px;
	border-radius:1rem}
	
	.oferta-9 {
	background:url(assets/img/a9.jpg) no-repeat top center;
	background-size:  100% auto ;
	width:90%;
	min-height:355px;
	margin:auto;
	border-radius:1rem}
	
	.show-description .oferta-9 {
	background:url(assets/img/a9.jpg) no-repeat top center;
	background-size:   100% auto;
	width:95%;
	min-height:475px;
	border-radius:1rem}
	
	.oferta-10 {
	background:url(assets/img/a10.jpg) no-repeat top right;
	background-size:  100% auto ;
	width:90%;
	min-height:355px;
	margin:auto;
	border-radius:1rem}
	
	.show-description .oferta-10 {
	background:url(assets/img/a10.jpg) no-repeat bottom right;
	background-size:   100% auto;
	width:95%;
	min-height:475px;
	border-radius:1rem}

.bg-oferta {
	background:#2E3192 url(assets/img/bg-oferta.webp) no-repeat; 
	min-height:750px; 
	background-size: cover;
	color:#fff;
	line-height:2rem
}
.bg-oferta h1 {
	color:#fff;
	text-align:left
}
.bg-oferta a {
	color:#FFBD00;
	font-weight:600
}

.cyfry h2 {
	color:#18191F;
	text-align:center;
	margin-bottom:1.4rem;
	font-size:1.8rem
}
.cyfry p {
	margin-bottom:0
}
.cyfry img {
	margin-bottom:.5rem
}
.cyfry  .counter{
	font-weight:600;
	font-size:1.5rem;
	
}


.ico-c1::before {
	width:49px;
	height:58px;
	content:url(assets/img/ico-liczby-c1.png);
	 position: relative;
    top: 0%;
    left: 0;
}

.bg-praca-mp {
	border-radius:1rem;
	background:#EDF0F8 url(assets/img/img-praca-2-m) no-repeat top right;
	background-size: 100% auto ;
	color:#18191F	
}
.bg-praca-mp h1 {
	color:#18191F;
	text-align:left;
	position:relative;
	margin-bottom: 0.5rem;

}
.bg-praca-mp h1:after{
  display: block;
  content: '';
  width: 100%;
  height: 3px;
  background: #FFBD00;
  position: absolute;
  bottom: -3rem;
  left: 0;
  width:50px
}
.aktualna {
	color:#5D5E91
}


.bg-praca-mp a {
	color:#2E3192
}


.bg-praca {
	background: #fff ;
	min-height:430px;
	color:#fff;
	
}
.bg-praca-blue {
	
	background: url(assets/img/bg-praca.jpg) no-repeat top right; 
	min-height:302px;
	border-radius:1rem
	
}
.bg-napisz {
	
	background: url(assets/img/bg-napisz-do-nas.jpg) no-repeat ; 
 background-position: 75% 50%; 
	min-height:328px;	
}
.bg-napisz p {
	color:#FFf
}

#praca h2{color:#fff}



.ico-adres::before {

	width:80px;
	height:80px;
	content:url(assets/img/ico-adres.png);
	
}
.ico-tel::before {

	width:80px;
	height:80px;
	content:url(assets/img/ico-tel.png);
	
}
.ico-email::before {

	width:80px;
	height:80px;
	content:url(assets/img/ico-email.png);
	
}
.ico-dane::before {

	width:80px;
	height:80px;
	content:url(assets/img/ico-dane.png);
	
}

.ico-kontakt {

	margin-bottom:2rem;
	clear:both;
}
.txt-kontakt {
	display:block; 

}
.ico-email .txt-kontakt {
	display:block; 

}
.txt-kontakt a {
	color:#1F1914;
}
.txt-kontakt a:hover{
	color:#FFBD00;
}
#kontakt h2, #wycena h2 {
	font-size:2rem
}
#kontakt h4 {
	font-size:1.0rem;
	font-weight:400
}
#kontakt h5 {
	font-size:1.2rem
}


.text {
  color: white;
  font-size: 20px;
  position: absolute;
  top: 60%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
width:100%;
padding:3rem 0

}

.modal.fade {
    transition: opacity 0s linear 0s;
}
.modal.fade.show {
    transition: opacity 0.15s linear 0s;
}





.bg-rd-5 {
	border-radius: 0.5rem;
	box-shadow: 4px 32px 40px rgba(173, 159, 109, 0.25);
	border:1px solid #edece8;
}

.bg-wstawka {
	background: #EDF0F8 ;	
	color:#18191F;
	
}
.bg-wstawka a {
	color:#fff !important;
	font-weight:600
}
.kontakt-dane {
	background:;
	background-size: auto 100%

}
.kontakt-dane p {
	display: inline-block;
	float:left;
	margin-bottom:2rem
}
.kontakt-dane img {
	float:left;
	clear:left;
	margin-right:1rem;
}
.kontakt-dane a {
	color:#18191F;
}
.kontakt-dane a:hover {
	color:#FFBD00;
}

.form-control {
	border-radius:1rem; 
	width:100%; 
	float:left;
	background: #fff;
	border: 1px solid #B5C1D8;
}
.form-control2 {
	border-radius:0rem !important; 
	width:100%; 
	margin:auto;
	background: #fff;
	border: 1px solid #B5C1D8;
}
.form-control80{
width:100%; 
float:left;}

.form-control:focus {
border-color: rgba(250, 185, 0, 0.8);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(250, 185, 0, 0.6);
  outline: 0 none;
}


footer {
	background:#f5f5f5
}

footer a:hover {
color:#3abe6b}

footer p{
	font-size:0.9rem;
	padding-top:.5rem
}


footer .copy {
	font-size:0.8rem;
	color:#fff;
	background:#3b484f
}


.navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0,0,0, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E") !important;
}
.nav-item a{
	color:#18191F;
text-align:center}
}
.nav-item a:hover{
	color:#FFBD00 !important;
text-align:center}
}

a.nav-link:hover{
	color:#FFBD00 !important;
text-align:center}
}



.navbar-toggler,
.navbar-toggler:focus,
.navbar-toggler:active,
.navbar-toggler-icon:focus {
    outline: none;
    border: none;
    box-shadow: none;
	border:none
}

.navbar-toggler:focus {
  box-shadow: 0 0 0 0;
}



}
@media (min-width: 576px) {
	
}


@media (min-width: 768px) {


h1, h2, h3 {
	color:#3abe6b;
	font-weight:300;
	margin-bottom:2rem;
}




 }


@media (min-width: 768px) and (max-width: 991.98px) { 

}


@media (min-width: 992px) {

.navbar .logo{
 display:block
}
	

.navbar-scrolled .logo{
 display:none
}
.navbar .logo-b{
 display: none
}
.navbar-scrolled .logo-b{
 display: block
}
.navbar-scrolled  .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0,0,0, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E") !important;
}
.navbar-nav .nav-link {

font-size:1rem;
}
.navbar-scrolled  .navbar-nav .nav-link {
color:#000;

}



.dropdown-toggle {
border-radius: 36px;
padding:0.4rem 0.6rem;
border:1px solid
}
.dropdown a{
	color:#A6A6A6;
	font-size:0.9rem
	
}


.dropdown a:hover{
	color:#FFBD00;
}

.dropdown a img{
	margin:0 .5rem 0 0
	
}

.navbar-scrolled .dropdown a{
	color:#A6A6A6;
}
.navbar-scrolled .dropdown a:hover{
	color:#FFBD00;
}

.dropdown-menu {
  position: absolute;
  z-index: 1000;
  display: none;
  min-width: 10rem;
  padding: .0rem 0 0rem 0.7rem;
  margin: 0;
  margin-top: 0px;
  font-size: 1rem;
  color: #212529;
  text-align: left;
  list-style: none;
  background-color: transparent;
  background-clip: padding-box;
  border: 0px solid rgba(0,0,0,.15);
  border-radius: .25rem;
}
.dropdown-item {
  display: block;
  width: 100%;
  padding: .0rem 1rem;
  margin-top:-0.4rem;
  clear: both;
  font-weight: 400;
  color: #FFBD00;
  text-align: inherit;
  text-decoration: none;
  white-space: nowrap;
  background-color: transparent;
  border: 0;
}
.dropdown-item:hover {
	background-color: transparent;
}

.navbar-scrolled .dropdown-toggle {
border-radius: 36px;
padding: 0.4rem 0.6rem;
}	


.form-control80{
width:80%; 
float:left;}

.custom-col {
      transition: flex-grow 0.3s ease-in-out;
      overflow: hidden;
    }

    .col-md-4 {
      flex-grow: 4;
    }


h2{
	color:#18191F;
	text-align:left;
}


	
}


@media (min-width: 1200px) {  

.navbar-nav .nav-link {
color:#18191F;
margin:0 1rem;
font-size:1rem;
}
.navbar-scrolled  .navbar-nav .nav-link {
color:#000;
margin:0 0rem
}

.navbar-nav .nav-link.active{
transition: 0.3s;
border-bottom:4px solid #FFBD00;
color:#18191F;
font-weight:600;
width:100%;
margin:auto
}


.navbar-scrolled .logo-b{
 display: block;
 max-width:150px;
}
 .navbar .logo{

 max-width:150px;
}

.modal-dialog {
  max-width: 800px;
  margin: 1.75rem auto;
}


.slide1  img{
	}

 .custom-column {
      transition: flex 0.3s ease-in-out;
      cursor: pointer;
      position: relative;
      overflow: hidden;
    }

    .description {
      position: absolute;
      bottom: 0;
      left: 0;
      right: 0;
      background-color: rgba(255, 255, 255, 0.9);
      
      transform: translateY(100%);
      transition: transform 0.4s ease-in-out;
	    visibility: hidden;
    }

    .show-description .description {
      transform: translateY(0);
	  background: linear-gradient(180deg, rgba(18, 19, 48, 0.00) 51.04%, rgba(18, 19, 48, 0.52) 68.75%, #121330 100%); 
	  height:475px;
	  border-bottom-left-radius:1rem;
	  border-bottom-right-radius:1rem;
	  padding: 0px;
	  width:95%;
	  margin:auto;
	  transition-delay: 0s;
	  visibility: visible;
	  color:#fff
	 
    }
	.show-description .description p {
	margin-top:70%;
	padding:1rem 2rem 0;
	color:#fff;
	font-size:2rem
	}
	.show-description .description span, .show-description .description img {
			margin-left:2rem;
			margin-bottom:1rem;
			float:left;
			clear:left
	} 
	

}


@media (min-width: 1400px) {
		

	}