/* czcionka 8 listopad 2022   - nagłówki font-family: Josefin Sans', sans-serif; */
@import url('https://fonts.googleapis.com/css2?family=Josefin+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&display=swap');

/* czcionk tekst oxygen font-family: 'Oxygen', sans-serif; */
@import url('https://fonts.googleapis.com/css2?family=Oxygen:wght@300;400;700&display=swap');


* {
  box-sizing: border-box;
  margin: 0;
  font-weight: 100;
  padding: 0; 
}
.tlumaczenie-sdi{
	width: 40px;
}

.start-page-aktualnosci .btn-drs{
  background-color: #00438a;
  display: block;
  padding: 10px;
  text-align: center;
  text-decoration: none;
  transition: .3s;
}
.start-page-aktualnosci .btn-drs:hover{
  background-color: #165eaa;
}
.start-page-aktualnosci a {
    background-color: #00438a;
    display: block;
    padding: 10px;
    text-align: center;
    text-decoration: none;
    color: white;
    transition: .3s;
}
.start-page-aktualnosci a:hover{
  background-color: #165eaa;
}


p{
  margin-bottom: 0;
}

.border-1 {
  border-width: 10px!important;
}

body{
  background-color: #fff;
  font-family: 'Oxygen', sans-serif;
}

 .pagination {
  display: inline-block;
}
.contener
{
  max-width: 1200px;
  margin: 0 auto;
}
.contener2
{
  margin: 0 auto;
}

.contener-video
{
  max-width: 700px;
  margin: 0 auto;
}

.belka-pionowa
{
  width: 80px;
  height: 100vh;
  background-color: rgba(5, 38, 71, 0.5);
  border-left: rgba(4, 37, 71, 1) solid 1px;
  object-fit: cover;
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 0;
}

.tlo
{
    position: fixed;
    object-fit: cover;
    background-color: #00438a;
    background-image: url(../img/2.webp);
    background-repeat: no-repeat;
    background-size: cover;
    z-index: 0;
    height: 100vh;
    width: 100%;
    top: 0;
    left: 0;
}

.tlo-logo
{
  position: absolute;
  background-color: #00438a;
  top: 0;
  right: 0;
  display: block;
  width: 300px;
  height: 300px;
}
.tlo-logo img
{
  width: 200px;
  z-index: 100;
  display: block;
}



.godzina
{
  position: absolute;
  top: 22.7px;
  right: 258px;
  z-index: 999;
}

.godzina .material-icons 
{
  font-size: 30px;
  color: white;
  background-color: #C4E538;
  transition: .3s;
  padding: 4px;
}
.godzina .material-icons:hover
{
  color: #C4E538;
}

.czas
{
  position: absolute;
  top: 26px;
  right: 60px;
  z-index: 999;
}

.czas a
{
  font-size: 22.3px;
  color: white;
  background-color: #C4E538;
  transition: .3s;
  padding: 5px 10px;
  text-decoration: none;
}

.czas a .material-icons
{
  transform: translateY(4px);
}


.numer
{
  position: absolute;
  top: 27px;
  left: 70px;
  z-index: 999;
}

.numer a
{
  font-size: 17px;
  color: white;
  background-color: #C4E538;
  padding: 5px 10px;
  transition: .3s;
  text-decoration: none;
}

.numer a .material-icons
{
  transform: translateY(5px);
}


.call 
{
  position: absolute;
    bottom: 20px;
    right: 97%;
    z-index: 999;
}

/* zmiana 23 listopad */
.call .material-icons 
{
    font-size: 15px;
    color: #C4E538;
    transition: .3s;
    background-color: white;
    border-radius: 50%;
    padding: 8px;
    border: solid 8px #C4E538;
    display: none;
}
.call .material-icons:hover
{
  color: white;
  background-color: #C4E538;
  border: solid 3px #2f3542;
  padding: 12px;
}


 /* about ------------------------------------------------------ */ 

 .mandala_tlo
 {
   position: relative;
   margin: 0 auto;
   height: 0px;
   background-color: #e7f3f3;
  
 }
 .film_tlo_2
 {
   position: relative;
   margin: 0 auto;
   background-color: #eee;
   padding: 150px 0;
 }
 .film_tlo_2 span.kontakt-p
{
 
  font-size: 16px;
  display: block;
  text-align: center;
  padding: 20px 10% 50px;
}
.film_tlo_2 span.kontakt-h2
{

  font-size: 35px;
  display: block;
  text-align: center;
  padding: 0 0 20px;
}
.film_tlo_2 span.kontakt-h5
{

  font-weight: 100;
  font-size: 20px;
  display: block;
  text-align: center;
  padding: 0 20%;
}
.dashed
{
  border-bottom: dashed 5px #00A95C;
  width: 100px;
  display: block;
  margin: 0 auto;
}
 

 /* logo footer  */
 .logo-footer
 {
   position: relative;
   margin: 0 auto;
   background-color: rgba(240, 240, 240, 1);
   padding: 0px;
 }
 .logo-footer
 {
  color: #00A95C;
  font-size: 14px;
  padding: 30px;
  font-family: Verdana, Geneva, Tahoma, sans-serif;
  text-align: justify;
 }
 .logo-footer img.logo-sdi
 {
  width: 130px;
  margin: 0 auto 10px;
  display: block;
 }
.logo-footer img.certyfikat-sdi
 {
  width: 220px;
  margin: 0 auto 10px;
  display: block;
 }
 /* logo footer */
 .zaslona
 {
   background-color: #2f3542;
   width: 100%;
   height: 100%;
 }
 .zaslona-text
 {
   padding: 0;
   background-color: #eee;
 }
 .zaslona-text h1 
 {
  font-size: 30px;
  padding-bottom: 10%;
  font-weight: 500;
  color: rgba(74, 74, 73, 1);

 }

 .zaslona-text h2
 {
    font-size: 20px;
    color: #2f3542;
    font-weight: 500;
   
 }
 .zaslona-text span.albert
 {
  color: #00A95C;
  text-align: center;
  display: block;
  margin: 30px auto;
  font-size: 15px;
 }
 .zaslona-text .tarcza-szara
 {
  background-color: rgba(240, 240, 240, 1);
  border-top: dashed 1px #00A95C;
 
 }
 .zaslona-text p.tarcza-szara 
 {
  color: #2f3542;
  font-size: 14px;
  padding: 40px 15%;
  font-family: Verdana, Geneva, Tahoma, sans-serif;
  text-align: justify;
 
 }

 .zaslona-text .tarcza-black
 {
  background-color: #2f3542;
  border-top: dashed 1px #00A95C;
  position: relative;
 
 }

 .zaslona-text p.tarcza-black  
 {
  color: #fff;
  position: relative;
  font-size: 14px;
  padding: 40px 15%;
  font-family: Verdana, Geneva, Tahoma, sans-serif;
  text-align: justify;
 }

 .film_tlo_2 img
 {
  width: 300px;
  margin: 0 auto;
  border-radius: 50%;
  display: block;
 }
 

 .film_tlo_2-kontakt
 {
   position: relative;
   margin: 0 auto;
   padding: 0px;
   background-color: rgba(255,255,255,0.9);
 }
 .film_tlo_2-kontakt p 
 {
   color: white;
   font-size: 14px;
 }
 .zaslona-kontakt
 {
   background-color: #2f3542;
   width: 100%;
   height: 100%;
 }
 .zaslona-text-kontakt
 {
   padding: 40px 60px 40px 20px;
   background-color: rgba(255,255,255,0.9);
 }
 .zaslona-text-kontakt-img-busines
 {
  padding: 50% 0;
  background-image: url(../img/4.jpg);
  background-size: contain;
  background-attachment: fixed;
  background-position: right;
  border-right: solid 5px #C4E538;
 }
 .zaslona-text-kontakt-img-procesy
 {
  padding: 0;
  background-size: contain;
  background-attachment: fixed;
  background-position: right;

 }
 .zaslona-text-kontakt-img-obrona
 {
  padding: 50% 0;
  background-image: url(../img/4.jpg);
  background-size: contain;
  background-attachment: fixed;
  background-position: right;
  border-right: solid 5px #C4E538;
 }
 .zaslona-text-kontakt-img-administracja
 {
  padding: 50% 0;
  background-image: url(../img/4.jpg);
  background-size: contain;
  background-attachment: fixed;
  background-position: right;
  border-right: solid 5px #C4E538;
 }

 .section-6 .carta-background
 {
  background-color: rgba(250, 152, 58, .7);
  padding: 50px;
  margin: 5% 0 15%;
  transition: .2s;
  border-left: solid 5px rgba(250, 152, 58, 0);
 }

 .section-6 .carta-background:hover
 {
  background-color: rgba(250, 152, 58, .9);
  border-left: solid 15px #C4E538;
 }

 .section-6 .carta-background p
 {
  color: white;
 }

 .section-6 .carta-background ul li 
 {
  color: white;
 }


.start-page-text
{
  padding: 15%;
  background-color: #00A95C;
  transition: .5s;
}
.start-page-text:hover
{
  background-color: rgba(74, 74, 73, 1);
}

.start-page-text p
{
  color: #fff;
  font-size: 12px;
  font-family: Verdana, Geneva, Tahoma, sans-serif;
}
.start-page-text h1
{
  color: #fff;
  font-size: 30px;
  padding: 0 0 20px 0;
}

 .container-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  column-gap: 0px;
  row-gap: 0px;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  background-color: rgba(110, 67, 26, 0);
}

.grid-item {
  align-self: center;
  justify-self: center;
  height: 400px;
}

/* start aktualnosci */
.start-page-aktualnosci 
{
  position: relative;
  padding: 5% 0;
  background-color: #fff;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
  background-position: center;
  border-right: solid 5px #042547;
  width: 100vw;
}
.start-page-aktualnosci h3 
{
  font-family: 'Josefin Sans', sans-serif;
}
.start-page-aktualnosci  dl, ol, ul {
  margin-top: 1rem;
  margin-bottom: 1rem;
  padding-left: 15px;
}

.start-page-aktualnosci h2 
{
  font-size: 35px;
  padding: 10px 0;

}
.start-page-aktualnosci  .akt-article
{
  background-color: white;
    display: block;
    /*
    border: 1px solid #ccc;
    */
    padding: 60px 60px;
    transition: .5s;
    cursor: pointer;
    margin: 10px;
}
.start-page-aktualnosci  .akt-article a 
{
  color: #2f3542;
}
.start-page-aktualnosci  a:hover
{
  color: white;
}
.start-page-aktualnosci  .akt-article:hover
{
  background-color: #00A95C;
}

.start-page-aktualnosci .akt-data
{

    transform: rotate(270deg);
    color: #2f3542;
    text-align: right;
    display: inline-block;
    margin-left: -80px;
    margin-top: 40px;
    font-weight: 900;
}
.start-page-aktualnosci .akt-title
{
  margin: 15px 0;
  font-size: 25px;
  color: #2f3542;

}
.start-page-aktualnosci .akt-expansion
{

  color: #2f3542;
  font-size: 18px;
}

.start-page-aktualnosci .akt-btn a
{
  background-color: #00A95C;
  padding: 15px 50px;
  display: inline-block;
  margin: 40px 0 10px;
  transition: .2s;
  color: #fff;
  transition: .2s;
  
}
.start-page-aktualnosci .akt-btn a:hover 
{
  background-color: #2f3542;
  color: white;
}



.start-page-aktualnosci  ul li 
{
  list-style-type: square;

  font-size: 18px;
}
.start-page-aktualnosci p
{

  font-size: 18px;
  text-align: left;
}

.start-page-aktualnosci .border_dashed
{
  border-left: dashed #00A95C 2px;

}
.start-page-aktualnosci .border_dashed_p
{
  border-left: dashed #00A95C 2px;
  padding-left: 20px;

}

/* start aktualnosci */

/* start page */

.start-page
{
  position: relative;
  padding: 0 50px 5% 0;
  background-color: #fff;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
  background-position: center;
  border-right: solid 5px #00A95C;
  width: 100vw;
}
.start-page span.kontakt-p
{
  font-size: 16px;
  display: block;
  text-align: center;
  padding: 20px 0 50px;
}
.start-page span.kontakt-h2
{
  font-size: 35px;
  display: block;
  text-align: center;
  padding: 0 0 20px;
}
.start-page span.kontakt-h5
{
  font-weight: 100;
  font-size: 20px;
  display: block;
  text-align: center;
}
.dashed
{
  border-bottom: dashed 5px #00A95C;
  width: 100px;
  display: block;
  margin: 0 auto;
}
.dashed2
{
  border-bottom: dashed 5px #00A95C;
  width: 100px;
  display: block;
  margin: 10px 0;
}
/*
.start-page h2 
{
  font-size: 35px;
  
  padding: 50px 0;
  text-align: center;
}
*/


.start-page ul li 
{
  list-style-type: square;
  font-size: 18px;
}
.start-page p
{

  font-size: 18px;
  text-align: justify;
}

.start-page .start-h2 
{
  font-size: 35px;
  padding: 50px 0;
}
.start-h3
{
  font-size: 20px;
  padding: 50px 0 0;
  font-weight: 600;
}
.start-page .nota-h2
{
  font-size: 10px;

  font-weight: 600;
}
.start-page span.nota
{
  font-size: 10px;
  
}

/* start page */


/* kontakt page */
.kontakt-page
{
  position: relative;
  padding: 0 50px 5% 0;
  background-color: #fff;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
  background-position: center;
  border-right: solid 5px #00A95C;
  
  width: 100vw;
}

.kontakt-page .nota-h2
{
  font-size: 10px;
  
  font-weight: 600;
}
.kontakt-page span.nota
{
  font-size: 10px;
  
}
.kontakt-page h3
{
  font-size: 20px;
  
  padding: 50px 0 20px;
  font-weight: 600;
}


/* kontakt page */

/* specjalizacje */

.specjalizacje-page
{
  position: relative;
  padding: 10% 50px 10% 0;
  background-color: rgba(216, 214, 214, 0.896);
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
  background-position: center;
  width: 100vw;
}
.specjalizacje-page h2 
{
  font-size: 35px;
  padding: 50px 0;
}
.specjalizacje-page  .akt-specjal
{
  background-color: white;
    display: block;
    /*
    border: 1px solid #ccc;
    */
    box-shadow: 0 0 15px 5px rgb(0 0 0 / 5%);
    padding: 30px 40px 50px 50px;
    margin: 15px;
    height: 250px;
    transition: .7s;
    position: relative;
}
.specjalizacje-page  .akt-specjal a 
{
  color: #2f3542;
}
.specjalizacje-page  .akt-specjal2
{
  background-color: #2f3542;
    display: block;
    box-shadow: 0 0 15px 5px rgb(0 0 0 / 3%);
    padding: 30px 40px 50px 50px;
    margin: 15px;
    height: 250px;
    transition: .7s;
    position: relative;
    border: solid 2px #2f3542;
}



.specjalizacje-page .akt-title-specjal
{
  margin: 15px 0;
  line-height: 25px;
  font-size: 25px;
}
.specjalizacje-page .akt-expansion-specjal
{
  font-size: 18px;
}
.specjalizacje-page .akt-btn-specjal
{
  display: inline-block;
}
.specjalizacje-page .akt-btn-specjal .material-icons
{
  color: white;
  background-color: #2f3542;
  padding: 5px;
  border-radius: 50%;
  transition: .3s;
  position: absolute;
  top: 10px;
  right: 10px;
}

.specjalizacje-page .akt-btn-specjal .material-icons:hover
{
  color: #2f3542;
  background-color: white;
  padding: 5px;
  border-radius: 50%;
}

.specjalizacje-page .akt-btn-specjal span
{
  color: white;
  background-color: #C4E538;
}
.specjalizacje-page  .btn-specjalizacje-wiecej a
{
  background-color: #C4E538;
  padding: 40px;
  margin: 30px 0 0;
  display: inline-block;
  color: #2f3542;
  transition: .2s;
  box-shadow: 0 0 15px 5px rgb(0 0 0 / 3%);
}

.specjalizacje-page  .btn-specjalizacje-wiecej a:hover
{
  background-color: #00A95C;
  color: #fff;
}

.specjalizacje-page span.kontakt-p
{

  font-size: 18px;
  display: block;
  text-align: center;
  padding: 20px 10% 100px;
}
.specjalizacje-page span.kontakt-h2
{

  font-size: 35px;
  display: block;
  text-align: center;
  padding: 0 0 20px;
}
.specjalizacje-page span.kontakt-h5
{

  font-weight: 100;
  font-size: 20px;
  display: block;
  text-align: center;
}
.dashed
{
  border-bottom: dashed 5px #00A95C;
  width: 100px;
  display: block;
  margin: 0 auto;
}


/* specjalizacje */





.en
{
  position: absolute;
  top: 100px;
  right: 15px;
  z-index: 1002;
  padding: 0px;
  transition: .3s;
  background-color: #042547;
  color: white;
  border: solid 1px #042547;
  text-decoration: none;
}

.en:hover
{
  border: solid 1px white;
  color: white;
}
.en2
{
  position: absolute;
  top: -100px;
  right: 15px;
  z-index: 1002;
  padding: 0px;
  transition: .3s;
  background-color: #042547;
  color: white;
  border: solid 1px #042547;
  text-decoration: none;
}

.triangle-position2:hover
{
  border: solid 1px white;
  color: white;
}






.strzalka
{
  position: absolute;
  bottom: 110px;
  left: 40px;
  z-index: 999;
}

.strzalka .material-icons 
{
  font-size: 25px;
  color: rgb(255, 255, 255, 0.9);
  transition: .3s;
}

