html,body{
	margin:0 auto;
	width:100%;
	font-family: 'Open Sans', sans-serif;
	overflow-x:hidden;	
}
a{
	text-decoration:none;
	cursor:pointer;
}
.rob,h2,h3,footer h1
{
	font-family: 'Roboto', sans-serif;
}

.top
{
    text-align: center;
    padding: 42px 0px;
	position:relative;
}
.fb
{
    position: absolute;
    right: 50px;
    top: 73px;
}
.stopka
{
	padding:40px 0px;
	background:#232831;
}	
.slider
{
	height:796px;
	background-image:url(../img/slider.png);
	background-position:left;
	position:relative;
}
.cslider
{
	width:90%;
	height: 742px;
	margin:0 auto;
	position:relative;
}
.plan,.dlaczego
{
	width:90%;
	margin:0 auto;
	padding:40px 0px;
	position:relative;
}
.cslider:before
{
	content: '';
    position: absolute;
    height: 742px;
	width:22px;
	background:#fff;
}
.line
{
    height: 22px;
    width: 200%;
    background: #fff;
    position: absolute;
    bottom: 0;
}
.info
{
	padding: 30px 50px;
    width: 47%;
    position: relative;
    background: #fff;
    top: 475px;
    text-align: left;
    box-sizing: border-box;
}
h2,h3,h4,h5
{
	margin:0;
	padding:0;
}
h2
{
	font-weight:500;
	font-size: 43px;
}
h3
{
	font-weight: 300;
    font-size: 36px;
	margin-top:5px;
}
h4
{
	font-weight:300;
	font-size:20px
}
h5
{
	font-weight: 600;
    font-size: 25px;
	margin-bottom:30px;
}
.formularz
{
	width: 41%;
    height: 662px;
    background: #fff;
	padding: 1% 5%;
    box-sizing: border-box;
    position: absolute;
	right: 40px;
    top: 58px;
}
.ball
{ 
    position: absolute;
    right: 0;
    bottom: 54px;
}	
input, textarea, select
{
	display: block;
    width: 100%;
    box-sizing: border-box;
    padding: 13px 8px;
    border: 1px solid #787878;
    margin-bottom: 17px;
    color: #000000;
    font-size: 20px;
    font-weight: 300;
	font-family: 'Open Sans', sans-serif;

}
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: #1b1b1b;
    font-size: 20px;
    font-weight: 300;
	font-family: 'Open Sans', sans-serif;
}
::-moz-placeholder { /* Firefox 19+ */
    color: #1b1b1b;
    font-size: 20px;
    font-weight: 300;
	font-family: 'Open Sans', sans-serif;
}
:-ms-input-placeholder { /* IE 10+ */
    color: #1b1b1b;
    font-size: 20px;
    font-weight: 300;
	font-family: 'Open Sans', sans-serif;
}
:-moz-placeholder { /* Firefox 18- */
     color: #1b1b1b;
    font-size: 20px;
    font-weight: 300;
	font-family: 'Open Sans', sans-serif;
}
textarea::-webkit-input-placeholder {
     color: #1b1b1b;
    font-size: 20px;
    font-weight: 300;
	font-family: 'Open Sans', sans-serif;
}

textarea:-moz-placeholder { /* Firefox 18- */
     color: #1b1b1b;
    font-size: 20px;
    font-weight: 300; 
	font-family: 'Open Sans', sans-serif;
}

