.karuzela{
    width: 100%;
    height: 100vh;
    position: relative;
}

*{
    font-family: 'Playfair Display', serif;
       margin: 0px;
    padding: 0px;
}

.carousel-cell {
  width: 110%;
  height: 100vh;
  counter-increment: carousel-cell;
  position: inherit;
}

.kontner{
    height: 100%;
    width: 100%;
    position: relative;
}

.kontener img{
    width: 100%;
    height: 100%;
    position: absolute;
    object-fit: cover;
}

.karuzelka{
    position: absolute;
    width: 100%;
    height: 100%;
}


.przeslona{
    position: absolute;
    width: 100%;
    z-index: 2;
    height: 100%;
    background: rgb(0,0,0);
background: -moz-linear-gradient(215deg, rgba(0,0,0,0) 4%, rgba(0,0,0,0.8267682072829132) 220%);
background: -webkit-linear-gradient(215deg, rgba(0,0,0,0) 4%, rgba(0,0,0,0.8267682072829132) 220%);
background: linear-gradient(215deg, rgba(0,0,0,0) 4%, rgba(0,0,0,0.8267682072829132) 220%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1);
}


.home .opis{
    position: absolute;
    z-index: 100;
    width: 96%;
    bottom: 0px;
    color: white;
    margin: auto;
    left: 2%;
    bottom: 55px;
}

.ikon {
    position: absolute;
    right: 2%;
    bottom: 55px;
    z-index: 1000;


}

.ikon a i {
    color: white;
    font-size: 20px;
}

.ikon li {
    margin-bottom: 10px;
}

.ikon ul{
    list-style: none;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin: 0px;
    padding: 0px;
}

h2.opis-naglowek {
    font-size: 43px;
    line-height: 52px;
}

.opis p {
    font-size: 20px;
    margin-top: 10px;
}

.bialy{
    border: solid 2px white;
    padding: 10px 20px;
    color: white;
    text-decoration: none !important;
    transition: 0.3s;
    
}

.bialy:hover{
    background: white;
    color: black;
}

.przerwa{
    height: 100vh;
}

.pozakuchniami{
    width: 95%;
    margin: auto;
    margin-top: 60px;
}

.tytul {
    width: 100%;
    text-align: center;
    margin-bottom: 60px;
}
.tytul h3{
    font-size: 30px;
}

div.kuchnie {
    width: 100%;
    display: flex;
    justify-content: space-evenly;
    align-items: flex-start;
    flex-wrap: wrap;
}

.elem{
    width: 30%;
    height: 252px;
    transition: 0.3s;
    margin-bottom: 60px;
    cursor: pointer;
    box-shadow: 1px 1px 21px 0px rgba(0,0,0,0.54);
    -webkit-box-shadow: 1px 1px 21px 0px rgb(0 0 0 / 15%);
    -moz-box-shadow: 1px 1px 21px 0px rgba(0,0,0,0.54);
}

.elem:hover img{
    transform: scale(1.2);
}

.elem img{
    width: 100%;
    height: 80%;
    object-fit: cover;
    transition: 0.3s;


}
.bialy:visited{
    color: white;
}
.topbar ul{
    display: flex;
    justify-content: end;
    margin: 0px !important;
    padding: 0px !important;
    padding-right: 15px !important;
}
.topbar ul li{
    margin-right: 15px !important;
}
.topbar {
    width: 100% !important;
}
.dol{
    width: 100%;
    display: flex;
    justify-content: space-between;
}
.hku{
    display: flex !important;
    flex-direction: column;
}
.elem h3{
    width: 100%;
    text-align: center;
    font-weight: 800;
    font-size: 20px;
    margin-top: 10px;

}
.elem:hover img{
    transform: scale(0.9);
}

.stopka_sekcja .icon a{
    color: white !important;
}


.film{
    width: 100%;
    height: 50vh;
    position: relative;
}

