.start{
  display: flex;
  justify-content: space-between;
  height: 80vh;
  width: 98%;
  align-items: center;
  margin: auto;
	margin-top: 40px;
}
.tekst{
  width: 37%;
  padding: 0.5%;
}
.tekst h1{
  font-size: 32px;
  font-weight: 800;
  margin: 0px;
	text-align: center
}

.tekst p{
font-size: 18px;
}
.kreska {
  width: 30%;
  background: var(--szary);
  height: 10px;
margin-bottom: 10px;
margin-top: 5px;
    margin: auto;
    margin-bottom: 20px;

    margin-top: 5px;}


.karuzela{
  width: 60%;
  height: 100%;
  margin-top: 20px;
  position: relative;

}
/* karuzela */


.carousel {
  background:white;
}

.carousel-cell {
  width: 100%;
  height: 65vh;
  margin-right: 10px;
  background: #000;
  border-radius: 5px;
  counter-increment: gallery-cell;
  background-position: center !important;
  background-size: cover !important;
  position: relative;

}

/* cell number */
.carousel-cell:before {
  display: block;
  text-align: center;
  line-height: 200px;
  font-size: 80px;
  color: white;
}

.flickity-page-dots{
  display: flex;
}
.flickity-page-dots .dot{
  height: 5px;
  width: 5px;
}
.relative{
height: 100%;
width: 100%;
position: relative;
}
.tytul-karuzela {
position: absolute;
bottom: 0px;
left: 30px;
color: white;
font-size: 19px;
opacity: 0.5;
transition: 0.3s;
font-family: 'November';
    font-weight: 400;
}
.carousel-cell:hover .tytul-karuzela {
opacity: 1;
font-size: 21px;
}
/* oferta */

.oferta{
  min-height: 20vh;
  margin-top: 80px;
}
.oferta-title{
font-size: 30px;
font-weight: 800;
text-align: center;
margin: 0px;
}
.oferta-kontener{
display: flex;
justify-content: space-around;
width: 95%;
margin: auto;

}
.ofer{
width: 32%;
margin-bottom: 2%;
background: var(--szary);
padding: 10px;
}
.oferta-tekst p {
  color: white;
  font-size: 15px;
}


.nagl p {
  text-align: center;
  font-family: 'November';
  color: white;
  font-size: 55px;
  line-height: initial;
}



.oferta-tekst a {
  color: white;
  font-size: 15px;
  text-decoration: underline;
}
img.ofert-zdj {
width: 95%;
height: 260px;
object-fit: cover;
/* border-radius: 100%; */
-webkit-box-shadow: 0px 0px 23px 0px rgba(0,0,0,0.0); 
box-shadow: 0px 0px 23px 0px rgba(0,0,0,0.0);
transition: 0.4s;
width: 100%;
    height: 100%;
}

.zdj{
text-align: center;
border: 5px solid white;
height: 280px;
transition: 0.3s;
width: 95%;
text-align: center;
margin-top: 10px;
margin-left: auto;
margin-right: auto;
}

.oferta-tekst{
text-align: center;
margin-top: 20px;
}
.oferta-tekst h3{
margin-bottom: 10px;
font-size: 22px;
transition: 0.3s;
color: white;

}
.oferta-tekst p {
text-align: center;
}
.ofer{
cursor: pointer;
}
.ofer:hover .zdj{
transform: scale(0.9);
-webkit-box-shadow: 0px 0px 23px 0px rgba(255, 255, 255, 0.47); 
box-shadow: 0px 0px 23px 0px rgba(255, 255, 255, 0.47);
}
.ofer:hover .oferta-tekst h3{
transform: scale(1.1);}

.przycisk-dwa{
transform: scale(1.1);
border: solid 2px white;
color: white;
margin-bottom: 10px;
font-size: 15px
}