.strzalka .material-icons:hover
{
  color: rgba(255, 255, 255, 0.6);
}

.circle {
  border-radius: 0px;
}




.search-submit
{
  border: solid 1px #2f3640;
  color: #2f3640;
  cursor: pointer;
  transition: .5s;
}


.search-submit:active
{
  border: solid 1px #2f3640;
}
.search-submit:hover
{
  border: solid 1px #2f3640;
  color: #2f3640;
}
.search-submit:visited
{
  border: solid 1px #2f3640;
}
.search-submit:link
{
  border: solid 1px #2f3640;
}
.search-submit:root 
{
  --wp-admin-theme-color: #2f3640;
  --wp-admin-theme-color-darker-10: #2f3640;
  --wp-admin-theme-color-darker-20: #2f3640;
}

.search-submit
{
  border: solid 1px #2f3640;
  color: #2f3640;
}

:root 
{
  --wp-admin-theme-color: #2f3640;
  --wp-admin-theme-color-darker-10: #2f3640;
  --wp-admin-theme-color-darker-20: #2f3640;
}




.card-panel
{
  border-radius: 5px;
}



.pagination a {
  color: #2f3640;
  float: left;
  padding: 8px 16px;
  text-decoration: none;
}
.pagination a.active {
  background-color: #C4E538;
  color: white;
}



nav i, nav [class^="mdi-"], nav [class*="mdi-"], nav i.material-icons
{
  font-size: 35px;
  color: #fff;
  position: fixed;
  z-index: 9999;
}

.sidenav li>a {
  color: #2f3640;
  display: block;
  font-size: 18px;
}

.pozycja-menu
{
  font-size: 10px;
}



.parallax_text h1{
  text-align: center;
}


.parallax_size
{
  background-size: cover;
}
.parallax-container
{
  height: none;
  margin: 6% 0 10%;
}

/* zerowanie */
nav 
{
  background-color: rgba(255, 255, 255, 0);
  box-shadow: none;
}
h4
{
  margin: 0px;
}

.btn-zespol2 
{
  margin: 0 auto;
  color: #fff;
  font-weight: 100;
  background-color: #C4E538;
  font-size: 15px;
  padding: 30px 50px;
  transition: .5s;
  cursor: pointer;
}
.btn-zespol2:hover
{
  background-color: #2f3542;
  color: white;
}

.background img
{
  width: 100%;
  background-position: center;
}

.container {
  max-width: 1200px;
  margin: 0 auto; }

.container_zespol {
    max-width: 1200px;
    margin: 0 auto; 
    padding-left: 12%;
  }
  

header {
  position: relative;
  width: 100vw;
  height: 100vh;
  background-repeat: no-repeat;
  background-size: cover;
  background-color: #042547;
 
}

.sloganbackground {
  position: fixed;
  color: #ffffff;
  text-align: center;
  z-index: 1000;
  top: 0%;
  right: 0%;
  padding: 0px;
  height: 100%;
  width: 100vw;
  background-color: #ffffff;
  background-image: url(../img/logo-biale.png);
  background-size: 20vh;
  background-repeat: no-repeat;
  background-position: center;
  animation: animacja_slogan 2s ease-in-out;
  animation-delay: 3s;
  animation-fill-mode: forwards;
  box-shadow: rgb(0 0 0 / 25%) 0px 0px 15px 5px;
  display: none;
  }

  @keyframes animacja_slogan
  {
    0% { }
    50% { }
   100% { 
     padding: 0px;
     width: 0px;
     background-color: rgba(47, 53, 66, 0);;
     background-image: none;
     border: solid 0px #2f3542;
     border-left: solid 0px #2f3542;
   }
  
  }

  .sloganbackground_tlo_green {
    position: absolute;
    color: #ffffff;
    display: none;
    z-index: 995;
    top: 0%;
    right: 0%;
    padding: 0px;
    height: 0vh;
    width: 0vw;
    background-color: #ffffff;
    background-attachment: fixed;
    animation: animacja_slogan_tlo_green 2s ease-in-out;
    animation-delay: 1s;
    animation-fill-mode: forwards;
    border-left: solid 0px #2f3542;
    display: none;
    }

   

   

   .slogan_green 
    {
      position: absolute;
      bottom: 30%;
      left: 10%;
    }
    .logo-biale
    {
      position: absolute;
      top: 15px;
      left: 15px;
      
    }
    .logo-biale img
    {
      width: 150px;
      margin: 10px;
      display: block;
    }

    .logo-biale h1 {
      font-size: 20px; 
      text-align: center;
      color: rgba(74, 74, 73, 0.5);
      font-weight: 100;

    }

    /* slogan h1 */
    .slogan_h1
    {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
    }
    .slogan_h1 img
    {
      width: 300px;
      margin: 0 auto;
      display: block;
    }

    .slogan_h1 p {
      font-weight: 400;
      font-size: 20px;
      text-align: center;
      color: #fff;
      padding: 20px;
      
    }

    .slogan_h1 h1 {
      font-weight: 600;
      text-transform: uppercase;
      font-family: 'Josefin Sans', sans-serif;
      font-size: 40px;
      text-align: center;
      color: #fff;
    }

    
    .wiecej
    {
      margin: 0 auto;
      display: block;
      text-align: center;
      margin-top: 40%;
      padding: 20px;
      transition: .5s;
      border: solid 2px #042547;
      background-color: #042547;
      width: 20px;
      color: #fff;
    }
    .wiecej:hover
    {
      width: 250px;
      color: #fff;
    }
    .btn-wiecej a
    {
      color: white;
    }
    a{
      color: white;
    }

    .btn-wiecej
    {
      margin: 0 auto;
      display: table;
      text-align: center;
      padding: 20px;
      transition: .5s;
      border: solid 2px #042547;
      background-color: #042547;
	  text-decoration: none;
    
    }
    .btn-wiecej:hover
    {
      color: #042547;
	  background-color: #fff;
    }

    .omnie img
    {
      padding: 0 30px;
      z-index: 999;
      width: 450px;
      display: block;
      position: absolute;
    }
    .omnie-kwadrat
    {
      position: absolute;
      top: 0;
      right: 100;
      z-index: 500;
      position: absolute;
      display: block;
      width: 400px;
      height: 500px;
      background-color: rgba(47, 53, 66, 1);
      transform: translateY(-20px);
    }
   
    

    .slogan_green h1
    {
    color: white;
    /* zmiana 27 listopada */
    /*
    font-size: 25px;
    */
    font-size: 0px;
    font-weight: 100;
    text-align: justify;
    padding: 0 0 20px 0;
    }

    .slogan_green p
    {
    color: white;
    /* zmiana 27 listopada */
    /*
    font-size: 50px;
    */
    font-size: 0px;
    font-weight: 100;
    text-align: left;
    /* zmina 27 listopad 
    padding: 0 120px 0 0;
    */
    padding: 0px;
    line-height: 50px;
    }

    
  
    /* zmiana 23 listopad */
    @keyframes animacja_slogan_tlo_green
    {
      0% { }
      50% { }
     100% { 
       padding: 35px;
       width: 0vw;
       background-color: #2f3542;
     }
    
    }

    .sloganbackground_tlo_green2 {
      position: absolute;
      text-align: center;
      z-index: 100;
      top: 0%;
      left: 0%;
      padding: 0px;
      height: 100vh;
      width: 100vw;
      /* zmiana z 23 listopada */
      background-color: rgba(255, 255, 255, 1);
      animation: animacja_slogan_tlo_green2 3s ease-in-out;
      animation-delay: 2s;
      animation-fill-mode: forwards;
      display: none;
      }
    
      @keyframes animacja_slogan_tlo_green2
      {
        0% { }
        50% { }
       100% { 
         padding: 40px;
         width: 50vw;
      }

    }
 
    .slogan img 
    {
      /* zmiany z 27 listopada 2021*/
      width: 200px;
      display: none;
    }
  
  .slogan h1 {
    font-size: 30px; 
    text-align: center;
    color: rgba(255, 255, 255, 1);
    text-transform: uppercase;
    font-weight: 600;
    padding: 0px 50px 0px;
  }
  .slogan p {
    font-size: 30px;
    /* padding-top: 30px; */
    text-align: center;
    line-height: 30px;
  }
  
  
  .slogan .kontakt {
    position: absolute;
    bottom: 70px;
    left: 0px;
    font-size: 25px; 
    text-align: left;
    color:#FFF;
    background-color: #042547;
    padding: 10px;
    transition: .1s;
    z-index: 2;
  }

  
  .slogan .kontakt:hover {
  
    border-right: 5px solid #fff;
  }
  .slogan .kontakt svg 
  {
    fill: #fff;
  }

  .slogan .tel {
    position: absolute;
    bottom: 0px;
    left: 0px;
    font-size: 25px; 
    text-align: left;
    color:#FFF;
    background-color: #042547;
    padding: 10px;
    transition: .1s;
    z-index: 2;
  }

  
  .slogan .tel:hover {
    border-right: 5px solid #fff;
  }
  .slogan .tel svg 
  {
    fill: #fff;
  }


  .sloganbackground2 {
    position: absolute;
    color: #ffffff;
    text-align: center;
    top: 0%;
    right: 0%;
    padding: 0px;
    height: 0vh;
    width: 100vw;
    background-color: red;
    background-repeat: repeat;
    animation: animacja_slogan2 2s ease-in-out;
    animation-delay: 1s;
    animation-fill-mode: forwards;
    display: none;
    }
  
   


        .ramka2 
        {
          width: 0px;
          height: 0px;
          position: absolute;
          border: 25px solid #e84118;
          bottom: 150;
          right: 1300;
          opacity: 0;
          z-index: 998;
          box-shadow: 0 0 15px 5px rgb(0 0 0 / 25%);
          animation: animacja_ramka2 10s ease-in-out infinite;
          animation-delay: 5s;
          animation-fill-mode: forwards;
            }
    
            @keyframes animacja_ramka2
            {
              0% { 
                width: 0px;
                height: 0px;
                bottom: 200;
                right: 50;
                opacity: 1;
              }
              50% { 
                height: 200px; 
                width: 200px;
                bottom: 40;
                right: 100;
              }
             100% { 
               height: 50px;
               width: 50px;
               
             }
            }




/* popup */
.popup-kontakt
{
  font-weight: 900;
  color: #C4E538;
}



.header-oferta{
  position: relative;
  height: 100px;
  padding: 0 0 0 30vw;
  background-color: rgba(4, 37, 71, .6);
  box-shadow: rgb(0 0 0 / 25%) 0px 0px 15px 5px;

  /*
  background-image: url(../img/oferta.jpg);
  background-size: cover;
  */
}

.top_belka
{
  width: 100%;
  height: 0px;
  z-index: 9999;
  background-color: rgb(47, 54, 64, 0);
}







.tloMenu
{
  width: 100%;
  height: 100px;
  position: fixed;
  top: 0px;
  left: 0px;
  z-index: 998;
  display: none;
  box-shadow: 0 0 35px 15px rgba(0,0,0,0.05);
}
.sidenav 
{
  background-color: #C4E538;
  width: 220px;
}


.video {
  position: absolute;
  height: auto;
  width: 100%;
  height: 100%;
  z-index: 0;
  object-fit: cover;
  top: 0;
  left: 0; }

.video2 {
  position: relative;
  height: auto;
  width: 100%;
  height: 100%;
  z-index: 0;
  object-fit: cover;
  top: 0;
  left: 0; }
  
  
  .video-oferta {
    position: absolute;
    object-fit: cover;
    z-index: 0;
    height: auto;
    width: 100%;
    height: 50vh;
    top: 0;
    left: 0; }

/*
    .tlo {
      position: fixed;
      object-fit: cover;
      z-index: 1;
      height: 100vh;
      width: 100%;
      top: 0;
      left: 0;
    }
*/

  .tlo-menu 
  {
    position: fixed;
    object-fit: cover;
    z-index: 2;
    height: 60px;
    display: none;
    width: 100%;
    top: 0;
    right: 0;
    border-bottom: solid 1px #2f3640;
  }
  
  
  .menu a {
    font-size: 18px;
    text-transform: none;
    text-decoration: none;
    transition: .2s;
    margin: 95px 35px 0;
    color: rgb(255, 255, 255, 1);
    display: block;
    text-align: center;
    text-decoration: none;
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -ms-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease;
  }
  .menu a:hover
  {
    color: #042547;
  }

  @media (max-width: 1400px) {
    .menu a {
      
      margin: 0px 10px 0;

    }
  }

  .napisz
  {
    border: #2f3640 solid 3px;
    padding: 5px 25px;
    border-radius: 15px;
    transform: translateY(-8px);
    transition: .3s;
  }
  .napisz:hover
  {
    background-color: #2f3640;
    color: #C4E538;
  }

 

  .menu img 
  {
    width: 80px;
  }
  
  .dropdown-content
  {
    overflow: hidden;
  }
  
  .dropdown-content
  {
    min-width: 200px;
    top: 25px;
  }
 
  /* menu*/
  .menu 
  {
    position: absolute;
    z-index: 4;
    top: 0px;
    right: 90px;
    color: #2f3640;
    text-align: right;
    display: block;
  }
  .menu li {
    position: relative;
    width: auto;
    color: #2f3640;
    text-align: center;
    font-size: 20px;
    padding: 5px;
    margin: 0 auto;
    display: inline-block;
    transition: .2s;
    cursor: pointer;
  }
  .sidenav li:hover
  {
    color: #222;
  }

  
  
  .sidenav li 
  {
    float: none;
    width: 230px;
    color: rgba(46, 46, 46, 1);
    margin: 0px;
  }
  
  .menu-mobile
  {
    display: none;
  }
  
  
  #submenu {
    left: 0;
    opacity: 0;
    position: absolute;
    top: 35px;
    visibility: hidden;
    z-index: 1;
    color: #ffffff;
    background-color: #2f3640;
  }
  li:hover ul#submenu {
    opacity: 1;
    top: 40px;	/* adjust this as per top nav padding top & bottom comes */
    visibility: visible;
    color: #ffffff;
  }
  #submenu li {
    float: none;
    width: 230px;
    padding: 15px 0px;
    color: #ffffff;
  }
  #submenu li a{
    padding: 5px 10px;
    margin: 0px;
    color: #fff;
    font-size: 18px;
    text-align: left;
  }
  #submenu li a:hover{
    color: #ffffff;;
  }

  .menu-img img
  {
    width: 90px;
    transform: translateY(-25px);
  }
  
  
  
  /* menu*/
  



  
  
  
  /* menu*/
  




nav .sidenav-trigger
{
  float: right;
  margin: 20px 40px 0 0;
  z-index: 1;
 color: #C4E538;
}

.muzyka {
  position: absolute;
  z-index: 3;
  line-height: 19px;
  bottom: 30px;
  left: 20px;
 }

 


.slogan-oferta {
  color: #ffffff;
  text-align: left;
  margin-top: 50vh;
  }

  .slogan-oferta h1 {
    font-size: 45px; 
    text-align: center;
    color: white;
  }
  .slogan-oferta p {
    font-size: 10px; 
    text-align: center;
    color: rgba(255, 255, 255, 0.1);
  }

  .slogan-onas {
    position: relative;
    height: 100px;
    transition: .3s;
    padding: 20px 0 0;
    animation: animacja_slogan_oferta .5s ease-in-out;
    animation-delay: 2s;
    animation-fill-mode: forwards;
    background-color: #042547;
    }
   

    .slogan-onas h1 {
      font-size: 14px; 
      text-align: left;
      color: #fff;
      padding-left: 80px;
      font-weight: 100;
    }
    .slogan-onas p{
      font-size: 26px; 
      text-align: left;
      color: #fff;
      padding-left: 80px;
      font-family: 'Josefin Sans', sans-serif;
    }
    .slogan-onas span.okruszki {
      font-size: 16px;
      text-align: left;
      color: #fff;
      padding-left: 80px;
      font-family: 'Josefin Sans', sans-serif;
      font-weight: 100;
      
    }
    .slogan-onas span.h1-aktualnosci{
      font-size: 18px;
      text-align: left;
      font-weight: 500;
      color: #fff;
      padding-left: 80px;
      display: block;
      text-transform: uppercase;
    }

.click {
  margin-top: 30px;
  }

.click a {
  font-size: 20px;
  border: solid 1px white;
  text-transform: none;
  text-decoration: none;
  padding: 5px 10px;
  transition: .2s;
  color: white;
}

.click a:hover 
{
  color: white;
  border: solid 2px white;
  border-radius: 10px;
}

.click-info {
  margin: 30px 0 0 0;
  }

