@import url("https://use.typekit.net/nyi7odh.css");

body
{
  margin:0px;
  font-family: calibri, sans-serif;
  font-weight: 400;
  font-style: normal;
  background:white;
}

body a, body a:hover, body a:focus
{

text-decoration:none;

}

body input, body select, body textarea
{
  font-family: calibri, sans-serif;
  font-weight: 400;
  font-style: normal;
}


.kasuj
{
  clear:both;
}



header
{
  width:100%;
  position: relative;
  padding-top:93px;
}


.naglowek
{
  width:100%;
  position:fixed;
  top:0px;
  left:0px;
  z-index:9999;
  background:white;
  -webkit-box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow:    0px 3px 5px 0px rgba(0, 0, 0, 0.2);
  box-shadow:         0px 3px 5px 0px rgba(0, 0, 0, 0.2);  
}

.naglowek-poz
{
 padding:9px 0px 9px 0px;
 position: relative;
}

.naglowek-poz .naglowek-poz-a
{
  -webkit-transition: 0.7s;
  -moz-transition: 0.7s;
  -o-transition: 0.7s;
  transition: 0.7s;
  line-height:55px;
  font-size:24px;
  font-weight:700;
  color:#553a03;
}

.naglowek-poz-f .naglowek-poz-a
{
  -webkit-transition: 0.7s;
  -moz-transition: 0.7s;
  -o-transition: 0.7s;
  transition: 0.7s;
 
}

.naglowek-poz-a-tekst{
font-size:24px;
font-weight:700;
color:#553a03;
display:inline-block;
vertical-align:middle;
width:250px; 
line-height:24px;
}

.naglowek-poz img
{
  
  width:auto;
  height:75px;
  -webkit-transition: 0.7s;
  -moz-transition: 0.7s;
  -o-transition: 0.7s;
  transition: 0.7s;
  margin-right:10px; 
  display:inline-block;
  vertical-align:middle;
}


.naglowek-poz-f
{
  padding:10px 0px 10px 0px;
  position: relative;
}


.naglowek-poz-f img
{

  width:auto;
  height:54px;
  -webkit-transition: 0.7s;
  -moz-transition: 0.7s;
  -o-transition: 0.7s;
  transition: 0.7s; 
  margin-right:10px; 
  display:inline-block;
  vertical-align:middle;
}









/*NAWIGACJA STRONY*/

.menu-strony-nav
{
  position:absolute;
  top:50%;
  right:0px;
  transform: translateY(-50%); 
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
}

.menu-strony
{
  vertical-align: middle;
  display:block;
  padding:0px;
  margin:0px;

}

.menu-strony li
{
  list-style-type:none;
  display:inline-block;
  margin-left:20px;
  position:relative;
}


.menu-strony li a
{
  font-family: calibri, sans-serif;
  font-weight:400; 
  font-style: normal;
  color:black;
  display:inline-block;
  font-size:18px;
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  position: relative;
  padding:3px 0px;
}

.menu-strony li a::before
{
  content:'';
  position:absolute;
  left:0px;
  bottom:0px;
  width:0%;
  height:2px;
  background:#bababa;
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}



.menu-strony .aktywny a, .menu-strony a:hover
{
  color:black;  
}

.menu-strony .aktywny a::before, .menu-strony li a:hover::before
{

  width:100%;
}


.menu-strony-przycisk-mobilny
{
  width:36px;
  height:26px;
  position: absolute;
  right:0px;
  top:33px;
  background:transparent;  
  border-top:3px solid black;
  border-bottom:3px solid black;
  display:none;
  cursor: pointer;

}

.menu-strony-przycisk-mobilny::before
{
  content:'';
  position: absolute;
  top:50%;
  left:0px;
  margin-top:-1.5px;
  width:100%;
  height:3px;
  background:black;

}

/*BANERY*/

.baner
{
  position:relative;    
}

.baner-slajd
{
  position:relative;
  width:100%;
  height:760px;   
}


.no-webp .baner-slajd-1
{ 
  background:url('../grafika/baner-1.jpg') no-repeat center center;
  background-size:cover;
}

.webp .baner-slajd-1
{ 
  background:url('../grafika/baner-1.webp') no-repeat center center;
  background-size:cover;
}

.no-webp .baner-slajd-2
{ 
  background:url('../grafika/baner-2.jpg') no-repeat center center;
  background-size:cover;
}

