@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900');



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

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

text-decoration:none;

}

body input, body select, body textarea
{
font-family: 'Roboto', sans-serif;
/*font-family: 'Montserrat', sans-serif;*/
}








.kasuj
{
  clear:both;
}



header
{
width:100%;
position: relative;
}


.naglowek
{
  width:90px;
  height:100%;
  position:fixed;
  background:#1b181c;
  top:0px;
  right:0px;
  z-index:9999;


}





.naglowek-logo
{
  position:absolute;
  right:140px;
  top:40px;
  padding:10px;  
  z-index:9998;

}
.naglowek-logo img
{
  width:240px;
  height:auto;   
}








/*NAWIGACJA STRONY*/

.menu-strony-nav
{
  position:relative;
  text-align:center;   
}




.menu-strony
{

  display:table;
  padding:0px;
  margin:0px;
  width:100%;
}

.menu-strony li
{
  list-style-type:none;
  display:table-row;

}


.menu-strony li a
{
  display:table-cell;
  margin:0px 0px;
  text-align:center;
  vertical-align:middle;
}

.menu-strony .flagi
{
  width:40px;
  height:auto;
  margin:20px 0px;
}

.menu-strony .ikony
{
  width:40px;
  height:auto;
  margin:20px 0px;
}

.menu-strony-przycisk-mobilny
{
  width:30px;
  height:90px;
  position: absolute;
  right:40px;
  top:0px;
  background:url('../grafika/menu.png') no-repeat center center;
  display:none;
  cursor: pointer;

}




/*BANER STRONY*/



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


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

}



.baner-tekst
{
    position:absolute;
    bottom:40px;
    right:140px;
    background:#1b181c;
    padding:40px;
    z-index:999;
    font-size:28px;
    color:white;
    
}

.baner-przycisk
{   
   display:inline-block;
   padding:12px 30px;
   background:#84b434;
   color:white;
   font-size:18px;
   color:white;
   font-weight:700;
   text-align:center;
   text-transform:uppercase;
   cursor:pointer;
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;

}

.baner-przycisk:hover
{   

   background:#618c20;
   color:white;


}

/*STRONA ODSTEMPY*/



.sekcja-odstemp
{
  padding:0px;
}

/*SEKCJA O APARTAMENTACH*/


.sekcja-opis
{
  padding:80px 0px 50px 0px;
  background:#f2f2f7;
  
}

.sekcja-opis-nag
{
  font-size:28px;
  color:#231f25;
  font-weight:700;
  padding-bottom:30px; 
  margin:0px; 
}


.sekcja-opis p
{
  font-size:18px;
  color:#231f25;
  font-weight:300;
  line-height:32px;
  padding-bottom:22px;
}

/*SEKCJA CENNIK*/

.sekcja-cennik
{
  background:#99cccc;
  padding:80px 0px 80px 0px; 
}

.sekcja-cennik-tab
{
  border:2px solid #231f25;
}

.sekcja-cennik-nag
{
  text-align:center;
  padding:20px;
  border-bottom:2px solid #231f25;
  margin:0px;
  font-size:28px;
  color:#231f25;
  font-weight:700;
}

.sekcja-cennik-l, .sekcja-cennik-p
{
  float:left;
  width:50%;
}

.sekcja-cennik-zaw
{
  text-align:center;
  font-size:18px;
  color:#231f25;
  font-weight:300;
  line-height:32px;
  padding-bottom:22px;
  position: relative;
  padding:40px 40px 30px 40px;
}

.sekcja-cennik-l .sekcja-cennik-zaw::before
{
  content:'';
  position: absolute;
  bottom:0px;
  right:0px;
  width:2px;
  height:100%;
  background:#231f25;
}

.sekcja-cennik-zaw-gora
{
  min-height:120px; 
}

/*SEKCJA GALERIA*/

.sekcja-galeria
{
  background:white;
}

.galeria-poz
{
  width:100%;
  height:240px;
  background-repeat:no-repeat;
  background-position:center;
  background-size:cover;
  cursor:pointer;
    -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  opacity:1;
}

