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

*
{
	margin: 0;
	padding: 0;
}


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

body a
{

text-decoration:none;

}


.kasuj
{
  clear:both;
}

.obrazek-resp
{
  
  width:100%;
  height:auto;
}

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


.naglowek
{
  width:100%;
  position:fixed;

  top:0px;
  left:0px;
  z-index:9999;
  background:#f3f3f1;

}



.naglowek-c
{
  width:100%;
  max-width:1200px;
  margin:0px auto;
  position: relative;


}

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

.naglowek-poz img
{

  width:auto;
  height:63px;
  -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:15px 0px 35px 0px;
  position: relative;
}


.naglowek-poz-f img
{

  width:auto;
  height:50px;
  -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-flagi
{
  vertical-align: middle;
  display:block;
  padding:0px;
  margin:0px 0px 20px 0px;
  text-align:right;
}

.naglowek-poz-f .menu-strony-flagi
{ 
  margin:0px 0px 0px 0px;
}

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

.menu-strony-flagi li img
{
  width:auto;
  height:27px;
  margin:0px;
  padding:0px;
  
}

.naglowek-poz-f .menu-strony-flagi li img
{
  width:auto;
  height:16px;
  margin:0px;
  padding:0px;
  
}


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

}

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


.menu-strony li a
{
  color:#515156;
  display:inline-block;
  font-size:20px;
  font-weight:300; 
  -webkit-transition: 0.7s;
  -moz-transition: 0.7s;
  -o-transition: 0.7s;
  transition: 0.7s;
  position: relative;
  padding:6px 0px;


}


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





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

  width:60%;
  height:2px;
}





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


.menu-strony-przycisk-mobilny
{
  width:36px;
  height:36px;
  position: absolute;
  right:40px;
  top:25px;
  background:#007dc6;
 display:none;
 cursor: pointer;
 
}

.menu-strony-przycisk-mobilny::before
{
  content:'';
  position: absolute;
  top:8px;
  left:7px;
  width:22px;
  height:13px;
  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
{
  background-repeat:no-repeat;
  background-size:cover;
  width:100%;
  height:598px;
  background-position: center;

}


.baner-tekst
{
    position:absolute;
    bottom:60px;
    right:0px;
    width:100%;
    text-align:center;
    z-index:999;
    
}

.baner-tekst-zaw
{   
   margin-left:55%;
   width:45%;
   background:rgba(81,81,86,0.4); 
}

.baner-tekst-zaw-p
{   
   padding:36px 30px;
}

.baner-tekst-zaw h1
{   
   color:white;
   font-size:40px;
   font-weight:800;
   text-align:left;
   line-height:42px;
   position: relative;
   margin-bottom:30px;
}

.baner-tekst-zaw h1::before
{   
   content:'';
   position: absolute;
   left:0px;
   bottom:-15px;
   width:80%;
   height:5px;
   background:#475a7a; 
}

.baner-tekst-zaw p
{   
   color:white;
   font-size:18px;
   font-weight:300; 
   text-align:left;
}



.sekcja-c
{
   width:100%;
   max-width:1200px;
   margin:0px auto;
}


/*SEKCJA OFERTA*/

.sekcja-oferta
{
  padding:80px 0px;
}

.sekcja-oferta-pozycje
{
  min-height:687px;
  width:100%;
  margin-bottom:20px;
}



.sekcja-oferta-pozycje-zaw-start-tekst
{
  padding:40px 40px 0px 0px;
  font-size:22px;
  color:#314870;
  font-weight:300;
  line-height:26px;
}

.sekcja-oferta-pozycje-zaw-start-tekst span
{
  font-size:40px;
  font-weight:300; 
}




.sekcja-oferta-pozycje-zaw-lewo
{
  float:left;
  width:50%;
}

.sekcja-oferta-pozycje-zaw-lewo-p
{
  margin-right:10px;
  min-height:687px;
  position: relative; 
}


.sekcja-oferta-pozycje-zaw-prawo
{
  float:left;
  width:50%;
}

.sekcja-oferta-pozycje-zaw-prawo-p
{
  margin-left:10px;
  min-height:687px;
  position: relative; 
}


.sekcja-oferta-pozycje-linki
{
  position: absolute;
  top:0px;
  right:0px;
  width:100%;
  height:100%;
  background-repeat:no-repeat;
  background-size:cover;
  background-position: center;
  -webkit-transition: 0.7s;
  -moz-transition: 0.7s;
  -o-transition: 0.7s;
  transition: 0.7s;
  opacity:1;    
}


.sekcja-oferta-pozycje-linki::before
{
  content:'';
  position: absolute;
  top:0px;
  right:0px;
  width:100%;
  height:100%;
  background:#007DC6;
  opacity:0; 
    -webkit-transition: 0.7s;
  -moz-transition: 0.7s;
  -o-transition: 0.7s;
  transition: 0.7s;  
}

a:hover .sekcja-oferta-pozycje-linki::before
{
   opacity:0.2;   
}


.sekcja-oferta-pozycje-linki h2
{
  font-size:32px;
  color:#314870;
  font-weight:400;
  padding:20px;
   
}



/*SEKCJA PORADNIK*/

.sekcja-poradnik
{
  padding-bottom:60px; 
}

.sekcja-poradnik-zaw h3
{
  color:#1b85ad;
  font-size:40px;
  font-weight:800;
  text-align:center;
  margin-bottom:40px; 
}

.sekcja-poradnik-zaw img
{
  width:100%;
  height:auto; 
}

.sekcja-poradnik-zaw-poz
{
  width:25%;
  height:428px;
  background-repeat:no-repeat;
  background-size:cover;
  background-position: center;
  float:left;
  position: relative;
      -webkit-transition: 0.7s;
  -moz-transition: 0.7s;
  -o-transition: 0.7s;
  transition: 0.7s;
  opacity:1;
}

.sekcja-poradnik-zaw-poz h4
{
    position:absolute;
    top:50%;
    left:0px;
    transform: translateY(-50%); 
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    text-align:center;
    font-size:22px;
    color:white;
    font-weight:400;
    width:100%;
}

a:hover .sekcja-poradnik-zaw-poz
{
    opacity:0.7;
}

/*SEKCJA SZYBKI KONTAKT*/

.sekcja-szybki-kontakt
{
  background:#30476f;
}
::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: whitesmoke;
    opacity: 1; /* Firefox */
}