.webp .baner-slajd-2
{ 
  background:url('../grafika/baner-2.webp') no-repeat center center;
  background-size:cover;
}

.no-webp .baner-slajd-3
{ 
  background:url('../grafika/baner-3.jpg') no-repeat center center;
  background-size:cover;
}

.webp .baner-slajd-3
{ 
  background:url('../grafika/baner-3.webp') no-repeat center center;
  background-size:cover;
}


.baner-slajd::before
{
  content:'';
  position:absolute;
  width:100%;
  height:100%;
  top:0px;
  left:0px;
  background:rgba(0,0,0,0.2);    
}

.baner-slajd::after
{
  content:'';
  position:absolute;
  width:100%;
  height:100%;
  top:0px;
  left:0px;
  background:url('../grafika/baner-tlo.png') no-repeat top center;
  background-size:cover;    
}

.baner-slajd img
{
  width:100%; 
  height:auto;    
}

.baner-slajd-tekst
{   
   position:absolute;
   top:0%;
   width:100%;
   height:100%;
   z-index:999;
}

.baner-slajd-tekst-zaw
{   
   position:relative;
   top:50%;
   width:100%;
   transform: translateY(-50%); 
   -webkit-transform: translateY(-50%);
   -ms-transform: translateY(-50%);
}

.baner-slajd-tekst-zaw-a
{
  text-align:center;
  color:white;
  font-size:60px;
  font-weight: 300;
  line-height:58px;
}

.baner-slajd-tekst-zaw-a span
{
  color:white;
  font-size:36px;
  font-weight:300;
}

.baner-slajd-tekst-zaw-a span strong, 
.baner-slajd-tekst-zaw-a span b
{
  color:white;
  font-weight:700;
}

.baner-strony
{
  position: absolute;
  right:0px;
  bottom:27px;
  width:100%;
  z-index:600;
  text-align:center;  
}



.baner-strony-zaw span
{
  font-size:0px;
  font-family:'Times New Roman';  
  cursor: pointer;
  width:12px;
  height:12px;
  display:inline-block;
  margin:0px 5px;
  vertical-align:top;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background:transparent;
  border: 2px solid white;
   
}


.baner-strony-zaw .cycle-pager-active
{
  
  background:white;
  border: 2px solid white;
}



/*SEKCJA O NAS*/


.sekcja-o-nas
{
  padding:60px 0px 120px 0px;
}

.sekcja-o-nas-nag
{  
  color:#3a3a3a;
  font-size:60px;
  font-weight:300;
  margin:0px 0px 72px 0px;   
}

.sekcja-o-nas-blok-l
{
  position:relative;
  padding:0px 50% 0px 0px;
  margin-bottom:30px;
}

.sekcja-o-nas-blok-p
{
  position:relative;
  padding:0px 0px 0px 50%;
  margin-bottom:30px;
}

.sekcja-o-nas-blok-l-tekst
{
  position:relative;
  width:100%;
  height:400px;
  background:#e6e8e9;
}

.sekcja-o-nas-blok-p-tekst
{
  position:relative;
  width:100%;
  height:400px;
  background:#e6e8e9;
}

.sekcja-o-nas-blok-l-tekst::before
{
  content:'';  
  position:absolute;
  width:0;
  height:0;
  top:50%;
  right:-38px;
  margin-top:-60px;
  border-top: 60px solid transparent;
  border-bottom: 60px solid transparent;
  border-left: 38px solid #e6e8e9;
  z-index:699;
  
}

.sekcja-o-nas-blok-p-tekst::before
{
  content:'';  
  position:absolute;
  width:0;
  height:0;
  top:50%;
  left:-38px;
  margin-top:-60px;
  border-top: 60px solid transparent;
  border-bottom: 60px solid transparent;
  border-right: 38px solid #e6e8e9;
  z-index:699;
  
}

.sekcja-o-nas-blok-ob::before
{
  content:'';
  position:absolute;
  top:0px;
  left:0px;
  width:100%;
  height:100%;
  background:rgba(0,0,0,0.2);    
}

.sekcja-o-nas-blok-ob::after
{
  content:'';
  position:absolute;
  top:20px;
  left:20px;
  width:calc(100% - 40px);
  height:calc(100% - 40px);
  border:2px solid white;
  opacity:0.2;
     
}

.sekcja-o-nas-blok-l-ob
{
  position:absolute;
  top:0px;
  right:0px;
  width:50%;
  height:100%;
}