.galeria-poz:hover
{
  opacity:0.8;
}

.sekcja-odstemp-g
{
  padding-right:90px;
}

/*SEKCJA POMIESZCZENIA*/


.sekcja-pom
{
  padding:0px 0px 50px 0px;
  background:#f2f2f7;
  
}

.sekcja-pom-nag
{
  font-size:28px;
  color:#231f25;
  font-weight:700;
  padding-bottom:30px; 
  margin:0px; 
}

.sekcja-pom p
{
  font-size:18px;
  color:#231f25;
  font-weight:300;
  line-height:32px;
  padding-bottom:22px;
}

.sekcja-pom-nag-zakl
{
  margin-bottom:40px;
}

.sekcja-pom-nag-zakl ul
{
  margin:0px;
  padding:0px;
  
}

.sekcja-pom-nag-zakl ul li
{
  list-style-type:none;
  display:block;


}

.sekcja-pom-nag-zakl ul li span
{

  list-style-type:none;
  display:inline-block;
  vertical-align:middle;
  font-size:16px;
  color:#231f25;
  font-weight:700;
  position: relative;
  cursor:pointer;
  margin:10px 9px;
  padding-bottom:6px;  

}

.sekcja-pom-nag-zakl ul li span::before 
{
  position: absolute;
  content:'';
  bottom:0px;
  left:0px;
  width:0%;
  height:2px;
  background:#2a4592; 
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;  
}

.sekcja-pom-nag-zakl ul li span:hover::before, .sekcja-pom-nag-zakl ul .aktywna span::before
{

  width:100%;
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  
}


.sekcja-pom-opis-zakl-poz img
{
  width:100%;
  height:auto;
}

.sekcja-pom-opis-zakl-poz-tekst
{
  
  padding:40px 0px 0px 0px;
}

.sekcja-pom-opis-zakl-poz
{
  display:none;
}


/*SEKCJA KONTAKT*/

.sekcja-kontakt
{
  background-color: #99cccc;
  padding:90px 0px 100px 0px; 
}

.sekcja-kontakt-nag
{
  font-size:28px;
  color:#231f25;
  font-weight:700;
  padding-bottom:30px; 
  margin:0px; 
}

.sekcja-kontakt p
{
  font-size:18px;
  color:#231f25;
  font-weight:300;
  line-height:32px;
  padding-bottom:22px;
}

.sekcja-kontakt p a, .sekcja-kontakt p a:hover
{
  font-size:18px;
  color:#231f25;
  font-weight:300;
  line-height:32px;
  padding-bottom:22px;
}







.input-tekst
{
  border:2px solid #231f25;
  background:transparent;
  padding:8px;
  margin:0px 0px 10px 0px;
  width:100%;
  font-size:18px;
  color: #231f25;
}

.input-tekstarea
{
  border:2px solid #231f25;
  background:transparent;
  padding:8px;
  margin:0px 0px 10px 0px;
  width:100%;
  height:200px;
  font-size:18px;
  color: #231f25;
  resize:none;
}


.input-tekst::-webkit-input-placeholder { 
  color: #231f25;
  opacity:1;
}
.input-tekst::-moz-placeholder {
  color: #231f25;
  opacity:1;
}
.input-tekst:-ms-input-placeholder { 
  color: #231f25;
  opacity:1;
}
.input-tekst:-moz-placeholder { 
  color: #231f25;
  opacity:1;
}

.input-tekstarea::-webkit-input-placeholder { 
  color: #231f25;
  opacity:1;
}
.input-tekstarea::-moz-placeholder {
  color: #231f25;
  opacity:1;
}
.input-tekstarea:-ms-input-placeholder { 
  color: #231f25;
  opacity:1;
}
.input-tekstarea:-moz-placeholder { 
  color: #231f25;
  opacity:1;
}