::-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: whitesmoke;
}

::-ms-input-placeholder { /* Microsoft Edge */
    color: whitesmoke;
}


.sekcja-szybki-kontakt-nag
{
  width:100%;
  height:61px;
  background-repeat:no-repeat;
  background-size:cover;
  background-position: center;  
  background-image:url('../img/stopka-tlo-1.jpg');
}

.sekcja-szybki-kontakt-stopka
{
  width:100%;
  height:61px;
  background-repeat:no-repeat;
  background-size:cover;
  background-position: center;  
  background-image:url('../img/stopka-tlo-2.jpg');
}

.sekcja-szybki-kontakt-zaw
{
   padding:60px 0px;
}

.sekcja-szybki-kontakt-zaw h4
{
   font-weight:300;
   font-size:24px;
   color:white;
   text-align:center;
}

.sekcja-szybki-kontakt-zaw p
{
   font-weight:300;
   font-size:16px;
   color:white;
   text-align:center;
}

.sekcja-szybki-kontakt-formularz-poz
{
  margin-left:-20px;
  margin-top:40px;
}

.sekcja-szybki-kontakt-formularz-poz-jeden
{
  float:left;
  width:33.33%;
}

.sekcja-szybki-kontakt-formularz-poz-jeden-p
{
  padding-left:20px;
}

.sekcja-szybki-kontakt-formularz-input
{
  border:1px solid white;
  padding:14px 8px;
  display:block;
  background:transparent;
  color:white;
}

.sekcja-szybki-kontakt-formularz-input input
{
  border:0px;
  width:100%;
  background:transparent;
   font-weight:300;
   font-size:16px;
   color:white;
   font-family: 'Open Sans', sans-serif;
}

.sekcja-szybki-kontakt-formularz-poz-dwa
{
  padding-left:20px;
  padding-top:20px;
}


.sekcja-szybki-kontakt-formularz-poz-trzy
{
  padding-left:20px;
  padding-top:20px;  
  text-align:right;
}

.sekcja-szybki-kontakt-formularz-poz-trzy input
{
  border:0px;
  background:white;
  color:black;
  padding:14px 8px;
  width:50%;
  text-align:center;
  display:inline-block;
  cursor:pointer;
  border-radius:6px;
   font-weight:300;
   font-size:16px;
   font-family: 'Open Sans', sans-serif;  
}

/*STOPKA*/

footer
{
  width:100%;
}

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

}

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


.menu-strony-stopka li a
{
  color:#30476f;
  display:inline-block;
  font-size:20px;
  font-weight:300; 
  -webkit-transition: 0.7s;
  -moz-transition: 0.7s;
  -o-transition: 0.7s;
  transition: 0.7s;
  position: relative;
  padding:6px 0px;


}


