.face, .flogo, .onas-logo {
	text-align: center
}
html {
	font-family: 'Open Sans', sans-serif;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
	font-size: 16px;
	
}
hr {
  max-width: 100px;
  height: 3px;
  border:none;
  background-color:#1b80c4;
  margin: 1.25rem auto;
  clear: both; }
  
p {color:#333 !important}
.mapa {
    width: 100%;
    height: 500px;
    border-top: solid 3px #999;
}
.white {
	color: #fff !important
}
.green {
	color: #1b80c4 !important
}
.yellow, .yellow-bg {
	color: #FFDA02
}
.mt1 {
	margin-top: 1rem
}
.mt2 {
	margin-top: 2rem
}
.mt3 {
	margin-top: 3rem
}
.mt4 {
	margin-top: 4rem
}
.mt5 {
	margin-top: 5rem
}
.mb1 {
	margin-bottom: 1rem
}
.mb2 {
	margin-bottom: 2rem
}
.mb3 {
	margin-bottom: 3rem
}
.mb4 {
	margin-bottom: 4rem
}
.mb5 {
	margin-bottom: 5rem
}
.bold {
	font-weight: 600
}
.topbar {
	height: 100px;
	background: rgba(255,255,255,0.85);
	border-bottom: solid 1px #D4D4D4;
	width: 100%;
	padding: 0 .5rem;
}

.logo img {
	height: 55px;
	width: 267px;
	float: left;
	margin-top: 1.1rem
}
.menu a, .menu a:hover {
	transition: all ease-in-out .15s;
	height: 99px
}
.menu {
	font-size: 15px;
	font-weight: 400
}
.menu a {
	color: #1A1A1A;
	padding-top: 2.8rem!important;
	border-bottom:solid 3px rgba(80,80,80,0);
}
.menu a:hover, .menu-active a {
	color: #1A1A1A;
	padding-top: 2.8rem!important;
}
.menu a:hover {
	background-color: rgba(80,80,80,0.07);
	border-bottom:solid 3px #1b80c4;
}

.menu-active a {
	background-color: rgba(80,80,80,0.04)
}

.foot2 { background-color:#0c1921; padding:0.5rem 0 0 0}
.foot2 p { color:#7A868A !important; margin-top:0.5rem}
.foot2 a { color:#7A868A !important; margin-top:0.5rem}
.foot2 a:hover { color:#b6c6cc  !important; margin-top:0.5rem}
.baner { 
width:100%;
margin:0;
}

.baner img {
	background-size: contain;
	background-repeat:no-repeat;
	background-position:center;
	width:100%
	}

.title {
	background-color:#ECECEC;
	padding:3rem 2rem;	
	}
	.title h2, h3 {
	color:#444	;
	}



.icons-main img {
	height: 100px
}
.onas {
	background-color: #f6f6f6;
	padding: 5rem 0 0
}
.karuzela {
	background-color: #fff;
	padding: 4rem 0 0
}
.onas-logo {
	border-bottom: solid 5px #FFDA02;
	padding-top: 3rem;
	height: 300px
}
.flogo img {
	width: 500px
}
.onas-logo img {
	width: 200px;
	height: 115px;
	margin: 0 auto
}
.onas-text {
	border-bottom: solid 5px #1b80c4;
	height: 300px
}
.footer-bg {
	background-color: #0e2535;
	padding: 4rem 0 1rem 0;
	border-top: solid 3px #1a2427
}
.footer-bg img, .kont img {
	height: 63px;
	margin-top: 2.5rem;
	border-right: solid 1px #ccc;
	padding-right: 2.5rem
}
.footer-bg p { color:#b6c6cc !important}
.small {
	font-size: 14px
}
.kont a {
	color: #333
}
.kont a:hover {
	color: #1b80c4
}
.footer-bg a {
	color: #b6c6cc 
}
.footer-bg a:hover {
	color: #527a87
}
.face img {
	width: 30px;
	height: 30px;
	border: none!important;
	margin: 0!important;
	padding: 0!important;
	position: relative;
	top: -10px
}
.biuro-grey, .mapa2 {
	border-top: solid 1px #ddd;
	border-bottom: solid 1px #ddd
}
.kafelek {
	height: 380px;
	margin: 0 0 5rem;
	padding: 0;
	width: 100%;
	position: relative;
	overflow: hidden
}
#inwestycja-1 {
	background-image: url(../img/osiedle-fiolkowa-park-slupsk-th.jpg);
	background-position: center;
	background-size: cover
}
#inwestycja-2 {
	background-image: url(../img/osiedle-jakubowe-lebork-th.jpg);
	background-position: center;
	background-size: cover
}
#inwestycja-3 {
	background-image: url(../img/inwest3.jpg);
	background-position: center;
	background-size: cover
}
.kafelek-title {
	font-weight: 400!important;
	background-color: rgba(25,49,62,.8);
	padding: 1rem .5rem .5rem;
	position: absolute;
	bottom: 0;
	width: 100%;
	z-index: 99
}
.numer-tile, .rezerwacja, .wolny, .zajety {
	font-weight: 600
}
.kafelek-hover, .kafelek-hover:hover {
	z-index: 9;
	width: 100%;
	height: 100%;
	text-align: center;
	transition: all ease-in-out .3s;
	position: relative
}
.kafelek-title h4 {
	color: #fff;
	text-transform: uppercase;
	font-size: 18px;
	text-align: center
}
.kafelek-hover:hover {
	background-color: rgba(25,49,62,.6);
	opacity: 1
}
.kafelek-hover {
	background-color: rgba(25,49,62,0);
	opacity: 0
}
.tarcza-hover {
	position: relative;
	top: 6rem;
	margin: 0 auto;
	color: #fff
}
.tarcza-hover img {
	width: 65px!important;
	height: 86px!important;
	margin: 0 auto
}
.yellow-hr {
	width: 20%;
	height: 3px;
	background-color: #FFDA02;
	margin: 1.25rem auto;
	position: relative;
	clear: both
}
.a2 {
	text-align: right
}
.biuro-grey {
	background-color: #f8f8fa
}
.biuro-grey [type=date], .biuro-grey label, .biuro-grey select {
	color: #666
}
.p32 {
	padding: 3rem 2rem
}
.p31 {
	padding: 3rem 1rem
}
.p50 {
	padding: 5rem 0
}
.no-padding {
	padding: 0!important
}
.no-margin {
	margin: 0!important
}
.button {
	display: inline-block;
	text-align: center;
	line-height: 1;
	cursor: pointer;
	-webkit-appearance: none;
	transition: background-color .25s ease-out, color .25s ease-out;
	vertical-align: middle;
	border: 1px solid transparent;
	border-radius: 0;
	padding: .85em 1em;
	margin: 0 0 1rem;
	font-size: .9rem;
	background-color: #1b80c4;
	color: #fefefe
}
.standard-container {
	width: 100%;
	margin-bottom: 0
}
.standard-img {
	width: 100%;
	padding: 0;
	margin: 0;
	height: 300px
}
.standard, .standard:hover {
	padding: 2rem;
	transition: all ease-in-out .15s
}
.standard:hover {
	background-color: #efefef
}
#deweloperski {
	background-image: url(../img/deweloperski.jpg);
	background-position: center;
	background-size: cover
}
#podstawowy {
	background-image: url(../img/standard.jpg);
	background-position: center;
	background-size: cover
}
#plus {
	background-image: url(../img/standard+.jpg);
	background-position: center;
	background-size: cover
}
#designerski {
	background-image: url(../img/designerski.jpg);
	background-position: center;
	background-size: cover
}
.standard-txt {
	padding: 2rem .5rem 1rem;
	text-align: justify
}
.plan, .plan img {
	padding: 0
}
ul li {
	margin-bottom: .8rem;
	line-height: 1.5rem
}
.plan img {
	width: 100%;
	margin: 0
}
.single-image, .single-image2 {
	margin: 2rem 0;
	text-align: center
}
.opis {
	padding: 3rem 3rem 0;
	background-color: #f6f6f6;
	margin: 1rem 0 2rem
}
ul.rab {
	list-style-image: url(../img/rab-01.svg)
}
ul {
	margin-left: 0!important
}
.numer-tile {
	padding: .7rem .9rem .7rem 16px;
	background-color: #1b80c4;
	width: 60px;
	color: #fff;
	margin-top: 9px;
	font-size: 26px;
	float: left
}
.opis-tile {
	margin-left: 90px;
	margin-top: 29px;
	margin-bottom: 0
}
.ml1 {
	margin-left: 1rem
}
.pt3 {
	padding-top: 3rem
}
.pb3 {
	padding-bottom: 3rem
}
.wolny {
	color: #5BAB2F
}
.zajety {
	color: #C8090C
}
.rezerwacja {
	color: #E37000
}
.button:focus, .button:hover {
	background-color: #176497;
	color: #fefefe
}
.reveal.large {
	width: 90%;
	max-width: 64rem;
	box-shadow: 0 0 70px rgba(0,0,0,.17)
}
.baner-inwestycje {
	position: relative
}
#location-map, .auf, .auf-empty {
	position: absolute
}
#location-map {
	top: 0;
	left: 0
}
.auf {
	display: none
}
.auf-empty {
	z-index: 9999;
	width: 100%;
	height: 100%
}
.investlogo {
	width: 350px;
	margin: 0 auto;
	text-align: center
}
#back-to-top {
	position: fixed;
	bottom: 65px;
	right: 15px;
	z-index: 9999;
	width: 40px;
	height: 40px;
	text-align: center;
	line-height: 32px;
	background: #efefef;
	color: #1b80c4;
	cursor: pointer;
	border: 0;
	border-radius: 2px;
	text-decoration: none;
	transition: all 0.2s ease-out;
	opacity: 0;
}
#back-to-top:hover {
	background: #1a2427;
	color: #efefef;
	transition: all 0.2s ease-out;
}
#back-to-top.show {
	opacity: 1;
}
.slider-index { height:660px; overflow:hidden !important; backface-visibility:hidden}
h3 {
    font-size: 1.7rem;
}
.autoryzacje {
	width:100%;
	text-align:center;
	padding:1.3rem 0;
	background-color:#FBFBFB
	}
	.autoryzacje img {
	width:70% !important;
	margin:0 auto !important;
	opacity:0.7;
	transition:all 0.3s;
	}
		.autoryzacje img:hover {
	width:70% !important;
	margin:0 auto !important;
	opacity:1;
	transition:all 0.3s;
	}