.click-info a {
  font-size: 20px;
  border: solid 1px #ffffff;
  text-transform: none;
  text-decoration: none;
  padding: 5px 10px;
  transition: .3s;
  color: #ffffff }

.click-info a:hover 
{
  color: #ffffff;
  border-left: solid 30px #ffffff;
  padding: 5px 20px 5px 10px;
}




.logo {
  position: absolute;
  top: 10px;
  left: 20px;
  z-index: 995;
}

.logo img {
  width: 100px;
  }

.logo svg
{
  width: 300px;
  height: 200px;
}

  .logo-scroll {
    position: fixed;
    top: 20px;
    left: 20px; 
    z-index: 3;
    display: none;
  }
  
  .logo-scroll img {
    width: 150px;
    }

.scroll 
  {
    position: fixed;
    top: 70%;
    transform: translateY(-70%);
    right: 0;
    background-color: #2f3640;
    font-size: 20px;
    padding: 10px;
    line-height: 30px;
    z-index: 10;
    color: #ffffff;
    display: none;
    transition: .3s;
  }

  
  .scroll:hover 
  {
    border-right: solid 10px #C4E538;
  }
  .scroll a
  {
    color: #ffffff;
  }
  

.btn-start {
  position: absolute;
  width: 100px;
  height: 100px;
  background: #C4E538;
  margin: 40px auto;
  text-align: center; }




.section-2 {
  position: relative;
  background: white;
  display: block;
  top: 0;
  left: 0;
  margin: 0 auto;
  padding: 0 0 5%;
}

.front-contact{
  position: relative;
  background: #fff;
  display: block;
  top: 0;
  left: 0;
  margin: 0 auto;
  padding: 0;

}
.front-contact
{
  padding: 5% 0 8%;
}

.front-contact h3 
{
  text-align: center;
  font-size: 25px;
  margin: 40px 0 0;
}
.form-content
{
  padding: 20px 10%;
}
.form-content textarea 
{
  background-color: #fff;
}

.nf-form-content .list-select-wrap .nf-field-element>div, .nf-form-content input:not([type=button]), .nf-form-content textarea
{
  background-color: #fff;
}


.section-2 h2 {
  color: #C4E538;
  margin-bottom: 0px;
  text-align: center;
  font-weight: 100;
  font-size: 50px; 
  padding-bottom: 100px;
}

.section-2 a 
{
  color: #C4E538;
  display: inline;
  display: block;
  text-align: center;
  font-size: 25px; 
  border: solid 3px #ffffff;
  transition: .5s;
  
}
.section-2 a:hover
{
  color: #C4E538;
}

.section-2 p {
  text-align: center;
  padding: 0 0 7% 0;
  font-size: 20px; }


.section-2 .span
{
  color: #C4E538;
  font-size: 20px; 
  padding-bottom: 60px;
  text-align: center;
}





.section-2 .position-oferta  p 
{
  font-size: 13px;
  text-align: center;

}


.section-2 .position-oferta .box img {
  padding: 10px;
  width: 150px;
  border-radius: 5%;
  transition: 1s;
  background: #fff; 
}
.box_oferta
{
  margin: px;
  padding: 30px 3px;
  transition: .2s;
  border: solid 3px #2f3640;
  height: 590px;
}
.box_oferta:hover
{

  border: solid 3px #2f3640;
  border-radius: 10px;
}

.box_oferta svg
{
  fill: #C4E538;
  width: 86px;
  transition: .5s;
 
}
.section-3 {
  position: relative;
 
  color: #C4E538;
  top: 0;
  left: 0;
  text-align: center;
  padding: 15% 0 15% 0; }

.section-3 p {
  text-align: center;
  font-size: 20px; }

.section-3 h1 {
  font-size: 30px; 
 color: #C4E538;
}

.section-4 {
  position: relative;
  background: rgba(255, 255, 255, 0.9);
  top: 0;
  left: 0;
  text-align: center;
  padding: 10% 0 5% 0;
  width: 100vw;
 
}
.section-4 h1 
{
  color: rgba(46, 46, 46, 1);
  margin-bottom: 50px;
  text-align: center;
  font-size: 30px; 
}
.section-4 h2
{
  color: rgba(46, 46, 46, 1);
  margin-bottom: 10px;
  text-align: center;
  font-size: 23px; 
}

.section-4 h4
{
  color: #C4E538;
  margin-bottom: 5px;
  text-align: center;
  font-size: 23px; 
}

.section-4 i
{
  color: #C4E538;
  padding-top: 12px;
  text-align: center;
  font-size: 23px; 
}

.section-4 p {
  color: rgba(0,0,0,0.87);
  font-size: 20px;
  }

  .section-4 a.email
{
  color: rgba(0,0,0,0.87);
  font-size: 20px; 
}

.section-4 svg
{
  fill: #C4E538;
  width: 20px;
 
}

.social {
    padding: 2% 0;
 }

.social a {
    color: #C4E538;
    font-size: 40px;
 }
 .social img {
  color: #C4E538;
  width: 48px;
}

.mapa {
  position: relative;
  background: rgba(255, 255, 255, 1);
  color: #C4E538;
  text-align: center;
  padding: 0;
  width: 100vw;
  height: 100vh;
}
.mapa
  {
    z-index: 1;
  }

.mapa-plansza
{
  position: absolute;
    border: 5px solid #C4E538;
    transition: .3s;
    top: 50%;
    left: 10%;
    transform: translate(0%, -50%);
    background-color: rgba(255, 255, 255, .8);
    box-shadow: 0 0 15px 5px rgb(0 0 0 / 2%);
    width: 400px;
    height: 420px;
    padding: 50px;
}
.mapa-plansza:hover
{
  border-left: 25px solid #C4E538;
  background-color: #C4E538;
}
.mapa-plansza p 
{
  color: #2f3542;
  font-family: Verdana, Geneva, Tahoma, sans-serif;
  font-size: 14px;
  text-align: left;
}
.mapa-plansza a
{
  color: #2f3542;;
}

.mapa-plansza img
{
  margin-bottom: 50px;
}


.mapa-rwd {
  position: relative;
  background: rgba(255, 255, 255, 1);
  color: #2f3542;;
  text-align: center;
  padding: 0;
  width: 100vw;
}
.mapa-rwd
  {
    z-index: 1;
    display: none;
  }


.mapa-plansza-rwd
{
  padding: 30px;
  display: none;
  margin: 10vh auto;
  background-color: #C4E538;
  box-shadow: 0 0 15px 5px rgb(0 0 0 / 25%);
  width: 300px;
  height: 400px;
}
.mapa-plansza-rwd p 
{
  color: #fff;
  font-size: 14px;
}

.mapa-plansza-rwd img
{
  margin-bottom: 20px;
}

.kt-accordion-id_b34868-c8 .kt-accordion-header-wrap .kt-blocks-accordion-header.kt-accordion-panel-active
{
  border-color: #eeeeee #eeeeee #eeeeee #eeeeee;
}


/**/


/* oferta pozycja */
.news-background
{
  background-repeat: repeat-x;
  background-image: url(../img/attornix-home-1.png);
  height: 50px;
  display: block;
  width: 100%;
}

.features {
  position: relative;
  background-color: #f0f0f0;
  z-index: 1;
  padding: 0 0 10%;
}



.features h1 {
  text-align: center;
  padding: 30px 0; 
  font-size: 40px;
  padding: 0 0 5%; 
  color: white;
  margin-bottom: 20px;
  text-align: center;
  font-size: 70px;
  transition: .5s;
}


.features h4 {
  text-align: center;
  padding: 20px 0 0; 
  font-size: 25px;
  color: white;
}

.features-specjalizer {
  position: relative;
  background-attachment: fixed;
  background-color: #f0f0f0;
  z-index: 3;
  height: 300px;
}

.features-specjalizer-margin {
  height: 100px;
  position: relative;
  background-attachment: fixed;
  background-color: #f0f0f0;
  z-index: 1;
}
.box-specjalizer
{
  border: solid 1px #e1e1e1;
  margin: 10px;
  padding: 20px 20px 20px 40px;
  height: 280px;
  border-radius: 4px;
  transition: .5s;
}
.box-specjalizer:hover
{
  box-shadow: 0 0 15px 5px rgba(0,0,0,0.05);
}

/* box specjalizer two */

.box-specjalizer-two
{
  position: relative;
  border: solid 1px #e1e1e1;
  margin: 10px;
  padding: 0px;
  height: 280px;
  border-radius: 4px;
  transition: .5s;
  cursor: pointer;
  box-shadow: 0 0 15px 5px rgba(0,0,0,0.05);
}
.box-specjalizer-two:hover
{
  box-shadow: 0 0 0px 0px rgba(0,0,0,0.05);
}
.box-specjalizer-two-img img
{
  background-size: cover;
  object-fit: cover;
  height: 100%;
}
.specjzlizer-triangle
{
  position: absolute;
  top: 60px;
  right: -5;
  border-bottom: 80px solid #C4E538;
  border-left: 80px solid transparent;
  margin: 25px auto 0;
}

.specjzlizer-tlo
{
  position: absolute;
  top: 60px;
  right: -5;
  border-bottom: 80px solid #C4E538;
  border-left: 80px solid transparent;
  margin: 25px auto 0;
}


.box-specjalizer-two a
{
  position: absolute;
  bottom: 2px;
  right: 2px;
  color: white;
  text-align: center;
  transition: .5s;
}
.box-specjalizer-two .btn-specjalizer span
{
  font-size: 35px;
}
.box-specjalizer-two .btn-specjalizer span:hover
{
  color: #2f3640;
}

/* box specjalizer three */

.box-specjalizer-three
{
  position: relative;
  border: solid 1px #e1e1e1;
  margin: 10px;
  padding: 0px;
  height: 150px;
  border-radius: 4px;
  transition: .5s;
  cursor: pointer;
  box-shadow: 0 0 15px 5px rgba(0,0,0,0.05);
}
.box-specjalizer-three:hover
{
  box-shadow: 0 0 0px 0px rgba(0,0,0,0.05);
}

.box-specjalizer-three-img img
{
  background-size: cover;
  object-fit: cover;
  height: 100%;
}

.box-specjalizer-three a
{
  position: absolute;
  bottom: 40%;
  right: 20%;
  color: white;
  background-color: #C4E538;
  text-align: center;
  transition: .5s;
}
.box-specjalizer-three a:hover
{
  background-color: #2f3640;
  color: #C4E538;

}

/* box specjalizer four */

.box-specjalizer-four
{
  position: relative;
  border: solid 1px #e1e1e1;
  margin: 10px;
  padding: 0px;
  height: 160px;
  border-radius: 4px;
  transition: .5s;
  cursor: pointer;
  box-shadow: 0 0 15px 5px rgba(0,0,0,0.05);
}
.box-specjalizer-four:hover
{
  box-shadow: 0 0 0px 0px rgba(0,0,0,0.05);
}
.box-specjalizer-four-img img
{
  background-size: cover;
  object-fit: cover;
  height: 100%;
}


.box-specjalizer-four a
{
  position: absolute;
  bottom: 2px;
  right: 2px;
  color: white;
  text-align: center;
  transition: .5s;
}
.box-specjalizer-four .btn-specjalizer span
{
  font-size: 35px;
}
.box-specjalizer-four .btn-specjalizer span:hover
{
  color: #2f3640;
}

/* box specjalizer four */





.btn-specjalizer span
{
  font-size: 35px;
  transition: .5s;
}
.specjzlizer-triangle-oferta
{
  position: absolute;
  bottom: 0;
  right: 0;
  border-bottom: 30px solid #C4E538;
  border-left: 30px solid transparent;
  margin: 25px auto 0;
}
.specjalizacje-h3-offer
{
  font-size: 1.3rem;
  line-height: 110%;
  margin: 0 0 15px 0;
}






.text-specjalizer
{
  padding: 10px;
}
.specjalizacje-h2
{
  font-size: 40px;
  position: absolute;
  color: #2f3640;
  text-align: center;
  top: 32%;
  left: 5%;
}
.specjalizacje-ikon
{
  background-color: #fff;
  height: 100%;
}
.specjalizacje-ikon i
{
  font-size: 70px;
  display: block;
  text-align: center;
  line-height: 70px;
  padding: 84px 0;
  
}
.specjalizacje-ikon span
{
  font-size: 70px;
  display: block;
  text-align: center;
  line-height: 70px;
  padding: 84px 0;
}

.btn-specjalizacje
{
  margin: 50px auto;
  display: table;
  color: rgba(0, 0, 0, 1);
  font-weight: 900;
  font-size: 20px;
  border-bottom: 2px solid #2f3640;
  transition: .5s;
  cursor: pointer;
}
.btn-specjalizacje:hover
{
  color: rgba(0, 0, 0, .7);
}

.specjalizacje-h3
{
  font-size: 2rem;
  line-height: 110%;
   margin: 0 0 15px 0;
}

.specjalizacje-siatka {
  position: absolute;
  top: 50px;
  left: 20px;
  margin: 0 0 15px 0;
  }
  .oferta{
    position: relative;
  }
  .specjalizacje
  {
    padding: 0 10%;
  }
 

 
  .firma-tlo {
    position: absolute;
    color: #ffffff;
    text-align: center;
    z-index: 999;
    top: 12%;
    left: 5%;
    padding: 40px;
    max-width: 400px;
    transform: translateY(-50%);
    background-repeat: repeat;
  }
  
  .firma-siatka
  {
    background-repeat: no-repeat;
    background-image: url(../img/pracujemy.jpg);
    box-shadow: 0 0 15px 5px rgb(0 0 0 / 15%);
    background-size: cover;
    padding: 30px;
    margin: 20px;
  }

  .firma-siatka h2 
  {
    font-size: 45px;
    color: #ffffff;
    margin: 30px 0 0;
    font-weight: 600;
  }
  .firma-siatka p
  {
    font-size: 30px;
    color: #ffffff;
  }


  .firma-siatka2
  {
    border: solid 5px #C4E538;
    display: block;
    box-shadow: 0 0 15px 5px rgb(0 0 0 / 15%);
    padding: 30px;
    margin: 20px; 
    transition: .4s;
  }
  
  .firma-siatka2 h2 
  {
    font-size: 45px;
    color: #C4E538;
    margin: 30px 0 0;
    font-weight: 600;
  }
  .firma-siatka2 p
  {
    font-size: 30px;
    color: #C4E538;
  }

  .firma-siatka2:hover
  {
    border: solid 5px #2f3640;
    color: #2f3640;
  }


  .firma-siatka3
  {
    order: solid 5px #C4E538;
    display: block;
    box-shadow: 0 0 15px 5px rgb(0 0 0 / 15%);
    padding: 30px;
    margin: 20px;
    transition: .4s;
  }
  .firma-siatka3:hover
  {
    border: solid 5px #2f3640;
    color: #2f3640;
  }

  .firma-siatka3 h2 
  {
    font-size: 45px;
    color: #ffffff;
    margin: 30px 0 0;
    font-weight: 600;
  }
  .firma-siatka3 p
  {
    font-size: 30px;
    color: #ffffff;
  }

  .firma-siatka4
  {
    background-color: #C4E538;
    box-shadow: 0 0 15px 5px rgb(0 0 0 / 15%);
    padding: 30px;
    margin: 40px 20px;
    animation: animacja_siatka4 2s ease infinite;
  }


@keyframes animacja_siatka4
{
  0% { 
    margin: 100px 20px;
   }
 100% { 
    margin: 100px 20px;
   }
}

  .firma-siatka4 h2 
  {
    font-size: 70px;
    color: #2f3640 ;
    margin: 30px 0 0;
    font-weight: 600;
  }
  .firma-siatka4 p
  {
    font-size: 30px;
    color: #2f3640;
  }

  .praca-kontakt
  {
    display: inherit;
    text-align: right;
    margin: 100px auto;
    display: block;
    text-align: center;
  }
  

  /*button */
  .praca-kontakt a {
    text-decoration: none;
    color: inherit;
  }
  
  .praca-kontakt .cta {
    position: relative;
    margin: auto;
    padding: 19px 22px;
    transition: all 0.2s ease;
  }
  .praca-kontakt .cta:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    border-radius: 28px;
    background: #C4E538;
    width: 56px;
    height: 56px;
    transition: all 0.3s ease;
  }
  .praca-kontakt .cta span {
    position: relative;
    font-size: 16px;
    color: #2f3640;
    font-weight: 900;
    letter-spacing: 0.25em;
    text-transform: uppercase;
    vertical-align: middle;
  }
  .praca-kontakt .cta svg {
    position: relative;
    top: 0;
    margin-left: 10px;
    fill: none;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke: #2f3640;
    stroke-width: 2;
    transform: translateX(-5px);
    transition: all 0.3s ease;
  }
  .praca-kontakt .cta:hover:before {
    width: 100%;
    background: #C4E538;
  }
  .praca-kontakt .cta:hover svg {
    transform: translateX(0);
  }
  .praca-kontakt .cta:active {
    transform: scale(0.96);
  }

  /* praca - kontakt 2 */

  .praca-kontakt2
  {
    display: inherit;
    text-align: right;
    margin: 100px auto;
    display: block;
    text-align: center;
  }
  

  /*button */
  .praca-kontakt2 a {
    text-decoration: none;
    color: inherit;
  }
  
  .praca-kontakt2 .cta {
    position: relative;
    margin: auto;
    padding: 19px 22px;
    transition: all 0.2s ease;
  }
  .praca-kontakt2 .cta:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    border-radius: 28px;
    background: #2f3640;
    width: 56px;
    height: 56px;
    transition: all 0.3s ease;
  }
  .praca-kontakt2 .cta span {
    position: relative;
    font-size: 16px;
    color: white;
    font-weight: 900;
    letter-spacing: 0.25em;
    text-transform: uppercase;
    vertical-align: middle;
  }
  .praca-kontakt2 .cta svg {
    position: relative;
    top: 0;
    margin-left: 10px;
    fill: none;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke: #2f3640;
    stroke-width: 2;
    transform: translateX(-5px);
    transition: all 0.3s ease;
  }
  .praca-kontakt2 .cta:hover:before {
    width: 100%;
    background: #2f3640;
  }
  .praca-kontakt2 .cta:hover svg {
    transform: translateX(0);
  }
  .praca-kontakt2 .cta:active {
    transform: scale(0.96);
  }


  /*button */

  .info-kontakt-kancelaria
  {
    padding: 10%;
  }
  .info-kontakt-fb
  {
    padding: 50px 0 50px;
    display: table;
    text-align: center;
    margin: 0 auto;
  }

  .info-kontakt-fb .material-icons
  {
    font-size: 50px;
    text-align: center;
    color: #C4E538;
    float: left;
    display: inline;
    transition: .5s;
  }
  .info-kontakt-fb .material-icons:hover
  {
    font-size: 50px;
    text-align: center;
    color: #2f3640;
    display: block;
  }


  /*button info-kontakt-kancelaria */
  .info-kontakt-kancelaria a {
    text-decoration: none;
    color: inherit;
  }
  
  .info-kontakt-kancelaria .cta {
    position: relative;
    margin: auto;
    padding: 19px 22px;
    transition: all 0.2s ease;
  }
  .info-kontakt-kancelaria .cta:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    border-radius: 28px;
    background: #500d7e;
    width: 56px;
    height: 56px;
    transition: all 0.3s ease;
  }
  .info-kontakt-kancelaria .cta span {
    position: relative;
    font-size: 16px;
    color: #2f3640;
    font-weight: 900;
    letter-spacing: 0.25em;
    text-transform: uppercase;
    vertical-align: middle;
  }
  .info-kontakt-kancelaria .cta span:hover {
    color: #ffffff;
  }
  .info-kontakt-kancelaria .cta svg {
    position: relative;
    top: 0;
    margin-left: 10px;
    fill: none;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke: #2f3640;
    stroke-width: 2;
    transform: translateX(-5px);
    transition: all 0.3s ease;
  }
  .info-kontakt-kancelaria .cta:hover:before {
    width: 100%;
    background: #500d7e;
    color: #ffffff;
  }
  .info-kontakt-kancelaria .cta:hover svg {
    transform: translateX(0);
    stroke: #ffffff;
  }
  .info-kontakt-kancelaria .cta:active {
    transform: scale(0.96);
    color: #ffffff;
  }
  /*button info-kontakt-kancelaria */

  .btn-praca
  {
      border: solid 2px #500d7e;
      padding: 10px 70px;
      color: #500d7e;
      transition: .7s;
  }
  .btn-praca:hover
  {
      border: solid 2px #C4E538;
      color: #C4E538;
      box-shadow: 0 0 15px 5px rgb(0 0 0 / 15%);
  }

  .praca-background
  {
    background-repeat: no-repeat;
    background-color: #500d7e;
    background-size: cover;
    height: 20%;
  }

  