.sekcja-o-nas-blok-p-ob
{
  position:absolute;
  top:0px;
  left:0px;
  width:50%;
  height:100%;
}

.no-webp .sekcja-o-nas-blok-ob-1
{ 
  background:url('../grafika/o-nas-1.jpg') no-repeat center center;
  background-size:cover;
}

.webp .sekcja-o-nas-blok-ob-1
{ 
  background:url('../grafika/o-nas-1.webp') no-repeat center center;
  background-size:cover;
}

.no-webp .sekcja-o-nas-blok-ob-2
{ 
  background:url('../grafika/o-nas-2.jpg') no-repeat center center;
  background-size:cover;
}

.webp .sekcja-o-nas-blok-ob-2
{ 
  background:url('../grafika/o-nas-2.webp') no-repeat center center;
  background-size:cover;
}

.no-webp .sekcja-o-nas-blok-ob-3
{ 
  background:url('../grafika/o-nas-3.jpg') no-repeat center center;
  background-size:cover;
}

.webp .sekcja-o-nas-blok-ob-3
{ 
  background:url('../grafika/o-nas-3.webp') no-repeat center center;
  background-size:cover;
}

.sekcja-o-nas-blok-zaw
{
  position:relative;
  top:50%;
  width:100%;
  transform: translateY(-50%); 
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  padding:0px 34px;  
}

.sekcja-o-nas-blok-zaw p
{
  color:#3a3a3a;
  font-size:20px;
  font-weight:300;
  line-height:28px;
  padding:0px;  
}

.sekcja-o-nas-blok-zaw p span
{
  font-size:24px;
  font-weight:700; 
}

.sekcja-o-nas-blok-zaw p b, .sekcja-o-nas-blok-zaw p strong
{
  font-weight:700; 
}


/*FORMULARZ KONTAKTOWY*/

.no-webp .sekcja-formularz
{
  padding:92px 0px;
  background:url('../grafika/formularz.jpg') no-repeat center center;
  background-size:cover;
  position:relative;
}

.webp .sekcja-formularz
{
  padding:92px 0px;
  background:url('../grafika/formularz.webp') no-repeat center center;
  background-size:cover;
  position:relative;
}

.sekcja-formularz-ob-a
{
  position:absolute;
  left:0px;
  top:50%;
  margin-top:-250px;
  height:500px;
  width:250px;
  border:2px solid white;
  opacity:0.2;
  border-left:0px;
}

.sekcja-formularz-ob-b
{
  position:absolute;
  right:0px;
  top:105px;
  height:272px;
  width:203px;
  border:2px solid white;
  opacity:0.2;
  border-right:0px;
}

.sekcja-formularz-ob-c
{
  position:absolute;
  right:0px;
  top:450px;
  height:250px;
  width:100px;
  border:2px solid white;
  opacity:0.2;
  border-right:0px;
}

.sekcja-formularz-nag
{  
  color:white;
  font-size:60px;
  font-weight:300;
  margin:0px 0px 15px 0px;   
}

.sekcja-formularz p
{  
  color:white;
  font-size:20px;
  font-weight:300;
  line-height:28px;
  padding-bottom:40px;   
}

.sekcja-formularz-poz-l
{
  color:white;
  font-size:18px;
  font-weight:300; 
  margin-bottom:20px; 
}

.sekcja-formularz-input-check
{
  display:inline-block;
  vertical-align:middle;
  margin-right:30px;
  margin-bottom:20px;
}


.sekcja-formularz-input-check input
{
  display:none;
}

.sekcja-formularz-input-check label 
{
  position:relative;
  padding-left:30px;
  display:block;
  font-weight:300;
  font-size:18px;
  margin:0px;
  color:white;
  line-height:18px;

}

.sekcja-formularz-input-check label::before 
{
  content:'';
  position:absolute;
  top:0px;
  left:0px;
  width:20px;
  height:20px;
  border:2px solid white;
}

.sekcja-formularz-input-check label::after 
{
  content:'';
  position:absolute;
  top:0px;
  left:0px;
    
}

.sekcja-formularz-input-check input[type="checkbox"]:checked + label::after 
{

  content:'';
  position:absolute;
  top:2px;
  left:7px;
  width:7px;
  height:12px;
  border-right:2px solid white;
  border-bottom:2px solid white;
  color:black;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);

}


