html {
  scroll-behavior: smooth;
}



a {
    color: #fff;
}

.bg-primary {
    background-color: #fff!important;
}

a:hover {
    color: #fff;
    text-decoration: underline;
}

#header {
   position: absolute;
   width:100%;
}

.featured-bottom {
position: relative;
    top: 150px;
}

.telefon {
    color: #fff;
    font-weight: 600;
}

.wstep {
    font-size: 45px;
    font-family: 'Kaushan Script', cursive;
    padding-right: 10px;
}

.telefony {
    font-size: 20px;
}
h2 {
    font-family: Montserrat, 'Roboto', sans-serif !important;
    font-size: 24px;
    font-weight: 600 !important;
    letter-spacing: 1.7px;
    padding-bottom: 40px;
}

.block-views-blockwyszukajbudynki1-block-1 h2 
{
    border-bottom: 0px;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 10px;
    padding-right: 10px;
    font-weight: 600 !important;
    margin: 0 auto;
    font-size: 30px;
    font-family: Arsenal !important;
    position: relative;
    top: 70px;
    z-index: 20;
    background-color: #fff;
    color: #642c13;
    display: inline-block;
    left: 250px;
}

table {
 font-size: 20px;
}

.table thead th {
    vertical-align: bottom;
    border: 0px solid #dee2e6 !important; 
}

 

.telefon:hover {
    color: #ccc;
    text-decoration: none;
}

.view-wizualizacjewewnetrzne {
    margin-bottom: 40px;
}

.fixed-bottom {
    bottom: initial;
 }

.view-kontakt-tel {
z-index: 200;
    position: fixed;
    background-color: #ab7e55;
    right: 50px;
    padding-left: 50px;
    padding-right: 50px;
    padding-top: 10px;
    padding-bottom: 10px;
    color: #fff;
    text-align: center;
 } 
 
 
.container-fluid {
    width: 100%;
    padding-right: 0px;
    padding-left: 0px;
    margin-right: 0px;
    margin-left: 0px;
}

.row {
    margin-right: 0px;
    margin-left: 0px;
} 


.block-superfish {
    width: 100%;
    justify-content: flex-end;
    display: flex;
    top: 36px;
    right: 30px;
    position: relative;
}

ul.sf-menu a, ul.sf-menu span.nolink {
    display: block;
    padding: 0.8em 0.8em;
    position: relative;
    font-weight: 400;
    font-size: 17px;
}

ul.sf-menu li:hover > ul, ul.sf-menu li.sfHover > ul {
    background-color: #fff;
}

ul.sf-menu .sf-sub-indicator {
    height: 0.7em;
    right: 0.0em;
    top: 45%;
}

/* aktualności */





#block-views-block-aktualnosci-block-1 {
   padding-bottom:50px;
 }

.aktualnosci{
  display: flex;
  padding-left: 50px;
  padding-right: 50px;
  padding-bottom: 20px;
  padding-top: 20px;
}

.aktualnosci1{
  display: flex;
  padding-left: 5px;
  padding-right: 5px;
  padding-bottom: 0px;
  padding-top: 0px;
  text-align:center;
}



.aktualnosci1szczeg{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.view-dziennik-budowy > .view-content {
  justify-content: center;
  width: 80%;
  margin: 0 auto;
  position: relative;
}

.view-dziennik-budowy-szczegoly > .view-content {
  justify-content: center;
  width: 80%;
  position: relative;
  margin: 0 auto;
}

.aktualkol1 {

}
.aktualkol2 {
  padding: 30px;
}

.aktualwiersz1 {
  font-size: 30px;
  text-transform: uppercase;
  font-weight: 600;
  padding-bottom: 30px;
}

.aktualwiersz2 {

}

@media (max-width: 480px) { 
.aktualnosci {
  display: block; 
  padding-left: 0px; 
  padding-right: 0px; 
  padding-bottom: 0px; 
  padding-top: 0px; 
}

.aktualkol1 > img {
  width: 100%;
  height: auto;
}

.aktualwiersz1 {
  font-size: 20px;
  padding-bottom: 10px;
}

.aktualkol2 {
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    text-align: justify;
}

}

@media (min-width: 480px) and (max-width: 768px) {
.aktualnosci {
  display: block; 
  padding-left: 0px; 
  padding-right: 0px; 
  padding-bottom: 0px; 
  padding-top: 0px; 
}

.aktualkol1 > img {
  width: 100%;
  height: auto;
}

.aktualwiersz1 {
  padding-bottom: 10px;
}

.aktualkol2 {
    padding-left: 25px;
    padding-right: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    text-align: justify;
}
}

@media (min-width: 768px) and (max-width: 991px){ 

.block-views-blockaktualnosci-block-1 {
    padding-bottom: 20px;
}

.aktualnosci {
    display: flex;
    padding-left: 25px;
    padding-right: 25px;
    padding-bottom: 0px;
    padding-top: 20px;
}

.aktualkol1 {
    width: 100%;
}
.aktualkol1 > img {
  width: 100%;
  height: auto;
}

.aktualkol2 {
    padding: 20px;
    width: 50%;
    text-align: justify;
}

}

@media (min-width: 992px) and (max-width: 1200px) { 

}

@media (min-width: 1200px) and (max-width: 1520px) { 

}

 
@media (min-width: 1520px) and (max-width: 1920px) { 
 
}

@media (min-width: 1920px) { 


}


/* koniec aktualności */



/* animacje na slajdach */

.views-field-field-slajd, .zdjecie, .zdjecie > img {
 display:initial;
}
  
.zdjecie > img {
 display:initial;
 transform: initial !important;
}

.napis {
   height: 450px;
   width:100%;
   position: absolute;
   top:180px;
   justify-content: flex-end;
   display: flex;
  }
  
/* koniec animacje na slajdach */  


.col {
 flex-basis: auto !important; 
 padding-right: 0px !important;
 padding-left: 0px !important;
}

#sm_menu_ham {
  top:15px;
  right:25px;
}
 
#sm_menu_ham > span {
    background-color: #ddd;
    height: 3px;
    width: 35px;
}
    

.bg-secondary {
    background-color: #fff!important;
}


#block-bootstrap-sass-main-menu {
    width: 100%;
    justify-content: flex-end;
    display: flex;
    padding-top:10px;
    padding-bottom:10px;
    position: fixed;
    z-index: 2;
    top: 0px;
    background-color: rgba(255, 255, 255, 1);
}

.navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover , .nav-link:active{
   color: #30762d;
}

.nav-link.active {
   color: #30762d !important;
}

.navbar-dark .navbar-nav .nav-link {
    color: rgba(0,0,0,.8);
    font-weight:500; 
}

.navbar-nav {
    flex-direction: row;
    float: right;
}

.navbar-nav .nav-link {
    padding-right: 15px;
    padding-left: 15px;
}

.region-top-header {
  width: 100%;
  margin-right: 0px;
  margin-left: 0px;
}

.navbar {
    padding: 0px;
}

.navbar-brand {
  position: relative;
  z-index: 100;
  left: 150px;
}


.navbar-toggler {
display:none;
 }
  
    
.mapify-imgHolder .mapify {
  width: 100%;
}


.block-views-blockslajdy-block-1 {

    position: relative;
    background-color: #7b9fc3;
}

.block-views-blocko-inwestycji-block-1 {
    position: relative;
    top: -50px;                      
 }

#block-views-block-o-inwestycji-block-1 {
   scroll-margin: 50px;
} 

#block-views-block-apartamenty-block-1 {
   scroll-margin: 50px;
}

#block-views-block-naglowek3-block-2 {
   scroll-margin: 50px;
}

#block-views-block-kontakt-block-1 {
   scroll-margin: 75px;
}

#block-views-block-wizualizacje-block-1-2 {
 scroll-margin: 50px;
}

#block-views-block-lokalizacja-opis-block-1 {
 scroll-margin: 50px;
}

#block-views-block-wyszukajbudynki1-block-1-2 {
   scroll-margin: 50px;
}

.block-views-blockpodzial-inwestycji-block-1 {
  padding-bottom:50px;
} 

.block-views-blockwizualizacje-wewnetrzne-typ1-block-1 {
  padding-top:0px;
  padding-left: 20px;
  padding-right: 20px;
 }
 
.block-views-blockwirtualne-spacery-block-1 {
  padding-top:70px;
  padding-left: 20px;
  padding-right: 20px;

} 

.block-views-blockwizualizacje-block-1 {
  padding-top:0px;
  padding-left: 20px;
  padding-right: 20px;
  margin: 0 auto;
  width:70%;
 } 
 