.box {
  text-align: center;
  margin: 15px 0; 
}


.features-tekst
{
  padding: 5% 15%;
}

.features-tekst2
{
  padding: 0 5%;
}


.features-grey-start {
  position: relative;
  background-attachment: fixed;
  display: block;
  top: 0;
  left: 0;
  margin: 0 auto;
  padding: 10% 5%; 
  background-color: white;
  display: block;
  width: 100%;
}

.features-grey-start img
{
  display: table;
  font-size: 70px;
  color: #C4E538;
  transition: .4s;
  box-shadow: 0 0 15px 5px rgb(0 0 0 / 18%);
}

.features-grey-start p
{
  display: table;
  font-size: 18px;
  text-align: justify;
  font-family: Verdana, Geneva, Tahoma, sans-serif;
  padding: 15px 25px;
  color: #2f3640;
  transition: .4s;
}

.features-grey-omnie {
  position: relative;
  background-attachment: fixed;
  display: block;
  top: 0;
  left: 0;
  margin: 0 auto;
  padding: 0% 5%; 
  background-color: white;
  display: block;
  width: 100%;
}

.features-grey-omnie img
{
  display: table;
  font-size: 70px;
  color: #C4E538;
  transition: .4s;
}

.features-grey-omnie p
{
  display: table;
  font-size: 18px;
  text-align: justify;
  font-family: Verdana, Geneva, Tahoma, sans-serif;
  padding: 15px 25px;
  color: #2f3640;
  transition: .4s;
}

.features-grey-omnie h2
{
  display: table;
  font-size: 40px;
  text-decoration: uppercase;
  padding: 15px 25px;
  color: #2f3640;
  transition: .4s;
}
.features-grey-omnie h3
{
  display: table;
  font-size: 40px;
  padding: 15px 25px;
  text-decoration: uppercase;
  color: white;
  background-color: #2f3640;
  box-shadow: 0 0 15px 5px rgb(0 0 0 / 15%);
  transition: .4s;
}
.features-grey-omnie h3:hover
{
  box-shadow: 0 0 0px 0px rgb(0 0 0 / 15%);
}

/* hasło strona */


.features-haslo {
  position: relative;
  background-attachment: fixed;
  display: block;
  top: 0;
  left: 0;
  margin: 0 auto;
  padding: 5% 10%; 
  background-color: white;
  display: block;
  width: 100%;
}

.features-haslo p.witaj
{
  font-size: 13px;
  text-align: center;
  color: #2f3640;
  transition: .4s;
}

.features-haslo p.przyjemnosc
{
  font-size: 25px;
  text-align: center;
  color: #2f3640;
  transition: .4s;
}

.features-haslo h1 
{
  font-size: 50px;
  text-align: center;
  padding: 0px 25px;
  color: #C4E538;
  font-weight: 500;
  transition: .4s;
}



/* hasło  strona */

/* obszar */


.features-obszar {
  position: relative;
  background-attachment: fixed;
  background-color: #2f3542;
  display: block;
  top: 0;
  left: 0;
  margin: 0 auto;
  padding: 5% 0; 
  display: block;
  width: 100%;
}

.features-obszar p.witaj
{
  font-size: 13px;
  text-align: center;
  color: #fff;
  transition: .4s;
}

.features-obszar p.przyjemnosc
{
  font-size: 25px;
  text-align: center;
  color: #fff;
  transition: .4s;
  padding: 0 30px;
}

.features-obszar h3
{
  font-size: 40px;
  text-align: center;
  color: #fff;
  font-weight: 500;
  transition: .4s;
}



.features-obszar a
{
  font-size: 20px;
  text-align: center;
  padding: 5px 35px;
  color: #C4E538;
  border: solid 2px #C4E538;
  margin: 0 auto;
  display: table;
  text-decoration: none;
  font-weight: 500;
  transition: .4s;
}
.features-obszar a:hover
{
  background-color: #C4E538;
  color: white;
}

/* obszar */

/* obszar 2 */
.background-start
{
  width: 300px;
    height: 100%;
    background-color: #2f3542;
    position: absolute;
    top: 0%;
    right: 0px;
    z-index: 0;
    transform: .5s;
    box-shadow: rgb(0 0 0 / 20%) 0px 0px 15px 5px;
    border-right: #C4E538 solid 10px;
}
.background-start:hover
{
  background-color: #2f3542;
}

.background-start3
{
   
  width: 350px;
  height: 100%;
  background-color: #C4E538;
  position: absolute;
  top: 0%;
  right: 0px;
  z-index: 0;
  transform: .5s;
  box-shadow: rgb(0 0 0 / 20%) 0px 0px 15px 5px;
  border-left: #2f3542 solid 10px;
  border-right: #2f3542 solid 10px;
}


.start-text
{
  z-index: 1;
  position: relative;
  padding: 80px 50px 50px;
}

.background-start2
{
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    height: 100vh;
    border-right: solid 2px #C4E538;
}

.features-obszar2 {
  position: relative;
  background-attachment: fixed;
  display: block;
  top: 0;
  left: 0;
  margin: 0 auto;
  padding: 0 0 50px 0; 
  background-color: rgba(255, 255, 255, 1);
  display: block;
  width: 100%;
}

.features-obszar2 p.witaj
{
  font-size: 13px;
  text-align: center;
  color: #2f3640;
  transition: .4s;
}

.features-obszar2 p.przyjemnosc
{
  font-size: 25px;
  text-align: justify;
  color: #2f3640;
  transition: .4s;
  padding: 0 90px 0 10px;
}

.features-obszar2 h3
{
  font-size: 40px;
  font-weight: 500;
  text-align: left;
  color: #C4E538;
  transition: .4s;
  padding: 40px 0 0;
}
.features-obszar2
{
  padding: 100px 0px 100px 100px;
}




.features-obszar2 a:hover
{
  background-color: #C4E538;
  color: white;
}

.features-obszar2 img
{
  width: 100%;
}

/* obszar 2 */



/* obszar 3 */


.features-obszar3 {
  margin: 0 auto;
  padding: 5% 0; 
  background-color: white;
  display: block;
  width: 100%;
}

.features-obszar3 p.witaj
{
  font-size: 13px;
  text-align: center;
  color: #2f3640;
  transition: .4s;
}

.features-obszar3 p.przyjemnosc
{
  font-size: 21px;
  text-align: justify;
  color: #2f3640;
  transition: .4s;
  padding: 0 30px;
}

.features-obszar3 h3
{
  font-size: 40px;
  text-align: center;
  color: #C4E538;
  font-weight: 500;
  transition: .4s;
}

/* obszar 3 */

/* obszar 4 */


.features-obszar4 {
  position: relative;
  display: block;
  top: 0;
  left: 0;
  margin: 0 auto;
  padding: 5% 0; 
  background-color: white;
  display: block;
  width: 100%;
}

.features-obszar4 p.witaj
{
  font-size: 13px;
  text-align: center;
  color: #2f3640;
  transition: .4s;
}

.features-obszar4 p.przyjemnosc
{
  font-size: 21px;
  text-align: justify;
  color: #2f3640;
  transition: .4s;
  padding: 0 30px;
}

.features-obszar4 h3
{
  font-size: 40px;
  text-align: center;
  color: #C4E538;
  font-weight: 500;
  transition: .4s;
}

/* obszar 4 */

/* logo */

.features-grey-logo {
  position: relative;
  background-attachment: fixed;
  display: block;
  top: 0;
  left: 0;
  margin: 0 auto;
  padding: 0% 5% 10%; 
  background-color: white;
  display: block;
  width: 100%;
}

.features-grey-logo img
{
  display: table;
  font-size: 70px;
  color: #C4E538;
  transition: 1s;
  box-shadow: 0 0 15px 5px rgb(0 0 0 / 15%);
}
.features-grey-logo img:hover
{
  
  box-shadow: 0 0 5px 2px rgb(0 0 0 / 15%);
}

.logo-ruch
{
  animation: animacja_logo 3s infinite alternate-reverse;
  transform: translateY(-15px);
}



@keyframes animacja_logo
{
  0% { 
    transform: translateY(-15px);
   }
 100% { 
  transform: translateY(15px);
   }
}

.features-grey-logo img:hover
{
  box-shadow: 0 0 15px 5px rgb(0 0 0 / 25%);
}



.features-grey-logo p
{
  display: table;
  font-size: 18px;
  text-align: justify;
  font-family: Verdana, Geneva, Tahoma, sans-serif;
  padding: 15px 25px;
  color: #2f3640;
  transition: .4s;
}


/* gazeta */

.features-grey-gazeta {
  position: relative;
  background-attachment: fixed;
  display: block;
  top: 0;
  left: 0;
  margin: 0 auto;
  padding: 0% 5% 10%; 
  background-color: white;
  display: block;
  width: 100%;
}

.features-grey-gazeta img
{
  display: table;
}



/* aktualnosci */

.aktualnosci {
  position: relative;
  background-attachment: fixed;
  background-color: white;
  z-index: 1;
  padding: 0;
}
.aktualnosci-h2
{
  font-size: 40px;
    color: #C4E538;
    text-align: center;
    display: table;
    margin: 50px auto 0;
    padding: 10px 20px;
    border: solid 3px #C4E538;
}

.aktualnosci-oferta
{
  font-size: 40px;
  color: #2f3542;;
}



.aktualnosci-siatka {
  position: absolute;
  top: 50px;
  left: 20px;
  margin: 0 0 15px 0;
  }
  .aktualnosci-text {
    position: relative;
    background-attachment: fixed;
    background-color: white;
    z-index: 1;
    padding: 0 0 10%;
  }
  .aktualnosci-art
  {
      border: solid 2px #C4E538;
      padding-bottom: 30px;
  }
  .aktualnosci-text p
  {
    text-align: center;
  }

  .aktualnosci-h3
{
  font-size: 30px;
  color: #2f3640;
  text-align: center;
}

.aktualnosci-art span
{
  color: #2f3640;
  font-weight: 600;
  display: block;
  text-align: center;
  font-size: 14px;
  margin-bottom: 10px;
}

.aktualnosci-art p
{
  color: #2f3640;
  font-weight: 600;
  display: block;
  text-align: center;
  font-size: 18px;
  padding: 20px;
  margin-bottom: 10px;
}

.btn-aktualnosci
{
  margin: 20px auto 0;
  display: table;
  color: #C4E538;
  font-weight: 900;
  font-size: 15px;
  border: 2px solid #C4E538;
  padding: 10px 30px;
  transition: .5s;
  cursor: pointer;
}
.btn-aktualnosci:hover
{
  background-color: #C4E538;
  color: white;
}




/* time */

.time {
  z-index: 999;
  background-color: #500d7e ;
  width: 100%;
  padding: 5% 0;
}
.counter
{
  text-align: center;
  font-size: 70px;
  font-weight: bold;
  border: solid 10px #2f3640;
  padding: 30px 0;
  margin: 20px 50px;
}


.counter-text
{
  text-align: center;
    font-size: 20px;
    color: #ffffff;
    margin: 10px;
    border: solid 1px #C4E538;
    background-color: #500d7e;
    padding: 30px;
    box-shadow: 0 0 15px 5px rgb(0 0 0 / 15%);
    transition: .5;
}
.counter-text:hover
{

    box-shadow: 0 0 15px 5px rgb(0 0 0 / 1%);
}
.counter-text .material-icons
{
  font-size: 70px;
  float: left;
}

.counter-text p
{
      font-weight: 800;
      font-size: 17px;
      line-height: 70px;
}



/* aktualnosci */

.footer .h2
{
  font-size: 50px;
  text-align: center;
  font-weight: 600;
  padding: 50px;
  font-family: Verdana, Geneva, Tahoma, sans-serif;
}
.footer 
{
  background-color: #fff;
  border-top: rgba(40, 39, 38, .1) solid 1px;
  position: relative;
  padding: 25px 0;
}
.footer p, footer a
{
  color: rgba(74, 74, 73, 1);
  text-align: center;
  font-size: 12px;
  
}


.footer img
{
  margin: 20px auto;
  display: block;
  background-color: #ff4757;
  width: 130px;
  padding: 20px;
  border-radius: 50%;
  transition: .5s;
}
.footer img:hover
{
  border-radius: 50%;
  border-radius: solid 5px #C4E538;
}

.footer span.material-icons
{
  margin: 20px auto;
  display: table;
  background-color: #2f3640;
  padding: 30px;
  font-size: 70px;
  color: #C4E538;
  transition: .4s;
}
.footer span.material-icons:hover
{
  background-color: #C4E538;
  color: #2f3640;
}
.footer h2 
{
  font-size: 25px;
  margin-bottom: 20px;
  font-weight: 300;
  color: #2f3640;
   text-align: center;
   transition: .4s;
   font-family: Verdana, Geneva, Tahoma, sans-serif;
}





/* triangle */

.triangle-position
{
  position: fixed;
  top: 50%;
  right: 0;
  z-index: 999;
}

.triangle-position2
{
  position: fixed;
  top: 50%;
  left: 0;
  z-index: 999;
}

#triangle {
	width: 0;
	height: 0;
	border-top: 30px solid transparent;
	border-bottom: 30px solid transparent;
	border-right: 60px solid rgba(215, 25, 104, 1);
	margin: 30px auto 0;
}

#triangle2 {
	width: 0;
	height: 0;
	border-top: 30px solid transparent;
	border-bottom: 30px solid transparent;
	border-left: 60px solid rgba(215, 25, 104, 1);
	margin: 30px auto 0;
}


/* futures grey */

.features-grey {
  position: relative;
  background-attachment: fixed;
  background-color: #ffffff;
  display: block;
  top: 0;
  left: 0;
  z-index: 1;
  margin: 0 auto;
  padding: 8% 5%; 
}

.features-grey  h1 {
  text-align: center;
  padding: 30px 0; 

  font-size: 40px;
  padding: 0 0 5%; 
  color: white;
  margin-bottom: 20px;
  text-align: center;
  font-size: 70px;
  transition: .5s;
}

.features-grey  h2 {
  text-align: center;
  padding: 30px 0; 
  font-size: 20px;
  color: white;
}

.features-grey  h4 {
  text-align: center;
  padding: 0 0 20px; 
  font-size: 24px;
  font-weight: 300;
  color: #C4E538;
}

.features-grey  h5 {
  text-align: center;
  padding: 15px;
  margin: 0 5px;
  background-color: rgba(46, 46, 46, 1);
  font-size: 20px;
  font-weight: 200;
  color: #C4E538;
}

.features-grey  h6 {
  text-align: center;
  padding: 5px;
  font-size: 18px;
  font-weight: 500;
  color: #C4E538;
}


.features-grey  p {
  font-size: 18px;
  color: rgba(46, 46, 46, 1);
  text-align: justify;
  font-weight: 100;
}

.features-grey  img {
  margin: 10px 0;
}

.features-grey-tekst
{
  padding: 5% 15%;
}

.features-grey span
{
  font-weight: 900;
}

.features-grey a {
  padding: 15px 13%; 
  font-size: 17px;
  color: white;
  text-align: justify;
  display: block;
  letter-spacing: 1px;
  transition: .5s;
}


/* futures grey*/


.roza
{
  color: red;
  font-size: 200px;
}


.images img {
  margin: 0;
  width: 100%;
  height: 330px;
  object-fit: cover;
  display: block;
}

.images {
  position: relative; }


.text {
  color: #fff;
  text-align: center; }


/* oferat pozycja koniec */

