@import url('https://fonts.googleapis.com/css?family=Lato:300,400,700,900,900i&display=swap&subset=latin-ext');



body
{
margin:0px;
font-family: 'Lato', sans-serif;
background:white;
}

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

text-decoration:none;

}

body input, body select, body textarea
{
font-family: 'Lato', sans-serif;
}


.kasuj
{
  clear:both;
}



.header-glowna
{
 width:100%;
 position: relative;
}

.header-podstrona
{
 width:100%;
 position: relative;
}


.naglowek-glowna
{
  width:100%;
  position:relative;
}

.naglowek-podstrona
{
  width:100%;
  position:relative;
}

.naglowek-glowna-belka
{
  width:100%;
  background:#2a2a2a;
  height:43px;
}

.naglowek-glowna-belka-zaw
{
  text-align:right;
  font:0;
}

.naglowek-glowna-belka-poz
{
  display:inline-block;
  vertical-align:top;
  line-height:43px;
  color:#d5d5d5;
  font-size:12px;
  font-weight:400;
  padding-left:15px; 
}

.naglowek-glowna-belka-poz span
{

  color:#fbc000;

}

.naglowek-glowna-belka-poz-lin
{
  border-right:1px solid #d5d5d5;
  padding-right:15px;
}

.naglowek-glowna-logo
{
  position: absolute;
  left:0px;
  top:100%;
  width:100%;
  height:177px;
  text-align:center;
  z-index:999;
}

.naglowek-glowna-logo::before
{
  content:'';
  position: absolute;
  left:0px;
  top:96px;
  width:43%;
  height:1px;
  background:#fbc000;
 
}


.naglowek-glowna-logo::after
{
  content:'';
  position: absolute;
  right:0px;
  top:96px;
  width:43%;
  height:1px;
  background:#fbc000;
 
}

.naglowek-glowna-logo-ob
{
  margin-top:36px;
}



.naglowek
{
  width:100%;
  position:fixed;
  background:transparent;
  top:43px;
  left:0px;
  z-index:9999;  
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  border-bottom:2px solid transparent;
}


.naglowek-f
{
  width:100%;
  position:fixed;
  background:black;
  top:0px;
  left:0px;
  z-index:9999;
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  border-bottom:2px solid #fbc000;;  
}


.naglowek-linie
{
  position: absolute;
  left:0px;
  top:0px;
  width:100%;
}


.naglowek .naglowek-linie-l
{
  content:'';
  position: absolute;
  left:0px;
  top:92px;
  width:0px;
  height:2px;
  background:#fbc000;
}

.naglowek  .naglowek-linie-p
{
  content:'';
  position: absolute;
  right:0px;
  top:92px;
  width:0px;
  height:2px;
  background:#fbc000;
}


.naglowek-f .naglowek-linie-l
{
  content:'';
  position: absolute;
  left:0px;
  top:92px;
  width:0px;
  height:0px;
  background:#fbc000;
}

.naglowek-f  .naglowek-linie-p
{
  content:'';
  position: absolute;
  right:0px;
  top:92px;
  width:0px;
  height:0px;
  background:#fbc000;
}


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

.naglowek-poz .naglowek-logo
{
  width:auto;
  height:155px;
  -webkit-transition: 0.7s;
  -moz-transition: 0.7s;
  -o-transition: 0.7s;
  transition: 0.7s; 
  margin-right:40px; 
  display:inline-block;
  vertical-align:middle;

}





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


.naglowek-poz-f .naglowek-logo
{

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

.naglowek-glowna-belka-poz-double{
    line-height: 21px;
}



/*NAWIGACJA STRONY*/

.menu-strony-nav
{
    position:absolute;
    top:30px;
    right:0px;

}




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

}

.menu-strony li
{
  list-style-type:none;
  display:inline-block;
  padding-left:28px;
}


.menu-strony li a
{
 
  color:white;
  display:inline-block;
  font-size:14px;
  font-weight:700; 
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  position: relative;
  padding:8px 0px 8px 0px;
  text-transform:uppercase;
  letter-spacing:1px;
 

}

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







