.resp-l-10 {
	width: 10%;
	height: auto;
	overflow: hidden;
	box-sizing: border-box;
}
.resp-l-10-pdg-1 {
	padding: 1%;
	width: 8%;
	height: auto;
	overflow: hidden;
}
.resp-l-20 {
	width: 20%;
	height: auto;
	overflow: hidden;
	box-sizing: border-box;
}
.resp-l-20-pdg-1 {
	padding: 1%;
	width: 18%;
	height: auto;
	overflow: hidden;
}
.resp-l-30 {
	width: 30%;
	height: auto;
	overflow: hidden;
	box-sizing: border-box;
}
.resp-l-30-pdg-1 {
	padding: 1%;
	width: 28%;
	height: auto;
	overflow: hidden;
}
.resp-l-30-pdg-1-mrg-l-1 {
	padding: 1%;
	width: 27%;
	margin-left: 1%;
	height: auto;
	overflow: hidden;
}
.resp-l-30-pdg-1-mrg-r-1 {
	padding: 1%;
	width: 27%;
	margin-right: 1%;
	height: auto;
	overflow: hidden;
}
.resp-l-40 {
	width: 40%;
	height: auto;
	overflow: hidden;
	box-sizing: border-box;
}
.resp-l-40-pdg-1 {
	padding: 1%;
	width: 38%;
	height: auto;
	overflow: hidden;
}
.resp-l-40-pdg-1-mrg-l-1 {
	padding: 1%;
	width: 37%;
	margin-left: 1%;
	height: auto;
	overflow: hidden;
}
.resp-l-40-pdg-1-mrg-r-1 {
	padding: 1%;
	width: 37%;
	margin-right: 1%;
	height: auto;
	overflow: hidden;
}
.resp-l-50 {
	width: 50%;
	height: auto;
	overflow: hidden;
	box-sizing: border-box;
}
.resp-l-50-pdg-1 {
	padding: 1%;
	width: 48%;
	height: auto;
	overflow: hidden;
}
.resp-l-50-pdg-1-mrg-l-1 {
	padding: 1%;
	width: 47%;
	margin-left: 1%;
	height: auto;
	overflow: hidden;
}
.resp-l-50-pdg-1-mrg-r-1 {
	padding: 1%;
	width: 47%;
	margin-right: 1%;
	height: auto;
	overflow: hidden;
}
.resp-l-60 {
	width: 60%;
	height: auto;
	overflow: hidden;
	box-sizing: border-box;
}
.resp-l-60-pdg-1 {
	padding: 1%;
	width: 58%;
	height: auto;
	overflow: hidden;
}
.resp-l-70 {
	width: 70%;
	height: auto;
	overflow: hidden;
	box-sizing: border-box;
}
.resp-l-70-pdg-1 {
	padding: 1%;
	width: 68%;
	height: auto;
	overflow: hidden;
}
.resp-l-80 {
	width: 80%;
	height: auto;
	overflow: hidden;
	box-sizing: border-box;
}
.resp-l-80-pdg-1 {
	padding: 1%;
	width: 78%;
	height: auto;
	overflow: hidden;
}
.resp-l-90 {
	width: 90%;
	height: auto;
	overflow: hidden;
	box-sizing: border-box;
}
.resp-l-90-pdg-1 {
	padding: 1%;
	width: 88%;
	height: auto;
	overflow: hidden;
}
.resp-l-100 {
	width: 100%;
	height: auto;
	overflow: hidden;
	box-sizing: border-box;
}
.resp-l-100-pdg-1 {
	padding: 1%;
	width: 98%;
	height: auto;
	overflow: hidden;
}

.resp-l-mrg-1 {
	margin: 1%;
}
.resp-l-mrg-2 {
	margin: 2%;
}
.resp-l-mrg-3 {
	margin: 3%;
}
.resp-l-mrg-4 {
	margin: 4%;
}
.resp-l-mrg-5 {
	margin: 5%;
}

.resp-l-mrg-10 {
	margin: 10%;
}
.resp-l-mrg-20 {
	margin: 20%;
}
.resp-l-mrg-30 {
	margin: 30%;
}
.resp-l-mrg-40 {
	margin: 40%;
}

.resp-l-mrg-10-left {
	margin-left: 10%;
}
.resp-l-mrg-20-left {
	margin-left: 20%;
}
.resp-l-mrg-30-left {
	margin-left: 30%;
}
.resp-l-mrg-40-left {
	margin-left: 40%;
}

.resp-l-mrg-1-top {
	margin-top: 1%;
}
.resp-l-mrg-2-top {
	margin-top: 2%;
}
.resp-l-mrg-3-top {
	margin-top: 3%;
}
.resp-l-mrg-4-top {
	margin-top: 4%;
}
.resp-l-mrg-5-top {
	margin-top: 5%;
}

.resp-l-float-left {
	float: left;
}
.resp-l-float-right {
	float: right;
}

.resp-l-blok-center {
	margin-left: auto;
	margin-right: auto;
}

.resp-l-wi-100 {
	width: 100%;
}
.resp-l-fix-wi-400 {
	width: 400px;
}
.resp-l-fix-wi-200 {
	width: 200px;
}

.resp-l-fs-10 {
	font-size: 10px;
}
.resp-l-fs-12 {
	font-size: 12px;
}
.resp-l-fs-14 {
	font-size: 14px;
}
.resp-l-fs-18 {
	font-size: 18px;
}
.resp-l-fs-22 {
	font-size: 22px;
}
.resp-l-fs-30 {
	font-size: 30px;
}
.resp-l-fs-50 {
	font-size: 50px;
}

.resp-l-menu-span {
	display: inline-block;
	margin: 0 10px;
}
.resp-l-grid-1 {
	display: grid; 
	grid-template-columns: 1fr; 
	grid-gap: 10px; 
}
.resp-l-grid-2 {
	display: grid; 
	grid-template-columns: 1fr 1fr; 
	grid-gap: 10px; 
}
.resp-l-grid-4 {
	display: grid; 
	grid-template-columns: 1fr 1fr 1fr 1fr; 
	grid-gap: 10px; 
}
.resp-l-grid-5 {
	display: grid; 
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr; 
	grid-gap: 10px; 
}
.resp-l-grid-3-temp {
	display: grid; 
	grid-template-columns: 80px 1fr 100px; 
	grid-gap: 10px; 
}
.resp-l-grid-3-rol {
	display: grid; 
	grid-template-columns: 120px 1fr 1fr; 
	grid-gap: 10px; 
}
.resp-l-grid-video {
	display: grid; 
	grid-template-columns: 380px 1fr; 
	grid-gap: 10px; 
}
.resp-l-grid-ogr {
	display: grid; 
	grid-template-columns: 1fr 1fr 1fr 5fr; 
	grid-gap: 5px; 
}
.btn-l-rol {
	width: auto;
	text-align: center;
}
.czas-l-rol {
	cursor: pointer; 
	display: inline-block;
}
.pop-up-l-grid-3-rol {
	display: grid; 
	grid-template-columns: 60px 5px 60px 1fr; 
	grid-gap: 5px; 
}