.zespol {
  position: relative;
  background: rgba(255, 255, 255, 1);
  top: 0;
  left: 0;
  text-align: center;
  width: 100vw;
  margin: 0;
  padding: 0;
 
}
.zespol h1 
{
  color: #C4E538;
  margin-bottom: 0;
  text-align: center;
  font-size: 50px; 
}
.zespol h2
{
  text-align: center;
  padding: 0 0 7% 0;
  color: #C4E538;
  font-size: 20px; 
}

.zespol h3
{
  color: #ffff;
  margin: 5px;
  text-align: center;
  font-size: 18px; 
}

.zespol p {
    text-align: center;
    padding: 0 0 7% 0;
    font-size: 20px;
}

.parallax-text
{
  padding: 10% 0;
  z-index: 1;
}

.parallax-text h3
{
  color: #ffff;
  margin: 5px;
  text-align: center;
  font-size: 25px; 
  font-weight: 500;
}

.parallax-text h4
{
  color: #ffff;
  margin: 5px;
  text-align: center;
  font-size: 45px; 
  font-weight: 200;
}

.parallax-text p
{
  color: #ffff;
  margin: 5px;
  text-align: center;
  font-size: 20px; 
}
.parallax-text span
{
 
  font-weight: 900;
}


/* pod opis */

.cennik-blok-1 {
  position: relative;
  background-attachment: fixed;
  background-color: rgba(46, 46, 46, 1);
  display: block;
  top: 0;
  left: 0;
  color: #ffffff;
  z-index: 1;
  margin: 0px auto;
  padding: 2% 5%; 
  border-bottom: solid 1px #2f3640;
}
.cennik-blok-1 h6
{
  margin: 0;
  font-weight: 100;
  color: #C4E538;
  font-size: 27px;
}

.cennik-blok-1 h7
{
  margin: 0;
  font-weight: 100;
  color: #C4E538;
  font-size: 15px;
}

.cennik-man-blok {
  position: relative;
  background-attachment: fixed;
  background-color: #C4E538;
  display: block;
  top: 0;
  left: 0;
  z-index: 1;
  margin: 0 auto;
  padding: 5% 5%; 
}

.man-blok {
  position: relative;
  background-attachment: fixed;
  background-color: #C4E538;
  display: block;
  top: 0;
  left: 0;
  z-index: 1;
  margin: 30px auto 20px;
  padding: 5% 5%; 
}
.man-blok-text
{
  padding: 0 30px;
}



.man-text
{
  padding: 10% 0;
  z-index: 1;
}

.man-text h3
{
  color: #2f3542;;
  margin: 5px;
  text-align: center;
  font-size: 25px; 
  font-weight: 500;
}

.man-text h4
{
  color: #ffff;
  margin: 5px;
  text-align: center;
  font-size: 45px; 
  font-weight: 200;
}

.man-text p
{
  color: #ffff;
  margin: 5px;
  text-align: center;
  font-size: 20px; 
}
.man-text span
{
 
  font-weight: 900;
}


.zespol-okno p
{
  text-align: left;
  font-size: 20px;
}
.zespol-okno ul li 
{
  text-align: left;
  font-size: 20px;
  color: rgba(0,0,0,0.87);
  list-style-type: square;
  margin: 0 0 10px 0;
}
.container_zespol p
{
  font-size: 17px;
  color: #C4E538;
}

.zespol-okno h3
{
  text-align: left;
  font-size: 30px;
  text-align: center;
}

.zespol-okno h4
{
  text-align: left;
  font-size: 15px;
  text-align: center;
  padding-bottom: 20px;
}
.zespol-okno h5
{
  font-size: 28px;
}

.zespol-okno h5 i
{
  text-align: left;
  font-size: 20px;
}

.zwardon_srodek img
{
  margin: 0 auto;
  width: 22%;
}




 


.section-5 {
  position: relative;
  background: white;
  color: #2f3542;;
  top: 0;
  left: 0;
  padding: 10% 0 10% 0; }

.section-5 p {
  text-align: center;
  padding: 0;
  font-size: 13px; }


  .section-6 {
    position: relative;
    padding: 0;
    opacity: 0;
    animation: animacja_section_6 .5s ease-in-out;
    animation-delay: 2s;
    animation-fill-mode: forwards;
    background-color: #fff;
    z-index: 10;
  }
  .section-6 .section-6-margines
  {
    padding: 0 3%;
    background-image: url(../img/5.jpg);
    background-size: cover;
  }

  .section-6 .section-6-ofirmie
  {
    padding: 0;
    background-color: #fff;
    background-size: cover;
  }

  .section-6 .carta-background-ofirmie 
  {
    background-color:#fff;
    padding: 0 50px;
    margin: 0 0 15%;
    transition: .2s;
    border-left: solid 5px rgba(250, 152, 58, 0);
 
  }


  @keyframes animacja_section_6
{
  0% { 
    opacity: 0;
  }
 100% { 
  opacity: 1;
  }
}

  .section-6 svg
  {
    fill: #C4E538;
    width: 86px;
   
  }



.section-6  i.material-icons {
  font-size: 35px;
  padding: 0 10px 0 0;
  color: #C4E538;
  transform: translateY(11px);
}
  .section_kontakt
  {
    text-align: center;
    color: rgba(0,0,0,0.87);
    border: none;
    
  }
  .cytat-section {
    height: 300px;
    background-image: url(../img/attornix-home-3.png);
    background-repeat: repeat;
    position: relative;
    padding: 130px 0;
    background-color: white;
    z-index: 1;
    border: solid 10px rgba(47, 54, 64, 1);
  }
  
 
  .cytat-center i
  {
    color: rgba(47, 54, 64, 1);
    font-size: 30px;
    display: block;
    text-align: center;
  }




  .section-6 h1
  {
    color: #C4E538;
    margin-bottom: 20px;
    text-align: center;
    font-size: 50px;
   
  }
  

  .border-1
  {
    color: #C4E538;
    font-size: 40px;
    text-align: center;
    padding: 0px 90px 0 10px;
   
    
  }

  .section-6 h2
  {
    color: #C4E538;
    text-align: left;
    margin: 5px;
    font-size: 35px;
   
  }

  .section-6 h4
  {
    color: #C4E538;
    text-align: center;
    margin: 5px;
    font-size: 25px;
   
  }
 

  

  .section-6 .card-image
  {
    transition: .5s;
    border: solid 5px #ffffff;
    padding: 5px;
    border-radius: 5px;
    border: solid 5px #2f3640;
  }
  .section-6 .card-image:hover
  {
    border: solid 5px #2f3640;
  }
  .white_text_border_oferta span
  {
    color: #C4E538;
    font-size: 20px;
    
  }
  
  
  

  .drugi_akapit span
  {
    font-size: 27px !important;
    margin: 0 0 50px 0 !important;
  }
  .drugi_akapit 
  {
    font-size: 20px !important;
    margin: 0 0 0 0 !important;
    text-align: justify !important;
  }



.teal
 

  .z-depth-1, nav, .card-panel, .card, .toast, .btn, .btn-large, .btn-small, .btn-floating, .dropdown-content, .collapsible, .sidenav
  {
    -webkit-box-shadow: none;
     box-shadow: none;
  }

  .section-oferta .card-panel
  {
    line-height: 50px; 
    text-align: center;
    font-size: 18px;
    text-transform: uppercase;
    min-height: 350px;
    margin: 10px ;
    border-radius: 5px;
    max-height: 300px;

  }

  .section-cennik .card-panel
  {
    line-height: 50px; 
    font-size: 20px;
    text-transform: uppercase;
    color: #C4E538;
    margin: 10px;
    -radius: 10px;
    padding: 5px 13px 5px 5px;
  }
  .white_text_border_cennik
  {
    border: solid 3px #2f3640;
    border-radius: 10px;
    padding: 10px;
    display: block;
    width: 100%;
  }
  .white_text_border_oferta
  {
    border: solid 3px #2f3640;
    border-radius: 10px;
    padding: 10px;
    display: block;
    width: 100%;
    height: 100%;
    max-height: 300px;
  }



  .card-panel span svg {
    fill: #C4E538;
    width: 50px; 
}
.card-panel .white-text
{
  line-height: 50px;  
 color: #C4E538;
}



  .section-6 p 
  {
    color: rgba(0,0,0,0.87);
    padding: 0 0 15px 0;
    font-size: 15px;
    text-align: justify;
    font-family: Verdana, Geneva, Tahoma, sans-serif;
  }

 


  .section-6 ol li {
    color: rgba(0,0,0,0.87);
    font-size: 15px;
    display: list-item;
    text-align: -webkit-match-parent;
    font-family: Verdana, Geneva, Tahoma, sans-serif;
     
      }
  .section-6 ul li {
    color: rgba(0,0,0,0.87);
    font-size: 15px;
    display: list-item;
    text-align: -webkit-match-parent;
    list-style: circle;
    font-family: Verdana, Geneva, Tahoma, sans-serif;
   
    }

    .pole
    {
      background-color: #f5f5f5;
      padding: 70px 0;
      margin: 50px 0;
    }
    .pole p
    {
      text-align: center;
    }

    .pole a 
    {
      color: #C4E538;
    }


  .btn-section-6
{
  margin: 0;
  color: rgba(0, 0, 0, 1);
  font-weight: 900;
  font-size: 20px;
  border-bottom: 2px solid rgba(0, 0, 0, 1);
  transition: .5s;
  cursor: pointer;
}
.btn-section-6:hover
{
  margin: 0;
  color: rgba(0, 0, 0, .5);
  font-weight: 900;
  font-size: 20px;
  border-bottom: 2px solid rgba(0, 0, 0, .5);
  
}
  
  .section-6 .gray-section-6
  {
    position: relative;
    background-color: white;
    padding: 25px;
    border-radius: 1px;
    box-shadow: 0 0 15px 5px rgba(0,0,0,0.05);
  }
  .triangle-zakladka {
    width: 0;
    height: 0;
    z-index: 999;
    border-bottom: 50px solid #C4E538;
    border-left: 50px solid transparent;
    margin: 25px auto 0;
    position: absolute;
    bottom: 0;
    right: 0;
  }
  

  .oferta-kontakt {
    display: inherit;
    text-align: left;
    margin: 30px 0 0;
}


  
  
  



  
  
    .section-7 {
      position: relative;
      color: #ffffff;
      top: 0;
      left: 0;
      text-align: center;
      background-color: #C4E538;
      padding: 40px 0 40px 0; }
    
    .section-7 p {
     color: #C4E538;
      text-align: center;
      font-size: 20px; }

/* oferta-text */
.oferta-text
{
  padding: 0;
  z-index: 1;
}
.oferta-text h2
{
  color: rgba(0,0,0,0.87);
  margin: 5px;
  text-align: right;
  text-transform: lowercase;
  font-size: 50px; 
  font-weight: 300;
}
.oferta-text h3
{
  color: rgba(0,0,0,0.87);
  margin: 5px;
  text-align: right;
  font-size: 35px; 
  font-weight: 100;
}
.oferta-text h3 span
{
 
  font-weight: 400;
  color: #C4E538;
  font-size: 35px; 
}

.oferta-text h4
{
  color: rgba(0,0,0,0.87);
  margin: 5px;
  text-align: right;
  font-size: 40px; 
  font-weight: 200;
}

.oferta-text h5
{
  color: #C4E538;
  margin: 5px;
  text-align: right;
  font-size: 20px; 
  font-weight: 500;
}

.oferta-text h6 
{
  color: #C4E538;
  margin: 5px;
  text-align: center;
  font-size: 20px; 
  font-weight: 500;
}

.oferta-text h6 span
{
  color: #ffffff;
  background-color: rgba(0,0,0,0.87);
  padding: 10px;
  margin: 5px;
  text-align: center;
  font-size: 25px; 
  font-weight: 200;
}

.oferta-text p
{
  color: rgba(0,0,0,0.87);
  margin: 5px;
  text-align: center;
  font-size: 20px; 
}
.oferta-text img
{
  border: solid 10px #2f3640;
}

/* kontakt */

.kontakt-kancelaria
{
  position: relative;
  background-color: #f0f0f0;
  z-index: 3;
  padding: 0;
}
.info-kontakt-praca
{
  display: table;
  margin: 5% auto;
}
.info-kontakt-kancelaria h2 
{
  font-size: 2rem;
}

.info-kontakt-kancelaria p
{
  font-size: 1.2rem;
}

/* formularz w zakłądce kontatk */

.color-formularz label
{
	color: #2f3640;
	font-size: 20px; 
}
.color-formularz input
{
	color: #2f3640;
	font-size: 20px; 
  border: solid 1px #2f3640;
}
.color-formularz 
{
	padding: 20px 0;
}
.color-formularz button
{
	border: solid 2px #2f3640;
  padding: 10px 70px;
  color: #2f3640;
  transition: .7s;
	background-color: rgba(255, 255, 255, 0);
  margin: 50px auto;
}

.color-formularz button:hover
{
  background-color: #2f3640;
  color: white;
}

.kb-form .kadence-blocks-form-field .kb-forms-submit
{
  border: solid 2px #2f3640;
  padding: 10px 70px;
  color: #2f3640;
  transition: .7s;
	background-color: #C4E538;
}






/* oferta-text */

    

.draft {
  padding: 5% 0 5% 0; }

.draft p {
  text-align: left;
  font-size: 14px; }