.block-views-blockwizualizacjewewnetrzne-block-1 {
  padding-top:0px;
  padding-left: 20px;
  padding-right: 20px;

 }
 
 .block-views-blockaktualnosci-block-1 {
  padding-top:70px;
  padding-left: 20px;
  padding-right: 20px;
 }

 .block-views-blockdziennik-budowy-block-1 {
  padding-top:0px;
  padding-left: 20px;
  padding-right: 20px; 
  padding-bottom: 100px;
}
 
 
.view-dziennik-budowy-szczegoly {
  padding-top:150px;
  padding-left: 20px;
  padding-right: 20px;
  padding-bottom:40px; 
  position: relative;
  top: 150px;
 }

.view-dziennik-budowy .view-content {
    justify-content: center;
 }
 
 .block-views-blockcookies-block-1 {
    padding-top: 90px;
    padding-left: 50px;
    padding-right: 20px;
 }
 
.view-wizualizacje {
  padding-bottom:50px;
} 
 


.block-views-blockwyszukajbudynki1-block-1 { 
    width: 100%;
}

.block-views-blockwyszukiwarka-block-1 {
    width: 90%;
    display: block;
    padding:20px;
    margin: 0 auto;  
 }
 
.form-row {
    padding: 15px;
    width: 100%;
    background-color: #f3f3f3;
    margin: 0 auto;
}


/* wyszukiwarka */

.naglista{
    display: flex;
}

.naglistabudpietro {
    color: #fff !important;
    background-color: #46413d;
    border: 0px solid #000 !important;
    margin-right: 20px;
    padding-right: 15px;
    padding-left: 15px;
    padding-top: 5px;
    padding-bottom: 5px;
    letter-spacing: 1px;

    font-size: 14px;
    font-weight: 600;
    font-family: lato;
    letter-spacing: 1px;

}

.wyszukiwarka {
  width: 60%;  
  margin: 0 auto;
  text-align: center;
}

.wyszukiwarka table {
  border-collapse: separate;
  border-spacing: 10px;
  position: relative;
  top: 10px;
 }

.wyszukiwarka table thead {
  position: relative;
 }
 
.wyszukiwarka tr {
  font-size: 13px;
   margin: 0px;
   color: #676767;
   border: 0px solid #000;
   font-weight: 600; 
} 
 
.wyszukiwarka td {
    font-size: 14px;
    margin: 0px;
    color: #000;
    border: 1px solid #000;
    font-weight: 600;
    vertical-align: baseline;
    font-family: lato;
    letter-spacing: 1px;
}

.wyszukiwarka th {
 padding:0px;
}

.table-responsive {
    overflow-x: initial !important;
}
 
.wyszukiwarkaczworaki {
  width: 60%;  
  margin: 0 auto;
  text-align: center;
}

.wyszukiwarkaczworaki th {
    background-color: #fff;
    border-bottom: 0px !important;
    border-top: 0px;
}



.wyszukiwarka .view-header {

    font-size: 35px;
    color: #642c13;
    font-weight: 600;
    padding-top: 40px;
    padding-bottom: 0px;
    padding-left: 10px;
}



.wierszwyszukiwarkaczworaki td {
    padding-bottom: 0px;
    border-top: 0px solid #dee2e6;
} 

.views-field-nothing-4 {
    border: 0px solid #fff !important;
    width:110px;
}

.views-field-field-ilosc-pokoi {
    width:30px;
}

.views-field-field-numer-mieszkania {
    width:70px;
}

.cenamieszkania {
    color: #fff !important;
    background-color: #3f4253 ;
    border: 0px solid #000 !important;
    width:130px;
}


.cenamieszkania1 {
    color: #fff !important;
    background-color: #3f4253 ;
    border: 0px solid #000 !important;
    padding-left: 5px !important;
    padding-right: 5px !important;

}

    
.views-field-field-stan {
    padding:0px !important;
    border: 0px solid #000 !important;
}

.wolne {
    background-color: #049a04 ;
    color: #fff;
    padding: 5px;
}



.zarezerwowane {
    background-color: #7c7c7c;
    color: #fff;
    padding: 5px;
}




.sprzedane {
    background-color: #a10c0c ;
    color: #fff;
    padding: 5px;
}




.rocznica {
    color: #a10c0c ;
    padding: 5px;
}



.rocznicapromocja {
    border: 1px solid #fff !important;
    background-color: #a10c0c ;
    color: #fff;
    padding: 5px;
}

.rocznicapromocja1 {
    border: 1px solid #fff !important;
    background-color: #fff ;
    color: #fff;
    padding: 5px;
}

.pdf {
    color: #fff !important;
    background-color: #898989;
    border: 0px solid #000 !important;
}

.table-hover tbody tr:hover {
    background-color: rgba(0,0,0,0);
}

.table td{
    padding: 0px;
}


@media (max-width: 480px) { 

.wyszukiwarka {
  width: 100%;  
}

.wyszukiwarka table {
    border-collapse: separate;
    border-spacing: 1px; 

}

.wyszukiwarka tr {
    font-size: 7px;
    margin: 0px;
    color: #676767;
    border: 0px solid #000;
    font-weight: 100;
    font-weight: bold;
    font-family: system-ui;
}

.wyszukiwarka td {
    font-size: 7px;
    border: 1px solid #000; 
    font-weight: 100;
}
.views-field-field-powierzchnia {
    width:70px;
}

}

@media (min-width: 480px) and (max-width: 768px) {
.wyszukiwarka {
  width: 100%;  
}

.wyszukiwarka table {
    border-collapse: separate;
    border-spacing: 1px; 

}

.wyszukiwarka tr {
    font-size: 10px;
    margin: 0px;
    color: #676767;
    border: 0px solid #000;
    font-weight: 100;
}

.wyszukiwarka td {
    font-size: 11px;
    border: 1px solid #000; 
    font-weight: 100;
}
.views-field-field-powierzchnia {
    width:70px;
}
}

@media (min-width: 768px) and (max-width: 991px){ 
.wyszukiwarka {
  width: 100%;  
}
}

@media (min-width: 992px) and (max-width: 1200px) { 
.wyszukiwarka {
  width: 80%;  
}
}

@media (min-width: 1200px) and (max-width: 1520px) { 
.wyszukiwarka {
  width: 70%;  
}
}

 
@media (min-width: 1520px) and (max-width: 1920px) { 
 
}

@media (min-width: 1920px) { 


}




/* koniec wyszukiwarka */


 
 
/* rzuty pięter */
 
 .mapify-hover{
	fill:rgba(0,0,0,0.15);
	stroke: #fff;
	stroke-width: 2;
}
	
.mapify-hover.customHover{
	fill:rgba(48,118,44,0.7); 
    stroke: #fff;
	stroke-width: 0;
}

.mapify-hover.customPopOver{
	fill:rgba(48,118,44,0.7); 
    stroke: #000;
	stroke-width: 0;
}

.custom-popover{
	background: #000;
}

.mapify-hover.customHover1{
	fill:rgba(124,124,124,0.7);
	stroke: #fff;
	stroke-width: 0;
}

.mapify-hover.customHover2{
	fill:rgba(255,0,0,0.7);
	stroke: #fff;
	stroke-width: 0;
}

.mapify-hover.customHover3{
	fill:rgba(0,0,0,0.3);
	stroke: #fff;
	stroke-width: 1;
}

 
 /*koniec rzuty pieter */
 
 /* naglowek wyszukiwarki */
 
