@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400|Raleway:400,600,700&subset=latin-ext');


*
{
	margin: 0;
	padding: 0;
}


body
{
margin:0px;
font-family: 'Open Sans', sans-serif;

background:white;
}

body a, body a:hover, body a:focus
{
color: #c62300;
text-decoration:none;

}

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


.kasuj
{
  clear:both;
}

.breadcrumb a:hover {
    color: #DF2800;
}

.title {
    color: #DF2800;
}



.table-responsive {
    border: none;
}




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


.naglowek
{
  width:100%;
  position:fixed;
  background:white;
  top:0px;
  left:0px;
  z-index:9999;


}


.naglowek-c
{
  max-width:1170px;
  width:100%;
  margin:0px auto;
}

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

.naglowek-poz .naglowek-logo
{

  width:auto;
  height:64px;
  -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:22px 0px 22px 0px;
  position: relative;
}


.naglowek-poz-f .naglowek-logo
{

  width:auto;
  height:40px;
  -webkit-transition: 0.7s;
  -moz-transition: 0.7s;
  -o-transition: 0.7s;
  transition: 0.7s; 
  margin-right:40px; 
  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:inline-block;
  padding:0px;
  margin:0px;

}

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


.menu-strony li a
{
  font-family: 'Raleway', sans-serif;
  color:#454545;
  display:inline-block;
  font-size:16px;
  font-weight:700; 
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  position: relative;
  padding:22px 0px 8px 0px;
  text-transform:uppercase;
 

}

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


.menu-strony-przycisk-mobilny
{
  width:36px;
  height:36px;
  position: absolute;
  right:0px;
  top:25px;
  background:#454545;
 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;

}

.baner-maska
{
  position:absolute;
  left:0px;
  bottom:0px;
  width:100%;
  height:123px; 
  background:url('../img/tlo-baner.png') no-repeat top center;
  z-index:999;
}

.baner-maska-l
{
  position:absolute;
  left:0px;
  bottom:0px;
  width:0px;
  height:123px; 
  background:white;
  z-index:999;
}

.baner-maska-p
{
  position:absolute;
  right:0px;
  bottom:0px;
  width:0px;
  height:123px; 
  background:white;
  z-index:999;
}


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

}


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

.baner-tekst-zaw
{   
    position:relative;
    top:50%;
    transform: translateY(-50%); 
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    text-align:center;
    font-family: 'Raleway', sans-serif;
}



.baner-tekst-gora
{   
   color:white;
   font-size:30px;
   font-weight:700;
   margin-bottom:30px;
   text-transform:uppercase;
   letter-spacing:1px;
   text-align:center;
}

.baner-tekst-srodek
{   
   color:white;
   font-size:140px;
   font-weight:700;
   text-transform:uppercase;
   letter-spacing:4px;
   margin-bottom:0px;
   text-align:center;
}

.baner-tekst-dol
{   
   color:white;
   font-size:30px;
   font-weight:700;
   text-transform:uppercase;
   letter-spacing:1px;
   text-align:center;
}


.baner-strony-st-l
{
  width:26px;
  height:48px;
  position: absolute;
  top:50%;
  left:100px;
  margin-top:-24px;
  cursor: pointer;
  background:url('../img/st-lewo.png') no-repeat center center;
  z-index:996;
}



.baner-strony-st-p
{
  width:26px;
  height:48px;
  position: absolute;
  top:50%;
  right:100px;
  margin-top:-24px;
  cursor: pointer;
  background:url('../img/st-prawo.png') no-repeat center center;
  z-index:996;
}



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

}

.baner-strony span
{
  font-size:1px;
  font-family:'Times New Roman';  
  cursor: pointer;
  width:10px;
  height:10px;
  display:inline-block;
  margin-right:10px;
  background:#C3BCBA;
  color:white;
  vertical-align:top;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
   
}


.baner-strony .cycle-pager-active
{

  background:white;
}


/*SEKCJA WITAJ*/

.sekcja-witaj
{
  padding:84px 0px 104px 0px;
  text-align:center;
} 

