@charset "utf-8";
/* CSS Document */


html, body{
	height: 100%;
	display: block;
	margin: 0;
	padding: 0;
	font-family: 'Martel Sans', sans-serif;
	text-rendering: optimizeLegibility;
	color: #757575;
	font-weight: 300;
	font-size: 24px;
	overflow-x: hidden;
	
}

*:active, *:focus {
	-moz-outline-style: none;
    outline:none;
    outline: 0;
}

a{
	outline: none;
	text-decoration: underline;
}

a img {
	border: none;
}

h1{
	font-weight: 400;
	font-size: 80px;
	color: #1e6861;
	margin: 0;
	padding: 40px 0 20px 0;
	clear: both;
	width: 100%;
}

h2{
	font-weight: 400;
	font-size: 34px;
	margin: 0;
	padding: 0;
}

h3{
	font-weight: 400;
	font-size: 24px;
	margin: 0;
	padding: 0;
}




/*	-webkit-transition: all 0.2s ease-in-out 0.0s;
	-moz-transition: all 0.2s ease-in-out 0.0s;
	-o-transition: all 0.2s ease-in-out 0.0s;
	-ms-transition: all 0.2s ease-in-out 0.0s;
	transition: all 0.2s ease-in-out 0.1s;

*/


.main_kontener{
	width: 100%;
	padding: 0 80px;
	box-sizing: border-box;
}

.logo{
	display: block;
	margin: 20px auto;
}

.slajder-box{
	position: relative;
}

.slajder img{
	display: block;
	margin: auto;
	width: 100%;
}

.slajder-napis{
	display: block!important;

	
	color: #1e6861;
	text-align: center;
	font-weight: 700;	
	font-size: 3.5vw;
	line-height: 150%;
	padding: 80px 0 0 0;
	
	
	/*
	float: left;
	position: absolute!important;
	z-index: 99!important;
	margin: 0;
	padding: 80px 80px 80px 140px;
	bottom: -80px;
	left: -80px;
	background-color: #6ab44e;
	-webkit-border-top-left-radius: 60px;
	-webkit-border-bottom-right-radius: 60px;
	-moz-border-radius-topleft: 60px;
	-moz-border-radius-bottomright: 60px;
	border-top-left-radius: 60px;
	border-bottom-right-radius: 60px;
	*/
}

.slajder-box .slajder-napis b {
	clear: right;
	display: block;
	font-size: 3vw;
}

.polowa-zdjecia-do-prawej{
	float: right;
	max-width: 900px;
	position: relative;
	width: 100%;
}


.sekcja{
	padding: 50px 80px !important;
	width: 100%;
	float: left;
	clear: both;
	box-sizing: border-box;
}

.polowa{
	width: 50%;
	box-sizing: border-box;
	float: left;
	position: relative;
	min-height: 680px;
}

.polowa-do-prawej{
	width: 50%;
	box-sizing: border-box;
	float: right;
	position: relative;
	min-height: 680px;
}

.img01, .img02{
	position: absolute;
	z-index: 2;
	max-width: 825px;
	width: 100%;
}

.zielone01, .zielone02{
	position: absolute;
	z-index: 1;
	max-width: 785px;
	width: 100%;
}

.zielone01{
	margin: -25px 0 0 125px;
}

.zielone02{
	margin: -25px 0 0 -125px;
}

#co-robimy{
	margin: 150px 0;
}

ul {
  list-style: none; /* Remove default bullets */
}

ul li::before {
	color: #08a339;
	content: "\2022";  /* Add content: \2022 is the CSS Code/unicode for a bullet */
  	font-weight: bold; /* If you want it to be bold */
  	display: inline-block; /* Needed to add space between the bullet and the text */
  	width: 1.5em; /* Also needed for space (tweak if needed) */
  	margin-left: -1.5em; /* Also needed for space (tweak if needed) */
}

ul li{
	padding: 10px 0;
}

.tresc{
	padding: 0 80px 0 65px;
	line-height: 36px;
}
	

.ikony_kontener{
	background-color: #f1f1f1;
	padding: 100px 80px !important;
	float: left;
	clear: both;
}

.ikona_box{
	width: 33.333333%;
	float: left;
	box-sizing: border-box;
}

.ikona_box h1{
	padding: 30px 0 !important;
	line-height: 70px;
}

.ikona_box ul{
	margin: 0;
}

.kontakt-kontener{
	background-image: url(../images/bg-formularz.jpg);
	background-position: center center;
	background-size: cover;
	padding: 100px 80px !important;
	float: left;
}