textarea::-moz-placeholder {  /* Firefox 19+ */
     color: #1b1b1b;
    font-size: 20px;
    font-weight: 300; 
	font-family: 'Open Sans', sans-serif;
}
textarea:-ms-input-placeholder {
     color: #1b1b1b;
    font-size: 20px;
    font-weight: 300; 
	font-family: 'Open Sans', sans-serif;
}
.pos1
{
	margin-top:30px;
}
.cent
{
	text-align:center;
}
.button
{
    background: #c2ef10;
    border: none;
    font-size: 31px;
    color: #fff;
    cursor: pointer;
    font-weight: 300;
    padding: 7px 20px;
    width: 156px;
    float: right;
    text-align: center;
    margin-top: 5px;
    margin-bottom: 25px;
	    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
.formcheck
{
    font-size: 13px;
	color:#1b1b1b9e;
	cursor:pointer;
	position:relative;
	margin-bottom:20px;
    display:inline-block;
}
.checkmark
{
    position: absolute;
    top: 0;
    left: 0;
    height: 25px;
    width: 25px;
    background-color: #eee;
}
.formcheck:hover input ~ .checkmark {
    background-color: #ccc;
}
.formcheck input:checked ~ .checkmark {
    background-color: #2196F3;
}
.formcheck:after {
    content: "";
    position: absolute;
    display: none;
}
.formcheck input:checked ~ .checkmark:after {
    display: block;
}
.formcheck .checkmark:after {
    left: 9px;
    top: 5px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.txtcheck
{	
    width: 92%;
    float: left;
    padding: 0px 10px;
    box-sizing: border-box;
    text-align: justify;
    margin-left: 33px;
    font-size: 9px;
    position: relative;
    top: -2px;
}
.planzajec
{
	width:875px;
	float:left;
}
.w33
{
    width: 30%;
    float: left;
    box-sizing: border-box;
    text-align: center;
    margin: 10px 14px;
}
.stxt
{
    font-weight: 300;
    font-size: 18px;
    width: 74%;
    margin: 0 auto;
    text-align: center;
	margin-top: 10px;
}
.dtxt
{
    font-weight: 300;
    font-size: 18px;
    text-align: left;
    margin-top: 30px;
    float: left;
}

.clear,.clearfull
{ 
	clear:both;
}
.mb20
{
	margin-bottom:20px;
}
.mb40
{
	margin-bottom:40px;
}
.mt20
{
	margin-top:40px;
}
.calendar
{
	float:right;
	padding:40px 0px;
    padding-left: 7%;
	background:#aed611;
	right: 40px;
    top: 70px;
	position:relative;  
	box-sizing: border-box;
}
.calendar:after
{
    content: '';
    position: absolute;
    height: 445px;
    width: 200%;
    background: #aed611;
    top: 0;
    z-index: -1;
}
.wht
{
	color:#fff;
}
section
{
	display:block;
}
.foto,.benefity
{
	float:left;
	box-sizing:border-box;
	height:846px;
}
.foto
{
	width:55%;
	background-image:url(../img/benefity.jpg);
	background-position:center;
	
}	
.benefity
{
	width:45%;
	background:#f6f6f0;
    padding: 60px 10px;
}
.pilki1
{
	width:45%;
	background:#232831;
    padding: 60px;
	float:left;
	box-sizing:border-box;
	height:703px;
}
.pic
{	
	text-align:center;
	width: 20%;
	float:left;
}
.rowtxt
{
	float: left;
    width: 80%;
    font-weight: 300;
	box-sizing:border-box;
	padding-right:40px;
    font-size: 95%;
}
.pamtxt
{
	font-weight: 300;
    box-sizing: border-box;

    float: left;
    width: 80%;
}
.row
{
	clear:both;
	margin-bottom:50px;
}
.mt80
{
	margin-top:50px;
}
.sportowiec
{
	background-image:url(../img/sportowiec.png);
	background-position:center;
	width:45%;
	float:right;
	height:1172px;
}
.zapisy
{	
	float:left;
	width:55%;
	box-sizing:border-box;
}
.pamietaj
{
	background:#0373d9;
	padding:40px;
	display:block;
	width:100%;
	color:#fff;
	position:relative;
	box-sizing: border-box;
}	
.pamimg
{
    min-height: 150px;
    float: left;
    width: 15%;
}
.pamrwd
{
	float:right;
	width:80%;
}
.mt120
{
	margin-top:120px;
	    margin-bottom: 100px;
}
.mt120 img
{
	margin:20px;
}
.mt120 h2
{
	    font-weight: 300;
}
.bold
{
	    font-weight: 500;
}
.bold1
{
	    font-weight: 400;
}
.exbold
{
	    font-weight: 700;
}
.foto1
{
	width: 55%;
    background-image: url(../img/pilki.jpg);
    background-position: right;
	float:left;
	height:703px;
}
.piltxt
{
	font-weight:200;
	color:#fff;
	margin-top:40px;
	    padding-right: 15%;
}
.fsmal
{
	font-size:25px;
}
.w50
{
	width:50%;
	float:left;
	box-sizing:border-box;
	padding:20px;
}
.row1
{
	display:block;
	box-sizing:boder-box;
	margin-bottom:90px;
}
.row1 img
{
	float:left;
	margin-right:80px;
}
footer
{
	height:600px;
	background-image:url(../img/footer.jpg);
	background-position:center;
	text-align:center;
}
footer h1 
{
    color: #fff;
    text-transform: uppercase;
    font-size: 60px;
    font-weight: 300;
    padding-top: 220px;
}
.clear768
{
	display:none;
}
.fotorwd,.pilki1rwd,.pos2
{	
	display:none;
}
@media screen and (min-width: 360px) and (max-width: 767px){
	.pos2
	{
    display: block;
    padding: 50px 50px 0px 50px;
	}
	.cslider{
		height: 330px;
	}
	.cslider:before {
    content: '';
    position: absolute;
   height: 330px;
    width: 22px;
    background: #fff;
}
	h3
	{
		    font-size: 22px;
	} 
	h2,.komsmall
	{
		    font-size: 16px;
	}
	h5
	{
		font-size: 18px;
	}
	.info
	{
		padding:30px;
		 width: 85%;
		    top: 181px;

	}
	.formularz
	{
		display:none;
	}
	.ball
	{
		width:60px;
	}	

	.top
	{
		padding:51px 40px;
		text-align:left;
	}
		.planzajec
	{
		    width: 100%;
	}
	.plan,.dlaczego
	{
		width:100%;
	}
	.w33
	{
		      width: 41%;
	}
		.clearfull
	{
		display:none;
	}
	.clear768
	{
		clear:both;
		display:block;
	}
			.calendar
	{
		padding-left: 4%;
	}
	.planzajec
	{
		    width: 100%;
	}
	.calendar
	{
		    float: right;
    padding: 40px 0px;
    padding-left: 7%;
    background: #aed611;
    right: 0px; 
     top: 0px; 
    position: relative;
	    width: 100%;
    top: 40px;
	}
	.foto
	{
		display:none;
	}
	.benefity
	{
		width: 100%;
		height:auto;
		padding-bottom:0px;
	}
	.fotorwd,.pilki1rwd
	{
		display:block;
		width:100%;
		
	}
	.sportowiec,.foto1
	{
		display:none;
	}
	.zapisy
	{	
		width:100%;
	}
	.pamrwd
	{
		width:100%;
	}
	.mt120
	{
		margin-top:0px;
		    padding: 60px 0px;
	}
	.pilki1 
	{	
		    padding: 30px;
		width: 100%;
		height:auto;
	}
	.pilki1 h2
	{
		font-size:30px;
	}
	.row1 img
	{
		    float: left;
    width: 100px;
    margin-right: 40px;
	}
	.dtxt
	{
		    margin-top: 5px;
			    width: 56%;
	}
	footer h1
	{
		    font-size: 40px;
	}	
	.ball
	{
		width:auto;
	}
	.fb
	{
		right:20px;
	}
	.logo
	{
		width:200px;
	}	
	.pic
	{
		width:100%;
		margin-bottom:40px;
	}
	.benefity
	{
		background:#ffffff;
	}
	.rowtxt
	{
		width:100%;
		    font-size: 15px;
	}
	.pamimg
	{
		    min-height: 112px;
    float: left;
    width: 100%;
    text-align: center;
	}
	.pamtxt
	{
		    width: 100%;
	}
	h4
	{
	    padding: 20px;
	}	
	.piltxt
	{
		   padding-right:0px;
	}
	.w50
	{
		width:100%;
	}
	.slider
	{
		height: 330px;
	background-image:url(../img/slider.png);
	background-position: 22% 14%;
	}
	.ball 
	{
		width:40px;
		    bottom: 0;
	}
	.dtxt
	{
		width: 53%;
	}
		.txtcheck
	{
		    font-size: 11px;
	} 
		.calendar
	{
		    box-sizing: unset;
	}
	.line
	{
		display:none;
	}
}
@media screen and (min-width: 768px) and (max-width: 959px){
	h3
	{
		    font-size: 22px;
	}
	h2
	{
		font-size:22px;
	}
	.info
	{
		padding:30px;
	}
	.formularz
	{
    right: 0;
    top: -26px;
    width: 50%;
    padding: 10px 5%;
    height: auto;
	}
	.ball
	{
		width:60px;
	}	

	.top
	{
		padding:51px 40px;
		text-align:left;
	}
		.planzajec
	{
		    width: 100%;
	}
	.plan,.dlaczego
	{
		width:100%;
	}
	.w33
	{
		    width: 43%;
	}
		.clearfull
	{
		display:none;
	}
	.clear768
	{
		clear:both;
		display:block;
	}
	.planzajec
	{
		    width: 100%;
	}
	.calendar
	{
		    float: right;
    padding: 40px 0px;
    padding-left: 7%;
    background: #aed611;
    right: 0px; 
     top: 0px; 
    position: relative;
	    width: 100%;
    top: 40px;
	}
	.foto
	{
		display:none;
	}
	.benefity
	{
		width: 100%;
	}
	.fotorwd,.pilki1rwd
	{
		display:block;
		width:100%;
		
	}
	.sportowiec,.foto1
	{
		display:none;
	}
	.zapisy
	{	
		width:100%;
	}
	.pamrwd
	{
		width:100%;
	}
	.mt120
	{
		margin-top:0px;
		    padding: 60px 0px;
	}
	.pilki1 
	{	
		width: 100%;
	}
	.pilki1 h2
	{
		font-size:40px;
	}
	.row1 img
	{
		    float: left;
    width: 100px;
    margin-right: 40px;
	}
	.dtxt
	{
		    margin-top: 5px;
			    width: 56%;
	}
	footer h1
	{
		    font-size: 40px;
	}	 
	.calendar
	{
		    box-sizing: unset;
			height:auto;
	}
	.slider
	{
		        background-position: 33% 50%;
	}
}
@media screen and (min-width: 960px) and (max-width: 1348px){
	h2
	{
		font-size: 26px;
	}
	h3
	{
		font-size: 26px;
	}
	.formularz
	{
		      right: 40px;
    top: -26px;
	    width: 42%;
	}

	.ball
	{
		    width: 60px;
	}
	.calendar
	{
		padding-left: 4%;
	}
	.planzajec
	{
		    width: 100%;
	}
	.calendar
	{
		    float: right;
    padding: 40px 0px;
    padding-left: 7%;
    background: #aed611;
    right: 0px; 
     top: 0px; 
    position: relative;
	    width: 100%;
    top: 40px;
	}
	.pic img 
	{
		     width: 80%;
	}
	.pic
	{
		width:10%;

			    margin-right: 10px;
	}
	.benefity
	{
		    padding: 30px 10px;
	}
	.row
	{
		margin-bottom:10px;
	}
	.mt80
	{
		margin-top:10px;
	}
	.pamimg
	{
		    width: 20%;
	}
	.piltxt
	{
		    margin-top: 10px;
	}
	.row1 img
	{
		margin-right: 9px;
	}
	.pilki1
	{
		padding: 25px;
	}
	h5
	{
		margin-bottom:5px;
		    font-size: 21px;
	}	
	.rowtxt
	{
		padding-right:0px;
		    width: 87%;
	}
	.dtxt
	{
		width: 60%;
		    font-size: 17px;
	}
	.calendar
	{
		    box-sizing: unset;
			height:auto;
	}
	.sportowiec
	{
		background-image:url(../img/sportowiec1.png);
		background-repeat:no-repeat;
		height: 940px;
	}
		.slider
	{
		        background-position: 33% 50%;
	}
}
@media screen and (min-width: 1349px) and (max-width: 1449px){
	.calendar
	{
		padding-left: 4%;
	}
	h2
	{
		font-size: 40px;
	}
	.planzajec
	{
		    width: 100%;
	}
	.calendar
	{
		    float: right;
    padding: 40px 0px;
    padding-left: 7%;
    background: #aed611;
    right: 0px; 
     top: 0px; 
    position: relative;
	    width: 100%;
    top: 40px;
	}
	h5
	{
		    margin-bottom: 5px;
	}
	.row
	{
		    margin-bottom: 20px;
	}
		.pamimg
	{
		    width: 20%;
	}
	.	.pilki1
	{	
		    padding: 20px;
	}
		.piltxt
	{
		    margin-top: 15px;
			padding-right:0px;
	}
	.row1 img
	{
		    margin-right: 50px;
	}
	.plan,.dlaczego
	{
		    width: 100%;
	}
	.planzajec
	{
		    width: 100%;
	}
	.calendar
	{
		    box-sizing: unset;
			height:auto;
	}
	.sportowiec
	{
    background-position: 28% 50%;
	}
		.slider
	{
		        background-position: 33% 50%;
	}
}
@media screen and (min-width: 1450px) and (max-width: 1680px){
	h5
	{
		    font-weight: 600;
    font-size: 23px;
    margin-bottom: 20px;
	}
	.pamimg
	{
		    width: 20%;
	}
	.piltxt
	{
		    margin-top: 20px;
	}
	.mt80
	{
		margin-top:20px;
	}
	.pilki1
	{	
		    padding: 50px;
	}
		.calendar
	{
		    height: 445px;
	}
		.sportowiec
	{
    background-position: 28% 50%;
	}
		.slider
	{
		        background-position: 33% 50%;
	} 
}
@media screen and (min-width: 1681px) and (max-width: 3000px){
	.txtcheck
	{
		    font-size: 9px;
	}
	.calendar
	{
		    height: 445px;
	}
		.sportowiec
	{
    background-position: 28% 50%;
	}
}