.sekcja-witaj h1, .sekcja-witaj h3
{
  
  color:#DF2800;
  display:block;
  font-size:30px;
  font-weight:300; 
  position: relative;
  text-transform:uppercase;
  text-align:center;
  margin:0px 0px 40px 0px; 
}

.sekcja-witaj h1 span, .sekcja-witaj h3 span
{
  
  color:#454545;
 
}

.sekcja-witaj .opisy
{
  
  color:black;
  font-size:14px;
  font-weight:300; 
  text-align:center;
  
}

.sekcja-witaj .ikona
{
  
  margin:70px 0px; 
  
}

.sekcja-witaj-box-ob-l
{
  width:100%;
  height:384px;
  background-repeat:no-repeat;
  background-size:110%;
  background-position: center; 
  position: relative; 
    -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;

}


a:hover .sekcja-witaj-box-ob-l
{
  background-size:130%;  
}

.sekcja-witaj-box-ob-l::before
{
  content:'';
  position: absolute;
  top:0px;
  left:0px;
  width:100%;
  height:66px;
  background:url('../img/maska-oferta-gora-l.png') no-repeat top left;
  background-size:100%;
    

}

.sekcja-witaj-box-ob-l::after
{
  content:'';
  position: absolute;
  bottom:0px;
  left:0px;
  width:100%;
  height:76px;
  background:url('../img/maska-oferta-dol-l.png') no-repeat bottom left;
  background-size:100%;
    

}


.sekcja-witaj-box-ob-p
{
  width:100%;
  height:384px;
  background-repeat:no-repeat;
  background-size:110%;
  background-position: center; 
  position: relative; 
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}

a:hover .sekcja-witaj-box-ob-p
{
  background-size:130%;  
}

.sekcja-witaj-box-ob-p::before
{
  content:'';
  position: absolute;
  top:0px;
  left:0px;
  width:100%;
  height:66px;
  background:url('../img/maska-oferta-gora-p.png') no-repeat top left;
  background-size:100%;
    

}

.sekcja-witaj-box-ob-p::after
{
  content:'';
  position: absolute;
  bottom:0px;
  left:0px;
  width:100%;
  height:76px;
  background:url('../img/maska-oferta-dol-p.png') no-repeat bottom left;
  background-size:100%;
    

}

.sekcja-witaj-box h2
{
  color:white;
  display:block;
  font-size:30px;
  font-weight:300; 
  position: relative;
  text-transform:uppercase;
  text-align:center;
  margin:0px;
  padding:15px 0px 40px 0px; 
  background:#DF2800;
}

.sekcja-witaj-box-tekst
{
  background:#F6F6F6;
  padding:70px 80px;
  color:black;
  font-size:14px;
  font-weight:300;
  text-align:left; 
  
}


.sekcja-dane-tlo
{
  width:100%;
  height:396px;
  background-repeat:no-repeat;
  background-size:cover;
  background-position: center;
}