.naglistakol1{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.naglistapoz1 {
    background-color: #30762C;
    padding-top: 3px;
    padding-bottom: 3px;
    padding-left: 30px;
    padding-right: 30px;
    color: #fff;
    font-family: Roboto;
    text-align: center;
    line-height: 2em;
    margin-left: 10px;
 }
.naglistapoz1a {
    background-color: #30762C;
    padding-top: 3px;
    padding-bottom: 3px;
    padding-left: 30px;
    padding-right: 30px;
    color: #fff;
    font-family: Roboto;
    text-align: center;
    line-height: 2em;
    margin-left: 10px;
 }
 
 .naglistapoz2 {
    background-color: #5d595a;
    color: #fff;
    font-family: Roboto;
    text-align: center;
    line-height: 2em;
    margin-left: 50px;
    width: 150px;
 }
 
 .naglistapoz3 {
    background-color: #5d595a;
    color: #fff;
    font-family: Roboto;
    text-align: center;
    line-height: 2em;
    margin-left: 10px;
    width: 150px;
 }
 
.naglistapoz4 {
    background-color: #6ec63c;
    padding-top: 22px;
    padding-bottom: 3px;
    padding-left: 20px;
    padding-right: 30px;
    color: #fff;
    font-family: Roboto;
    text-align: center;
    margin-left: 10px;
    font-size: 10px;
 }
 
.naglistapoz5 {
    background-color: #7c7c7c;
}

.naglistapoz6 {
    background-color: #ff0000;
}

 
.etykpoz1 {
   font-size: 14px;
}

.etykpoz2 {
   font-size: 22px;
}

.etykpoz3 {
   font-size: 18px;
   width: 140px;
}

h3 { color:#fff; }


.view-przycisk-wybierz-mieszkanie .view-content {
    justify-content: end;
    top: -85px;
    position: relative;
}

.view-przycisk-fotowoltaika .view-content {
    top: 40px;
    position: absolute;
    left:50px;
}

.przycisklinki {
    display:inline-flex;
 }

.przycisk {
 padding-right:10px;
} 

.przycisk1 {
 padding:10px;
} 
 
.przycisk4b {
    display: inline-block;
    padding: 12px;
    color: #fff;
    background-color: #000;
    text-align: center;
    font-weight: 400;
    font-size: 15px;
    padding-left: 25px;
    padding-right: 25px;
} 

.przycisk4b:hover {
    color: #000;
    background-color: #fff;
    transition: .3s ease-out;
    text-decoration: none;
}


.przycisk4b1, .przycisk4b2, .przycisk4b3, .przycisk4b4, .przycisk4b5, .przycisk4b6  {
    color: #fff;
    width:45px;
    height:46px;
    display: block;
} 

.przycisk4b1:hover, .przycisk4b2:hover, .przycisk4b3:hover, .przycisk4b4:hover, .przycisk4b5:hover, .przycisk4b6:hover {
  width:45px;
  height:46px;
  display: block;
}

.przycisk4b1:hover {
  background-image: url('../images/ikona1a.png');
}
.przycisk4b2:hover {
  background-image: url('../images/ikona2a.png');
}
.przycisk4b3:hover {
  background-image: url('../images/ikona3a.png');
}
.przycisk4b4:hover {
  background-image: url('../images/ikona4a.png');
}
.przycisk4b5:hover {
  background-image: url('../images/ikona5a.png');
}
.przycisk4b6:hover {
  background-image: url('../images/ikona6a.png');
}



.przycisk4b1:hover img, .przycisk4b2:hover img, .przycisk4b3:hover img, .przycisk4b4:hover img, .przycisk4b5:hover img, .przycisk4b6:hover img {
  display:none;
}


.przycisk4e {
    display: inline-block;
    padding: 15px;
    color: #fff;
    background-color: #3b4d8f;
    text-align: center;
    font-weight: 600;
    font-size: 25px;
    padding-left: 25px;
    padding-right: 25px;
} 

.przycisk4e:hover {
    color: #fff;
    background-color: #2e4187;
    transition: .3s ease-out;
    text-decoration: none;
}

.przycisk4 {
   width: 280px;
   line-height: 1;
}

.przycisk4c {
    display: inline-block;
    padding: 15px;
    color: #fff;
    background-color: #ab7e55;
    text-align: center;
    font-weight: 600;
    font-size: 20px;
    margin: 20px;
    height: 170px;
    border: 1px solid #fff;
    padding-left: 25px;
    padding-right: 25px;
} 

.przycisk4c:hover {
    color: #fff;
    background-color: #9c8565;
    transition: .3s ease-out;
    text-decoration: none;
}


@media (max-width: 480px) { 

.wierszwyszukiwarka {
    width: 100%;
    padding-bottom: 0px;
}

.naglistakol1 {
    margin-top: 10px;
}

h3 {
 display:none;
}
.naglista {
    background-color: #fff;
}

.naglistapoz1 {
    padding-top: 3px;
    padding-bottom: 3px;
    padding-left: 10px;
    padding-right: 10px;
    line-height: 1em;
    margin-left: 0px;   
}

.naglistapoz1a {
    padding-top: 3px;
    padding-bottom: 3px;
    padding-left: 10px;
    padding-right: 10px;
    line-height: 1em;
    margin-left: 0px; 
}

.etykpoz2 {
    font-size: 15px;
}

.naglistapoz2 {
    line-height: 2em;
    margin-left: 0px;
    width:100%;
}
.przycisk4c {
    padding-top: 5px;
}

.naglistapoz3 {
    margin-left: 0px;
    width:100%;

}

.naglistapoz4 {
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
    text-align: center;
    margin-left: 0px;
   width:100%;
}

.etykpoz3 {
    font-size: 15px;
    width: auto;
}

}

@media (min-width: 480px) and (max-width: 767px) {
.wierszwyszukiwarka {
    width: 100%;
    padding-bottom: 0px;
}

.naglistakol1 {
    margin-top: 10px;
}

h3 {
 display:none;
}


.naglistapoz1 {
    padding-top: 3px;
    padding-bottom: 3px;
    padding-left: 10px;
    padding-right: 10px;
    line-height: 1em;
    margin-left: 0px;   
}

.naglistapoz1a {
    padding-top: 3px;
    padding-bottom: 3px;
    padding-left: 10px;
    padding-right: 10px;
    line-height: 1em;
    margin-left: 0px; 
}

.etykpoz2 {
    font-size: 15px;
}

.naglistapoz2 {
    line-height: 2em;
    margin-left: 0px;
    width:100%;
}
.przycisk4c {
    padding-top: 5px;
}

.naglistapoz3 {
    margin-left: 0px;
    width:100%;

}

.naglistapoz4 {
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
    text-align: center;
    margin-left: 0px;
   width:100%;
}

.etykpoz3 {
    font-size: 15px;
    width: auto;
}
}

@media (min-width: 768px) and (max-width: 991px){ 

.naglistapoz1 {
    background-color: #30762C;
    padding-top: 3px;
    padding-bottom: 3px;
    padding-left: 10px;
    padding-right: 10px;
    color: #fff;
    font-family: Roboto;
    text-align: center;
    line-height: 1.2em;
    margin-left: 5px;
}

.etykpoz1 {
    font-size: 10px;
}

.etykpoz2 {
    font-size: 15px;
}

.naglistapoz1a {
    background-color: #30762C;
    padding-top: 3px;
    padding-bottom: 3px;
    padding-left: 10px;
    padding-right: 10px;
    color: #fff;
    font-family: Roboto;
    text-align: center;
    line-height: 1.2em;
    margin-left: 5px;
}

.naglistapoz2 {
    background-color: #5d595a;
    color: #fff;
    font-family: Roboto;
    text-align: center;
    line-height: 2em;
    margin-left: 5px;
    width: 100px;
}

.przycisk4c {
    display: inline-block;
    color: #fff;
    font-family: Roboto;
    text-align: center;
    font-weight: 400;
    width: 100%;
    height: 100%;
    padding-top: 7px;
}

.naglistapoz3 {
    background-color: #5d595a;
    color: #fff;
    font-family: Roboto;
    text-align: center;
    line-height: 2em;
    margin-left: 5px;
    width: 100px;
}

.naglistapoz4 {
    background-color: #6ec63c;
    padding-top: 12px;
    padding-bottom: 3px;
    padding-left: 5px;
    padding-right: 5px;
    color: #fff;
    font-family: Roboto;
    text-align: center;
    margin-left: 10px;
    font-size: 10px;
}

.naglistapoz5 {
    background-color: #ff8a33;
}

.naglistapoz6 {
    background-color: #7c7c7c;
}

.etykpoz3 {
    font-size: 14px;
    width: 120px;
}

h3 {
  font-size:5px;
}
}

@media (min-width: 992px) and (max-width: 1200px) { 
.naglistapoz1 {
    background-color: #30762C;
    padding-top: 3px;
    padding-bottom: 3px;
    padding-left: 10px;
    padding-right: 10px;
    color: #fff;
    font-family: Roboto;
    text-align: center;
    line-height: 1.2em;
    margin-left: 5px;
}

.etykpoz1 {
    font-size: 10px;
}

.etykpoz2 {
    font-size: 15px;
}

.naglistapoz1a {
    background-color: #30762C;
    padding-top: 3px;
    padding-bottom: 3px;
    padding-left: 10px;
    padding-right: 10px;
    color: #fff;
    font-family: Roboto;
    text-align: center;
    line-height: 1.2em;
    margin-left: 5px;
}

.naglistapoz2 {
    background-color: #5d595a;
    color: #fff;
    font-family: Roboto;
    text-align: center;
    line-height: 2em;
    margin-left: 5px;
    width: 100px;
}

.przycisk4c {
    display: inline-block;
    color: #fff;
    font-family: Roboto;
    text-align: center;
    font-weight: 400;
    width: 100%;
    height: 100%;
    padding-top: 7px;
}

.naglistapoz3 {
    background-color: #5d595a;
    color: #fff;
    font-family: Roboto;
    text-align: center;
    line-height: 2em;
    margin-left: 5px;
    width: 100px;
}

.naglistapoz4 {
    background-color: #6ec63c;
    padding-top: 12px;
    padding-bottom: 3px;
    padding-left: 5px;
    padding-right: 5px;
    color: #fff;
    font-family: Roboto;
    text-align: center;
    margin-left: 10px;
    font-size: 10px;
}

.naglistapoz5 {
    background-color: #ff8a33;
}

.naglistapoz6 {
    background-color: #7c7c7c;
}

.etykpoz3 {
    font-size: 14px;
    width: 120px;
}

h3 {
  font-size:5px;
}

}

@media (min-width: 1200px) and (max-width: 1520px) { 

}
 
 /* koniec naglowek wyszukiwarki */

 /* srodek wyszukiwarki */
 
.views-field-field-karta-informacyjna-img > div > img {
    width: 100%;
    height: auto;
} 
 /* koniec srodek wyszukiwarki */
 
 

/* Wizualizacje */

.view-wizualizacje > .view-content > .views-row {
   width:100%;
}

.view-wizualizacjewewnetrzne > .view-content > .views-row {
   width:100%;
}

.wizualizacje {
  display:flex;
  flex-wrap: wrap;
  justify-content: center;
  
 }

.wizualizacjakol1 {
   position: relative;
   margin: 10px;
}

.wizualizacjakol2 {
  position: relative;
  margin: 10px;
}


.wizualizacjakol3 {
   position: relative;
   margin: 10px;
}

.wizualizacjakol3a {
   position: relative;
   margin-right: 30px;
   margin-left: 30px;
   margin-top: 15px;
}

.wizualizacjakol3b {
   position: relative;
   margin-right: 0px;
   margin-left: 0px;
   margin-top: 15px;
}

.data {
   background-color: #000;
   color: #fff;
   padding: 10px;
   font-size: 16px;
   font-weight: 600;
   font-family: Lato;
   text-align:center;
   transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
   filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
   position: relative;
   left: -117px;
   top: 117px;
   width: 190px;
}

.data1 {
   border-bottom: 1px solid #632d13;
   font-size: 25px;
   font-family: Lato;
}

.wizualizacjakol1 .ramkawiz > a > img {
   width: 100%;
   height: auto;
}

.wizualizacjakol2 .ramkawiz > a > img {
   width: 100%;
   height: auto;
}

.wizualizacjakol3 .ramkawiz > a > img {
   width: 100%;
   height: auto;
}

@media (min-width: 1200px) and (max-width: 1430px) { 
.wizualizacjakol1 .ramkawiz > a > img {
    width: 400px;
}
}

@media (min-width: 1430px) and (max-width: 1520px) { 
.wizualizacjakol1 .ramkawiz > a > img {
    width: 400px;
}
}


#block-views-block-dziennik-budowy-senatorska-block-1 {
    justify-content: center;
    display: flex;
    padding-bottom: 50px;
    padding-left: 80px;
}


@media (max-width: 480px) { 
#block-views-block-dziennik-budowy-senatorska-block-1 {
    justify-content: center;
    display: block;
    padding: 0px;
}

.view-dziennik-budowy-senatorska .view-content .views-row {
  margin: 0 auto;
}

.opis {
    left: 10px !important;
}
.ramkawiz1 {
    width: 250px;
    height: 311px;
    margin:0 auto;
    margin-right:40px !important;
 }

 .ramkawizsrodek1 {
    right: 0px !important;
    margin: 90px !important;
 }
 
.ramkawiz1 a img {
 width: 250px;
 height:311px;
}

.data {
    left: -56px;
 }

}