.kontakt-kontener h1{
	padding: 30px 0 !important;
	line-height: 70px;
	text-align: center;
}

.is-zgoda {
	font-size: 14px;
}

.is-zgoda a, .klauzule a {
	color: #757575;
}


form textarea, form input:not([type="checkbox"]) {
	padding:5px 20px; 
	border:1px solid #bfbfbf; 
	margin-bottom:25px; 
	width:100%;
	box-sizing: border-box;
	font-family: 'Martel Sans', sans-serif;
	text-rendering: optimizeLegibility;
	color: #757575;
	font-size: 24px;
	font-weight: 300;
}
form input[type=submit] {
	cursor:pointer;
	margin:90px 0 0 0;
	background-image: url(../images/cta-bg.jpg);
	background-size: cover;
	color: #fff;
	font-weight: 700;
	opacity: 1;
	-webkit-transition: all 0.2s ease-in-out 0.0s;
	-moz-transition: all 0.2s ease-in-out 0.0s;
	-o-transition: all 0.2s ease-in-out 0.0s;
	-ms-transition: all 0.2s ease-in-out 0.0s;
	transition: all 0.2s ease-in-out 0.1s;
}

form input[type=submit]:hover {
	opacity: 0.8;
}

.formularz .polowa{
	min-height: auto!important;
	padding: 0px 20px;
}

.pole{
	padding: 0px 20px;
}


.kod-c {
	display: block;
	clear: both;
	margin: 0 0 17px auto;
	float: left;
}



#divId1, #divId2, #divId3{
	background-color: rgba(255, 255, 255, 0.8);
	padding: 20px;
	margin: 20px;
	border: 3px solid #fff;
	font-weight: 400;
	color: red;
	z-index: 999999;
	border-radius: 30px 30px 30px 30px;
	-moz-border-radius: 30px 30px 30px 30px;
	-webkit-border-radius: 30px 30px 30px 30px;
	}


.footer{
	background-color: #03973a;
	color: #fff;
	font-size: 24px;
	padding: 60px 60px !important;
	width: 100%;
	float: left;
}


#close{
	display: inline;
	font-weight: 700;
	cursor: pointer;
	margin: 0 0 0 10px;
	font-size: 40px;
}




















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


					}



				@media only screen and (max-width: 1280px) {
					
					html, body{
						font-size: 20px;
					}
					
					h1{
						font-size: 60px;
						line-height: 65px;
					}
					
					.tresc{
						line-height: 28px;
					}
					
					.sekcja{
							padding: 50px 0 !important;
						}
					
					.ikony_kontener{
						padding: 100px 0 !important;
					}
					
					.slajder-napis{
						padding: 80px 80px 80px 60px;
					}

				


					}







					@media only screen and (max-width: 1100px) {
						
						#co-robimy{
							margin: 100px 0 0 0;
						}
						
						.ikona_box.tresc{
							padding: 0 80px 0 30px;
						}
				
						
						

					}

					







					@media only screen and (max-width: 880px) {
						
						h1{
							font-size: 40px;
							line-height: 40px;
						}
						
						.main_kontener{
							padding: 0 20px;
						}
						
						.slajder-napis{
							position: relative !important;
							left: 0;
							bottom: 0;
							width: 100%;
							box-sizing: border-box;
							font-size: 4vw;
							padding: 30px 80px 30px 60px;
							text-align: center;
						}
						
						.slajder-box .slajder-napis b{
							font-size: 5.1vw;
						}
						
						.polowa-do-prawej{
							width: 100%;
							padding: 0 20px;
							min-height: auto;
						}
						
						.img01, .img02{
							position: relative;
						}
						
						.zielone01, .zielone02{
							display: none;
						}
						
						#co-robimy{
							margin: 20px 0;
						}
						
						.polowa{
							width: 100%;
							min-height: auto;
						}
						
						.tresc{
							padding: 0 20px;
						}
						
						.polowa-zdjecia-do-prawej{
							padding: 0 20px;
							width: 100%;
							box-sizing: border-box;
						}
						
						.ikona_box{
							width: 100%;
							text-align: center;
							margin: 0 0 40px 0;
						}
						
						.kontakt-kontener{
							padding: 80px 20px !important;
						}
						
						.ikona_box.tresc{
							padding:  0 20px !important;
						}
					
						
					}

@media only screen and (max-width: 400px) {
	
	.slajder-napis{
		padding: 30px 20px 30px 20px;
	}
	
	
}