* {
	box-sizing: border-box;
}
.clearfix::after {
	clear: both;
	content: " ";
	display: block;
	height: 0;
	visibility: hidden;
}
html,
body {
	width: 100%;
	height: 100%;
}
body {
	margin: 0;
	padding: 0;
	font-size: 14px;
	font-family: Lato;
	color: #333;
}
.wrapper {
	width: 1100px;
	margin: 0 auto;
	box-sizing: border-box;
}
a,
button {
	text-decoration: none;
	outline: none;
	transition: all .3s linear;
}
button:hover {
	cursor: pointer;
}
.onTop {
	position: relative;
	z-index: 4;
	background-color: #fff;
}
/*
	All float 
*/
.floatLeft {
	float: left;
}
.floatRight {
	float: right;
}

/*
	All sections padding
*/
section {
	padding: 50px 0;
}

/*
	All h/p/a on the same style
*/
.headlineEcological h2,
.headlineBottomInfo h3,
.copy a {
	color: #B8C134;
	margin: 0;
	text-transform: uppercase;
}
/*
	Section with left right ecological
*/
.leftEcological,
.rightEcological,
.imgEcological img {
	width: 50%;
}
.textEcological p {
	font-size: 18px;
}
/*
	Button show offert
*/
.showOffert {
	padding-top: 30px;
}
.showOffert a {
	border: 1px solid #333;
	color: #333;
	padding: 12px 30px;
	text-transform: uppercase;
}
/*
	Header
*/
header {
	padding: 15px 0;
	position: fixed;
	width: 100%;
	background-color: #fff;
	top: 0;
	z-index: 9;
}
.logo {
	width: 30%;
}
nav {
	width: 70%;
}
nav ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
nav li ul {
	position: absolute;
	background-color: #fff;
	box-shadow: 0 0 10px #b8c134;
	display: none;
}
nav li {
	float: left;
}
nav li li {
	float: none;
}
nav a {
	position: relative;
	display: block;
	outline: none;
	text-transform: uppercase;
	padding: 15px;
	color: #333;
}
nav a:hover,
nav a:focus {
	outline: none;
	color: #1D447F;
}
nav li li a:hover {
	background-color: #33568C;
	color: #fff;
}
/*
	Section bg home
*/
.bgHome {
	margin-top: 85px;
	text-align: center;
	background-position: center center;
	background-repeat: no-repeat;
	width: 100%;
  height: 700px;
}
.bgHome::before {
  background-color: #9ab220;
  content: " ";
  display: block;
  height: 100%;
  left: 0;
  opacity: .3;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1;
}
.bgHome .wrapper {
	position: relative;
	z-index: 2;
}
.textBgHome {
	position:fixed;
  margin: 0 auto;
  width: 1100px;
  min-height: 620px;
}
.middleText,
.line,
.downText,
.tel {
	padding: 15px 0;
}
.middleText h1,
.downText h2,
.tel h3 {
	color: #fff;
	margin: 0;
	text-transform: uppercase;
	text-shadow: 0px 2px 2px #000;
	font-weight: bold;
}
.middleText h1 {
	font-size: 44px;
}
.downText h2,
.tel h3 {
	font-size: 30px;
}
/*
	Section ecological
*/
.headlineEcological h2 {
	font-size: 26px;
}
.oneImgEcological img  {
	width: 70%;
}
/*
	Section household
*/
.household {
	background-color: #F6F2F3;
}
.leftHousehold {
	width: 60%;
}
.rightHousehold {
	width: 40%;
	text-align: center;
}
.rightHousehold img {
	float: none;
}
/*
	Section blue home bg
*/
.blueHomeBg {
	background: #1a5c7e;
	background: -moz-linear-gradient(top, #1a5c7e 0%, #286f8f 50%, #35809f 100%);
	background: -webkit-linear-gradient(top, #1a5c7e 0%,#286f8f 50%,#35809f 100%);
	background: linear-gradient(to bottom, #1a5c7e 0%,#286f8f 50%,#35809f 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1a5c7e', endColorstr='#35809f',GradientType=0 );
}
.leftBlueHomeBg {
	padding-right: 5%;
}
.leftBlueHomeBg p {
	color: #fff;
}
.showOffertBlueBg a {
	color: #fff;
	border: 1px solid #fff;
}
.rightBlueHomeBg  {
	padding-top: 25px;
}
.imgBoxBlueHomeBg {
	width: 33%;
	text-align: right;
}
.imgBoxBlueHomeBg img {
	width: 90%;
}
/*
	Offerts home
*/
.leftOffertsHome {
	width: 80%;
}
.leftOffertsHome p {
	text-align: justify;
	padding-right: 7%;
	font-size: 18px;
}
.rightOffertsHome {
	width: 20%;
	padding-top: 90px;
}
.imgOffertsHome img {
	width: 100%;
}
/*
	Section why us
*/
.whyUs {
	background-color: #F6F2F3;
}
/*
	Bottom info
*/
.bottomInfo {
	background-color: #333;
	color: #fff;
}
.textLeftBottomInfo p:first-child {
	margin-top: 0;
}
.emailBottomInfo a {
	color: #b8c134;
}
.emailBottomInfo a:hover {
	text-decoration: underline;
}
.leftBottomInfo {
	width: 20%;
}
.middleBottomInfo {
	width: 53%;
	padding: 0 5% 0 2%;
}
.textBottomInfo p {
	text-align: justify;
	font-size: 13px;
}
.rightBottomInfo {
	width: 27%;
}
.blueHeadline h3 {
	color: #09A8E0;
}
.rightBottomInfo h3 {
	display: inline;
}
.rightBottomInfo a:hover h3 {
	text-decoration: underline;
}
.imgBottomInfo {
	padding-top: 15px;
	overflow: hidden;
}
.rightBottomInfo a:hover img {
	transform: scale(1.1);
}
.imgBottomInfo img {
	width: 100%;
	transition: all .3s linear;
}
/*
	Footer
*/
footer {
	background-color: #333333 !important;
	padding: 10px 0;
	border-top: 1px solid #fff;
}
.copy {
	float: left;
}
.copy p {
	margin: 0;
	font-size: 12px;
	color: #fff;
}
.copy a:hover {
	text-decoration: underline;
}
.desire24 {
	float: right;
	padding-top: 5px;
}
/*
	Subpage price list
*/
.headlineSubpage {
	margin-top: 85px;
	background-color: #33568C;
	text-align: center;
	padding: 30px 0;
}
.headlineSubpage h1 {
	margin: 0;
	text-transform: uppercase;
	font-weight: normal;
	font-size: 30px;
	color: #fff;
}
.leftMapPl {
	width: 20%;
}
.leftMapPl img {
	width: 100%;
}
.rightMapPl {
	width: 80%;
	padding-left: 25px;
}
.headlineMapPl h4 {
	color: #33568C;
	font-weight: normal;
	font-size: 24px;
	margin: 0 0 15px;
}
.headlineMapPl span {
	color: #FE0000;
}
.textMapPl p {
	text-align: justify;
}
.headlinePriceList h4 {
	color: #B8C134;
	text-transform: uppercase;
	text-align: center;
	font-size: 30px;
	margin: 40px 0 15px;
}
.tablePrice {
	text-align: center;
	margin: 15px 0 40px;
}
.tablePrice h4 {
	color: #33568C;
	font-weight: normal;
	font-size: 24px;
	margin: 0;
}
.tablePrice p {
	color: #33568C;
	font-size: 18px;
	margin: 0;
}
.tablePrice span {
	color: #548DF4;
}
table {
	text-align: center;
	width: 100%;
	margin-top: 20px;
}
th {
	background-color: #B8C134;
	color: #fff;
	padding: 15px 1%;
}
td {
	background-color: #EEEEEE;
	padding: 10px 1%;
	transition: all .3s linear;
}
tr:hover td {
	background-color: #33568C;
	color: #fff;
}
td img,
td span {
	display: inline;
	vertical-align: middle;
}
td img {
	padding-right: 5px;
}
.tablePrice td span {
	color: #333;
	font-size: 12px;
	transition: all .3s linear;
}
tr:hover a span {
	color: #fff;
}
td a:hover span {
	text-decoration: underline;
}
.sets {
	text-align: center;
	text-transform: uppercase;
	margin: 50px 0 25px;
}
.sets h5 {
	color: #B8C134;
	font-size: 26px;
	margin: 0 0 10px;
}
.sets h4 {
	color: #fe0000;
	font-size: 18px;
	margin-top: 0;
}
td ul {
	margin: 0;
	padding: 0;
	text-align: left;
}
td li {
	list-style-type: none;
}
td li:before {
	content: "- ";
}
/*
	Subpage sale
*/
fieldset {
	border: 2px solid #B8C134;
}
legend {
	font-size: 16px;
	padding: 0 30px;
}
.contentSale {
	display: flex;
	flex-flow: row wrap;
	position: relative;
}
.boxSale {
	padding-bottom: 35px;
}
.boxSale:last-child {
	padding-bottom: 0;
}
.discount,
.textSale {
	position: absolute;
}
.imgSale {
	width: 30%;
}
.imgSale img {
	width: 100%;
}
.discount {
	width: 25%;
	text-align: center;
	bottom: 30%;
}
.discount:not(*:root) {
	left: 30%;
}
.discount p {
	margin: 0;
	font-size: 80px;
	font-weight: bold;
	color: #b8c134;
}
.textSale {
	width: 45%;
	left: 55%;
	padding: 0 25px;
	box-sizing: border-box;
	bottom: 35%;
}
.textSale p {
	margin: 0;
	color: #B8C134;
	font-size: 23px;
	font-weight: bold;
}
.invisible {
	height: 300px;
}
/*
	Subpage montage
*/
.boxMontage {
	text-align: center;
}
.standardProcedures .headlineMontage {
	text-align: center;
	margin-top: 25px;
}
.boxStandardProcedures {
	display: flex;
	flex-flow: row wrap;
	margin-bottom: 25px;
}
.boxStandardProcedures > div {
	width: 32%;
	line-height: 0;
}
.boxStandardProcedures .center {
	width: 36%;
	padding: 5vw 5% 0;
	line-height: 1;
}
.boxStandardProcedures .center p {
	margin: 0;
	font-size: 16px;
}
.boxStandardProcedures img {
	width: 100%;
}
.boxMontage .listTextDecimal {
	text-align: left;
}
.boxMontage .listTextDecimal span {
	color: #fff;
}
.headlineMontage h6 {
	text-transform: uppercase;
	font-size: 28px;
	margin: 0 0 35px;
}
.textMontage p {
	font-size: 18px;
	text-align: center !important;
}
.textMontage ul {
	padding: 0;
	margin: 0;
}
.greenHeadlineMontage {
	color: #B8C134;
}
.borderTextMontage {
	border: 1px solid #33568C;
	padding: 30px 60px;
	margin-top: 30px;
}
.borderTextMontage p {
	color: #33568C;
	font-weight: bold;
}
.greenBoxMontage {
	background-color: #B8C134;
	color: #fff;
}
.blueHeadlineMontage {
	color: #33568C;
}
.textMontage ul {
	padding: 0 0 0 25px;
	box-sizing: border-box;
}
.stepsMontage li {
	text-align: left;
	font-size: 16px;
	list-style-type: decimal;
	padding: 0 0 10px 5px;
}
.greyBoxMontage {
	background-color: #EEE;
}
.showOffertMontage a {
	font-weight: bold;
}
/*
	Subpage contact
*/
.contact {
	margin-top: 85px;
	background-position: center center; 
	background-repeat: no-repeat;
	position: relative;
}
.contact::before {
	z-index: 1;
	content: "";
	position: absolute;
	background-color: #9ab220;
	opacity: .8;
	height: 100%;
	width: 100%;
	left: 0;
	top: 0;
}
.contact .wrapper {
	position: relative;
	z-index: 2;
}
.headlineContact h1 {
	text-transform: uppercase;
	color: #fff;
	font-size: 30px;
	font-weight: normal;
	margin-top: 0;
}
.contactInfo {
	display: flex;
	justify-content: space-between;
}
.headlineBoxContactInfo h4 {
	text-transform: uppercase;
	color: #33568c;
	border-bottom: 1px solid #33568c;
	font-weight: bold;
}
.textBoxContactInfo p {
	color: #fff;
}
.textBoxContactInfo a {
	color: #fff;
}
.textBoxContactInfo a:hover {
	color: #33568c;
	text-decoration: underline;
}
.contactForm {
	padding-top: 30px;
}
.headlineContactForm h2 {
	text-transform: uppercase;
	color: #fff;
	font-weight: normal;
}
.leftContact,
.rightContact {
	width: 50%;
}
.leftContact {
	padding-right: 2%;
}
.rightContact {
	padding-left: 2%;
	margin-top: -2px;
}
label {
	display: block;
	color: #fff;
}
input,
textarea {
	box-sizing: border-box;
	width: 100%;
	font-size: 14px;
	font-family: Lato;
	padding: 10px;
	margin-bottom: 12px;
}
#map {
	height: 410px;
	width: 100%;
	padding: 0;
}
/*
	Subpage o firmie
*/
.content {
	margin-top: -25px;
}
.blue {
	color: #33568c;
}
.lightBlue {
	color: #09a8e0;
}
.green {
	color: #B8C134;
}
.content {
	width: 70%;
}
.headlineText h2,
.headlineText h3,
.headlineText h4,
.headlineText h5,
.headlineText h6 {
	color: #33568C;
	border-bottom: 1px solid #33568C;
	font-size: 26px;
	text-transform: uppercase;
}
.text span,
.text p {
	font-size: 18px;
}
.text p {
	text-align: justify;
}
.text a:hover,
.listText a:hover {
	color: #33568C;
}
.imgText,
.headlineAside {
	text-align: center;
	margin: 10px 0;
}
aside {
	width: 30%;
	padding-left: 5%;
}
.headlineAside span {
	font-size: 18px;
	font-weight: bold;
}
.listAside {
	padding: 10px;
	background-color: rgba(184, 193, 52, .5);
	margin-bottom: 20px;
}
.listAside ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
.listAside a {
	display: block;
	padding: 5px 10px;
	text-transform: uppercase;
}
.listAside a:hover {
	background-color: #33568c;
	color: #fff;
}
.imgAside {
	line-height: 0;
	margin-bottom: 15px;
}
.imgAside img {
	width: 100%;
}
/*
	Subpage gwarancje
*/
.listText ul {
	margin: 0;
	padding: 0 0 0 35px;
	font-size: 18px;
}
.listText li {
	margin-bottom: 5px;
	color: #33568C;
}
/*
	Subpage przydomowe oczyszczanie sciekow
*/
.listTextDecimal li {
	list-style-type: decimal;
}
.listTextDecimal p,
.listTextCircle span,
.listText p,
.listText span {
	color: #333;
}
.listTextCircle li {
	list-style-type: circle;
}
/*
	Subpage ekologiczne szamba przydomowe
*/
.borderBottom {
	border-bottom: 1px solid #09a8e0;
}
.underHeadline {
	margin-top: 5px;
}
/*
	Subpage niezbedne formalnosci
*/
.listText .listText > li {
	list-style-type: disc;
}
/*
	Subpage eksploatacja oczyszczalni ekologicznej
*/
.listToLeft ul {
	padding-left: 20px;
}
/*
	Subpage faq
*/
#question-5 {
	margin-top: 20px;
}

.txtProm {

font-size: 30px;
	font-weight: bold;

}
 .nameFree{
	margin: 0;
	font-size: 30px;
	font-weight: bold;
	color: #b8c134;
}

.nameGratis{
	margin: 0;
	font-size: 30px;
	font-weight: bold;
	color: #e10606;
}

.imgGratis{
	width: 100%; clear: both; float: left;
}



#rodo_container {
	height: 300px;
	margin-top: 40px;
	margin-bottom: 40px;
	overflow: auto;
	width: 100%;
	clear: both;
	/* background: #f2f2f2;
	padding: 10px 20px; */
	color: #ffffff;
}