/* GSH custom */

a:hover {text-decoration: none !important;}

td:nth-child(even) {text-align: right;}
tr.m_total td {
font-weight: 600;
color:#FF9900;}
tr.m_taras td {
color: #999999;}
 
.naglowek-kon {
	text-align:center;
	font-weight:600;
	/*font-family: Merriweather;*/
	padding-bottom:20px;
	
}

.naglowek-kon a:hover {
	text-decoration: none;
	color:black;
}

.bg-dark .naglowek-kon a:hover {
	text-decoration: none;
	color:#FFDA80;
}

.tabela-kon {
	margin-top:30px;
	font-family:"Open Sans", sans-serif;
	font-size:20px;
}

.tabela-kon a:hover {
	text-decoration: none;
	color:black;
}

section.bg-dark .tabela-kon a:hover {
	text-decoration: none;
	color:#FFDB8D;
}

.tabela-m {
	width:100%;
}

.tabela-m tr td {
	padding:2px 12px 2px 2px;
	font-family:"Open Sans", sans-serif;
	font-size: 1.6rem;
}

.portfolio-box {border:solid 2px white;}
#lokalizacja.bg-primary {border-top:solid 1px white;}

.gorka {padding-top:68px;padding-bottom:20px;}
@media (min-width: 768px) {
.gorka {padding-top:20px;padding-bottom:20px;}
}

.wybierzlokal {padding:1.5rem 0;}
@media (max-width: 992px) {
.wybierzlokal  {padding:5rem 0 0.2rem 0;}
}

.opis {
	margin:30px 0px 30px 0px;
	padding:30px 20px 10px 20px;
	border-top: 1px solid #ccc;
}

/* metraze */
a.metraze {
font-size:3rem;
margin-right:2rem;
margin-top:1rem;
color:#ffffff;
background-color:#737373;
padding: .2rem 1.5rem;
border-radius: 3rem;
display: inline-block;
}
a.metraze:hover {
text-decoration:none;
background-color:#FF6600;
}


/* button formularz */
.btn-send {
font-size:1.4rem;
margin-right:1rem;
margin-top:1rem;
color:#ffffff;
background-color:#737373;
padding: .2rem 1.5rem;
border-radius: 1.5rem;
}
.btn-send:hover {
text-decoration:none;
background-color:#FF6600;
color:#FFFFFF;
}


.btn-rodo {
font-size:1.2rem;
margin-right:1rem;
margin-top:1rem;
color:#ffffff;
background-color:#737373;
padding: .4rem 1.7rem;
border-radius: 1.7rem;
}

@media (max-width: 768px) {
.btn-rodo {
font-size:1rem;
padding: .4rem 1rem;
}
}
.btn-rodo:hover {
text-decoration:none;
background-color:#FF6600;
color:#FFFFFF;
}

/* listy mieszkań */
    .tabela-kon tr:nth-child(odd) {
      background: #333333;
    }

    .tabela-kon.light-kon tr:nth-child(odd) {
      background: #f3f3f3;
    }
    
    .tabela-kon tr td {
    padding: 1px 5px;
    text-align: left;
    }  

/* rzut piętra */
@media (max-width: 1420px) {
.mapa-floor {
    display:none;
    }
}

/* tabela mieszkan KONIEC */
    
    .btn-karta {
    background-color: #555;
    color: #fff;
}
    
    .btn-karta:hover, .btn-karta:active {
    background-color: #777;
    color: #fff !important;
}

    
    .btn-cena {
    background-color: #737373;
    color: #ffffff;
}

    .btn-cena:hover, .btn-cena:active {
    background-color: #F49900;
    color: #ffffff !important;
}

    .gorka .btn-cena {
    background-color: #F77822;
    color: #ffffff;
}


.bg-grey {
  background-color: #a8a8a8 !important;
}

/*
	Max width before this PARTICULAR table gets nasty. This query will take effect for any screen smaller than 760px and also iPads specifically.
	*/
	@media
	  only screen 
    and (max-width: 760px), (min-device-width: 768px) 
    and (max-device-width: 1024px)  {

		/* Force table to not be like tables anymore */
		table, thead, tbody, th, td, tr {
			
		}

		/* Hide table headers (but not display: none;, for accessibility) */
		thead tr {
			position: absolute;
			top: -9999px;
			left: -9999px;
		}

    tr {
      margin: 0 0 1rem 0;
    }

        
    tr:nth-child(odd) {
      background: #f3f3f3;
    }
        

    
		td {
			/* Behave  like a "row" */
			border: none;
			/*border-bottom: 1px solid #eee;*/
			position: relative;
			padding-left: 0%;
		}

		td:before {
			/* Now like a table header */
			position: absolute;
			/* Top/left values mimic padding */
			top: 0;
			left: 6px;
			width: 45%;
			padding-right: 10px;
			white-space: nowrap;
		}

        
            table.tabela-kon tr td {
padding-right: 0px;
text-align: center;

    }  
		
		.btn-xl {
  margin-bottom: .5rem;
}
	}

/* link out navi menu */

#mainNav .navbar-nav > li.nav-item > a.nav-link-out,
#mainNav .navbar-nav > li.nav-item > a.nav-link-out:focus {
  font-size: .9rem;
  font-weight: 700;
  text-transform: uppercase;
  color: rgba(255,255,255,.7);
  padding: .5rem 1rem;
  display: block;
}

#mainNav .navbar-nav > li.nav-item > a.nav-link-out:hover,
#mainNav .navbar-nav > li.nav-item > a.nav-link-out:focus:hover {
  color: rgba(255,255,255,1.0);
  text-decoration: none;
}