.box3 img {
  padding: 5px;
  margin: 0 5px 10px 0;
  width: 30px;
  border-radius: 5%;
  transition: 1s;
  background: #fff; }

.box3 img:hover {
  padding: 7px;
  background: #990000; }





.live {
  background: #990000;
  border: none;
  width: 130px;
  height: 40px;
  color: #fff;
  margin: 20px auto;
  display: block; }

.live a {
  color: #fff; }

  

 
  /* pasek postepu */

  .progress-bar {
    position: fixed;
    width: 100%;
    height: 6px;
    top: 0;
    left: 0;
    z-index: 999;
  }
  
  .progress-bar__filling {
    width: 0;
    height: 100%;
    background-color: #2f3542;
  }

  /* about ------------------------------------------------------ */ 

.about 
{
  padding: 0px 10% 50px 7%;
  position: relative;
  margin: 0 auto;
  background-color: rgba(255, 255, 255, 1);
  z-index: 10;
 
}


.about h2 
{
  font-family: Verdana, Geneva, Tahoma, sans-serif;
  text-align: center;
  margin: 0 0 20px;
  padding: 0px;
  color: #222;
  font-size: 30px;

}
.about p 
{
  font-family: Verdana, Geneva, Tahoma, sans-serif;
  text-align: center;
  margin: 0px;
  color: #222;
  margin-top: 10px;
}

.about img 
{
  text-align: center;
  margin: 0px;
  color: #222;
  font-size: 20px;
  margin: 0 auto;
  display: block;
  width: 20px;
}

.about2 {
  padding: 50px 0 0 0; 
  z-index: 105;
}

.about2 h2 
{
  font-family: Verdana, Geneva, Tahoma, sans-serif;
  text-align: center;
  margin: 0 0 20px;
  padding: 0px;
  color: #222;
  font-size: 30px;

}
.about2 p 
{
  font-family: Verdana, Geneva, Tahoma, sans-serif;
  text-align: center;
  margin: 0px;
  color: #222;
  margin-top: 10px;
}

.about2 img 
{
  text-align: center;
  margin: 0px;
  color: #222;
  font-size: 20px;
  margin: 0 auto;
  display: block;
  width: 20px;
}


.text2
{
  margin-top: 28%;
  padding: 0 60px;
  color: white;
  text-align: center;
  font-size: 20px;
  font-family: Verdana, Geneva, Tahoma, sans-serif;
}

.text2 a {
  color: rgba(47, 53, 66, 1);
  cursor: pointer;
  font-size: 1.5rem;
  font-weight: 400;
  text-decoration: none;
  transition: 0.5s;
  padding: 5px 10px;
}

.text2 a:hover
{
    border: none;
    color: white;
}

.text2 p {
  color: rgba(255, 255, 255, 1);
  cursor: pointer;
  font-size: 18px;
  margin-bottom: 10px;
  transition: 1s;
}


.about-2 {
  background-color: #2f3542;;
  display: flex;
  justify-content: center;
  flex-direction: column;
  height: 330px;
  padding: 20px;
  margin: 0;
  color: #ffffff; }

.about-2 h3 {
  text-align: center; }

.about-3 {
  background-color: #222;
  display: flex;
  justify-content: center;
  flex-direction: column;
  height: 330px;
  padding: 20px;
  margin: 0;
  color: #ffffff; }

.about-3 h3 
{
  text-align: center; 
  font-size: 50px;
}

.about-4 {
  background-color: #222;
  display: flex;
  justify-content: center;
  flex-direction: column;
  height: 50%;
  padding: 20px;
  margin: 0;
  color: #ffffff; }

.about-4 h3 
{
  text-align: left; 
  font-size: 18px;
}

.about-5 {
  background-color: #222;
  display: flex;
  justify-content: center;
  flex-direction: column;
  height: 50%;
  padding: 0px;
  margin: 0;
  color: #ffffff; }

.about-2 {
  padding: 0px; }

.images img {
  margin: 0;
  width: 100%;
  height: 330px;
  object-fit: cover;
  display: block; }

.images {
  position: relative; 
  margin: 10px;
  transition: .5s;
}



.layer 
{
  position: absolute;
  width: 100%;
  height: 100%;
  bottom: 0px;
  left: 0px;
  border: solid 5px #C4E538;
  background-color: rgba(47, 53, 66, .8);
  transition: .5s;
  text-align: left;
  cursor: pointer;
  z-index: 2; 
}

.layer:hover 
{
  border: solid 15px #C4E538;
  background-color: rgba(47, 53, 66, .3);
}

.layer3 
{
  position: absolute;
  width: 100%;
  height: 100%;
  bottom: 0px;
  left: 0px;
  border: solid 5px #ccc;
  background-color: rgba(47, 53, 66, .3);
  transition: .5s;
  text-align: left;
  cursor: pointer;
  z-index: 2; 
}

.layer3:hover 
{
  background-color: rgba(47, 53, 66, .9);
  border: solid 15px #C4E538;
}

.text
{
  font-size: 16px;
  /* padding: 10px; */
  color: white;
  text-align: left;
  font-family: Verdana, Geneva, Tahoma, sans-serif;
  transform: rotate(90deg);
  margin-top: 190px;
  margin-right: -160px;
}


.text a:hover
{
    border: none;
}

.text p {
  color: rgba(255, 255, 255, 1);
  cursor: pointer;
  font-size: 18px;
  margin-bottom: 10px;
  transition: 1s;
}

.images3 img {

  width: 100%;
  object-fit: cover;
  display: block; 
  transition: .3s;
  
}




.images3 {
  position: relative; }

.images2 img {

  width: 100%;
  padding: 10px;
  object-fit: cover;
  display: block; }

.images2 {
  position: relative; }

  .layer2 
  {
    position: absolute;
    opacity: 1;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    background-color: #2f3542;
    transition: 1s;
    text-align: center;
    z-index: 2; 
  }

  .text2 p {
    color: rgba(255, 255, 255, 1);
    cursor: pointer;
    font-size: 14px;
    margin-bottom: 10px;
    transition: 1s;
    transform: translate(0%, 700%);
  }

/* Blog / aktualności */

.item_blog
{
  margin: 5px;
  padding: 0px;
  transition: .5s;
  transition: .3s;
  background-color: #fbfbfb; 
}


.block-all 
{
  padding: 30px;
}
.blog-data
{
  color: #fff;
  line-height: 1.2em;
  letter-spacing: 1.28px;
  font-family: 'Lato', sans-serif;
  text-align: left;
  text-transform: uppercase;
  font-weight: 100;
  color: #042547;
  display: block;
}
.item_blog img
{
  width: 100%;
}
.item_blog h3
{
  line-height: 1em;
  font-family: 'Josefin Sans', sans-serif;
  text-align: left;
  text-transform: uppercase;
  font-weight: 900;
  width: 400px;
  padding: 5px 0 40px 0;
  color: #042547;
  display: table-cell;
}
.item_blog h3:hover
{
  color: black;
}
.item_blog p
{
  color: #042547;
  font-family: 'Lato', sans-serif;
  text-align: left;
  transition: .3s;
  padding: 0 20px;
  font-size: 17px;
}

.btn-blog
{
  color: #fff;
  line-height: 1em;
  letter-spacing: .5px;
  font-family: 'Lato', sans-serif;
  text-align: left;
  text-transform: uppercase;
  font-weight: 500;
  color: #042547;
  display: block;
  display: table;
  margin: 20px;
  padding: 18px;
  border: solid 3px #042547;
  transition: .5s;
  text-decoration: none;
}
.btn-blog:hover
{
  border: solid 3px #042547;
  background-color: #042547;
  color: white;
}

.pagination {
  display: table;
  padding-left: 0;
  margin: 100px auto;
  list-style: none;
}

/* blog aktualności */


    /* slogan blog */

    .slogan-blog {
      position: relative;
      height: 80px;
      transition: .3s;
      animation: animacja_slogan_oferta .5s ease-in-out;
      animation-delay: 2s;
      animation-fill-mode: forwards;
      background-color: white;
      border-left: solid 2px #C4E538;
      padding-top: 20px;
      }
      .slogan-blog:hover
      {
        border-left: solid 10px #C4E538;
      }
  
      .slogan-blog h1 {
        font-size: 25px; 
        text-align: left;
        color: #2f3542;
        padding-left: 80px;
        font-family: 'Times New Roman', Times, serif;
        font-weight: 100;
      }
      .slogan-blog p{
        font-size: 10px; 
        text-align: left;
        color: #2f3542;
        padding-left: 80px;
        font-family: Verdana, Geneva, Tahoma, sans-serif;
        font-weight: 100;
      }

      .blog-pozycja
      {
        padding: 5% 0;
        position: relative;
        background-color: #f5f5f5;
      }

      .blog-single
      {
        padding: 5% 10% 5% 5%;
        position: relative;
        background-color: #f5f5f5;
      }

     
      .data-wpisu
      {
        line-height: 1.2em;
        letter-spacing: 1.28px;
        font-family: 'Lato', sans-serif;
        text-align: left;
        text-transform: uppercase;
        font-weight: 100;
        color: #042547;
        display: block;
      }
     
 
      .blog-single p 
      {
        color: black;
        font-family: 'Lato', sans-serif;
        text-align: left;
        transition: .3s;
        padding: 0 20px 0 0;
        font-size: 17px;
      }


    .blog-single ol li {
      color: black;
      font-family: 'Lato', sans-serif;
      text-align: left;
      transition: .3s;
      padding: 0 20px;
      font-size: 17px;
      }
    .blog-single ul li {
      color: black;
      font-family: 'Lato', sans-serif;
      text-align: left;
      transition: .3s;
      padding: 8px 20px;
      font-size: 17px;
    }

    .blog-single em{
      color: black;
      font-family: 'Lato', sans-serif;
      text-align: left;
      transition: .3s;
      padding: 0 20px;
      font-size: 17px;
    }

   

    .blog-single h2 
    {
      line-height: 1em;
      letter-spacing: 1px;
      font-family: 'Lato', sans-serif;
      text-align: left;
      text-transform: uppercase;
      font-weight: 900;
      padding: 5px 0 40px 0;
      color: #042547;
    }

    /* slogan blog */

    .slogan-dzialamy {
 
      position: absolute;
      color: #ffffff;
      text-align: left;
      top: 100px;
      left: 0;
      height: 0px;
      width: 100%;
      border: solid 2px #C4E538 ;
      background-image: url(../img/oferta_2.jpg);
      background-repeat: no-repeat;
      background-size: cover;
      padding: 0px;
      animation: animacja_slogan_oferta .5s ease-in-out;
      animation-delay: 2s;
      animation-fill-mode: forwards;
     
      }
  
      .slogan-dzialamy h1 {
        font-size: 45px; 
        text-align: center;
        color: #2f3640;
        background-color: #C4E538;
        padding: 10px;
      }

      .slogan-historia {
 
        position: absolute;
        color: #ffffff;
        text-align: left;
        top: 100px;
        left: 0;
        height: 0px;
        width: 100%;
        border: solid 2px #C4E538 ;
        background-image: url(../img/oferta_3.jpg);
        background-repeat: no-repeat;
        background-size: cover;
        padding: 0px;
        animation: animacja_slogan_oferta .5s ease-in-out;
        animation-delay: 2s;
        animation-fill-mode: forwards;
       
        }
    
        .slogan-historia h1 {
          font-size: 45px; 
          text-align: center;
          color: #2f3640;
          background-color: #C4E538;
          padding: 10px;
        }

        .slogan-kalkulator {
 
          position: absolute;
          color: #ffffff;
          text-align: left;
          top: 100px;
          left: 0;
          height: 0px;
          width: 100%;
          border: solid 2px #C4E538 ;
          background-image: url(../img/oferta_4.jpg);
          background-repeat: no-repeat;
          background-size: cover;
          padding: 0px;
          animation: animacja_slogan_oferta .5s ease-in-out;
          animation-delay: 2s;
          animation-fill-mode: forwards;
         
          }
      
          .slogan-kalkulator h1 {
            font-size: 45px; 
            text-align: center;
            color: #2f3640;
            background-color: #C4E538;
            padding: 10px;
          }




/* kontakt  */

.form {
  margin:3rem auto;
  font-family: Verdana, Geneva, Tahoma, sans-serif;
  max-width:40rem;
}
.form .form-row {
  margin-bottom:1rem;
}
.form .form-row:last-child {
  margin-bottom: 0;
}
.form input[type=text],
.form input[type=email],
.form textarea,
.form .checkbox-cnt .state {
  box-shadow:inset 0 1px 5px rgba(0,0,0,0.07);
}
.form input[type=text],
.form input[type=email],
.form textarea {
  border-radius:0.2rem;
  font-family: Verdana, Geneva, Tahoma, sans-serif;
  padding:0.8rem;
  border:1px solid #aaa;
  display: block;
  width:100%;
  color:#666;
}
.form input[type=text]:focus,
.form input[type=email]:focus,
.form textarea:focus {
  border-color:#9DC9F5;
  box-shadow:inset 0 0 0 1px #9DC9F5, inset 0 1px 5px rgba(0,0,0,0.07);
  outline:none;
}
.form textarea {
  height:10rem;
}
.form label {
  font-weight:bold;
  display: block;
  font-size:0.9rem;
  margin-bottom:0.5rem;
}
.form .submit-btn {
  font-family: sans-serif;
  padding:1rem 2rem;
  background: #EE5A24;
  border:0;
  border-radius:0.2rem;
  color:#fff;
  font-size:1.1rem;
  font-weight: bold;
  transition: 0.3s background-color;
  cursor: pointer;
}
.form .submit-btn:hover {
  background: #EE5A24;
}
.form .checkbox-cnt {
  padding-left:3rem;
  position: relative;
  font-weight: normal;
  font-size:0.85rem;
  line-height: 1.1rem;
  color:#444;
  cursor: pointer;
}
.form .checkbox-cnt .state {
  width:2rem;
  height: 2rem;
  display: block;
  position: absolute;
  left:0;
  top:0;
  border:1px solid #aaa;
  border-radius:0.2rem;
}
.form .checkbox-cnt .state:before {
  width:1rem;
  height: 1rem;
  border-radius:0.2rem;
  background: #EE5A24;
  display: block;
  position: absolute;
  left:50%;
  top:50%;
  content:'';
  transform:translate(-50%, -50%) scale(1);
  opacity:0;
}
.form .checkbox-cnt input:checked ~ .state:before {
  animation: checkboxShowAnim 0.5s 1;
  opacity: 1;
}
.form .checkbox-cnt input {
  position:absolute;
  top:0; left:0;
  width:2rem;
  height: 2rem;
  z-index: 2;
  cursor:pointer;
  padding:0;
  margin:0;
  opacity: 0;
}
.form input[type=text].error,
.form input[type=email].error,
.form textarea.error,
.form .checkbox-cnt input.error ~ .state {
  border-color:#EE5A24;
}
.field-error {
  color:#EE5A24;
  padding:0.5rem 0;
  font-size:0.8rem;
}
  
.row
{
  margin-bottom: 0px;
}

label{
  color: #2f3640;
  font-weight: 100;
  font-family: Verdana, Geneva, Tahoma, sans-serif;
}

@media only screen and (max-width: 992px)
{
  .sidenav .user-view {
    padding: 0;
}

}

.sidenav .user-view {
  position: none;
  padding: 100px 0 50px;
  margin-bottom: 8px;
}

/* slider */

.home .carousel-item{
	min-height: 100vh;
	background-position: center;
	background-size: cover;
	position: relative;
	z-index: 1;
}
.home .carousel-item:before{
	content: '';
	position: absolute;
	left:0;
	top:0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.5);
	z-index: -1;
}
.home .carousel-item .container{
	position: absolute;
	left: 50%;
	top:50%;
	transform: translate(-50%,-50%);
	text-align: center;
}
.home .carousel-item h2{
	font-size: 80px;
	color: #ffffff;
	margin:0 0 10px;
	opacity: 0;
}
.home .carousel-item p{
	font-size: 30px;
	margin:0;
	color: #eeeeee;
	opacity:0;
}
.home .carousel-item.active h2{
	animation: fadeInLeft 0.5s ease forwards;
}
.home .carousel-item.active p{
	animation: fadeInRight 0.5s ease forwards;
}

@keyframes fadeInLeft{
	0%{
		opacity: 0;
		transform: translateX(-30px);
	}
	100%{
		opacity: 1;
		transform: translateX(0px);
	}
}
@keyframes fadeInRight{
	0%{
		opacity: 0;
		transform: translateX(30px);
	}
	100%{
		opacity: 1;
		transform: translateX(0px);
	}
}

.home .carousel-controls{
	position: absolute;
	left: 50%;
	bottom: 40px;
	z-index: 10;
	transform: translateX(50%);
}

.home .carousel-indicators{
	position: relative;
	margin:0;
}

.home .carousel-indicators li{
	height: 70px;
	width: 70px;
	margin:0 5px;
	border-radius: 50%;
	background-position: center;
	background-size: cover;
	border:3px solid transparent;
	transition: all 0.3s ease;
}
.home .carousel-indicators li.active{
	border-color: #ffffff;
	transform: scale(1.2);
}

.home .carousel-control-next, 
.home .carousel-control-prev{
	height: 60px;
	width: 60px;
	opacity: 1;
	z-index: 3;
	top: 50%;
	transform: translateY(-50%);
	border-radius: 50%;
	transition: all 0.3s ease;
}
.home .carousel-control-next:hover, 
.home .carousel-control-prev:hover{
   box-shadow: 0 0 10px #ffffff;
}
.home .carousel-control-next img, 
.home .carousel-control-prev img{
   width: 30px;
}
.home .carousel-control-next{
	right: -90px;
}
.home .carousel-control-prev{
	left: -90px;
}

/*responsive*/
@media(max-width: 767px){
  .home .carousel-control-next, 
  .home .carousel-control-prev{
  	display: none;
  }
  .home .carousel-indicators li{
  	height: 60px;
  	width: 60px;
  }
  .home .carousel-item h2{
  	font-size: 45px;
  }
  .home .carousel-item p{
  	font-size: 25px;
  }
}

/* slider */

.controls-button {
  text-transform: uppercase;
  color: #fff;
  letter-spacing: 0.12rem;
  font-size: 1rem;
  line-height: 1;
}


.slide-side-text, .slide-content-cta {
  text-transform: uppercase;
  color: #fff;
  letter-spacing: 0.12rem;
  font-size: 0.7rem;
  line-height: 1;
}

[v-cloak] {
  opacity: 0;
}



.wrapper {
  height: calc(100vh - 50px);
  min-height: 36rem;
  position: relative;
}
@media (max-width: 630px) {
  .wrapper {
    height: 100vh;
    min-height: 0;
  }
}

.slide-wrapper {
  background-size: cover;
  height: 100%;
  background-position: center center;
  position: absolute;
  width: 100%;
  z-index: 1;
  background-blend-mode: darken;
}
.slide-wrapper:nth-child(1) {
  background-color: rgba(115, 129, 153, 0.4);
}
.slide-wrapper:nth-child(1):before {
  background-color: rgba(115, 129, 153, 0.25);
}
.slide-wrapper:nth-child(1) .slide-content-text {
  text-shadow: 2px 5px 45px rgba(85, 96, 113, 0.25);
}
.slide-wrapper:nth-child(2) {
  background-color: rgba(144, 171, 184, 0.7);
}
.slide-wrapper:nth-child(2):before {
  background-color: rgba(144, 171, 184, 0.3);
}
.slide-wrapper:nth-child(2) .slide-content-text {
  text-shadow: 2px 5px 45px rgba(121, 142, 152, 0.2);
}
.slide-wrapper:nth-child(3) {
  background-color: rgba(86, 125, 156, 0.5);
}
.slide-wrapper:nth-child(3):before {
  background-color: rgba(86, 125, 156, 0.2);
}
.slide-wrapper:nth-child(3) .slide-content-text {
  text-shadow: 2px 5px 55px rgba(57, 83, 103, 0.4);
}
.slide-wrapper:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.slide-inner {
  position: relative;
  z-index: 2;
  height: 100%;
  overflow: hidden;
}
.slide-bg-text {
  font-family: Verdana, Geneva, Tahoma, sans-serif;
  color: #C4E538;
  font-size: 42vh;
  line-height: 0.8;
  opacity: 0.03;
  font-weight: 900;
  margin-top: -4rem;
  position: absolute;
  top: 80%;
  left: 5vw;
  transform: translateY(50%);
}
.slide-bg-text > p:last-child {
  padding-left: 4rem;
}
.slide-content {
  color: #fff;
  margin-top: 5rem;
  position: absolute;
  top: 40%;
  left: 100px;
  transform: translateY(-50%);
  display: flex;
  flex-direction: column;
}
@media (max-width: 1000px) {
  .slide-content {
    left: 100px;
  }
}
@media (max-height: 730px) {
  .slide-content {
    top: 40%;
    transform: translateY(-30%);
    left: 100px;
  }
}
.slide-content-text {
  
  font-size: 6rem;
  letter-spacing: 0.2rem;
  line-height: 0.87;
  will-change: auto;
}
@media (max-height: 790px) {
  .slide-content-text {
    font-size: 7rem;
  }
}
@media (max-width: 1150px) {
  .slide-content-text {
    font-size: 7rem;
  }
}
@media (max-width: 840px) {
  .slide-content-text {
    font-size: 5.5rem;
  }
}
@media (max-width: 630px) {
  .slide-content-text {
    margin-bottom: 1.5rem;
  }
}
@media (max-width: 500px) {
  .slide-content-text {
    font-size: 3.5rem;
  }
}
.slide-content-text > p:last-child {
  padding-left: 0rem;
}
.slide-content-cta {
  cursor: pointer;
  align-self: flex-start;
  padding: 0.9rem 2.2rem;
  border: 1px solid #C4E538;
  text-decoration: none;
  transition: 0.18s;
  color: #C4E538;
  font-weight: 700;
}
@media (max-width: 1000px) {
  .slide-content-cta {
    background-color: rgba(255, 255, 255, 0.3);
    padding-top: 1.2rem;
    padding-bottom: 1.2rem;
  }
}
@media (max-width: 630px) {
  .slide-content-cta {
    display: block;
  }
}
.slide-content-cta:hover {
  color: #ffffff;
  background-color: #C4E538;
  border: 1px solid #C4E538;
}
.slide-rect {
  height: 62vh;
  width: 48vh;
  border-image-slice: 10%;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 13vw;
  border-width: 5vh;
  border-style: solid;
  box-shadow: 2px 2px 90px 30px rgba(41, 50, 61, 0.22);
  will-change: auto;
}
@media (max-height: 790px) {
  .slide-rect {
    left: 9vw;
    height: 20vw;
    width: 16vw;
    border-width: 5vh;
  }
}
@media (max-height: 730px) {
  .slide-rect {
    top: 30%;
    transform: translateY(50%);
  }
}
.slide-rect-filter {
  filter: brightness(100%) contrast(110%) saturate(110%);
}
.slide-side-text {
  position: absolute;
  left: calc(13vw - 3rem);
  -ms-writing-mode: tb-rl;
      writing-mode: vertical-rl;
  top: calc((80% - (92vh / 2)) + (5vh / 2));
}
@media (max-height: 790px) {
  .slide-side-text {
    left: calc(9vw - 3rem);
    top: calc((50% - (20vw / 2)) + (5vh / 2));
  }
}
@media (max-height: 730px) {
  .slide-side-text {
    top: calc((40% - (20vw / 2)) + (5vh / 2));
    display: none;
  }
}
.slide-side-text > span:first-child {
  font-weight: 700;
}
.slide-side-text:after {
  content: "";
  width: 1px;
  background-color: rgba(255, 255, 255, 0);
  height: 40px;
  display: block;
  position: absolute;
  top: calc(100% + 25px);
  left: 50%;
  transform: translateX(50%);
}

.controls-container {
  position: absolute;
  z-index: 200;
  display: flex;
  bottom: 0;
  right: 0;
  align-items: center;
}
@media (max-width: 630px) {
  .controls-container {
    display: none;
  }
}
.controls-button {
  cursor: pointer;
  background-color: rgba(208, 206, 204, 0.32);
  border: 0;
  padding: 1.6rem 2.2rem;
  flex-basis: 0;
  flex-grow: 1;
  min-width: 15rem;
  transition: 0.25s ease-in-out;
  outline: 0;
}
@media (max-width: 730px) {
  .controls-button {
    padding: 1.2rem 1.4rem;
    min-width: 13rem;
  }
}
.controls-button:not(.active):hover {
  color: #000;
  background-color: #fff;
}
.controls-button.active {
  cursor: default;
  font-weight: 700;
  background-color: #C4E538;
  padding-top: 1.9rem;
  padding-bottom: 1.9rem;
  margin-bottom: -0.3rem;
  position: relative;
}
@media (max-width: 730px) {
  .controls-button.active {
    padding-top: 1.4rem;
    padding-bottom: 1.4rem;
    margin-bottom: -0.15rem;
  }
}
.controls-button.active:after {
  content: "";
  background-color: #e3e3e3;
  height: 5px;
  width: calc(100% - 8px);
  position: absolute;
  top: 100%;
  left: 4px;
}
.controls-button:not(.active) + .controls-button {
  border-left: 1px solid rgba(255, 255, 255, 0.2);
}

.pagination-container {
  position: absolute;
  z-index: 200;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  right: 2rem;
  top: 50%;
  transform: translateY(-50%);
}
@media (max-width: 920px) {
  .pagination-container {
    display: none;
  }
}
.pagination-item {
  width: 30px;
  height: 1px;
  background-color: rgba(255, 255, 255, 0.6);
  transition: 0.18s ease-in-out;
}
.pagination-item + .pagination-item {
  margin-top: 1rem;
}
.pagination-item.active {
  background-color: #fff;
  position: relative;
  transform: translateX(-0.6rem);
  width: 35px;
}
.pagination-item.active:after {
  content: "";
  height: 4px;
  width: 2px;
  border-radius: 35%;
  background-color: #fff;
  display: inline-block;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateX(0.6rem) translateY(50%);
}
.pagination-item:not(.active) {
  cursor: pointer;
}
.pagination-item:not(.active):hover {
  background-color: #fff;
  width: 35px;
}

@-webkit-keyframes slideLeft {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-100%);
  }
}

@keyframes slideLeft {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-100%);
  }
}
@-webkit-keyframes slideRight {
  from {
    transform: translateX(-100%);
  }
  to {
    transform: translateX(0);
  }
}
@keyframes slideRight {
  from {
    transform: translateX(-100%);
  }
  to {
    transform: translateX(0);
  }
}
@-webkit-keyframes cutTextUp {
  from {
    -webkit-clip-path: inset(0 0 -10% 0);
            clip-path: inset(0 0 -10% 0);
  }
  to {
    -webkit-clip-path: inset(0 0 100% 0);
            clip-path: inset(0 0 100% 0);
  }
}
@keyframes cutTextUp {
  from {
    -webkit-clip-path: inset(0 0 -10% 0);
            clip-path: inset(0 0 -10% 0);
  }
  to {
    -webkit-clip-path: inset(0 0 100% 0);
            clip-path: inset(0 0 100% 0);
  }
}
@-webkit-keyframes cutTextDown {
  from {
    -webkit-clip-path: inset(100% 0 0 0);
            clip-path: inset(100% 0 0 0);
  }
  to {
    -webkit-clip-path: inset(-10% 0 -20% 0);
            clip-path: inset(-10% 0 -20% 0);
    opacity: 1;
  }
}
@keyframes cutTextDown {
  from {
    -webkit-clip-path: inset(100% 0 0 0);
            clip-path: inset(100% 0 0 0);
  }
  to {
    -webkit-clip-path: inset(-10% 0 -20% 0);
            clip-path: inset(-10% 0 -20% 0);
    opacity: 1;
  }
}
@-webkit-keyframes cutTextDownFromTop {
  from {
    -webkit-clip-path: inset(0 0 100% 0);
            clip-path: inset(0 0 100% 0);
  }
  to {
    -webkit-clip-path: inset(0 0 -30% 0);
            clip-path: inset(0 0 -30% 0);
    opacity: 1;
  }
}
@keyframes cutTextDownFromTop {
  from {
    -webkit-clip-path: inset(0 0 100% 0);
            clip-path: inset(0 0 100% 0);
  }
  to {
    -webkit-clip-path: inset(0 0 -30% 0);
            clip-path: inset(0 0 -30% 0);
    opacity: 1;
  }
}
@-webkit-keyframes rectMovement {
  0% {
    transform: translateX(0) rotate(0) translateY(-50%);
  }
  60% {
    opacity: 1;
  }
  100% {
    transform: translateX(calc(-48vh + -13vw)) rotate(12deg) translateY(50%);
    opacity: 0;
  }
}
@keyframes rectMovement {
  0% {
    transform: translateX(0) rotate(0) translateY(-50%);
  }
  60% {
    opacity: 1;
  }
  100% {
    transform: translateX(calc(-48vh + -13vw)) rotate(12deg) translateY(50%);
    opacity: 0;
  }
}
@media (max-height: 730px) {
  @-webkit-keyframes rectMovement {
    0% {
      transform: translateX(0) rotate(0) translateY(50%);
    }
    60% {
      opacity: 1;
    }
    100% {
      transform: translateX(calc(-48vh + -13vw)) rotate(12deg) translateY(50%);
      opacity: 0;
    }
  }
  @keyframes rectMovement {
    0% {
      transform: translateX(0) rotate(0) translateY(50%);
    }
    60% {
      opacity: 1;
    }
    100% {
      transform: translateX(calc(-48vh + -13vw)) rotate(12deg) translateY(50%);
      opacity: 0;
    }
  }
}
@-webkit-keyframes rectMovementFromRight {
  0% {
    transform: translateX(calc(48vh)) rotate(12deg) translateY(50%);
    opacity: 0;
  }
  60% {
    opacity: 1;
  }
  100% {
    transform: translateX(0) rotate(0) translateY(50%);
    opacity: 1;
    @media (max-height: 730px) {
      transform: translateX(0) rotate(0) translateY(50%);
    }
  }
}
@keyframes rectMovementFromRight {
  0% {
    transform: translateX(calc(48vh)) rotate(12deg) translateY(50%);
    opacity: 0;
  }
  60% {
    opacity: 1;
  }
  100% {
    transform: translateX(0) rotate(0) translateY(-50%);
    opacity: 1;
    @media (max-height: 730px) {
      transform: translateX(0) rotate(0) translateY(50%);
    }
  }
}
@media (max-height: 730px) {
  @-webkit-keyframes rectMovementFromRight {
    0% {
      transform: translateX(calc(48vh)) rotate(12deg) translateY(-30%);
      opacity: 0;
    }
    60% {
      opacity: 1;
    }
    100% {
      transform: translateX(0) rotate(0) translateY(-30%);
      opacity: 1;
    }
  }
  @keyframes rectMovementFromRight {
    0% {
      transform: translateX(calc(48vh)) rotate(12deg) translateY(50%);
      opacity: 0;
    }
    60% {
      opacity: 1;
    }
    100% {
      transform: translateX(0) rotate(0) translateY(50%);
      opacity: 1;
    }
  }
}
@-webkit-keyframes rectMovementRight {
  0% {
    transform: translateX(calc(-48vh + -13vw)) rotate(12deg) translateY(-50%);
  }
  40% {
    opacity: 1;
  }
  100% {
    transform: translateX(0) rotate(0) translateY(-50%);
    opacity: 1;
    @media (max-height: 730px) {
      transform: translateX(0) rotate(0) translateY(50%);
    }
  }
}
@keyframes rectMovementRight {
  0% {
    transform: translateX(calc(-48vh + -13vw)) rotate(12deg) translateY(-50%);
  }
  40% {
    opacity: 1;
  }
  100% {
    transform: translateX(0) rotate(0) translateY(-50%);
    opacity: 1;
    @media (max-height: 730px) {
      transform: translateX(0) rotate(0) translateY(50%);
    }
  }
}
@media (max-height: 730px) {
  @-webkit-keyframes rectMovementRight {
    0% {
      transform: translateX(calc(-48vh + -13vw)) rotate(12deg) translateY(-30%);
    }
    40% {
      opacity: 1;
    }
    100% {
      transform: translateX(0) rotate(0) translateY(-30%);
      opacity: 1;
    }
  }
  @keyframes rectMovementRight {
    0% {
      transform: translateX(calc(-48vh + -13vw)) rotate(12deg) translateY(-30%);
    }
    40% {
      opacity: 1;
    }
    100% {
      transform: translateX(0) rotate(0) translateY(50%);
      opacity: 1;
    }
  }
}
@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.slide-wrapper {
  opacity: 0;
  transition-delay: 1.4s;
  transition-duration: 0s;
  transition-property: opacity;
  will-change: opacity, transform;
}
.slide-wrapper:not(.active) {
  -webkit-animation-delay: 0.5s;
          animation-delay: 0.5s;
  -webkit-animation-name: slideLeft;
          animation-name: slideLeft;
  -webkit-animation-duration: 0.9s;
          animation-duration: 0.9s;
  -webkit-animation-timing-function: cubic-bezier(0.18, 0.54, 0.52, 0.93);
          animation-timing-function: cubic-bezier(0.18, 0.54, 0.52, 0.93);
  pointer-events: none;
}
.slide-wrapper:not(.active) .slide-content-text > p,
.slide-wrapper:not(.active) .slide-side-text {
  -webkit-animation-name: cutTextUp;
          animation-name: cutTextUp;
  -webkit-animation-duration: 0.5s;
          animation-duration: 0.5s;
  -webkit-animation-timing-function: ease-out;
          animation-timing-function: ease-out;
}
.slide-wrapper:not(.active) .slide-rect {
  -webkit-animation-name: rectMovement;
          animation-name: rectMovement;
  -webkit-animation-duration: 0.5s;
  display: none;
          animation-duration: 0.5s;
  -webkit-animation-timing-function: ease;
          animation-timing-function: ease;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
.slide-wrapper.active {
  transition-delay: 0s;
  opacity: 1;
}
.slide-wrapper.active .slide-content-text > p {
  opacity: 0;
  -webkit-animation-delay: 0.8s;
          animation-delay: 0.8s;
  -webkit-animation-name: cutTextDown;
          animation-name: cutTextDown;
          color: #C4E538;
  -webkit-animation-duration: 0.5s;
          animation-duration: 0.5s;
  -webkit-animation-timing-function: ease;
          animation-timing-function: ease;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
.slide-wrapper.active .slide-rect {
  opacity: 0;
  -webkit-animation-name: rectMovementFromRight;
          animation-name: rectMovementFromRight;
          display: none;
  -webkit-animation-duration: 0.45s;
          animation-duration: 0.45s;
  -webkit-animation-timing-function: ease;
          animation-timing-function: ease;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-delay: 0.9s;
          animation-delay: 0.9s;
}
.is-previous .slide-wrapper:not(.active) {
  -webkit-animation: none;
          animation: none;
}
.is-previous .slide-wrapper:not(.active) .slide-rect {
  -webkit-animation: none;
          animation: none;
}
.is-previous .slide-wrapper.active {
  transform: translateX(-100%);
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-delay: 0.5s;
          animation-delay: 0.5s;
  -webkit-animation-name: slideRight;
          animation-name: slideRight;
  -webkit-animation-duration: 0.8s;
          animation-duration: 0.8s;
  -webkit-animation-timing-function: cubic-bezier(0.18, 0.54, 0.52, 0.93);
          animation-timing-function: cubic-bezier(0.18, 0.54, 0.52, 0.93);
}
.is-previous .slide-wrapper.active .slide-rect {
  opacity: 0;
  -webkit-animation-name: rectMovementRight;
          animation-name: rectMovementRight;
  -webkit-animation-duration: 0.5s;
          animation-duration: 0.5s;
  -webkit-animation-timing-function: ease-out;
          animation-timing-function: ease-out;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-delay: 0.9s;
          animation-delay: 0.9s;
}

.first-load .slide-wrapper.active .slide-side-text,
.first-load .slide-wrapper.active .slide-content-cta,
.first-load .slide-wrapper.active .slide-rect,
.first-load .controls-container {
  opacity: 0;
  -webkit-animation-name: fadeIn;
          animation-name: fadeIn;
  -webkit-animation-delay: 0.3s;
          animation-delay: 0.3s;
  -webkit-animation-duration: 0.3s;
          animation-duration: 0.3s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-timing-function: ease-in;
          animation-timing-function: ease-in;
}
.first-load .slide-wrapper.active .slide-content-text > p {
  -webkit-animation-name: fadeIn;
          animation-name: fadeIn;
          color: #C4E538;
  -webkit-animation-delay: 0.5s;
          animation-delay: 0.5s;
  -webkit-animation-duration: 0.7s;
          animation-duration: 0.7s;
}

.slider-text-l
{
  font-size: 18px;
  padding: 0px;
  color: #C4E538;
  margin: 20px 0 40px;
}
.slider-text-xl
{
  font-size: 35px;
  padding: 0px;
  color: #C4E538;
  margin: 20px 0 40px;
}

.slide-content
{ 
  background-color: rgb(255, 255, 255, 0.8);
  padding: 30px;
}



/* none margin right */

.row {
  --bs-gutter-x: 0rem;
  --bs-gutter-y: 0;
}

/* footer menu */



.menu-bottom
{
  display: flex;
  justify-content: center;
  height: 50px;
  align-items: center;
}

.menu-bottom a {
  font-size: 18px;
  text-decoration: none;
  transition: .2s;
  margin: 0 20px;
  color: #C4E538;
  text-decoration: none;
}
.menu-bottom a:hover
{
  color: #2f3640;
}

.lista_h2
{
  color: white;
  font-size: 20px;
}
.cena_h2
{
  color: white;
  font-size: 28px;
  text-align: right;
  transform: translate(20px, -13px);
}
.cena_h2 a
{
  color: #ffffff;
  font-size: 23px;
  background-color: rgba(11, 61, 34, .8);
  padding: 10px 30px;
}
.lista_p
{
  color: #2f3542;;
  font-size: 15px;
}

.contener-czas
{
  display: flex;
  margin: 0;
}
.zegar-czas 
{
  line-height: 29px;
  padding: 0 0 0 5px;
  
}

.cena_1
{
  color: white;
  font-size: 28px;
  text-align: right;
}
.cena_1 a
{
  color: white;
  font-size: 23px;
  background-color: rgba(11, 61, 34, .8);
  padding: 10px 30px;
}
.zegar .material-icons
{
  color: white;
}

/**/



.lista_b
{
  background-color: rgba(197, 168, 104, .1);
  padding: 20px;
  margin: 5px 0;
  transition: .5s;
}
.lista_b:hover
{
  background-color: rgba(197, 168, 104, 1);
}
.lista2_h2
{
  color: rgba(11, 61, 34, .8);
  font-size: 20px;
}
.cena2_h2
{
  color: rgba(11, 61, 34, .8);
  font-size: 28px;
  text-align: right;
  transform: translate(20px, -13px);
}
.cena2_h2 a
{
  color: rgba(11, 61, 34, .8);
  font-size: 23px;
  background-color: rgba(11, 61, 34, .8);
  padding: 10px 30px;
}
.lista2_p
{
  color: rgba(11, 61, 34, .8);
  font-size: 15px;
}

.contener-czas2
{
  display: flex;
  margin: 0px;
}
.zegar-czas2 
{
  line-height: 29px;
  padding: 0 0 0 5px;
  color: #2f3542;;
}

.cena_2
{
  color: rgba(11, 61, 34, .8);
  font-size: 28px;
  text-align: right;
}
.cena_2 a
{
  color: rgba(11, 61, 34, .8);
  font-size: 23px;
  background-color: rgba(11, 61, 34, .8);
  padding: 10px 30px;
}

.zegar2 .material-icons
{
  color: rgba(11, 61, 34, .8);

}

/* zabiegi */





/* menu RWD */

#menu {
  background: #042547;
  height: 100%;
  right: 0;
  opacity: 0;
  overflow: hidden;
  position: fixed;
  text-align: center;
  top: 0;
  transition: all 0.3s ;
  visibility: hidden;
  width: 0vw;
  z-index: 998;
  box-shadow: rgb(0 0 0 / 25%) 0px 0px 15px 5px;
}

#menu.open {
  opacity: 1;
  visibility: visible;
  width: 70vw;
  -webkit-animation-delay: 0.5s;
          animation-delay: 0.5s;
}
#menu.open li:nth-child(1) {
  -webkit-animation-delay: 0.1s;
          animation-delay: 0.1s;
}
#menu.open li:nth-child(2) {
  -webkit-animation-delay: 0.2s;
          animation-delay: 0.2s;
}
#menu.open li:nth-child(3) {
  -webkit-animation-delay: 0.3s;
          animation-delay: 0.3s;
}
#menu.open li:nth-child(4) {
  -webkit-animation-delay: 0.4s;
          animation-delay: 0.4s;
}
#menu.open li:nth-child(5) {
  -webkit-animation-delay: 0.5s;
          animation-delay: 0.5s;
}
#menu.open li:nth-child(6) {
  -webkit-animation-delay: 0.6s;
          animation-delay: 0.6s;
}
#menu.open li:nth-child(7) {
  -webkit-animation-delay: 0.7s;
          animation-delay: 0.7s;
}
#menu.open li:nth-child(8) {
  -webkit-animation-delay: 0.8s;
          animation-delay: 0.8s;
}
#menu.open li:nth-child(9) {
  -webkit-animation-delay: 0.9s;
          animation-delay: 0.9s;
}
#menu.open li:nth-child(10) {
  -webkit-animation-delay: 1s;
          animation-delay: 1s;
}
#menu.open li:nth-child(11) {
  -webkit-animation-delay: 1.1s;
          animation-delay: 1.1s;
}
#menu.open li {
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-name: fadeInUp;
          animation-name: fadeInUp;
}
#menu ul:hover a {
  opacity: 0.5;
  transition: .5s;
}
#menu ul a {
  -webkit-transform: translateZ(0);
  transition: opacity 0.3s ease-in-out;
 
}
#menu ul a:hover {
  opacity: 1;
  color: #ffffff;
}
#menu .main-nav {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}
#menu .main-nav ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
#menu .main-nav a {
  color: #fff;
  display: block;
  font-size: 1.5rem;
  padding: .5rem 4rem;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
}
#menu .main-nav a:first {
  padding-top: 0;
}
#menu .menu-footer {
  padding: 2rem;
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
}
#menu .menu-footer ul {
  display: inline-block;
  list-style: none;
  margin: 0;
  padding: 0;
}
#menu .menu-footer ul li {
  display: inline;
  margin: 0 1rem;
}
#menu .menu-footer a {
  color: #ffffff;
  text-decoration: none;
  text-transform: uppercase;
}