.sekcja-formularz-input-tekst
{
  display:block;
  margin-top:30px;
}


.sekcja-formularz-input-tekst input
{
  border:2px solid white;
  width:100%;
  display:block;
  background:transparent;
  padding:4px 8px 6px 8px;
  margin:0px;
  font-weight:300;
  font-size:18px;
  color:white;
}

.sekcja-formularz-input-tekst textarea
{
  border:2px solid white;
  width:100%;
  display:block;
  background:transparent;
  padding:4px 8px 6px 8px;
  height:130px;
  margin:0px;
  font-weight:300;
  font-size:18px;
  color:white;
  resize:none;
}

.sekcja-formularz-input-tekst label 
{
  position:relative;
  display:block;
  font-weight:300;
  font-size:18px;
  margin:0px 0px 10px 0px;
  color:white;

}

.sekcja-formularz-wyslij
{
  width:215px;
  height:58px;
  line-height:58px;
  background:white;
  font-weight:300;
  font-size:25px;
  margin:30px 0px 30px 0px;
  color:black;  
  cursor:pointer;
  text-align:center;
}


/*SEKCJA PODSTRONA*/

.sekcja-podstrona
{
  padding:0px 0px 90px 0px;
}

.sekcja-podstrona-nag
{
  margin:0px 0px 90px 0px;
  width:100%;
  height:410px;
  position:relative;
}

.sekcja-podstrona-nag::before
{
  content:'';
  position:absolute;
  width:100%;
  height:100%;
  top:0px;
  left:0px;
  background:rgba(0,0,0,0.2);    
}

.sekcja-podstrona-nag::after
{
  content:'';
  position:absolute;
  width:100%;
  height:100%;
  top:0px;
  left:0px;
  background:url('../grafika/baner-tlo.png') no-repeat top center;
  background-size:cover;    
}

.sekcja-podstrona-tekst
{
  position:relative;
  top:50%;
  width:100%;
  transform: translateY(-50%); 
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  text-align:center; 
  color:white;
  font-weight:300;
  font-size:60px;
}

.sekcja-podstrona-zaw p
{
  color:#3a3a3a;
  font-size:20px;
  font-weight:300;
  line-height:28px;
  padding:0px;  
}

.sekcja-podstrona-zaw p span
{
  font-size:24px;
  font-weight:700; 
}




.no-webp .sekcja-podstrona-about-us
{
  background:url('../grafika/about-us.jpg') no-repeat center center;
  background-size:cover;
  position:relative;
}

.webp .sekcja-podstrona-about-us
{
  background:url('../grafika/about-us.webp') no-repeat center center;
  background-size:cover;
  position:relative;
}


.no-webp .sekcja-podstrona-oferta
{
  background:url('../grafika/oferta.jpg') no-repeat center center;
  background-size:cover;
  position:relative;
}

.webp .sekcja-podstrona-oferta
{
  background:url('../grafika/oferta.webp') no-repeat center center;
  background-size:cover;
  position:relative;
}

.sekcja-podstrona-zaw-oferta-nag
{
  color:#3a3a3a;
  font-size:24px;
  font-weight:700;
  line-height:28px;
  text-align:center;
  margin:0px 0px 40px 0px;  
}

.sekcja-podstrona-zaw-oferta
{
  margin-bottom:50px;
}

.sekcja-podstrona-zaw-oferta-ikona
{
  display:inline-block;
  vertical-align:middle;
  width:103px;
}

.sekcja-podstrona-zaw-oferta-t
{
  display:inline-block;
  vertical-align:middle;  
  color:#3a3a3a;
  font-size:22px;
  font-weight:300;
  line-height:28px; 
  width:calc(100% - 113px);

}

.sekcja-podstrona-zaw-oferta-t strong, .sekcja-podstrona-zaw-oferta-t b
{
  font-weight:700;  
}

.no-webp .sekcja-podstrona-kontakt
{
  background:url('../grafika/kontakt.jpg') no-repeat center center;
  background-size:cover;
  position:relative;
}

.webp .sekcja-podstrona-kontakt
{
  background:url('../grafika/kontakt.webp') no-repeat center center;
  background-size:cover;
  position:relative;
}

.no-webp .sekcja-podstrona-aktualnosci
{
  background:url('../grafika/aktualnosci.jpg') no-repeat center center;
  background-size:cover;
  position:relative;
}