.stopka-projekt
{

  width:100%;
  padding:60px 0px;
}

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




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



@media (max-width: 1200px) {




.naglowek-p, .sekcja-p
{
  padding:0px 40px
}








}




@media (max-width: 960px) {


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

.naglowek-p
{
  padding:0px
}


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

.naglowek-poz img, .naglowek-poz-f img
{

  width:auto;
  height:40px;

}



.menu-strony-nav
{ 
  top:80px;
  width:100%;
  display:none;
  transform: translateY(0%); 
  -webkit-transform: translateY(0%);
  -ms-transform: translateY(0%);
  background:white;
}


.menu-strony-flagi
{
  
  display:block;
  padding:20px 40px 0px 40px;
  margin:0px;
  background:white;
  text-align:center;

}


.menu-strony-flagi li img
{
  
  height:17px;
  width:auto;

}


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

}

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


.menu-strony li a
{
  
  display:block;
  font-size:18px;
  text-align:center;

}


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


.baner, .baner-c
{

  height:349px;

}



.baner-tekst-zaw
{   
   margin-left:20%;
   width:80%;
 
}


.baner-tekst-zaw h1
{   
   color:white;
   font-size:30px;
   font-weight:800;
   text-align:left;
   line-height:32px;
   position: relative;
   margin-bottom:30px;
}



.baner-tekst-zaw p
{   
   color:white;
   font-size:16px;
   font-weight:300; 
   text-align:left;
}


.sekcja-oferta-pozycje
{
  min-height:487px;
  width:100%;
  margin-bottom:20px;
}


.sekcja-oferta-pozycje-zaw-lewo
{
  float:none;
  width:100%;
}

.sekcja-oferta-pozycje-zaw-lewo-p
{
  margin-right:0px;
  min-height:487px;
  position: relative;
  margin-bottom:20px; 
}


.sekcja-oferta-pozycje-zaw-prawo
{
  float:none;
  width:100%;
}

.sekcja-oferta-pozycje-zaw-prawo-p
{
  margin-left:0px;
  min-height:487px;
  position: relative; 
}

}


@media (max-width: 760px) {




.naglowek-poz img, .naglowek-poz-f img 
{
    margin-right:20px;
}


.baner-tekst-zaw
{   
   margin-left:0px;
   width:100%;
 
}


.baner-tekst-zaw h1
{   
   color:white;
   font-size:20px;
   font-weight:800;
   text-align:left;
   line-height:22px;
   position: relative;
   margin-bottom:30px;
}



.baner-tekst-zaw p
{   
   color:white;
   font-size:14px;
   font-weight:300; 
   text-align:left;
}

.sekcja-poradnik-zaw-poz h4
{
  
    font-size:14px;
    
}

}



@media (max-width: 500px) {



.sekcja-oferta-pozycje-zaw-lewo-p
{
  margin-right:0px;
  min-height:287px;
  position: relative;
  margin-bottom:20px; 
}


.sekcja-oferta-pozycje-zaw-prawo-p
{
  margin-left:0px;
  min-height:287px;
  position: relative; 
}

.sekcja-oferta-pozycje-linki h2
{
  font-size:22px;
  color:#314870;
  font-weight:400;
  padding:20px;
   
}

.sekcja-poradnik-zaw h3
{
  color:#1b85ad;
  font-size:20px;
  font-weight:800;
  text-align:center;
  margin-bottom:40px; 
}

.sekcja-szybki-kontakt-formularz-poz-jeden
{
  float:none;
  width:100%;
}

.sekcja-szybki-kontakt-formularz-poz-jeden-p
{
  padding-left:20px;
  padding-bottom:20px;
}

.sekcja-szybki-kontakt-formularz-poz-dwa
{
  padding-top:0px;
}

.sekcja-szybki-kontakt-formularz-poz-trzy input
{
  width:100%;
  padding:14px 0px;
}

}

/* Baner strony */
.baner-strony-przed
{
  position: absolute;
  bottom:40px;
  left:0px;
  width:100%;
  z-index:999;
}

.baner-strony
{
  
  width:100%;
  text-align:right;
  
}

.baner-strony span
{
  font-size:1px;
  font-family:'Times New Roman';  
  cursor: pointer;
  width:17px;
  height:17px;
  display:inline-block;
  margin-left:12px;
  background:#007dc6;
  color:#007dc6;
 
}


.baner-strony .cycle-pager-active
{

  background:#025382;
  color:#025382;
}