.box{
    width: 100vw;
    height: calc(95vh - 110px); 
    background: #25262b;
    position: relative;
    margin-top: 100px !important;
color: white;
margin-top: 10px;
padding: 0 60px;
scroll-behavior: smooth ;}
header#site-header {
    position: fixed;
    z-index: 2;
}
header#site-header {
    background: #25262b !important;
}
header#site-header {
    background: #25262b00 !important;
}

p{
    white-space: inherit !important;
}
.page-content{
    white-space: inherit !important;
}
.pierwszy-box{

    height: calc(100vh - 110px); 
    margin-top: 0px;
    padding: 0px;
    margin-top: 0px !important;
}
p{
    text-align: justify;
}
.horizontal-scroll{
    display: flex;
}

.flex{
    display: flex;
justify-content: center;
align-items: center;
}


/* .page-content{
    position: relative;
    display: flex;
} */


div#content-wrap {
    max-width: 100% !important;
}
div#content {
    position: fixed;
}
#site-header.transparent-header{
    position: fixed !important;
}
.minimal-header{
    animation: menu 8s;

}

.film {
    position: relative;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

#site-header.transparent-header{
    background-color: #25262b !important;
}
  
div#outer-wrap {
    position: fixed;
    width: 100%;
}

.pierwszy-box{
    display: flex;
    align-items: center;
    justify-content: center;
}

.wysokosc{
    height: 100%;
}

#myVideo {
    position: absolute;
    width: 100%;
    object-fit: cover;
    height: 100%;
    opacity: 0;
  }


  .przyciemnienie{
    background: rgba(0, 0, 0, 0);
    position: absolute;
    height: 100%;
    width: 100%;
    z-index: 1;
    display: flex;
    justify-content: center;
    align-items: center;

  }
  .logo-przyciemnienie {
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    height: 0%;
    flex-direction: column;
  }
  img.logo-rozmiar-fix {
    width: 55%;
}
a.duzy-rzycisk {
    color: white;
    font-size: 20px;
    text-transform: uppercase;
    font-weight: 200;
    letter-spacing: 20px;
    padding: 5px 80px;
    border: solid 2px;
    margin-top: 70px;
}
  .pokaz{
    height: 100%;
    animation: pokazlogo 5s;
  }
  .ciemno{
    animation: przyciemnienie 2s ;
    background:rgba(0, 0, 0, 0.28) ;
  }
  .animacjafilm{
    animation: rozwin 3s ;


  }
.wysokosc-film{

    opacity: 1 !important    ;
}
.scroll{
    margin-top: 30px;
    text-transform: uppercase;
    letter-spacing: 20px;
}




    .logo {
        width: 30vw;
        display: flex;
        height: 100vh;
        justify-content: center;
        align-items: center;
        margin-top: 0px !important;
    }

    img.logo-bok {
        transform: rotate(90deg);
    }

    img.logo-bok {
        height: 100%;
        width: 100%;
        object-fit: contain;
    }



    .pierwszy-rzad{
        height: 38.5%;
        width: 100%;
        display: flex;
        justify-content: space-between;
    }

    .napis {
        display: flex;
        align-items: center;
        justify-content: center;
        color: white;
    }

    h5.napis.duzy {
        margin: 0px;
        text-transform: uppercase;
        letter-spacing: 10px;
        font-size: 14vh;
        font-weight: 800;
    }
    .boxes{
        width: 32.5%;
        background: #25262b;
        height: 100%;
        position: relative;
        border: solid 5px white;
    }
    .boxes img{
        position: absolute;
        width: 100%;
        height: 100%;

    }
.przyci{
    background: rgba(0, 0, 0, 0.311);
    z-index: 1;
    position: absolute;
    width: 100%;
    height: 100%;
}

.title{
    position: absolute;
    z-index: 2;
    left: 20px;
    bottom: 0px;
}
.title h2{
    font-size: 18px;
    color: white;
}
.pok{
    border: none;
}

.foto{
    width: 100%;
    height: 100%;
    position: relative;
}
.foto .przyci{
    width: 85%;
}

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

.opis-box{
    position: absolute;
    right: 100px;
    top: 0px;
    text-align: right;
    z-index: 2;
    top: 4%;
}

/* .margin{
    padding: 0 2%;
} */


/* start2 */

.flex-kontener {
    display: flex !important;
    position: relative;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
   

    
  }
  
  /* img.logo-rozmiar-start {
    width: 40%;
    object-fit: contain;
    filter: opacity(0.8);
    z-index: 2;
    position: absolute;
    height: 20%;
    top: 35%;
} */
.height{
    height: 100vh;
    overflow: hidden;

}



.fog-div {
    z-index: 2;
}

/* koniec */
.opis-box h2 {
    font-size: 7vw;
    color: white;
    font-weight: 800;
    text-transform: uppercase;
    line-height: 7vw;
}

.foto .duzy-rzycisk{
    left: 18%;
    position: absolute;
    bottom: 20px;

    z-index: 100;
    width: 50%;
    text-align: center;
    font-weight: bold;
    border-width: 5px;

}
.opis-box p{
    width: 40%;
    text-align: right;
    font-size:1.2vw;
    float: right;
    font-weight: 500;
}

.foto .duzy-rzycisk:hover{
    background: white;
    color: black;
    border-color: white;

}



/* przerywnik */

.przerywnik{
    width: 30vw;
    background: url('/wp-content/uploads/2023/02/DSC01260.png');
    background-position: center !important;
    background-size: cover !important;
    border: solid 15px rgba(255, 255, 255, 0.591);
    display: flex;
    justify-content: center;
    align-items: center;

}
.przerywnik img{
    transform: rotate(90deg);
    filter: opacity(0.5);
    height: calc(100vh - 110px);
    width: 100%;
    object-fit: contain;
    
}

section.box.przerywnik {
    margin-right: 0px;
}

/* lewa */

.lewa .foto img{
right: 0px;

}

.lewa .przyci{
    right: 0px;
}

.lewa .opis-box{
    right: inherit;
    left: 100px;
    text-align: left;
}
.lewa .opis-box p {
    width: 40%;
    text-align: left;
    font-size: 20px;
    float: left;
    font-weight: 500;
}
.lewa .foto .duzy-rzycisk{
    right: 18%;
    left: inherit;
}


/* kontakt */

.dlex{
    display: flex;
    justify-content: space-between;
    width: 92vw;
    padding: 20px;
    align-items: center;
    height: 100%;
}

.dane {
    width: 46%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.kontakt .foto img{
    width: 40%;
}

.kontakt .przyci{
    width: 40%;
}
.kontakt .foto .duzy-rzycisk {

width: 30%;
left: 5%;
}
.dorm{
    width: 50%;
    margin: 20px 0 0 0;
}
.teks {
    z-index: 2;
    flex-direction: column;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
}

img.logo-rozmiar-start {
    width: 50%;
}



.kontakt h2 {
    font-size: 4vw;
    color: white;
    font-weight: 800;
    text-transform: uppercase;
    line-height: 7vw;
    margin-bottom: 0px;
}

p {
    font-size: 1vw;
}

.kontakt-lista{
    margin: 0px;
    padding: 0px;
    list-style: none;
}

.kontakt-lista a{
    color: white;
    font-weight: bold;
}

.kontakt-lista i {
    margin-right: 20px;
}
.boxes p {
    font-size: 0.9vw;
}