.webp .sekcja-podstrona-aktualnosci
{
  background:url('../grafika/aktualnosci.webp') no-repeat center center;
  background-size:cover;
  position:relative;
}

.sekcja-podstrona-aktualnosci-poz-ob
{
  padding:0px 30px 30px 0px;
}

.sekcja-podstrona-aktualnosci-poz-ob img
{
  width:100%;
  height:auto;
  
}

.sekcja-podstrona-aktualnosci-poz p
{
  color:#3a3a3a;
  font-size:20px;
  font-weight:300;
  line-height:28px;   
}

.sekcja-podstrona-aktualnosci-poz-nag
{
  color:#3a3a3a;
  font-size:24px;
  font-weight:700;
  line-height:28px;
  margin:0px 0px 30px 0px;   
}

.sekcja-podstrona-aktualnosci-poz-przycisk
{
  text-align:right;
  margin-bottom:30px;
}

.sekcja-podstrona-aktualnosci-poz-przycisk span
{
  display:inline-block;
  width:150px;
  line-height:50px;
  text-align:center;
  color:#3a3a3a;
  font-size:20px;
  font-weight:700;
  border:2px solid #3a3a3a;
  background:white;
    -webkit-transition: 0.7s;
  -moz-transition: 0.7s;
  -o-transition: 0.7s;
  transition: 0.7s;
}

a:hover .sekcja-podstrona-aktualnosci-poz-przycisk span
{
  color:white;
  border:2px solid #3a3a3a;
  background:#3a3a3a;
}

.sekcja-podstrona-aktualnosci-poz-l
{
  float:left;
  width:190px;
}

.sekcja-podstrona-aktualnosci-poz-p
{
  float:left;
  width:calc(100% - 190px);
}

.sekcja-podstrona-aktualnosci-strona img
{
  float:left;
  width:100%;
  max-width:360px;
  margin:0px 30px 30px 0px;
}

.sekcja-podstrona-aktualnosci-strona p
{
  color:#3a3a3a;
  font-size:20px;
  font-weight:300;
  line-height:28px;   
}

.sekcja-podstrona-aktualnosci-strona p a, .sekcja-podstrona-aktualnosci-strona p a:hover
{
  color:#3a3a3a;
  font-size:20px;
  font-weight:300;
  line-height:28px;   
}

.sekcja-podstrona-aktualnosci-strona p strong, .sekcja-podstrona-aktualnosci-strona p b
{
  font-weight:700;  
}

.galeria-obrazki{
display:flex;
justify-content:flex-start;
align-items:stretch;
flex-wrap:wrap;
margin:0px -15px;
}

.galeria-obrazki-blok{
width:calc(33.33333333333333333333% - 30px);
margin:0px 15px 30px 15px;
}

.galeria-obrazki-blok img{
width:100%;
height:auto;
}




/*STOPKA*/


.stopka
{
  background:#4e4e4e;
}

.stopka-a
{
  padding:50px 0px 50px 0px;
}

.stopka-poz
{
  display:inline-block;
  vertical-align:top;
  margin-right:100px;
  margin-bottom:20px;
}

.stopka-poz-nag
{
  font-size:24px;
  color:white;
  font-weight:400;
  margin:0px 0px 40px 0px;  
}

.stopka-poz p
{
  color:white;
  font-size:20px;
  font-weight:300;
  line-height:28px;
  padding:0px; 
}

.stopka-poz ul
{
  display:block;
  margin:0px;
  padding:0px;
}

.stopka-poz ul li
{
  display:block;
  margin:0px;
  padding:0px;
}

.stopka-poz ul li a, .stopka-poz ul li a:hover
{
  color:white;
  font-weight:300;
  line-height:30px;
  font-size:18px;
}


.stopka-poz p a, .stopka-poz p a:hover
{
  color:white;
  font-weight:300;
  line-height:30px
}

.stopka-b
{
  padding:0px 0px 10px 0px;
  color:white;
  text-align:center;
}

.stopka-b span
{
  color:white;
  font-weight:300;
  font-size:14px;
  display:inline-block;
  vertical-align:middle;
  margin:10px;
}

.stopka-b a, .stopka-poz-b a:hover
{
  color:white;
  font-weight:300;
  font-size:14px;
  display:inline-block;
  vertical-align:middle;
  margin:10px;
}


/*KASOWANIE MARGINESÓW BOOSTRAPA*/

.row-kasuj > div
{
  padding-right: 0px;
  padding-left: 0px;
}