.toggle-menu {
  background-color: transparent;
  border: none;
  cursor: pointer;
  display: inline-block;
  float: right;
  height: 50px;
  outline: none;
  padding: 0;
  pointer-events: initial;
  position: relative;
  vertical-align: middle;
  width: 50px;
  z-index: 1110;
}
.toggle-menu span {
  background-color: #fff;
  content: "";
  display: block;
  height: 2px;
  left: calc(50% - 13px );
  position: absolute;
  top: calc(50% - 1px );
  transform-origin: 50% 50%;
  transition: background-color 0.2s ease-in-out, top 0.2s 0.2s ease-out, transform 0.2s linear;
  width: 26px;
}
.toggle-menu span:before, .toggle-menu span:after {
  background-color: #fff;
  content: "";
  display: block;
  height: 2px;
  position: absolute;
  transform-origin: 50% 50%;
  transition: background-color 0.2s ease-in-out, top 0.2s 0.2s ease-out, transform 0.2s linear;
  width: 26px;
}
.toggle-menu span:before {
  top: 7px;
}
.toggle-menu span:after {
  top: -7px;
}
.toggle-menu.active span {
  background-color: transparent;
  transition: background 0.2s ease-out;
}
.toggle-menu.active span:before, .toggle-menu.active span:after {
  transition: top 0.2s ease-out, transform 0.2s 0.2s ease-out;
}
.toggle-menu.active span:before {
  top: 0;
  transform: rotate3d(0, 0, 1, -45deg);
}
.toggle-menu.active span:after {
  top: 0;
  transform: rotate3d(0, 0, 1, 45deg);
}


