*{
    box-sizing: border-box;
}

.navbar{
  position: sticky;
  top:0;
  background: white;
  z-index: 99;
  box-shadow: 1px 5px 5px rgba(0,0,0,0.1);
     font-family: "Oswald", sans-serif;
     text-transform: uppercase;
     justify-content: space-between;
     
}

section{
    scroll-margin: 80px;
}


h1,h2,h3,h4,h5,h6,h7{
   font-family: "Oswald", sans-serif;
  font-optical-sizing: auto;
  font-weight: 300 !important;
  font-style: normal;
  text-transform: uppercase;

}

body,p{
      font-family: "Roboto Condensed", sans-serif;
  font-optical-sizing: auto;
  font-weight: 300;
  font-style: normal;
}

b,strong{
      font-family: "Roboto Condensed", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
}

/*footer*/

footer{
    background: #1967be !important;
    color:#fff;
    padding: 6rem 15px;
}

footer .fas{
margin-right:5px;
}

.footer-content{
    display:flex;
    flex-wrap: wrap;
    width:100%;
}

.footer-bottom{
    padding: 10px 15px;
    background: #0e2a49;
    color:#fff;
}

.footer-bottom a{
    color:#fff;
}

footer .offer{
    width:100%;
}

footer .offer ul{
    display:inline-flex;

margin: 0;

padding:10px 20px;
}

footer ul{
    color:#fff;
    text-decoration: none;
    list-style: none;
    background: rgba(0,0,0,0.6);
    margin:0 10px;
    margin-left: 0;
    position: relative;
    height:45px
}

@media(max-width:968px){
  
  footer ul{
      height:auto;
  }
}

footer ul::after{
    content:'';
   width: 0px;
   height: 0px;
   border-style: solid;
   border-width: 10px 0 10px 10px;
   border-color: transparent transparent #1967be transparent;
   position: absolute;
   bottom:0;
   right:0;
}

footer ul a{
    color:#fff;
    text-decoration: none;

}

footer ul a:hover{
    text-decoration: none;
    opacity: 0.8;
}

footer ul li{
    margin:0 10px;
}

.offer-header{
    background: #1967be;
    margin: 0;
    padding: 6px 15px;
    text-transform: uppercase;
    letter-spacing: 2;
}

.footer-menu{
    display:flex;
    align-items: center;

}

@media(max-width:964px){

.footer-menu{
    flex-direction: column;
}

footer ul{
    flex-direction: column !important;
}
}


/*scroll */

.scroll-to-top{
    position: fixed;
  bottom:10px;
  right:10px;
    border-radius: 50%;
    background: #1967be;
    color:#fff;
    width:50px;
    height:50px;
    box-shadow: 1px 1px 10px rgba(0,0,0,0.6);
    display:none;
    align-items: center;
    justify-content: center;
    text-decoration: none !important;
    transition:all 250ms linear;
    z-index: 9999 !important;
}

.scroll-to-top.show{
        display: flex;
}

.scroll-to-top:hover{
     background: #222425; 
}

.scroll-to-top span{
    font-size: 1.3rem;
    text-decoration: none;
    margin-bottom:5px;
}


#udogodnienia{
    position: relative;
    padding: 6rem 15px;
}

#udogodnienia h3::after{
content:'';

}


.udo-bg{
position: absolute;
top:0;
left:0;
width:100%;
height:100%;
object-fit: cover;
opacity: 0.2;
filter:grayscale(100%);
z-index: 1;
}

#udogodnienia .container{
    position: relative;
    z-index: 2;
}

.udoitem{
    width:100%;
    padding:60px 15px;
    box-shadow: 1px 10px 10px rgba(0,0,0,0.1);
    margin: 20px 0;
border:solid 1px #ddd;
border-bottom: solid 2px #1967be;
    background: #fff;
    z-index: 3;
    position: relative;
   
}

   .udoitem::after {
       content: '';
       width: 0px;
       height: 0px;
       border-style: solid;
       border-width: 40px 0 40px 40px;
       border-color: transparent transparent #1967be transparent;
       position: absolute;
       bottom: 0;
       right: 0;
   }

#okolica{
    padding: 5rem 15px;
}


.okolica-grid{
    display:flex;
    color:#fff;
    flex-wrap:wrap;
    gap:2rem;
}

.okolica-grid .item{
    flex:1 0 25%;
    display: flex;
    flex-direction: column;
    text-align: center;
    align-items: center;
    justify-content: center;
position: relative;
margin:2rem 0;

}

.okolica-grid .item p{
        font-size:1.2rem;
}

.okolica-grid .item::after{
    content:'';
    width:50px;
    height:2px;
    display: block;
    margin:0 auto;
    background: white;
box-shadow: 1px 10px 10px rgba(0,0,0,0.1);
}



.galery{
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    grid-template-rows: masonry;
    gap: 20px;
    max-width: 1200px;
    margin: 0 auto;
}

.galitem{
    width:100%;
    overflow: hidden;
    height:250px;
}

 
.galitem img{
    width: 100%;
    height: 100%;
}

 
header{
    position: relative;
    height:80vh;
}

header .header-fog{
    position: relative;
    background: rgba(0,0,0,0.6);
    z-index: 2;
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}




header img{
position: absolute;
width: 100%;
height: 100%;
z-index: 1;
object-fit: cover;
}



.content :is(b,strong){
   font-family: "Oswald", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400 !important;
  font-style: normal;
  text-transform: uppercase;
  color:#009AF7;
  font-size:1.2rem;
}


.carousel-control-prev{
    background: linear-gradient(to right,rgba(0,0,0,0.5),rgba(0,0,0,0));
}

.carousel-control-next{
       background: linear-gradient(to left,rgba(0,0,0,0.5),rgba(0,0,0,0)); 
}


@media(max-width:964px){

.carousel-item img{
    height:40vh !important;
    object-fit:cover;
    object-position: center center;
}

}


@media(max-width:968px){

header{
        height: 60vh;
}


.footer-menu{
    align-items: flex-start;
}

footer ul{
    width:100%;
}

footer ul li{
    margin:10px 0;
}

}