.menu-strony-przycisk-mobilny
{
  width:22px;
  height:36px;
  position: absolute;
  right:10px;
  top:30px;
  background:transparent;
  display:none;
  cursor: pointer;

}

.menu-strony-przycisk-mobilny::before
{
  content:'';
  position: absolute;
  top:8px;
  left:7px;
  width:22px;
  height:19px;
  border-top:3px solid white;
  border-bottom:3px solid white;
}

.menu-strony-przycisk-mobilny::after
{
  content:'';
  position: absolute;
  top:16px;
  left:7px;
  width:22px;
  height:3px;
  background:white;
}


/*BANER STRONY*/



.baner-wszystko
{
  position: relative;
  width:100%;
}




.baner
{
  background-repeat:no-repeat;
  background-size:cover;
  width:100%;
  height:693px;
  background-position:top center;
}


.baner-tekst
{
    position:absolute;
    bottom:0px;
    left:0px;
    width:100%;
    height:100%;
    z-index:999;
    
}

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

.baner-tekst-zaw-p
{   
   padding:0px 0px 0px 280px;
}


.baner-tekst-jeden
{
  color:#ffffff;
  font-size:36px;
  font-weight:900;
  letter-spacing:1px;
  text-transform:uppercase;
  font-style:italic;
  text-shadow: 4px 4px 5px rgba(0, 0, 0, 0.75);
  line-height:50px;
}

.baner-tekst-dwa
{
 
  color:#fbc000;
  font-size:55px;
  font-weight:900;
  letter-spacing:1px;
  text-transform:uppercase;
  font-style:italic;
  text-shadow: 4px 4px 5px rgba(0, 0, 0, 0.75);
  line-height:65px;
}



.baner-strony-st-l
{
  width:50px;
  height:50px;
  position: absolute;
  bottom:50%;
  left:40px;
  margin-bottom:-25px;
  cursor: pointer;
  background:#2a2a2a url('../img/st-l.png') no-repeat center center;
  z-index:996;
}



.baner-strony-st-p
{
  width:50px;
  height:50px;
  position: absolute;
  bottom:50%;
  right:40px;
  margin-bottom:-25px;
  margin-top:-17px;
  cursor: pointer;
  background:#2a2a2a url('../img/st-p.png') no-repeat center center;
  z-index:996;
}


.baner-strony-przed
{
  
  position: absolute;
  left:0px;
  bottom:30px;
  width:100%;
  z-index:600;
  text-align:center;

}


.baner-strony 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:white;
   
}


.baner-strony .cycle-pager-active
{
  
  background:#e20613;
}





.baner-tekst-przycisk
{
  text-align:left;
}






/*PRZYCISKI*/

.przycisk
{
  
  padding:12px 42px 8px 0px;
  display:inline-block;
  color:black;
  font-size:14px;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:1px;
  border-bottom:2px solid #fbc000;
  position: relative;
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;   
}


.przycisk::before
{
  
  content:'';
  position: absolute;
  bottom:-10px;
  right:0px;
  width:27px;
  height:32px;
  background:url('../img/wiel.png') no-repeat center center;
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;  
  transform: rotate(0deg); 
  -webkit-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
}

.przycisk:hover::before
{
  
  
  transform: rotate(180deg); 
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
}

.przycisk:hover
{
 
  color:#fbc000;
    
}




/*SEKCJA FIRMA*/


.sekcja-glowna
{
  padding:238px 0px 0px 0px;
  background:url('../img/tlo-glowna.jpg') no-repeat top center;
  background-size:100%;
}

.sekcja-glowna-nag
{
  text-align:center;
  font-size:40px;
  color:#2a2a2a;
  font-weight:700;
  letter-spacing:1px; 
  position: relative;
  padding-bottom:16px;
  margin:0px 0px 16px 0px;   
}

.sekcja-glowna-nag::before
{
  content:'';
  position: absolute;
  left:50%;
  bottom:0px;
  width:56px;
  height:2px;
  background:#09507d;
  margin-left:-28px;  
}

.sekcja-glowna-menu
{
  position: relative;
  width:100%;
  height:48px; 
}