#mainNav .navbar-nav > li.nav-item > a.nav-link-out.active,
#mainNav .navbar-nav > li.nav-item > a.nav-link-out:focus.active {
  color: #737373 !important;
  background-color: transparent;
}

  #mainNav.navbar-shrink .navbar-nav > li.nav-item > a.nav-link-out,
  #mainNav.navbar-shrink .navbar-nav > li.nav-item > a.nav-link-out:focus {
    color: #212529;
  }
  #mainNav.navbar-shrink .navbar-nav > li.nav-item > a.nav-link-out:hover,
  #mainNav.navbar-shrink .navbar-nav > li.nav-item > a.nav-link-out:focus:hover {
    color: #737373;
  text-decoration: none;
  }





.wjazd-box {
  position: relative;
  display: block;
  /*max-width: 650px;*/
  margin: 0 auto;
}

.wjazd-box .wjazd-box-caption {
  position: absolute;
  bottom: 0;
  display: block;
  width: 100%;
  height: 100%;
  text-align: center;
  opacity: 0;
  color: #fff;
  /*background: rgba(247,168,35,.9);*/
  background: rgba(77,77,77,.9);
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}

.wjazd-box .wjazd-box-caption .wjazd-box-caption-content {
  position: absolute;
  top: 50%;
  width: 100%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  text-align: center;
}

.wjazd-box .wjazd-box-caption .wjazd-box-caption-content .project-category,
.wjazd-box .wjazd-box-caption .wjazd-box-caption-content .project-name {
  padding: 0 15px;
  font-family: 'Open Sans', 'Helvetica Neue', Arial, sans-serif;
}

.wjazd-box .wjazd-box-caption .wjazd-box-caption-content .project-category {
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
}

.wjazd-box .wjazd-box-caption .wjazd-box-caption-content .project-name {
  font-size: 18px;
}

.wjazd-box:hover .wjazd-box-caption {
  opacity: .9;
}

.wjazd-box:focus {
  outline: none;
}

@media (min-width: 768px) {
  .wjazd-box .wjazd-box-caption .wjazd-box-caption-content .project-category {
    font-size: 16px;
  }
  .wjazd-box .wjazd-box-caption .wjazd-box-caption-content .project-name {
    font-size: 22px;
  }
}

.list-book .btn-karta {
display:inherit;
}
.list-book .btn-cena {
display: none;
}

.list-book strong::before {
content: "ZAREZERWOWANE";
}

.list-book {
    color: #fff;
    background-color: #ffc107 !important;
    border-color: #ffc107 !important;
}

.list-book a {
    color: #fff;
}

.list-book a:hover {
    color:rgba(255,255,255,0.50);
}

.list-sold .btn-karta {
display: none;
}
.list-sold .btn-cena {
display: none;
}

.list-sold strong::before {
content: "SPRZEDANE";
}

.list-sold {
    color: #fff;
    background-color: #dc3545 !important;
    border-color: #dc3545!important;
}

.list-sold a {
    color: #fff;
}

.list-sold a:hover {
    color:rgba(255,255,255,0.50);
}