@media (min-width: 480px) and (max-width: 768px) {
#block-views-block-dziennik-budowy-senatorska-block-1 {
    justify-content: center;
    display: block;
    padding: 0px;
}

.view-dziennik-budowy-senatorska .view-content .views-row {
  margin: 0 auto;
}

.opis {
    left: 10px !important;
}
.ramkawiz1 {
    width: 250px;
    height: 311px;
    margin:0 auto;
    margin-right:40px !important;
 }

 .ramkawizsrodek1 {
    right: 0px !important;
    margin: 90px !important;
 }
 
.ramkawiz1 a img {
 width: 250px;
 height:311px;
}

.data {
    left: -56px;
 }
}

@media (min-width: 768px) and (max-width: 991px){ 
#block-views-block-dziennik-budowy-senatorska-block-1 {
    justify-content: center;
    display: block;
    padding: 0px;
}

.view-dziennik-budowy-senatorska .view-content .views-row {
  margin: 0 auto;
}

.opis {
    left: 10px !important;
}
.ramkawiz1 {
    width: 250px;
    height: 311px;
    margin:0 auto;
    margin-right:40px !important;
 }

 .ramkawizsrodek1 {
    right: 0px !important;
    margin: 90px !important;
 }
 
.ramkawiz1 a img {
 width: 250px;
 height:311px;
}

.data {
    left: -56px;
 }
}

@media (min-width: 992px) and (max-width: 1200px) { 
#block-views-block-dziennik-budowy-senatorska-block-1 {
    justify-content: center;
    display: block;
    padding: 0px;
    padding-bottom: 50px;
}

.view-dziennik-budowy-senatorska .view-content .views-row {
  margin: 0 auto;
}

.opis {
    left: 10px !important;
}
.ramkawiz1 {
    width: 250px;
    height: 311px;
    margin:0 auto;
    margin-right:40px !important;
 }

 .ramkawizsrodek1 {
    right: 0px !important;
    margin: 90px !important;
 }
 
.ramkawiz1 a img {
 width: 250px;
 height:311px;
}

.data {
    left: -56px;
 }
}

@media (min-width: 1200px) and (max-width: 1520px) { 
#block-views-block-dziennik-budowy-senatorska-block-1 {
    justify-content: center;
    display: block;
    padding: 0px;
    padding-bottom: 50px;
}

.view-dziennik-budowy-senatorska .view-content .views-row {
  margin: 0 auto;
}

.opis {
    left: 10px !important;
}
.ramkawiz1 {
    width: 250px;
    height: 311px;
    margin:0 auto;
    margin-right:40px !important;
 }

 .ramkawizsrodek1 {
    right: 0px !important;
    margin: 90px !important;
 }
 
.ramkawiz1 a img {
 width: 250px;
 height:311px;
}

.data {
    left: -56px;
 }
}

 
@media (min-width: 1520px) and (max-width: 1920px) { 
 
}

@media (min-width: 1920px) { 


}

/* Koniec Wizualizacje */


/* wizualizacje efekty */
.ikona {
  font-size:35px;
  color:#fff;
 }

.ramkawizzew {
  width:100%;
  height:auto; 
 } 
.ramkawiz {
  background-color:#000;
  opacity:0.99; 
  overflow:hidden;
 }

.ramkawiz1 {
  background-color:#000;
  opacity:0.99; 
  overflow:hidden;
  margin-right: 70px;
 }

 .opis {
   width: 350px;
    position: relative;
    font-size: 15px;
    top: 15px;
    left: -30px;
    text-align: left;
}
 
.ramkawizsrodek {
  position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin: 45px;
    border: 1px solid #fff;
    padding: 0 6px;
    will-change: transform;
    opacity: 0;
    transition: .4s;
    transform: scale(0.5);
    z-index: -10;
 }
 
 .ramkawizsrodek1 {
  position: absolute;
    top: 43px;
    bottom: 0;
    left: 0;
    right: 66px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin: 45px;
    border: 1px solid #fff;
    padding: 0 6px;
    will-change: transform;
    opacity: 0;
    transition: .4s;
    transform: scale(0.5);
    z-index: -10;
 }
 
.ramkawiz a > img {
  transition: .4s;
}

.ramkawiz:hover a > img {
  opacity: 0.6;
  transition: .4s;
  transform: scale(1.05);
}


.ramkawiz:hover .ramkawizsrodek {
  opacity: 1; 
  transform: scale(1);
}

.ramkawiz1 a > img {
  transition: .4s;
}

.ramkawiz1:hover a > img {
  opacity: 0.6;
  transition: .4s;
  transform: scale(1.05);
}


.ramkawiz1:hover .ramkawizsrodek1 {
  opacity: 1; 
  transform: scale(1);
}

 
/* koniec wizualizacje efekty */

/* opis inwestycji */

.view-o-inwestycji > div > div.views-row {
  width:100%;
}



.opisinwestycji {
   width: 100%;
   margin: 0 auto;
 }

.iwiersz1 {
   width: 80%;
   margin: 0 auto;
   display:flex;
   flex-wrap: wrap;
   justify-content: center; 
      
} 