.sekcja-glowna-menu ul
{
  position: absolute;  
  top:0px;
  margin:0px;
  padding:0px;  
  text-align:center;
}

.sekcja-glowna-menu-szer-a
{
  width:100%;
  left:0%;
}

.sekcja-glowna-menu-szer-b
{
  width:140%;
  left:-20%;
}

.sekcja-glowna-menu ul li
{
  display:inline-block;
  vertical-align:middle;
  list-style-type:none;
  margin:0px 8px;
}

.sekcja-glowna-menu ul li a
{
  
  display:inline-block;
  vertical-align:middle;
  font-size:14px;
  color:#09507d;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:1px;
      -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;  
}

.sekcja-glowna-menu ul li a:hover, .sekcja-glowna-menu .aktywny li a
{
  color:#fbc000;
}


.sekcja-glowna-ob
{
  background-repeat:no-repeat;
  background-size:cover;
  width:100%;
  height:397px;
  background-position: center;
}

.sekcja-glowna-tekst
{
   padding-top:30px;
}

.sekcja-glowna-tekst p
{
  font-size:15px;
  color:black;
  font-weight:300;
  line-height:24px;
}

.sekcja-glowna-przycisk
{
  text-align:right;
  padding-top:50px;
  padding-bottom:90px;
}



/*SEKCJA MAPA*/

.sekcja-mapa
{
  width:100%;
}

.sekcja-mapa iframe
{
  width:100%;
  height:580px;
  display:block;
}



/*SEKCJA WITAJ*/

.sekcja-witaj
{
  padding:70px 0px 100px 0px; 
  background-image: url('../img/witaj-tlo-1.jpg'), url('../img/witaj-tlo-2.jpg');
  background-position: left bottom, right bottom;
  background-repeat: no-repeat, no-repeat;
}

.sekcja-witaj-nag
{
  margin:0px 0px 50px 0px;
  background:#d6302a;  
}

.sekcja-witaj-nag span
{
  font-size:40px;
  color:#2a2a2a;
  font-weight:700;
  letter-spacing:1px;
  display:inline-block;
  background:white;
  padding-right:10px;

}

.sekcja-witaj p
{
  font-size:15px;
  color:black;
  font-weight:300;
  line-height:24px;
  padding-bottom:30px;
}

.sekcja-witaj-przycisk
{
  padding-top:40px;
  text-align:right;
}

/*SEKCJA OFERTA*/

.sekcja-oferta
{
  padding:90px 0px;
  background:#f5f5f5; 
}

.sekcja-oferta-nag
{
  font-size:40px;
  color:#2a2a2a;
  font-weight:700;
  letter-spacing:1px;
  text-align:center;
  margin:0px 0px 50px 0px;
}

.sekcja-oferta-ob
{
  height:480px;
  width:100%;
  background-repeat:no-repeat;
  background-size:cover;
  background-position: center;
  position: relative;
  margin-bottom:30px;  
}

.sekcja-oferta-ob::before
{
  position: absolute;
  content:'';
  left:0px;
  bottom:0px;
  width:100%;
  height:50%;
  background:url('../img/oferta-g.png') repeat-x bottom left;

}




.sekcja-oferta-poz-gora
{
  position: absolute;
  top:0px;
  left:0px;
  width:100%;
}

.sekcja-oferta-poz-nag
{
  padding-right:88px;
  font-size:22px;
  color:white;
  font-weight:400;
  margin:0px; 
  display:block;
  position: relative;
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}


a:hover .sekcja-oferta-poz-nag
{
  background:black;

}

.sekcja-oferta-poz-nag::before
{
  content:'';
  position: absolute;
  right:0px;
  top:0px;
  width:88px;
  height:100%;
  background:url('../img/st-p.png') no-repeat center center;
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  opacity:1;   

}


a:hover .sekcja-oferta-poz-nag::before
{
  opacity:1; 

}

.sekcja-oferta-poz-nag span
{
  display:block;
  position: relative;
  padding:26px 22px;
  min-height:94px;
  background:#d10000;
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;  
}