.nav
{
  position: fixed;
  display: block;
  right: 0;
  z-index: 9999;
  top: 0;
  
  padding: 13px 13px 0 0;
  width: 80px;
  height: 80px;
}


/* opinie */

.opinie {
  position: relative;
  padding: 0px 0 150px 0; 
  background-color: rgba(255, 255, 255, .9);
  display: block;
  width: 100%;
  margin-bottom: 0px;
}
.opinia h3
{
  text-align: center;
  color: #C4E538;
}
.opinie-header {
  position: relative;
  padding: 50px 0 100px 0;
  background-color: #2f3542;
  display: block;
  width: 100%;
}
.opinie-header h3
{
  text-align: center;
  color: #C4E538;
}
.opinie-wiecej {
  position: relative;
  padding: 100px 0 100px 0;
  background-color: #2f3542;
  display: block;
  width: 100%;
}

.opinie-wiecej a
{
  background-color: white;
    padding: 8px 15px;
    transition: .5s;
    font-size: 20px;
    text-align: center;
    display: table;
    color: #2f3542;;
    margin: 0 auto;
    transition: .5s;
}

.opinie-wiecej a:hover
{
  border-top: 10px solid white;
  color: #ffffff;
  background-image: url(../img/mandala-lisc.png);
  background-color: #2f3542;
  background-size: cover;
  background-position: center;

}

.carousel-opinie {
  position: absolute;
  top: 0;
  left: 50%;
  width: 100%;
  padding: 0px 0 100px;
  margin: 100px 0 50px;
  text-align: center;
  background-color: #2f3542;
  transform: translate(-50%, -50%);
}

.carousel-opinie h3 {
  font-size: 40px;
  font-weight: 500;
  background-size: cover;
  color: #fff;
  text-align: left;
  color: #C4E538;
  transition: .4s;
  padding: 40px 0 0;
}

.carousel-inner {
  position: relative;
  width: 100%;
  overflow: hidden;
}

.carousel-inner > .item {
  position: relative;
  display: none;
  animation: 0.5s ease-in-out;
}

.carousel-inner > .active,
.carousel-inner > .next {
  display: block;
}

.carousel-inner > .next {
  position: absolute;
  top: 0;
  width: 100%;
}

.carousel-inner > .to-left {
  animation-name: left;
}

.carousel-inner > .from-right {
  animation-name: right;
}

.carousel-inner > .to-right {
  animation-name: right;
  animation-direction: reverse;
}

.carousel-inner > .from-left {
  animation-name: left;
  animation-direction: reverse;
}

.container {
  margin: 0 auto;
}

blockquote {
  padding: 10px 20px;
  margin: 30px 90px;
  font-size: 15px;
  color: white;
}

.author {
  margin: 0;
  opacity: 0.5;
  color: white;
}

.carousel-control {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 15%;
  cursor: pointer;
}

.carousel-control.right {
  right: 0;
  left: auto;
}

.carousel-control > .arrow {
  position: absolute;
  top: 50%;
  display: inline-block;
  width: 30px;
  height: 30px;
  background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjYiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyNiAyMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48dGl0bGU+QXJyb3c8L3RpdGxlPjxwYXRoIGQ9Ik0yNS42IDEwLjk3NGwtOC41MyA4LjYyYTEuMzYgMS4zNiAwIDAgMS0xLjkzNS4wMDMgMS4zODcgMS4zODcgMCAwIDEtLjAwMi0xLjk1bDYuMjAxLTYuMjY4SDEuMzY4QTEuMzc0IDEuMzc0IDAgMCAxIDAgMTBjMC0uNzYyLjYxMy0xLjM4IDEuMzY4LTEuMzhoMTkuOTY2bC02LjItNi4yNjdhMS4zODcgMS4zODcgMCAwIDEgLjAwMS0xLjk1IDEuMzYgMS4zNiAwIDAgMSAxLjkzNi4wMDJsOC41MyA4LjYyMWMuNTMyLjUzOC41MzIgMS40MSAwIDEuOTQ4IiBmaWxsPSIjRkZGRkZGIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz48L3N2Zz4=") center center no-repeat;
  background-size: 26px 20px;
  opacity: 0.6;
  color: #ffffff;
  transform: translateY(-50%);
}

.carousel-control > .arrow:hover {
  opacity: 0.8;
}

.carousel-control > .arrow.left {
  transform: translateY(-50%) rotate(180deg);
}

.carousel-control > .arrow.right {
  right: 50%;
}

.carousel-indicators {
  position: absolute;
  bottom: 20px;
  left: 50%;
  padding-left: 0;
  margin: 0;
  list-style: none;
  transform: translateX(-50%);
}

.carousel-indicators li {
  display: inline-block;
  width: 10px;
  height: 10px;
  cursor: pointer;
  border: 1px solid #FFFFFF;
  border-radius: 10px;
}

.carousel-indicators li.active {
  background-color: #FFFFFF;
}

@media (min-width: 992px) {
  .container {
    width: 970px;
  }
}

@media (min-width: 1200px) {
  .container {
    width: 1170px;
  }
}

@keyframes left {
  from {
    left: 0;
  }
  to {
    left: -100%;
  }
}

@keyframes right {
  from {
    left: 100%;
  }
  to {
    left: 0;
  }
}


/* FORMULARZ NA STRONIE GŁÓWNEJ */


.fluentform .ff_btn_style
{
  border-radius: 0;
}


.fluentform .ff-el-input--label label
{
  font-weight: 100;
}


/* nowy SDI grid */


.body-parson{
  position: relative;
  background-attachment: fixed;
  display: block;
  top: 0;
  left: 0;
  z-index: 3;
  margin: 0 auto;
  display: block;
  width: 100%;
}
.body-parson img{
  width: 100%;
}

/* -------------------------------------------- about */

.grid-container img{
  width: 100%;
}


.about1{
  background-color: #042547;
}
.about1 .item-text
{
  color: #fff;
  font-family: 'Josefin Sans', sans-serif;
  padding: 60px;
  font-size: 38px;
  text-align: left;
  text-transform: uppercase;
  font-weight: 700;
}
.about2{
  background-color: #000;
  position: relative;
  padding: 0;
  margin: 0;
  display: block;
}
.about2 .item-text 
{
  color: #000;
 
  padding: 30px;
  font-size: 20px;
  text-align: left;
  text-transform: uppercase;
  font-weight: 700;
}
.about2 .item-text p

.about3{
  background-color: rgba(240, 240, 240, 1);
  padding: 0;
  margin: 0;
  display: block;
}
.about4{
  background-color: white;
  padding: 0;
  margin: 0;
  display: block;
  position: relative;
}
.about4 .item-text
{
  padding: 50px;
}
.about4 .item-text p
{
  font-size: 15px;
  color: #000;
  
  text-align: left;
}

.about5{
  background-color: rgba(255, 255, 255, 0);
  padding: 0;
  margin: 0;
  display: block;
}
/* -------------------------------------------- about */
/* -------------------------------------------- about2 */
.grid-container2 {
  display: grid;
  grid-template-columns: 2fr 1fr;
  grid-template-rows: auto;
}
.grid-container2 img{
  width: 100%;
}

.grid-container2 .about5
{
  align-self: end;
  justify-self: end;
}
.grid-container2 .about5 svg
{
  background-color: #000;
  padding: 20px;
}
.grid-container2 .about2 
{
  margin: 0;
  padding: 0;
}
.grid-container2 .about2 img
{
  margin: 0;
  padding: 0;
  height: 100%;
}
/* -------------------------------------------- about2 */
/* -------------------------------------------- about3 */
.grid-container3 {
  display: grid;
  grid-template-columns: 4fr 2fr;
  grid-template-rows: auto;
}
.grid-container3 img{
  width: 100%;
}
/* offer */
.offer1{
  background-color: #000;
  padding: 30px 20px;
  margin: 0;
  display: block;
}
.offer1 p
{
  color: #ffff;
  font-size: 18px;
  text-align: right;
  line-height: 20px;
}
.offer2{
  background-color: rgba(255, 255, 255, 0);
  padding: 0;
  margin: 0;
  display: block;
}
.offer3{
  background-color: #000;
  cursor: pointer;
  margin: 0;
  display: block;
  height: 100%;
}
.offer3 .btn-offer3
{
  padding: 40px 20px;
  background-color: #e87f21;
  display: block;
  cursor: pointer;
}
.offer3 .btn-offer3:hover
{
  background-color: #e87f21;
  background-color: #000;
  cursor: pointer;
}
.offer3  a.btn-offer3
{
  color: #fff;
  text-align: center;
  
  transition: .3s;
  font-size: 28px;
}
.offer4{
  background-color: #042547;
  height: 100%;
}
.offer4 .item-text h2{
  color: #fff;
    
    padding: 60px;
    font-size: 38px;
    text-align: left;
    text-transform: uppercase;
    font-weight: 700;
}
.offer5{
  background-color: #042547;
  display: block;
}
.offer6{
  background-color: rgba(255, 255, 255, 0);
  display: block;
  position: relative;
}
.offer7{
  background-color: #042547;
  display: block;
  padding: 20px;
}
.offer7 .item-text p
{
  font-size: 20px;
  text-align: left;
  line-height: 20px;
  text-transform: uppercase;
  font-weight: 900;
  line-height: 30px;
  color: #fff;
}

.offer8{
  background-color: #000;
  display: block;
  position: relative;
}
.offer8 img{
 height: 100%;
}
.offer9{
  background-color: #fff;
  display: block;
}
.offer9 .item-text
{
  padding: 30px;
}
.offer9 svg
{
  background-color: #042547;
  padding: 20px;
}

.offer10{
  background-color: #fff;
  display: block;
}
.offer10 .item-text
{
  padding: 30px;
}

.offer10 svg
{
  background-color: #042547;
  padding: 20px;
  margin-bottom: 40px;
}
.offer10 .item-text p
{
  font-size: 18px;
  text-align: left;
  line-height: 22px;
  color: #000;
   
}
.offer10 .item-text h2
{
  font-size: 25px;
  text-align: left;
  font-weight: 600;
  line-height: 25px;
  color: #000;
  margin-bottom: 10px;
   
}


/* -------------------------------------------- about3 */
/* -------------------------------------------- offer */

.grid-container4 {
  display: grid;
  grid-template-columns: 100px auto;
  grid-template-rows: auto;
}
.grid-container4 img{
  width: 100%;
}

.offer2 img
{
  height: 100%;
}

/* -------------------------------------------- offer */




/* -------------------------------------------- offe2 */

.grid-container5 {
  display: grid;
  grid-template-columns: 2fr 1fr 1fr 2fr;
  grid-template-rows: auto auto;
}
.grid-container5 img{
  width: 100%;
}
/* -------------------------------------------- offe2 */



/* -------------------------------------------- kontakt  */
.grid-container6 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: auto auto;
}
.grid-container6 img{
  width: 300px;
}

.grid-container6 .offer9 .item-text p {
  font-size: 15px;
  color: #000;
  text-align: left;
}
.grid-container6 .offer9 .item-text ul li {
  font-size: 15px;
  color: #000;
  
  text-align: left;
}
.grid-container6 .offer9 .item-text span {
  font-weight: 700;
}

.grid-container6 .offer9 .item-text p.href {
  font-size: 18px;
}
.grid-container6 .offer9 .item-text a.href {
  font-size: 18px;
  color: #000;
  text-decoration: none;
}
.grid-container6 .offer9 .item-text h2 {
  font-size: 30px;
  color: #000;
}
.grid-container6 .offer9 .item-text-kontakt {
  padding: 50px;
}

.tlo-film0{
  position: relative;
  height: 100%;
  background-color: rgba(4, 37, 71, .6);
  z-index: 1;
}
/* -------------------------------------------- kontakt */

/* obnienie galery */

.fancybox__container 
{
  top: 50px;
}

.heder-info{
  background-color: #042547;
  padding: 20px 20px;
  margin-bottom: 10px;
  color: white;
  }

.heder-info2{
background-color: #042547;
padding: 40px;
margin-bottom: 10px;
color: white;
}
/* button number phone */
.modal-footer{
	width: 200px;
	margin: 0 auto;
	border: none;
	background-color: #000;
}
.modal-content{
	width: 200px;
	margin: 0 auto;
	border: none;
	background-color: #000;
	padding: 20px;
}
.modal-content .modal-h3{
	color: #ffffff;
}
.modal-content .modal-p{
	color: #ffffff;
}
.modal-btn{
	background-color: #042547;
	color: #fff;
	transition: .3s;
	border-radius: 0px;
}
.modal-btn:hover{
	color: #eaeeef;
}