.przycisk-dwa:hover{
transform: scale(1.1);
border: solid 2px var(--szary);
color: white;
background-color: var(--szary);
font-size: 15px
}
.oferta-kontener{
margin-top: 10px;
flex-wrap: wrap;
}

.przerywnik{
height: 50vh;
background-size: cover !important;
background-position: center !important;
position: relative;
width: 100%;
background-attachment: fixed !important;
}
.nakladk{
position: relative;
width: 100%;
height: 100%;
background-color: #0000005b;
display: flex;
justify-content: center;
align-items: center;
}
.logos{
width: 20vw;
}
.specj{
display: flex;
width: 95%;
margin: auto;
margin-top: 2%;
margin-bottom: 2%;
min-height: 50vh;
justify-content: space-between;
}

.galeria{
width: 55%;
display: flex;
justify-content: space-between;}
.spec-tekst {
  width: 38%;
  margin-top: 2%;
  margin-bottom: 2%;
  text-align: center;
}
.duzy {
width: 100%;
background-position: center !important;
height: 100%;
background-size: cover !important;
position: relative;
}

.male {
display: flex;
flex-direction: column;
height: 100%;
justify-content: space-between;
width: 50%;
position: relative;

}

.flickity-viewport {
  border-radius: 30px;
  /* border-color: var(--szary); */
  border: 5px solid var(--szary);
}

.malefoto {
width: 100%;
height: 49%;
background-position: center !important;
background-size: cover !important;
}
.spec-tekst p {
text-align: justify;
}
.spec-tekst button{
text-align: left;
font-size: 25px;
font-weight: 800;

}
.spec-tekst h2{
text-align: left;
}
.logo-specj{
position: absolute;
width: 100px;
left: 10px;
top: 10px;
}
.dol{
top: 52%;
}
.kontakt{
width: 100%;
display: flex;
padding: 2.5%;
align-items: center;
background-color: var(--szary);
}
.rekst{

width: 50%;
padding-right: 8%;
}
.form{
width: 50%;
}

.rekst h2{
color: white;
font-size: 30px;
}
.rekst p{
color: white;
font-size: 18px;
}
::placeholder{
color: white;
}
.form-nagl{
color: white;
font-size: 30px;
}
.ikon {
color: white;
font-size: 20px;
display: flex;
align-items: center;
}
a.dopis {
padding-left: 13px;
margin: 0px;
font-weight: 600;
color: white;
}
.ikon{
  display: flex;
  padding-bottom: 10px;
  color: black;
}
.ikon i {
  padding-right: 15px;
}
.srodek{
  justify-content: flex-start;
  margin-top: 30px;
}


.kontakt i {
  color: white !important;
}
.flex{
  display: flex;
  justify-content: center;
  margin-bottom: 20px;
}
.flex img{
  height: 50px;
  margin: 0 20px;
}
.logo{
  padding: 2.5%;
}
.klauzula{
  text-align: center !important;
}

.tekst-content {
  padding: 2%;
  padding-bottom: 0%;
}

.tekst-content p {
  font-size: 16px;
  text-align: justify;
}

video#myVideo {
  height: 100%;
  width: 100%;
  object-fit: cover;
  border: solid 5px var(--szary);
  border-radius: 10px;
}

.span-absolut {
  position: absolute;
  top: 20px;
  left: 20px;
  color: white;
}
.span-h2{
  color: white;
  font-family: 'November';
}

.ikon-list {
  position: absolute;
  right: 20px;
  bottom: 22px;
  display: flex;
  flex-direction: column;
  color: white;
}

.ikon-list i{
  color: white;
}




.carousel.mala {
  width: 18%;
  height: 200px;
  margin-right: 10px;
  border-radius: 5px;
  counter-increment: carousel-cell;
	position: relative;
	padding: 20px;
	display: flex;
    justify-content: center;
    align-items: center;
}
.logo-mala{
    display: flex;
    justify-content: center;
    align-items: center;
}
.karuzela-ikon .flickity-viewport {
    border: none !important;
}