.sekcja-dane-tekst
{
  background:#DF2800;  
  width:830px;
  height:484px;
  clip-path: url(#myClip);
  margin:0px auto;
  position: relative;

}

.sekcja-dane-tekst-zaw
{

  color:white;
  font-size:18px;
  font-weight:300;
  text-align:center;
  text-transform:uppercase;
  padding-top:30px;   
}

.sekcja-dane-mapa
{
  position: absolute;
  left:5%;
  bottom:0px;
  width:90%;
  height:210px; 
} 



/*STOPKA*/

footer
{
  width:100%;
  text-align:center;
  padding-top:90px;
  color:#000000;
  font-size:14px;
  font-weight:300;

}

.footer-tekst
{
  padding-top:60px;
}

.footer-tekst span
{
  color:#DF2800;
}

.stopka-projekt
{

  width:100%;
  padding:10px 0px 40px 0px;
}

.stopka-projekt-p
{
  text-align: center;
  font-size:14px;
  font-weight:300;
  color:#DF2800;
  
}




/*KASOWANIE MARGINESÓW BOOSTRAPA*/

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


/* ==== RWD ==== */







@media (max-width: 1200px) {

header
{
padding-top:142px;
}


.naglowek-poz
{
 padding:42px 0px 46px 0px;
}

.naglowek-poz-f
{
 padding:24px 0px 24px 0px;
}

.naglowek-poz .naglowek-logo
{
  height:60px;
}

.naglowek-poz-f .naglowek-logo
{
  height:50px;
}


.menu-strony li
{
  padding-left:10px;
}

.menu-strony li a
{
  padding:6px 6px;
}

.baner-strony-st-l
{  
  left:40px;
}

.baner-strony-st-p
{ 
  right:40px;
}

.baner-tekst-gora
{   
   
   font-size:24px;
   font-weight:700;
   margin-bottom:30px;

}

.baner-tekst-srodek
{   
   color:white;
   font-size:90px;
   font-weight:700;
   letter-spacing:4px;
   margin-bottom:0px;
}

.baner-tekst-dol
{   
   color:white;
   font-size:24px;
   font-weight:700;

}


.sekcja-witaj-box-ob-p, .sekcja-witaj-box-ob-l
{
  width:100%;
  height:304px;
  background-size:110%;
}

a:hover .sekcja-witaj-box-ob-p, a:hover .sekcja-witaj-box-ob-l
{
  background-size:130%;  
}


}


@media (max-width: 992px) {

header
{
padding-top:100px;
}



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

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

  width:auto;
  height:50px;

}


.naglowek-poz .menu-strony-lubie-to, .naglowek-poz-f .menu-strony-lubie-to
{ 
  position: absolute;
  top:24px;
  right:50px;
}


.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 0px 0px;
  margin:0px;
  background:white;

}

.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:380px;
}

.baner-tekst-gora
{   
   
   font-size:24px;
   font-weight:700;
   margin-bottom:0px;

}

.baner-tekst-srodek
{   
   color:white;
   font-size:70px;
   font-weight:700;
   letter-spacing:4px;
   margin-bottom:0px;
}

.baner-tekst-dol
{   
   color:white;
   font-size:24px;
   font-weight:700;

}


.sekcja-witaj-box-ob-p, .sekcja-witaj-box-ob-l
{
  width:100%;
  height:260px;
  background-size:110%;
}

a:hover .sekcja-witaj-box-ob-p, a:hover .sekcja-witaj-box-ob-l
{
  background-size:130%;  
}

.sekcja-witaj-box h2
{

  font-size:26px;

}


.sekcja-dane-tekst
{
  background:#DF2800;  
  width:100%;
  height:auto;
  clip-path:none;
  margin:0px auto;
  position: relative;
  padding-bottom:240px; 

}



}


@media (max-width: 768px) {

.baner-strony-st-l
{  
  left:20px;
}

.baner-strony-st-p
{ 
  right:20px;
}

.baner-tekst-gora
{   
   
   font-size:18px;
   font-weight:700;
   margin-bottom:0px;

}

.baner-tekst-srodek
{   
   color:white;
   font-size:40px;
   font-weight:700;
   letter-spacing:4px;
   margin-bottom:0px;
}

.baner-tekst-dol
{   
   color:white;
   font-size:18px;
   font-weight:700;

}

.sekcja-witaj-box-ob-p::before, .sekcja-witaj-box-ob-l::before
{
  display:none;
}

.sekcja-witaj-box-ob-p::after, .sekcja-witaj-box-ob-l::after
{
  display:none;

}

.sekcja-witaj-box h2
{
  padding:40px 0px 40px 0px; 
  font-size:26px;

}

.stopka-sep
{
   display:none;
}

}




@media (max-width: 500px) {

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

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

  width:auto;
  height:40px;

}

.sekcja-witaj-box-ob-p, .sekcja-witaj-box-ob-l
{
  width:100%;
  height:260px;
  background-size:cover;
}

a:hover .sekcja-witaj-box-ob-p, a:hover .sekcja-witaj-box-ob-l
{
  background-size:cover;  
}

.sekcja-witaj-box-tekst
{
  background:#F6F6F6;
  padding:30px 30px;
  color:black;
  font-size:14px;
  font-weight:300;
  text-align:left; 
  
}
.table-responsive td {
    display: block;
    text-align: center;
}

}

@media (max-width: 330px) {

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

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

.sekcja-witaj h1, .sekcja-witaj h3 {

    font-size: 22px;
 
}

}