.iwiersz2 {
   width: 60%;
   margin: 0 auto;
   padding-bottom: 50px;
   padding-top: 20px;
 }
 
 .iwiersz1a {
   width: 80%;
   margin: 0 auto;
   display:flex;
   flex-wrap: wrap;
   justify-content: center; 
      
} 

.iwiersz2a {
   width: 60%;
   margin: 0 auto;
   padding-bottom: 50px;
   padding-top: 20px;
   text-align:center;
}
 
.ipole1{
    font-size: 24px;
    color: #fff;
    font-weight: 600;
    letter-spacing: 1.7px;
    padding-top: 40px;
    padding-bottom: 30px;
}

.ipole2{
    font-size: 18px;
    color: #fff;
    font-weight: 600;
    letter-spacing: 1.7px;
}
 
 .iwiersz3 {
   width: 60%;
   margin: 0 auto;
   padding-bottom: 50px;
   padding-top: 20px;
 }
 
.inwkol1 {
  justify-content: center;
  display: flex;
}

.inwkol2 {
  width: 80%;
  margin: auto;
  padding: 20px;
}  

.inwnag {
   padding-top: 50px;
}

.inwlogo img {
    float: left;
   height: auto;
       margin-left: 10px;
    margin-right: 20px;
}

.inwnag1 {
   padding-top: 20px;
}

.inwlogo1 {
   padding-top: 20px;
    padding-bottom: 30px;
}
 

.pole1 {
    color: #343434;
    font-size: 28px;
    font-family: Roboto;
    font-weight: 600;

}

.pole2 {
  color: #000;
    font-size: 20px;
    text-align: justify;
    line-height: 2;
    display:flex;
}

.pole2a {
    width: 40%;
    font-weight: 600;
    padding: 50px;
    padding-left: 150px;
    letter-spacing: 1.5px;
}
.pole2b {
    width: 80%;
    font-size: 17px;
    padding-left: 0px;
    padding: bottom 40px;
}

.linia {
    border-top: 4px solid #30772b;
 }

.linia1 {
    border-top: 0px solid #30772b;
 }

.atuty {
    margin: 0 auto;
    display: table;
    font-size: 28px;
}

.atutytlo {

    padding-bottom: 50px;
}

.atutytlo1 {
    padding-bottom: 120px;
    padding-top: 40px;
}

.oinwikony {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.oinwikona {    
    width: 240px;
    height: 200px;
    background-color: #fff;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
    border-bottom-left-radius: 20px;
 }

 
.ikonaobraz {
  text-align:center;
  margin-top:25px;
} 
 
.ikonaopisa {
    color: #343434;
    font-size: 18px;
    font-family: Roboto;
    text-align: center;
   
}
.ikonaopisb {
    color: #343434;
    font-size: 18px;
    font-family: Roboto;
    text-align: center;
} 


.flip-card {
  background-color: transparent;
  width: 388px;
  height: 404px;
  perspective: 1000px; 
  border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
    border-bottom-left-radius: 20px;
}

.flip-card1 {
  background-color: transparent;
  width: 100px;
  height: 100px;
  perspective: 1000px; 
  border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
    border-bottom-left-radius: 20px;
        margin-left: 20px;
    margin-right: 20px;
}


.flip-card-inner {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  transition: transform 0.6s;
  transform-style: preserve-3d;
}

.flip-card:hover .flip-card-inner {
  /* transform: rotateY(180deg); */
}

.flip-card1:hover .flip-card-inner {
  transform: rotateY(180deg);
}

.flip-card-front, .flip-card-back {
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  

}


.flip-card-back {
  transform: rotateY(180deg);
}

.flip-card-inner1 {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  transition: transform 0.6s;
  transform-style: preserve-3d;
}

.flip-card1:hover .flip-card-inner1 {
  transform: rotateY(180deg);
}

.flip-card1:hover .flip-card-inner1 {
  transform: rotateY(180deg);
}

.flip-card-front1, .flip-card-back1 {
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  

}


.flip-card-back1 {
  transform: rotateY(180deg);
}




@media (max-width: 480px) { 

.block-views-blocko-inwestycji-block-1 {
    position: relative;
    top: 10px;
}


.opisinwestycji {
    width: 100%;
    margin: 0 auto;
    padding-left: 20px;
    padding-right: 20px;
}

.wstep {
    font-size: 25px;
}

.pole2 p {
   line-height: 1.5;
}
.pole2 {
   display:block;
   padding-top:0px;
 }
.pole2a {
   width: 100%;
   font-weight: 600;
   padding: 0px;
   padding-left: 10px;
   letter-spacing: 1.5px;
 }

.pole2b {
   width: 100%;
   font-size: 17px;
   line-height: 1.8;
   padding: 0px;
 }

 
.iwiersz1 {
   width: 100%;
}

.inwkol1 {
    width: 100%;
    padding: 0px;
}


.pole1 {
    font-size: 19px;
    text-align: center;
}

.iwiersz2 {
    width: 100%;
    margin: 0 auto;
    padding-bottom: 0px;
    padding-top: 0px;
}

.iwiersz1a {
    width: 100%;
}

.iwiersz2a {
    width: 100%;
}

.ipole1{
    padding-top: 0px;
    padding-bottom: 30px;
}

.ipole2{
    font-size: 16px;
}


.pole2 {
    font-size: 15px;
}

.atutytlo {
    padding-bottom: 0px;
}



.iwiersz3 {
    width: 100%;
    margin: 0 auto;
    padding-bottom: 0px; 
    padding-top: 0px; 
}

.oinwikony {
    justify-content: center;
}


.flip-card {
  width: 280px;
  height: 292px;

}


.flip-card-front img {
  width: 280px;
  height: 292px;
  padding:5px;
}

.flip-card-back img {
  width: 280px;
  height: 292px;
  padding:5px;
}

}

@media (min-width: 480px) and (max-width: 768px) {

.block-views-blocko-inwestycji-block-1 {
    position: relative;
    top: 10px;
}

.block-views-blocko-inwestycji-block-1 {
    padding-top:15px;                               
}

.opisinwestycji {
    width: 100%;
    margin: 0 auto;
    padding-left: 20px;
    padding-right: 20px;
}
.iwiersz1 {
    width: 100%;
}

.iwiersz1a {
    width: 100%;
}

.iwiersz2a {
    width: 100%;
}

.inwkol1 {
    width: 100%;
    padding: 0px;
}

.inwlogo img {
    width: 110px;
    height: auto;
}

.inwkol2 {
    width: 100%;
    margin: auto;
    padding: 10px;
    padding-right: 0px;
}

.pole1 {
    font-size: 19px;
    text-align: center;
}

.iwiersz2 {
    width: 100%;
    margin: 0 auto;
    padding-bottom: 0px;
    padding-top: 0px;
}

.pole2 p {
   line-height: 1.5;
}
.pole2 {
   display:block;
   padding-top:0px;
   font-size:15px;
 }
.pole2a {
   width: 100%;
   font-weight: 600;
   padding: 0px;
   padding-left: 10px;
   letter-spacing: 1.5px;
 }

.pole2b {
   width: 100%;
   font-size: 17px;
   line-height: 1.8;
   padding: 0px;
 }

.atutytlo {
    padding-bottom: 0px;
}



.iwiersz3 {
    width: 100%;
    margin: 0 auto;
    padding-bottom: 0px; 
    padding-top: 0px; 
}

.oinwikony {
    justify-content: center;
}

.flip-card {
    margin: 5px;
}

.flip-card {
  width: 280px;
  height: 292px;

}


.flip-card-front img {
  width: 280px;
  height: 292px;
  padding:5px;
}

.flip-card-back img {
  width: 280px;
  height: 292px;
  padding:5px;
}

}

@media (min-width: 768px) and (max-width: 991px){ 


.block-views-blocko-inwestycji-block-1 {
    padding-top:0px;    
    top:-100px;                                 
}

.opisinwestycji {
    width: 100%;
    margin: 0 auto;
    padding-left: 20px;
    padding-right: 20px;
}
.iwiersz1 {
    width: 90%;
}

.iwiersz2a {
    width: 80%;
}
.inwkol1 {
    width: 100%;
    padding: 0px;
}


.inwkol2 {
    width: 70%;
    margin: auto;
    padding: 10px;
    padding-right: 0px;
}

.pole1 {
    font-size: 19px;
    text-align: center;
}


.pole2 p {
   line-height: 1.5;
}
.pole2a {
    width: 40%;
    font-weight: 600;
    padding: 0px;
    letter-spacing: 1.5px;
    font-size: 15px;
 }

.pole2b {
    width: 60%;
    font-size: 14px;
    line-height: 1.8;
    padding: 0px; 
 }


.iwiersz2 {
    width: 90%;
    margin: 0 auto;
    padding-bottom: 20px;
    padding-top: 20px;
}

.atutytlo {
    padding-bottom: 0px;
}



.iwiersz3 {
    width: 100%;
    margin: 0 auto;
    padding-bottom: 0px; 
    padding-top: 0px; 
}

.oinwikony {
    justify-content: center;
}

.flip-card {
    margin: 5px;
}

.flip-card {
  width: 280px;
  height: 292px;

}


.flip-card-front img {
  width: 280px;
  height: 292px;
  padding:5px;
}

.flip-card-back img {
  width: 280px;
  height: 292px;
  padding:5px;
}

}

@media (min-width: 992px) and (max-width: 1200px) { 


.block-views-blocko-inwestycji-block-1 {
    padding-top:0px;                                 
}

.opisinwestycji {
    width: 100%;
    margin: 0 auto;
    padding-left: 20px;
    padding-right: 20px;
}
.iwiersz1 {
    width: 90%;
}

.inwkol1 {
    width: 100%;
    padding: 0px;
}


.inwkol2 {
    width: 70%;
    margin: auto;
    padding: 10px;
    padding-right: 0px;
}

.pole1 {
    font-size: 19px;
    text-align: center;
}

.pole2a {
    width: 40%;
    font-weight: 600;
    padding: 0px;
    padding-left: 15px;
    letter-spacing: 1.5px;
    font-size: 15px;
 }

.pole2b {
    width: 60%;
    font-size: 17px;
    line-height: 1.8;
    padding: 0px;
    padding-left: 0px; 
 }

.iwiersz2 {
    width: 90%;
    margin: 0 auto;
    padding-bottom: 20px;
    padding-top: 20px;
}

.atutytlo {
    padding-bottom: 20px;
}



.iwiersz3 {
    width: 100%;
    margin: 0 auto;
    padding-bottom: 0px; 
    padding-top: 0px; 
}

.oinwikony {
    justify-content: center;
}

.flip-card {
    margin: 5px;
}

.flip-card {
  width: 280px;
  height: 292px;

}


.flip-card-front img {
  width: 280px;
  height: 292px;
  padding:5px;
}

.flip-card-back img {
  width: 280px;
  height: 292px;
  padding:5px;
}

}

@media (min-width: 1200px) and (max-width: 1520px) { 

.block-views-blocko-inwestycji-block-1 {
    padding-top:0px;                                 
}

.opisinwestycji {
    width: 100%;
    margin: 0 auto;
    padding-left: 20px;
    padding-right: 20px;
}
.iwiersz1 {
    width: 100%;
}

.inwkol1 {
    width: 100%;
    padding: 0px;
}


.inwkol2 {
    width: 70%;
    margin: auto;
    padding: 10px;
    padding-right: 0px;
}


.iwiersz2 {
    width: 90%;
    margin: 0 auto;
    padding-bottom: 20px;
    padding-top: 20px;
}

.atutytlo {
    padding-bottom: 20px;
}

.pole2a {
    width: 40%;
    font-weight: 600;
    padding: 0px; 
    padding-left: 50px; 
    letter-spacing: 1.5px;
    padding-top: 50px;
 }



.iwiersz3 {
    width: 100%;
    margin: 0 auto;
    padding-bottom: 0px; 
    padding-top: 0px; 
}

.oinwikony {
    justify-content: center;
}

.flip-card {
    margin: 5px;
}
}

 
@media (min-width: 1520px) and (max-width: 1920px) { 

.iwiersz3 {
    width: 100%;
    padding-bottom: 0px;
}

.pole2a {
    width: 40%;
    font-weight: 600;
    padding: 0px; 
    padding-left: 100px; 
    letter-spacing: 1.5px;
    padding-top: 50px;
 }

inwkol2 {
    padding-right: 120px;
}

.oinwikony {
    justify-content: center;
}

.flip-card {
    margin: 20px;
} 
}

@media (min-width: 1920px) { 


}


/* koniec opis inwestycji */ 

/* mapa google */

.block-views-blocklokalizacja-block-1 {
   padding-bottom:50px;
 }

.view-lokalizacja > div > div.views-row {
   width:100%;
 }

/* koniec mapa google */



/* formularz kontaktory */

#block-formularz {
    width: 33%;
    position: relative;
    float: right;
 }
 