a:hover .sekcja-oferta-poz-nag span
{

  background:#fbc000;
   
}

.sekcja-oferta-poz-dol
{
  position: absolute;
  left:0px;
  bottom:0px;
  width:100%;
  height:140px;
  padding:0px 22px;
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;   
}


a:hover .sekcja-oferta-poz-dol
{
  
  bottom:30px;
   
}

.sekcja-oferta-poz-dol p
{
  position: absolute;
  left:0px;
  bottom:0px;
  width:100%;
  min-height:140px;
  padding:0px 22px; 
  font-size:15px;
  color:white;
  font-weight:400;
  line-height:24px;
  padding-bottom:30px;
}

/*SEKCJA GALERIA*/

.sekcja-galeria
{
  padding:160px 0px;
  
}

.sekcja-galeria > div
{

  background-repeat:no-repeat;
  background-position: left center;   
}

.sekcja-galeria-nag
{
  font-size:40px;
  color:#2a2a2a;
  font-weight:700;
  letter-spacing:1px;
  text-align:right;
  margin:0px 0px 40px 0px; 
}

.sekcja-galeria-przycisk
{
  text-align:right;
  padding-bottom:90px;
}

.sekcja-galeria-obrazki-ob
{
  width:100%;
  height:208px;
  background-repeat:no-repeat;
  background-position: center; 
  background-size:cover;     
}


/*STOPKA*/

.stopka-dane
{
  width:100%;
  background:#2a2a2a;
  min-height:43px;
}


.stopka-dane-zaw
{
  text-align:right;
  font:0;
  width:100%;
}

.stopka-dane-zaw-poz
{
  display:inline-block;
  vertical-align:top;
  line-height:43px;
  color:#d5d5d5;
  font-size:12px;
  font-weight:700;
  padding-left:15px; 
}

.stopka-dane-zaw span
{

  color:#fbc000;

}

.stopka-dane-zaw-lin
{
  border-right:1px solid #d5d5d5;
  padding-right:15px;
}


.stopka-projekt
{

  padding:30px 10px 70px 10px;
  background:white;
}

.stopka-projekt-p, .stopka-projekt-p a, .stopka-projekt-p a:hover
{
  text-align: center;
  font-size:12px;
  font-weight:400;
   color:#2a2a2a;
  
}




/*KASOWANIE MARGINESÓW BOOSTRAPA*/

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

/* === dodatki === */
.div-baner-tlo{
    height: 175px;
    background-color: black;
}

#map{
    height: 450px;
    width: 100%;
}

#mapMain{
    height: 600px;
}
.stopka-odstep{
    margin-top: 150px;
}
.button_send{
    background: black;
    color:white;
    padding: 10px 0;
}
/* ==== RWD ==== */

@media (max-width: 1400px) {


.sekcja-glowna-menu
{
  position: relative;
  width:100%;
  height:auto;
  min-height:60px; 
}

.sekcja-glowna-menu ul
{
  position:relative;  
  top:auto;
  margin:0px;
  padding:0px;  
  text-align:center;
}

.sekcja-glowna-menu-szer-a
{
  width:100%;
  left:auto;
}

.sekcja-glowna-menu-szer-b
{
  width:100%;
  left:auto;
}


}

@media (max-width: 1200px) {


.naglowek-glowna-logo::before
{
  width:40%;
}


.naglowek-glowna-logo::after
{
  width:40%;
}


.stopka-dane-zaw
{
  text-align:center;
  font:0;
  width:100%;
}

.stopka-dane-zaw-poz
{
  display:inline-block;
  vertical-align:top;
  line-height:43px;
  color:#d5d5d5;
  font-size:12px;
  font-weight:700;
  padding-left:15px; 
}

.stopka-dane-zaw span
{

  color:#fbc000;

}

.stopka-dane-zaw-lin
{
  border-right:0px solid #d5d5d5;
  padding-right:15px;
}


.baner-tekst-zaw-p
{   
   padding:0px 0px 0px 180px;
}

}