@media (max-width: 768px) {
	
.list-free .btn-karta, .list-free .btn-cena, .list-free strong {
display: none;
}
.list-book .btn-karta, .list-book .btn-cena, .list-book strong {
display: none;
}
.list-sold .btn-karta, .list-sold .btn-cena, .list-sold strong {
display: none;
}
}

    .fil-none {fill:none}
	.fil-odd {fill:rgba(255,251,219,0.4)}
	.fil-even {fill:rgba(255,247,179,0.4)}
    .fil-szyby {fill:#00A0E3} /* szyby */
    .fil-ogrod {fill:#DBE285} /* ogrody */
    .fil-taras {fill:#C6C6C6} /* tarasy */
    .fil-drzwi {fill:#B3B3B3} /* drzwi */
    .fil-mury {fill:#727272} /* sciany */
    .fil-numer {fill:#000000} /* numery */


a.map-free:hover .fil-odd {fill:rgba(198,198,198,0.7)}
a.map-free:hover .fil-even {fill:rgba(198,198,198,0.7)}
a.map-book polygon {fill:rgba(255,193,7,0.4)}
a.map-sold polygon {fill:rgba(255,63,81,0.4)}
a.map-sold:hover polygon {fill:rgba(255,63,81,0.7)}

.mieszkanie-title-free {
    color: #fff;
    background-color: #28a745;
    font-size: 28px;
    font-weight: 700;
    line-height: 22px;
    margin: 20px 0;
    padding:15px;
}

.mieszkanie-title-free a {
color:rgba(255,255,255,0.50);
margin-right: 20px;
}
.mieszkanie-title-free a:hover {
color:rgba(255,255,255,0.80);
}
.mieszkanie-title-free span::before {
font-weight: normal;
    padding-left:20px;
    font-size: 22px;
	content:"WOLNE"
}

.mieszkanie-title-book {
    color: #fff;
    background-color: #ffc107;
    font-size: 28px;
    font-weight: 700;
    line-height: 22px;
    margin: 20px 0;
    padding:15px;
}
.mieszkanie-title-book a {
color:rgba(255,255,255,0.50);
margin-right: 20px;
}
.mieszkanie-title-book a:hover {
color:rgba(255,255,255,0.80);
}
.mieszkanie-title-book span::before {
font-weight: normal;
    padding-left:20px;
    font-size: 22px;
	content:"ZAREZERWOWANE"
}

.mieszkanie-title-sold {
    color: #fff;
    background-color: #dc3545;
    font-size: 28px;
    font-weight: 700;
    line-height: 22px;
    margin: 20px 0;
    padding:15px;
}
.mieszkanie-title-sold a {
color:rgba(255,255,255,0.50);
margin-right: 20px;
}
.mieszkanie-title-sold a:hover {
color:rgba(255,255,255,0.80);
}
.mieszkanie-title-sold span::before {
font-weight: normal;
    padding-left:20px;
    font-size: 22px;
	content:"SPRZEDANE"
}

@media (max-width: 768px) {
.mieszkanie-title-free, .mieszkanie-title-book, .mieszkanie-title-sold {
    line-height: 30px;
}
.mieszkanie-title-free span::before, .mieszkanie-title-book span::before, .mieszkanie-title-sold span::before {
	padding-left:0px;
	display:block;
}
.mieszkanie-title-free a, .mieszkanie-title-book a, .mieszkanie-title-sold a {
margin-right: 0px;
}
}

.lok-tabela tr td {
	padding:2px 12px 2px 2px;
	font-family:"Open Sans", sans-serif;
	font-size: 1.6rem;
}

td:nth-child(even) {text-align: right;}

tr.lok-total td {
    font-weight: 600;
    padding:15px 0px 20px 20px;
    font-size:2rem;
color:#FF9900;}

tr.lok-taras td {
color: #999999;}

tr.lok-ogrod td {
color: #AAC482;}

.lok-rzut {
max-height: 38rem;
width: auto;
}

.lok-rzut2{
max-width: 100%;
height: auto;
}


/* SVG */
#budynek-svg {
	background: url('../img/budynek.jpg');
	background-size:cover;
}
.bg-svg {
	fill:none;
}
.kondygnacja {
	fill:transparent;
}

.kondygnacja:hover {
	fill:rgba(253,165,0,0.70);
}

.kondygnacja.sold:hover{
	fill:rgba(243,0,0,0.75);
}

.kondygnacja:active {
	fill:rgba(255,255,255,0.40);
}