.block-webform > div.content {
    width: 75%;
    margin: 0 auto;
 
}
  
.block-webform h2 {
    color: #093349;
    font-family: Lato;
    font-weight: 400;
    text-align: center;
 
}
 
.js-form-item-zgoda-rodo {
    padding-top: 10px;
    padding-bottom: 10px;
}
 
#edit-zgoda-rodo {
    opacity:1;
    z-index:1;
}

[data-drupal-selector~=edit-zgoda-rodo] {
    opacity:1;
    z-index:1;
}

#edit-zgoda-rodo--description {
   padding-left: 25px;
   text-align: justify;

} 

.webform-element-description {
    text-align:justify;
 }
 

/* koniec formularz kontaktory */

/*socjal media stopka */

.block-views-blocksocjal-media-stopka-block-1 {
    background-color: #000;
    color: #fff;
    display: inline-block;
    width: 28%;
    padding: 60px;
    height: 360px;
}


/*koniec socjal media stopka */


/* prawa autorskie */

.block-views-blockprawa-autorskie-block-1 {
    padding:20px;
    width: 100%;
}

.view-prawa-autorskie .view-content {
    justify-content: center;
 }

/*koniec prawa autorskie */




/* kontakt stopka */

.block-views-blockkontakt-block-1 {
    background-color: #000;
    color: #fff;
    width: 27%;
    float: left;
    height: 360px;
    padding-top: 60px;
    padding-left: 70px
}

.block-views-blockopis-stopka-block-1 {
    background-color: #000;
    color: #fff;
    width: 45%;
    float: left;
    height: 360px;
    padding-top: 60px;
    padding-left: 100px;
    
}

.views-field-field-kontakt1 > .field-content > p:nth-child(1) {    

    font-size: 18px;
} 

.views-field-field-kontakt1 > .field-content > p:nth-child(2) {    
    margin-bottom: 0px;
} 
.views-field-field-kontakt1 > .field-content > p:nth-child(3) {    
    margin-bottom: 0px;
} 
.views-field-field-kontakt1 > .field-content > p:nth-child(4) {    
    margin-bottom: 0px;
} 
.views-field-field-kontakt1 > .field-content > p:nth-child(5) {    
    margin-bottom: 0px;
} 

.sprzedane1 {
    background-color: #ff000f; 
    color: #fff;
    padding: 5px;
}

.zarezerwowane1 {
    background-color: darkgray; 
    color: #fff;
    padding: 5px;
}


@media (max-width: 480px) { 
.block-views-blockkontakt-block-1 {
    width: 100%;
    padding: 20px;
    height: auto;
    text-align: center;
   
  
}
.block-views-blockopis-stopka-block-1 {
    width: 100%;
    padding: 10px;
    text-align:center;
    height: auto;
     margin-top: 50px;
}

.block-views-blocksocjal-media-stopka-block-1 {
    background-color: #000;
    color: #fff;
    display: inline-block;
    width: 100%;
    padding: 10px;
    height: auto;
    text-align:center;
}

.view-socjal-media-stopka .row {
    justify-content: center;
}

}

@media (min-width: 480px) and (max-width: 768px) {
.block-views-blockkontakt-block-1 {
    width: 100%;
    padding: 20px;
    height: auto;
    text-align: center;
}
.block-views-blockopis-stopka-block-1 {
    width: 100%;
    padding: 10px;
    text-align:center;
    height:auto;
    margin-top: 50px;
    
}

.block-views-blocksocjal-media-stopka-block-1 {
    background-color: #000;
    color: #fff;
    display: inline-block;
    width: 100%;
    padding: 10px;
    height: auto;
    text-align:center;
}

.view-socjal-media-stopka .row {
    justify-content: center;
}
}

@media (min-width: 768px) and (max-width: 991px){ 
.block-views-blockopis-stopka-block-1 {
    width: 100%;
    padding: 20px;
    height: auto;
    margin-top: 50px;
}
.block-views-blockkontakt-block-1 {
    width: 50%;
    padding: 50px;
    height: 300px;
}
.block-views-blocksocjal-media-stopka-block-1 {
    width: 50%;
    padding: 50px;
    height: 300px;
}
}

@media (min-width: 992px) and (max-width: 1200px) { 
.block-views-blockopis-stopka-block-1 {
  padding: 30px;
}
.block-views-blockkontakt-block-1 {
  padding: 30px;
}
.block-views-blocksocjal-media-stopka-block-1 {
  padding: 30px;
}
.views-field-field-kontakt1 > .field-content > p:nth-child(1) {
    font-size: 16px;
}

}