.film video{
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.home .kontener {
    position: absolute;
    z-index: 3;
    background: #00000029;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

h2.bialynagl {
    text-align: center;
    color: white;
    font-size: 2vw;
}
/* przerywnik */




.przerywnik{
height: 50vh !important;
display: flex;
align-items: center;
justify-content: center;
width: 100%;
background-position: center !important;
background-size: cover !important;
background-attachment: fixed !important;
flex-direction: column;
min-height: 400pxs;
background-repeat: no-repeat !important;
margin-top: 60px;
}

.biale-logo {
    height: 100px;
    margin-bottom: 30px;
}
a.bialy.przerywnik-przycisk {
    margin-top: 30px;
    font-size: 25px;
    padding: 10px 60px;
}


/* Jak pracujemy */

.pracuje {
    width: 80%;
    margin: auto;
    margin-top: 40px;
    margin-bottom: 50px;
}

.stages{
    width: 100%;
    display: flex;
    align-items: flex-start;
        justify-content: space-around;

height: 300px;
}

.stage{
    width: 30%;
    height: 100%;
    position: relative;
    background: #eaeaea;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding: 20px;
    padding-top: 50px;

}


.number {
    background: white;
    height: 60px;
    width: 60px;
    border-radius: 100%;
    left: calc(50% - 30px);
    position: absolute;
    display: flex;
    justify-content: center;
    align-content: center;
    top: -30px;
    flex-wrap: wrap;
}
.number p{
    margin: 0px;
    padding: 0px;
    font-size: 30px;
}

.stage h3{
    margin-bottom: 20px;
    font-size: 30px;
}

.pracuje h2 {

    font-size: 30px;
}

.black{
    background-color: black;
    color: white !important;
padding: 10px 20px;
font-size: 20px;
text-align: center;
margin-top: 30px;
text-decoration: none;
transition: 0.3s;
}

.naglowek {
    text-align: center;
}

.margin{
    margin-top: 40px;
}

.black:hover{
    transform: scale(1.1);
}

.fajni{
    height: 60vh;
    width: 100%;
    background: #eaeaea;
    display: flex;
    justify-content: space-between;
    padding: 2%;
}

.fajni img{
    border: solid 15px white;
    width: 50%;
    height: 100%;
    object-fit: cover;
    margin-right: 30px;
}

.opis-fajni{
    width: 50%;
    padding: 20px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    padding-right: 4%;
}

.opis-fajni h2{
    margin-bottom: 20px;
}
.opis-fajni .black{
    margin-top: 10px;
    padding: 5px 20px;
}
.opis-fajni p{
    text-align: justify;
}


/* opinie */

.opinie {
    width: 98%;
    display: flex;
    justify-content: space-between;
    height: 70vh;
    margin-top: 32px;
    margin-bottom: 32px;
}
.img{
    background: url('https://gudyka.jancybulski.pl/wp-content/uploads/2023/05/kuchnia.png');
    width: 40%;
    height: 100%;
    background-position: center !important;
background-size: cover !important;
background-repeat: no-repeat !important;

} 
.number {
    background: black;
    height: 60px;
    width: 60px;
    border-radius: 100%;
    left: calc(50% - 30px);
    position: absolute;
    display: flex;
    justify-content: center;
    align-content: center;
    top: -30px;
    flex-wrap: wrap;
    color: white;
}

.opinie-tresc{
    width: 60%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding: 5%;
}

.opinie-tresc h2 {
    margin-bottom: 10px;
    font-size: 25px;
    width: 80%;
    margin-bottom: 40px;
}

.opinia{
    display: flex;
    width: 100%;
    justify-content: space-between;
}

.opin{
    width: 50%;
    text-align: center;
    padding: 2%;
    display: flex;
    flex-direction: column;


}

.opinia-przyc{
    font-size: 18px;
    padding: 10px 20px;
    border: solid 2px black;
    color: black !important;
    text-decoration: none;
}

.opin i {
    font-size: 30px;
    margin-top: 30px;
}
.opin p {
    margin-top: 20px;
    font-size: 24px;
    margin-bottom: 0px !important;
}

.napis {
    font-size: 9vw;
    text-transform: uppercase;
    color: transparent;
    -webkit-text-stroke: 5px white;
    font-family: 'Arial', sans-serif;
    font-weight: 700;
}

.napis-przycisk{
    margin-top: 0px !important;
    border-width: 5px;
    color: white !important;
}
.napis-przer{
    margin-top: 0px !important
}

.home .ikona i {
    font-size: 35px;
    margin-bottom: 30px;
    border: solid;
    border-radius: 100%;
    height: 80px;
    width: 80px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: auto;
    margin-bottom: 20px;
    border-width: 5px;
}

label{
    width: 100% !important;
}
.karuzela .ikona i {
    margin-bottom: 30px;
    border: solid;
    border-radius: 100%;
    height: 40px;
    width: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: auto;
    margin-bottom: 20px;
    border-width: 1px;
}
.ikona * {
    color: white !important;
    text-align: center;
}
.w-90{
 width: 90%;
}
.ikona h4 {
    font-size: 45px;
}