@media (max-width: 992px) {




.naglowek-linie
{
  display:none;
}



.naglowek, .naglowek-f
{
  width:100%;
  position:absolute;
  background:black;
  top:43px;
  left:0px;
  z-index:9999;
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  border-bottom:2px solid #fbc000;;  
}


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

.naglowek-poz .naglowek-logo, .naglowek-poz-f .naglowek-logo
{

  width:auto;
  height:80px;

}




.menu-strony-nav
{ 
  position: relative;
  top:0px;
  width:100%;
  display:none;
  transform: translateY(0%); 
  -webkit-transform: translateY(0%);
  -ms-transform: translateY(0%);
  background:#F3F3F3;

}

.menu-strony
{
  
  display:block;
  padding:20px 0px 20px 0px;
  margin:0px;
  background:black;

}

.menu-strony li
{
  list-style-type:none;
  display:block;
  margin-right:0px;
  padding:8px 0px;
}


.menu-strony li a
{
  
  display:block;
  font-size:20px;


}


.menu-strony-przycisk-mobilny
{
  display:block;
}

.baner
{
  height:430px;
}


.baner-wszystko
{
  padding-top:100px;
}

.baner-tekst-zaw-p
{   
   padding:0px 100px 0px 100px;
}

.baner-tekst-jeden
{
  
  font-size:26px;
  line-height:30px;
}

.baner-tekst-dwa
{
 
 
  font-size:45px;
  line-height:55px;
}


.sekcja-glowna-przycisk
{
  text-align:center;

}

.naglowek-glowna-logo::before
{
  width:38%;
}

.naglowek-glowna-logo::after
{
  width:38%;
}

.sekcja-glowna-menu
{
  position: relative;
  width:100%;
  height:auto;
  min-height:auto; 
  padding-bottom:40px;
}

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

.sekcja-galeria > div
{

  background-repeat:no-repeat;
  background-position: left center;
  background-size:0%;   
}

}


@media (max-width: 768px) {

.naglowek-glowna-logo::before
{
  width:30%;
}

.naglowek-glowna-logo::after
{
  width:30%;
}

.baner-tekst-zaw-p
{   
   padding:0px 100px 0px 100px;
}

.baner-tekst-jeden
{
  
  font-size:26px;
  line-height:30px;
  word-wrap:break-word;
}

.baner-tekst-dwa
{
 
 
  font-size:30px;
  line-height:40px;
  word-wrap:break-word;
}

.product-description img{
    width: 100%!important;
    height:auto!important;
}
}




@media (max-width: 500px) {


.naglowek-glowna-logo::before
{
  width:20%;
}

.naglowek-glowna-logo::after
{
  width:20%;
}


.naglowek-glowna-belka-poz
{
  display:inline-block;
  vertical-align:top;
  line-height:43px;
  color:#d5d5d5;
  font-size:12px;
  font-weight:400;
  padding-left:8px; 
}
.naglowek-glowna-belka-poz-lin
{
  border-right:0px solid #d5d5d5;
  padding-right:0px;
}



.sekcja-glowna-nag
{
  text-align:center;
  font-size:24px;
  color:#2a2a2a;
  font-weight:700;
  letter-spacing:1px; 
  position: relative;
  padding-bottom:16px;
  margin:0px 0px 16px 0px;   
}

.baner-strony-st-l
{  
  display:none;
}

.baner-strony-st-p
{ 
  display:none;
}

.baner-tekst-zaw-p
{   
   padding:0px 15px 0px 15px;
}

.sekcja-witaj-nag, .sekcja-witaj-nag span
{
  font-size:24px;

}


.sekcja-oferta-nag
{
  font-size:24px;
  color:#2a2a2a;
  font-weight:700;
  letter-spacing:1px;
  text-align:center;
  margin:0px 0px 50px 0px;
}

.sekcja-galeria-nag
{
  font-size:24px;
  color:#2a2a2a;
  font-weight:700;
  letter-spacing:1px;
  text-align:center;
  margin:0px 0px 40px 0px; 
}

.sekcja-galeria-przycisk
{
  text-align:center;
  padding-bottom:90px;
}

}

@media (max-width: 330px) {


    .naglowek-glowna-belka-poz-double{
        display: none;
    }


}