@media (min-width: 1200px) and (max-width: 1520px) { 
.block-views-blockopis-stopka-block-1 {
    padding-left: 50px;
}

}

 
@media (min-width: 1520px) and (max-width: 1920px) { 
 
}

@media (min-width: 1920px) { 


}

 
/* koniec kontakt stopka */



/* apartamenty */

.view-id-apartamenty {
  
}

.apartamenty {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}

.apartkol1 {
    width: 50%;
    padding: 50px;
}
 
.apartkol1 > img {
  width:100%;
  height:auto;
}
 

.apartkol2 {
  width: 50%;
  padding: 80px;
}

.apartwiersz1 {
 
}
 
.apartopis1 {
  color: #343434;
  font-size: 28px;
  font-family: Roboto;
  font-weight: 600;
  padding-bottom: 40px;
}
 
.apartopis1a {
  color: #343434;
  font-size: 28px;
  font-family: Roboto;
} 
 
.apartopis12 {
  color: #343434;
  font-size: 18px;
  font-family: Roboto;
}
 
.apartwiersz2 {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  padding-top: 40px;
  padding-bottom: 40px;
} 

.apartikony {
  padding: 10px;
  width: 95px;
}
.apartikony1 {
  padding: 10px;
  width: 160px;
}

.apartikona {
  text-align: center;
}

.apartikonaopis {
  text-align: center;
  font-size: 14px;
  font-family: Roboto;
  padding-top: 10px;
}

.apartwiersz3 {
 text-align:center;
}

@media (max-width: 480px) { 
.view-id-apartamenty {
    padding-top: 10px;
    padding-bottom: 10px;
}
.apartamenty {
    display: block;
}
.apartkol1 {
    width: 100%;
    padding: 0px;
    display: none;
}
.apartkol2 {
    width: 100%;
    padding: 10px;
}
.apartwiersz1 {
    text-align: justify;
    padding-left: 15px;
}
.apartwiersz2 {
     padding-top: 0px; 
     padding-bottom: 0px; 
}
}

@media (min-width: 480px) and (max-width: 768px) {
.view-id-apartamenty {
    padding-top: 10px;
    padding-bottom: 10px;
}
.apartamenty {
    display: block;
}
.apartkol1 {
    width: 100%;
    padding: 0px;
    display: none;
}
.apartkol2 {
    width: 100%;
    padding: 10px;
}
.apartwiersz1 {
    text-align: justify;
    padding-left: 15px;
}
.apartwiersz2 {
     padding-top: 0px; 
     padding-bottom: 0px; 
}
}

@media (min-width: 769px) and (max-width: 991px){ 
.apartkol1 {
    width: 30%;
    padding: 0px;
}
.apartkol2 {
    width: 70%;
    padding: 20px;
}

.apartwiersz2 {
    padding-top: 0px;
    padding-bottom: 0px;
}

.apartopis1 {
    padding-bottom: 20px;
}
}

@media (min-width: 992px) and (max-width: 1200px) { 
.apartkol1 {
    width: 30%;
    padding: 0px;
}
.apartkol2 {
    width: 70%;
    padding: 20px;
}

.apartwiersz2 {
    padding-top: 0px;
    padding-bottom: 0px;
}

.apartopis1 {
    padding-bottom: 20px;
}
}

@media (min-width: 1200px) and (max-width: 1300px) { 
.view-id-apartamenty {
    padding-top: 20px;
}

.apartkol1 {
    width: 40%;
    padding: 20px;
}
.apartkol2 {
    width: 60%;
    padding: 15px;
}
.apartwiersz2 {
    padding-top: 10px;
    padding-bottom: 10px;
}
.apartikony {
    padding: 5px;
}

.apartikony1 {
  padding: 10px;
  width: 110px;
}

}


@media (min-width: 1300px) and (max-width: 1520px) { 
.view-id-apartamenty {
    padding-top: 20px;
}

.apartkol1 {
    width: 40%;
    padding: 20px;
}
.apartkol2 {
    width: 60%;
    padding: 15px;
}
.apartwiersz2 {
    padding-top: 10px;
    padding-bottom: 10px;
}
.apartikony {
    padding: 5px;
}

.apartikony1 {
  padding: 10px;
  width: 130px;
}

}

 
@media (min-width: 1520px) and (max-width: 1920px) { 
 
}

@media (min-width: 1920px) { 


}

/* koniec apartamenty */


/* naglowek logo */

@media (max-width: 480px) { 


.navbar-brand {
    left: 10px;
    top: 0px;
    width: 50%;
}

}

@media (min-width: 480px) and (max-width: 768px) {
.navbar-brand {
    left: 20px;
    top: 15px;
    width: 50%;
}
}

@media (min-width: 768px) and (max-width: 991px){ 
.navbar-brand {
    left: 20px;
    top: 15px;
    width: 50%;
}
}

@media (min-width: 992px) and (max-width: 1023px) { 
.navbar-brand {
  position: relative;
  top: 15px;
  z-index: 100;
  left: 20px;
}
}

@media (min-width: 1024px) and (max-width: 1200px) { 

.block-superfish {
    width: 100%;
    justify-content: flex-end;
    display: flex;
    top: 25px;
    position: relative;
    right: 0px;
}

.navbar-brand {
  position: relative;
  top: -10px;
  z-index: 100;
  left: 30px;
  width: 25%;
}
}

@media (min-width: 1200px) and (max-width: 1520px) { 
.navbar-brand {
  position: relative;
  left: 50px;
  width:25%;
}
.block-superfish {
  right:0px;
}
}

@media (min-width: 1520px) and (max-width: 1920px) { 


}

@media (min-width: 1920px) { 


}
/* koniec naglowek logo */


/* wizualizacje */

@media (max-width: 480px) { 

.wizualizacjakol1 {
    margin: 0px;
}

.wizualizacjakol2 {
    margin: 0px;
}

.wizualizacjakol3 {
    margin: 0px;
}

}

@media (min-width: 480px) and (max-width: 768px) {

}

@media (min-width: 768px) and (max-width: 991px){ 

}

@media (min-width: 992px) and (max-width: 1200px) { 

}

@media (min-width: 1200px) and (max-width: 1520px) { 

}

 
@media (min-width: 1520px) and (max-width: 1920px) { 
 
}

@media (min-width: 1920px) { 



}

/* koniec wizualizacje */




/* menu na komorki */

@media (max-width: 480px) { 

#block-bootstrap-sass-main-menu {
    display:none;
}

}

@media (min-width: 480px) and (max-width: 768px) {
#block-bootstrap-sass-main-menu {
    display:none;
}
}

@media (min-width: 768px) and (max-width: 991px){ 

}

@media (min-width: 992px) and (max-width: 1200px) { 

}

@media (min-width: 1200px) and (max-width: 1520px) { 

}

 
@media (min-width: 1520px) and (max-width: 1920px) { 

}

@media (min-width: 1920px) { 



}

/* koniec menu na komorki */


/* do pobrania */

.dopobrania table td {
   border-top: 0px solid #dee2e6;
   padding:0px;
}
 
.dopobrania .list-group-item {
   margin:0px;
   border-bottom: 1px solid rgba(0,0,0,.125) !important;
   border: 0px solid rgba(0,0,0,.125);
  
}

/* koniec do pobrania */



/* widok wyszukiwarkarzuty */

.wyszukiwarkarzuty {
    position: relative;
    top: 90px;
    text-align: center;
 }
 
.wyszukiwarkarzuty > div > .views-row {
    margin: 0 auto;
}

/* koniec widok wyszukiwarkarzuty */


.view-kontakt > div > div.views-row {
    width: 100%;
}

.views-field-field-kontakt .field-content {
    font-size: 30px;
    
    padding-top: 50px;
 }


/* na komorki */



.biurolacrna > iframe {
  height:550px;
}

.view-lokalizacja-biuro > .view-content > .views-row {
     width:100%;
}
 
 




/* menu na komorki i rozne inne */

@media (max-width: 480px) { 

#superfish-main {
   display:none;
}

.block-views-blockwizualizacje-block-1 {
     padding-top: 0px; 
     padding-left: 0px; 
     padding-right: 0px;
}

.view-wizualizacje {
    padding-bottom: 0px;
}

.wyszukiwarka {
    padding-bottom: 0px;
}


.biurolacrna > iframe {
    height: 300px;
}

}

@media (min-width: 480px) and (max-width: 768px) {
#superfish-main {
   display:none;
}
}

@media (min-width: 768px) and (max-width: 991px){ 
#superfish-main {
   display:none;
}
}

@media (min-width: 991px) and (max-width: 1023px){ 
#superfish-main {
   display:none;
}
}