.formularz-konataktowy-wys
{
   display:inline-block;
   padding:12px 30px;
   background:#231f25;
   color:white;
   font-size:18px;
   color:white;
   font-weight:700;
   text-align:center;
   text-transform:uppercase;
   cursor:pointer;
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;

}

.formularz-konataktowy-wys:hover
{   

   background:black;
   color:white;


}






/*STOPKA*/

.stopka
{
  background:#1b1b1b;
  padding:0px 90px 0px 0px;
}

.stopka-kontakt-mapa-zaw
{
   width:100%;
   height:650px;
}




/*KASOWANIE MARGINESÓW BOOSTRAPA*/

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

.row-dwa > div
{
  padding-right: 5px;
  padding-left: 5px;
}



/*OKONO REALIZACJE*/

.okno-realizacje
{
  position: fixed;
  top:0px;
  left:0px;
  width:100%;
  height:100%;
  background:rgba(0,0,0,0.9);
  z-index:9999999;
  display:none;
}


.okno-realizacje-min
{
  position: absolute;
  left:0px;
  bottom:5%;
  width:100%;
  height:10%;
  text-align:center;
  overflow:hidden;
}

.okno-realizacje-min-zaw
{
  width:10px;
  height:10px;
  position: relative; 
  background-repeat:no-repeat;
  background-size:cover;
  background-position: center;
  display:inline-block;
  vertical-align:middle;
  cursor:pointer;
}

.okno-realizacje-min-zaw-p::before
{
  position: absolute;
  content:'';
  top:0px;
  left:0px;
  width:100%;
  height:100%;
  background:rgba(0,0,0,0.7);

}

.okno-realizacje-zaw
{
  position:absolute;
  top:10%;
  left:5%;
  width:70%;
  height:80%;
  margin:0px 10%;
  text-align:center;
    
}






.okno-realizacje-zaw img
{
  width:auto;
  height:auto;
  max-width:100%;
  max-height:100%;
  position: relative;
  top:50%;
  transform: translateY(-50%); 
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);

}

.okno-realizacje-load
{
    position: absolute;
    left:50%;
    top:50%;
    margin-left:-25px;
    margin-top:-25px;
    border: 7px solid white; /* Light grey */
    border-top: 7px solid transparent; 
    border-radius: 50%;
    width: 50px;
    height: 50px;
    animation: spin 2s linear infinite;
    display:none;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

.okno-realizacje-zam
{
  position: absolute;
  top:50px;
  right:50px;
  width:50px;
  height:50px;
  cursor:pointer;

}

.okno-realizacje-zam::before
{
  position:absolute;
  content:'';
  top:20px;
  left:0px;
  width:50px;
  height:7px;
  background:white;
  -ms-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.okno-realizacje-zam::after
{
  position:absolute;
  content:'';
  top:20px;
  left:0px;
  width:50px;
  height:7px;
  background:white;
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.okno-realizacje-logo
{
  position: absolute;
  top:50px;
  left:50px;

}

.okno-realizacje-lewo
{
  position: absolute;
  left:50px;
  bottom:50%;
  margin-bottom:-50px;
  width:50px;
  height:100px;
  cursor:pointer;

}

.okno-realizacje-lewo::before
{
  position:absolute;
  content:'';
  top:20px;
  left:0px;
  width:50px;
  height:7px;
  background:white;
  -ms-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);

}


.okno-realizacje-lewo::after
{
  position:absolute;
  content:'';
  top:51px;
  left:0px;
  width:50px;
  height:7px;
  background:white;
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}



.okno-realizacje-prawo
{
  position: absolute;
  right:50px;
  bottom:50%;
  margin-bottom:-50px;
  width:50px;
  height:100px;
  cursor:pointer;

}

.okno-realizacje-prawo::before
{
  position:absolute;
  content:'';
  top:20px;
  right:0px;
  width:50px;
  height:7px;
  background:white;
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);

}


.okno-realizacje-prawo::after
{
  position:absolute;
  content:'';
  top:51px;
  right:0px;
  width:50px;
  height:7px;
  background:white;
  -ms-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);