@charset "UTF-8";
@import url('https://fonts.googleapis.com/css?family=Encode+Sans:200,300,400,700,800,900&subset=latin-ext');
@import url('https://fonts.googleapis.com/css?family=Encode+Sans+Condensed:100,200,400,600,700,800,900&subset=latin-ext');
@import url('https://fonts.googleapis.com/css?family=Oswald:200,300,400,500,600,700&subset=latin-ext');

* {margin: 0; padding: 0; outline: 0;}


body {
	font-family: 'Encode Sans', sans-serif;
	color: #e5e5e5;
	font-size: 12px;
	background:#bfbfbf;
}

.clear {
	clear: both;
}
.wrap {
	width: 100%;
	max-width: 100%;
	min-width: 960px;
	z-index: 10;
	position: relative;
	margin: 0 auto;
	padding: 0;

}

.section {
	width: 100%;
	max-width: 100%;
	min-width: 960px;
	z-index: 10;
	position: relative;
	margin: 0 auto;
	padding: 0 0 20px 0;
}

.inner {
	width: 960px;
	margin: 0 auto;
	position: relative;
	padding:30px 0;
}

.inner:after {
	  content: "";
	  display: table;
	  clear: both;
}

/* --------------------- MENU --------------------- */

.subMenu {
	height: 80px;
	z-index: 100;
	width: 100%;
	background: #000000 url('../img/menubg.jpg') no-repeat center center;
  box-shadow: 0px 3px 20px #000;
}

.subMenu .inner {
	padding:0;
	font-weight: 400;
	margin: 0 auto;
}