@media (min-width: 992px) and (max-width: 1200px) { 

}

@media (min-width: 1200px) and (max-width: 1520px) { 

}

 
@media (min-width: 1520px) and (max-width: 1920px) { 
 
}

@media (min-width: 1920px) { 


}

/* koniec menu na komorki i rozne inne */




/* dziennik budowy */
@media (max-width: 480px) { 
.block-views-blockaktualnosci-block-1 {
    padding-top: 20px;
    padding-left: 0px;
    padding-right: 0px;
}

.wizualizacjakol3a {
    margin-right: 10px;
    margin-left: 10px;
}

}

@media (min-width: 480px) and (max-width: 768px) {

}

@media (min-width: 768px) and (max-width: 991px){ 

}

@media (min-width: 992px) and (max-width: 1200px) { 

}

@media (min-width: 1200px) and (max-width: 1520px) { 

}

 
@media (min-width: 1520px) and (max-width: 1920px) { 
 
}

@media (min-width: 1920px) { 


}

/* koniec dziennik budowy */




/* NAGLOWEK 1 */

.view-naglowek1 { 
  width: 70%;
  margin: 0 auto;
  padding-top:0px;
}

.nag1 {
  display: inline-flex;
}

.nag1kol2 {
    padding-top: 5px;
    padding-left: 5px;
}

.nag1kol2 > span:nth-child(1){
    font-size: 30px;
    font-weight: 600;
    letter-spacing: 1.6px;
}

.nag1kol2 > span:nth-child(2){
    font-weight: 600;
    letter-spacing: 1px;
}

@media (max-width: 480px) { 
.view-naglowek1 { 
  width: 100%;
}
.nag1kol2 > span:nth-child(1){
    font-size: 15px;
}

.nag1kol2 > span:nth-child(2){
    font-size: 15px;
}
}

@media (min-width: 480px) and (max-width: 768px) {
.view-naglowek1 { 
  width: 90%;
}
.nag1kol2 > span:nth-child(1){
    font-size: 20px;
}
}

@media (min-width: 768px) and (max-width: 991px){ 
.view-naglowek1 { 
  width: 75%;
}
}

@media (min-width: 992px) and (max-width: 1200px) { 

}

@media (min-width: 1200px) and (max-width: 1520px) { 

}

 
@media (min-width: 1520px) and (max-width: 1920px) { 
 
}

@media (min-width: 1920px) { 


}
 
/* koniec NAGLOWEK 1 */


/* wnetrza */

@media (max-width: 480px) { 

.block-views-blockwizualizacje-wewnetrzne-typ1-block-1 > h2 {
    font-size: 12px;
    padding-top: 0px;
    margin-top: 0px;
}

.block-views-blockwizualizacje-wewnetrzne-typ2-block-1 > h2 {
    font-size: 12px;
    padding-top: 20px;
    margin-top: 0px;
}


.block-views-blockwizualizacje-wewnetrzne-typ2-block-1 {
    padding-left: 20px;
    padding-right: 20px;
}

}

@media (min-width: 480px) and (max-width: 768px) {

.block-views-blockwizualizacje-wewnetrzne-typ1-block-1 > h2 {
    font-size: 16px;
    padding-top: 0px;

}

.block-views-blockwizualizacje-wewnetrzne-typ2-block-1 > h2 {
    font-size: 16px;
    padding-top: 0px;

}


.block-views-blockwizualizacje-wewnetrzne-typ2-block-1 {
    padding-left: 20px;
    padding-right: 20px;
}

}

@media (min-width: 768px) and (max-width: 991px){ 
.block-views-blockwizualizacje-wewnetrzne-typ1-block-1 > h2 {
    padding-top: 45px;
}

.block-views-blockwizualizacje-wewnetrzne-typ2-block-1 > h2 {
    padding-top: 45px;
}

}

/* koniec wnetrza */


/* wizualizacje */
@media (max-width: 480px) { 
.block-views-blockwizualizacje-block-1 > h2 {
    padding-top: 40px;
}
}

/* koniec wizualizacje */


/* cookies */


@media (max-width: 480px) { 

 .block-views-blockcookies-block-1 {
    padding-top: 40px;
    padding-left: 20px;
    padding-right: 20px;
 }
 
 h2 {
    font-size:20px;
 }
 
}

@media (min-width: 480px) and (max-width: 768px) {
 .block-views-blockcookies-block-1 {
    padding-top: 80px;
    padding-left: 20px;
    padding-right: 20px;
 }
}

 /* koniec cookies

 
/* kontaktbaner i przycisk wybierz mieszkanie */

@media (max-width: 480px) { 

.view-kontakt-tel {
  display:none;
}

.view-przycisk-wybierz-mieszkanie .view-content {
    top: -80px;
}

.view-przycisk-fotowoltaika .view-content {
    top: -20px;
    left:10px;
}

.przycisk4b {
    padding: 5px;
    font-size: 15px;
}

.przycisk4e {
    padding: 5px;
    font-size: 15px;
}

}

@media (min-width: 480px) and (max-width: 768px) {

.view-kontakt-tel {
  display:none;
}

.view-przycisk-wybierz-mieszkanie .view-content {
    top: -130px;
}

.view-przycisk-fotowoltaika .view-content {
    top: 0px;
    left:20px;
}

}

@media (min-width: 768px) and (max-width: 991px){ 

}

@media (min-width: 992px) and (max-width: 1200px) { 

}

@media (min-width: 1200px) and (max-width: 1520px) { 

}

 
@media (min-width: 1520px) and (max-width: 1920px) { 
 
}

@media (min-width: 1920px) { 


}

/* koniec kontaktbaner i przycisk wybierz mieszkanie */
 


/* plan osiedla */

@media (max-width: 480px) { 

.block-views-blockwyszukajbudynki1-block-1 {
 display:none;
}

}

@media (min-width: 480px) and (max-width: 768px) {
.block-views-blockwyszukajbudynki1-block-1 {
 display:none;
}
}

@media (min-width: 768px) and (max-width: 991px){ 

}

@media (min-width: 992px) and (max-width: 1200px) { 

}

@media (min-width: 1200px) and (max-width: 1520px) { 

}

 
@media (min-width: 1520px) and (max-width: 1920px) { 
 
}

@media (min-width: 1920px) { 


}

/* koniec plan osiedla */ 
 


.wykres {
 text-align:center;
}

.wykres img {
 width:80%;
 height:auto;
}


.block-views-blocknaglowek1-block-2 {
    padding-top: 70px;
    padding-bottom: 70px;
}





/* ikony na czarnym */

#block-views-block-ikony-na-czarnym-block-1 {
background-color:#0b0c0c;
 }


/* koniec ikony na czarnym */


.block-views-blockfilm-block-1 {
    justify-content: center;
    display: flex;
    padding-bottom:40px;
}

.block-views-blocknaglowek1-block-1 {
    margin-top: 0px;
    margin-bottom: 30px;
}

.block-views-blocknaglowek1-block-4 {
    margin-top: 50px;
    margin-bottom: 30px;
}

.block-views-blocklokalizacja-biuro-block-1 {
    padding-top: 40px;
}

/* na komorki */

@media (max-width: 480px) { 
#block-views-block-przycisk-wybierz-mieszkanie-block-1 {
 display:none;
 }

.naglistabudpietro {
    font-size: 7px;
}
.rocznicapromocja {
    width:60px;
} 
.block-views-blocknaglowek1-block-2 {
    padding-top: 30px;
    padding-bottom: 10px;
}
.block-views-blocknaglowek1-block-3 {
padding-top:30px;
}
.block-views-blockfilm-block-1 {
    display: none;
}
.block-views-blocknaglowek1-block-1 {
display: none; 
}
}

@media (min-width: 480px) and (max-width: 768px) {
#block-views-block-przycisk-wybierz-mieszkanie-block-1 {
 display:none;
 }
.view-dziennik-budowy-senatorska .view-content .views-row {
  margin: 0 auto;
}
.naglistabudpietro {
    font-size: 7px;
}
.rocznicapromocja {
    width:60px;
} 
.block-views-blocknaglowek1-block-2 {
    padding-top: 30px;
    padding-bottom: 10px;
}
.block-views-blocknaglowek1-block-3 {
    padding-top:30px;
}
.block-views-blockfilm-block-1 {
    display: none;
}
.block-views-blocknaglowek1-block-1 {
    display: none; 
    }
}



@media (min-width: 768px) and (max-width: 991px){ 

}

@media (min-width: 992px) and (max-width: 1200px) { 

}

@media (min-width: 1200px) and (max-width: 1520px) { 

}

 
@media (min-width: 1520px) and (max-width: 1920px) { 
 
}

@media (min-width: 1920px) { 


}

/* koniec na komorki */