.subNavBtn {
	display: block;
	height: 50px;
  text-shadow: #000 5px 5px 5px;
	float: left;
	margin: 0 0 0 0;
	text-decoration: none;
	font-size: 18px;
  font-family: 'Oswald', sans-serif;
  text-transform: uppercase;
  font-weight:200;
	padding: 30px 30px 0 0;
	text-align: center;
	color: #fff;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.subMenu a:hover {
	padding: 26px 30px 0 0;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.subNavBtn i {
  display:inline;
  font-size:16px;
  padding-right:5px;
}

.active {
  color: #F8D705;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.end {
	margin: 0;
}

/* --------------------- SECTIONS --------------------- */

/* --------------------- sTop --------------------- */

.sTop {
	background: #000000 url('../img/section-top.jpg') no-repeat center center;
	color:#ffffff;
	padding: 0;
	height: 150px;
}

.sTop a.sg-link {
  display: block;
  width: 200px;
  height: 150px;
  border: 0;
  padding: 0;
  margin: 0;
  background: none;
  float:left;
}

.sTop h2 {
  font-family: 'Encode Sans Condensed', sans-serif;
  font-weight: 200;
  font-size: 40px;
  line-height:100%;
  padding-top: 60px;
  margin-left: 20px;
  float:left;
}

.sTop h1 {
  font-family: 'Encode Sans Condensed', sans-serif;
  font-weight: 400;
  font-size: 26px;
  line-height:100%;
  padding-top: 50px;
  margin-left: 20px;
  float:left;
  text-shadow: #000 5px 5px 8px;
}

.sTop h1 span {
  font-weight: 400;
  font-size: 20px;
}

.sTop div.alert {
  display:block;
  animation: 4s 1 alert;
  opacity: 0.0;
  filter: alpha(opacity=100);
  float:left;
  margin-top: 65px;
  margin-left: 20px;
  border-radius: 5px;
  font-size: 12px;
  width:450px;
  padding:10px;
  color:#fff;
  text-align: center;
}
@keyframes alert {
    0% {
    opacity: 1.0;
    filter: alpha(opacity=0);
    }
    90% {
    opacity: 1.0;
    filter: alpha(opacity=0);
    }
    100% {
    opacity: 0.0;
    filter: alpha(opacity=100);
    }
}

.sTop .alert-success {
  background-color: rgba(0, 184, 44, 0.6);
}

.sTop .alert-danger {
  background-color: rgba(243, 10, 10, 0.6);
}

/* --------------------- s1 --------------------- */

.s1 {
	background: #000000 url('../img/section-onas.jpg') no-repeat center bottom;
	color:#ffffff;
	padding: 0;
	min-height: 400px;
}

.cennik {
	background: #000000 url('../img/section-cennik.jpg') no-repeat center bottom; background-size: cover;
}

.s1 .op-onas {
  margin-left: 0;
  width: 500px;
}

.s1 .op-onas h1 {
  font-family: 'Oswald', sans-serif;
  text-transform: uppercase;
  font-weight: 200;
  font-size: 46px;
  padding-top: 5px;
  padding-bottom: 15px;
  border-bottom: 1px dotted #C0C0C0;
}

.s1 .op-onas p {
  font-size: 13px;
  padding: 20px 0;
  line-height: 180%;
  font-weight:300;
}

.s1 .op-cennik h2 {
  font-family: 'Encode Sans', sans-serif;
  font-weight: 200;
  font-size: 22px;
  padding-top: 15px;
  padding-bottom: 15px;
  border-bottom: 1px dotted #C0C0C0;
}

.s1 .op-cennik h2 br {
  display: none;
}

.s1 .op-cennik h2 span {
  font-weight: 400;
  color: #F3D00A;
}

.s1 .op-cennik h2 i {
padding-right:10px;
}

.s1 .op-cennik .kolumna-50 {
  font-family: 'Encode Sans', sans-serif;
  font-weight: 200;
  padding: 15px 0;
  width:50%;
  margin: 0;
  float:left;
}

.s1 .op-cennik .kolumna-50 table {
  width: 96%;
}

.s1 .op-cennik .kolumna-50 td.cennik-header {
  width: 100%;
  text-align: left;
  vertical-align: middle;
  font-weight: 800;
  font-size: 16px;
  padding: 10px 5px 10px 10px;
  border-bottom: 2px solid #F3D00A;
}

.s1 .op-cennik .kolumna-50 td.cennik-pozycja {
  width: 80%;
  text-align: left;
  vertical-align: middle;
  font-weight: 300;
  font-size: 14px;
  padding: 10px 5px 10px 10px;
  border-bottom: 1px dotted #C0C0C0;
}

.s1 .op-cennik .kolumna-50 td.cennik-cena {
  width: 20%;
  text-align: center;
  vertical-align: middle;
  font-weight: 800;
  font-size: 15px;
  padding: 10px 0;
  border-bottom: 1px dotted #F3D00A;
}

.s1 .op-cennik .kolumna-100 {
  font-family: 'Encode Sans', sans-serif;
  font-weight: 300;
  padding: 15px 0;
  width:100%;
  padding: 10px 0;
  margin: 0;
  float:left;
}

/* --------------------- s2 --------------------- */

.s2 {
  height: 600px;
	padding: 0;
	background: #000000 url('../img/section-punkty.jpg') no-repeat center center;
}
.s2 a {
	color: #fff;
}

.s2 h1 {
  margin-top: 10px;
  margin-bottom: 10px;
  font-family: 'Oswald', sans-serif;
  text-transform: uppercase;
  font-weight: 200;
  font-size: 42px;
}

.s2 .punkty-menu {
  margin: 0 auto;
  width: 950px;
  height: 430px;
  background: url('../img/opona.png') no-repeat right center;
}

.s2 .punkty-menu ul li {
  display: block;
  width:330px;
  height:86px;
  text-align: right;
}

.s2 .punkty-menu ul li a {
  display: block;
  font-weight: 700;
  font-size: 15px;
  padding: 30px 0 0 0;
  text-decoration: none;
  text-shadow: #756021 10px 10px 15px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  line-height: 150%;
}

.s2 .punkty-menu ul li a:hover {
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.s2 .punkty-menu ul li a span {
  font-family: 'Encode Sans Condensed', sans-serif;
  font-weight: 400;
  font-size: 14px;
}

.s2 .punkty-menu ul li a i.ani {
  padding-left:10px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.s2 .punkty-menu ul li a:hover i.ani {
  padding-left:5px;
  padding-right:3px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

/* --------------------- s3 --------------------- */

.s3 {
	background: #1C1C1C;
}

.s3 .dane-firmy {
  width:40%;
  float: left;
}

.s3 p {
  font-size: 16px;
  font-weight:300;
  color:#fff;
  padding-left: 15px;
  line-height: 160%;
  font-family: 'Encode Sans', sans-serif;
  border-left: 1px dotted #C0C0C0;
}
.s3 p span {
  font-weight:700;
}

.s3 p a {
  font-weight:300;
  text-decoration: none;
  color:#fff;
  font-family: 'Oswald', sans-serif;
  text-transform: uppercase;
}
.s3 p a i {
  color:#4267B2;
  font-size:32px;
  padding-right:5px;
}
.s3 p a:hover {
  text-decoration: none;
  color:#fff;
}

.s3 .kontakt-formularz {
  width:60%;
  float: left; 
}

.s3 .kontakt-formularz .form-op-element {
  min-height:30px;
  width: 90%;
  padding-bottom:5px;
}

.s3 .kontakt-formularz .form-op-element .op-etykietka {
  display:block;
  font-family: 'Encode Sans', sans-serif;
  font-size:12px;
  padding:5px 0;
}
.s3 .kontakt-formularz .form-op-element .op-etykietka span {color:#FF0000}

.s3 .kontakt-formularz .form-op-element .op-form-item {
  font-family: 'Encode Sans', sans-serif;
  border: 1px solid #C0C0C0;
  display: block;
  clear: both;
  background: none;
  width: 100%;
  min-height: 30px;
  padding: 5px;
  color: #C0C0C0;
}

.s3 .kontakt-formularz .op-submit {
  display:block;
  font-family: 'Encode Sans', sans-serif;
  font-size: 16px;
  font-weight: 700;
  margin-top: 10px;
  width: 150px;
  height:52px;
  background: #F8D705;
  border: 0;
  border-radius: 5px;
  cursor:pointer;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.s3 .kontakt-formularz .op-submit:hover {
  background: #EDBA00;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.s3 .kontakt-formularz p.klauzula-sm {
  font-size:11px; padding: 15px 20px 0 0; border: none;
}

.s3 .kontakt-formularz p.klauzula-sm a {color: #F8D705; text-decoration: none; font-family: 'Encode Sans', sans-serif; text-transform: none;}
.s3 .kontakt-formularz p.klauzula-sm a:hover {text-decoration: underline;}

/* --------------------- s4 --------------------- */

.s4 {
	background: #fff;
  height:360px;
  margin:0;
  padding:0;
  filter: grayscale(100%);
}

/* --------------------- s5 --------------------- */

.s5 {
	background: #bce1f1;
	color: #3d3d3d;
}

/* --------------------- s6 --------------------- */

.s6 {
	background: #161616;
}

/* --------------------- FOTO --------------------- */

.op-foto {
  width:100%;
  height:100px;
  padding-top:400px;
  background-position: center center, center center;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  text-align: center;
}

.fot1 {
	background-image: url(../img/pattern.png), url(../img/foto-p1.jpg);
}
.fot2 {
	background-image: url(../img/pattern.png), url(../img/foto-p2.jpg);
}
.fot3 {
	background-image: url(../img/pattern.png), url(../img/foto-p3.jpg);
}
.fot4 {
	background-image: url(../img/pattern.png), url(../img/foto-p4.jpg);
}
.fot5 {
	background-image: url(../img/pattern.png), url(../img/foto-p5.jpg);
}

.op-foto a.op-sg {
  display: block;
  margin: 0 auto;
  width: 290px;
  padding: 20px;
  font-family: 'Encode Sans', sans-serif;
  font-size: 16px;
  font-weight: 700;
  box-shadow: 0px 5px 25px #000;
  background-color: rgba(248, 215, 5, 0.8);
  color:#000;
  text-decoration: none;
  border-radius: 30px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.op-foto a.op-sg:hover {
  background-color: rgba(248, 215, 5, 1.0);
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.op-foto img.op-img-logo {
  max-width: 100%;
}

/* --------------------- credit --------------------- */

.op-credit {
  background-color: #000000;
  color: #fff;
  font-size: 12px;
}

.op-credit a {
  color: #fff;
  text-decoration: none;
}
.op-credit a:hover {
  color: #FFDD00;
}


.mapa {
	height: 100%; 
  	width: 100%; 
  	z-index: 90; 
}

/* koniec contentu */

/* --------------------------------------------------------------- RWD --------------------------------------------------------------- */

@media screen and (max-width: 980px) {

.wrap {
	min-width: 100%;
}

.section {
	min-width: 100%;
}

.inner {
	width: 96%;
  margin: 0 auto;
}

/* --------------------- MENU --------------------- */

.subMenu {
	background: #000000;
}

.subNavBtn {
	padding: 30px 24px 0px 24px;
	text-align: center;
  text-shadow: none;
}

.subMenu a:hover {
	padding: 30px 24px 0px 24px;
}

.active {
  color: #000;
  background: #F8D705;
}

.subNavBtn i {
  font-size:24px;
}

.subNavBtn span {
  display:none;
}

/* --------------------- SECTIONS --------------------- */

/* --------------------- sTop --------------------- */

.sTop {
	background: #0e0e0e url('../img/section-top-m.jpg') no-repeat center top;
	color:#ffffff;
	padding-top: 0;
	height: auto;
}

.sTop a.sg-link {
  display: block;
  width: 100%;
  height: 150px;
  float:none;
  clear:both;
}

.sTop h2 {
  margin:0 0 30px 0;
  padding: 0;
  float:none;
  clear:both;
  text-align: center;
}

.sTop h1 {
  margin:0 0 30px 0;
  padding: 0;
  float:none;
  clear:both;
  text-align: center;
}

.sTop .alert {
  display:block;
  float:left;
  clear:both;
  margin-top: 15px;
  margin-bottom: 10px;
  margin-left: 0;
  width:96%;
}

/* --------------------- s1 --------------------- */

.s1 {
	background: #000000 url('../img/section-m.jpg') no-repeat center bottom;
	height: auto;
}

.s1 .op-cennik h1 {
  text-align: center;
}

.s1 .op-cennik h2 br {
  display: inline;
}


.cennik {
	background: #000000 url('../img/section-m.jpg') no-repeat center bottom;
	height: auto;
}

.s1 .op-onas {
  margin 0 auto;
  width: 100%;
}

.s1 .op-cennik .kolumna-50 {
  width:100%;
  margin: 0 uto;
  float:none;
  clear: both;
}

.s1 .op-cennik .kolumna-50 table {
  width: 100%;
}

.s1 .op-cennik .kolumna-100 {
  width:100%;
  padding: 10px 0;
  margin: 0 auto;
  float: none;
  clear: both;
}

/* --------------------- s2 --------------------- */

.s2 {
  height: auto;
	padding: 0;
	background: #DEA808 url('../img/section-punkty.jpg') no-repeat center center; background-size: cover;
}

.s2 h1 {
  text-align: center;
  font-size: 32px;
  line-height:40px;
}

.s2 .punkty-menu {
  margin: 0 auto;
  width: 100%;
  height: auto;
  background: none;
  text-align: center;
}

.s2 .punkty-menu ul li {
  width:100%;
  text-align: center;
}


/* --------------------- s3 --------------------- */

.s3 {
	background: #1C1C1C;
}

.s3 .dane-firmy {
  width:100%;
  float: none;
  margin-bottom: 30px;
}

.s3 p {
  text-align: center;
  border-left: none;
}

.s3 .kontakt-formularz {
  width:100%;
  margin: 0 auro;
  float: none;
  clear: both; 
}

.s3 .kontakt-formularz .form-op-element {
  width: 70%;
  margin: 0 auto;
}

.s3 .kontakt-formularz .op-submit {
  display:block;
  margin: 0 auto;
  margin-top: 20px;
}

.s3 .kontakt-formularz p.klauzula-sm {
  font-size:13px; padding: 25px 20px 0 20px; border: none; text-align: center;
}

/* --------------------- s4 --------------------- */

.s4 {
	background: #fff;
  height:360px;
  margin:0;
  padding:0;
  filter: grayscale(100%);
}

/* --------------------- s5 --------------------- */

.s5 {
	background: #bce1f1;
	color: #3d3d3d;
}

/* --------------------- s6 --------------------- */

.s6 {
	background: #161616;
}

/* --------------------- FOTO --------------------- */

.op-foto {
  width:100%;
  height:100px;
  padding-top:120px;
  background-position: center center, center center;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  text-align: center;
}

.op-foto a.op-sg {
  font-size: 22px;
  padding: 20px 0;
  width: 100px;
  font-weight: 700;
  box-shadow: 0px 5px 25px #000;
  background-color: rgba(248, 215, 5, 1.0);
}

.op-foto a.op-sg span {
  display:none;
}

.op-foto img.op-img-logo {
  max-width: 100%;
}

/* --------------------- credit --------------------- */

.op-credit {
  width:100%;
  margin: 0 auto;
  text-align: center;
}



.mapa {
	height: 100%; 
  	width: 100%; 
  	z-index: 90; 
}


	
}