h2 {
	font-family:  'Lato-Semibold';
	color: #6c2da1;
	text-transform: uppercase;
	font-size: 25px;
	padding-left: 20px;
}



h3 {
	font-family: 'Lato-Semibold';
	color: #fff;
	text-transform: uppercase;
	font-size: 25px;
	text-align: center;
	padding-top: 35px;
}

header, body {
	margin: 0px;
	padding: 0px;
}

@font-face {
	font-family: 'impact';
	src: url('./fonts/impact.ttf') format('truetype')
}

.slogan {
	font-family: 'impact';
	font-size: 3em;
	color: #fff;
	text-transform: uppercase;
}

.top .first {
	font-family: 'impact';
	color: rgba(108, 45, 161, 255);
	font-weight: 100;
	background: #ffffff;
	text-transform: uppercase;
}

.four {
	clip-path: polygon(100% 0, 0 100%, 100% 100%);
	width: 250px;
	height: 150px;
	margin-left: 35px;
	padding-left: 35px;
	background: #ffffff;
}

.tree {
	width: calc(70% - 300px);
	background: #ffffff;
}

.slider {
	width: 100%;
	background: #6c2da0;
}

.slider {
	display: table;
}

.first {

}



.first span.small {
	font-size: 13px !important;
	font-family: 'Lato';
}

@media all and (min-width: 768px) {

	.ls {
		letter-spacing: 9px;
	}

	.first {
		padding-top: 50px !important;
		line-height: 30% !important;
	}

	.bg-spc {
		background: url("./img/tlo-rura.png");
		background-position: bottom right;
		background-repeat: no-repeat;
		background-size: 42% auto;
	}

	.col1, .col2, .col3 {
		display: table-cell;
		vertical-align: middle;
	}
	.top {
		display: flex;
		position: absolute;
		width: 100%;
	}
	.top .first {
		text-align: right;
		font-size: 4em;
		width: calc(100% - 300px);
		padding-top: 25px;
	}
	.two {
		clip-path: polygon(100% 0, 0 100%, 0 0);
		width: 250px;
		height: 150px;
		margin-right: 35px;
		padding-right: 35px;
		background: #ffffff;
	}
	.top .first {
		font-size: 4em;
		width: calc(100% - 300px);
	}
	.row-1 {
		padding-top: 200px;
	}
}

@media all and (max-width: 767px) {


	.bg-spc {
		background: url("./img/tlo-rura.png");
		background-position: bottom right;
		background-repeat: no-repeat;
		background-size: 70% auto;
	}

	.slider .col1, .slider .col2 {
		padding: 0px 20px;
	}
	.col2 img {
		max-width: 90%;
	}
	.four, .tree, .two {
		display: none;
	}
	.top {
		position: absolute;
		width: 100%;
	}
	.row-1 {
		padding-top: 80px;
	}
	.top .first {
		text-align: center;
		font-size: 2em;
		width: 100%;
		padding-top: 15px;
		padding-bottom: 15px;
	}
	.two {
		clip-path: polygon(100% 0, 0 100%, 0 0);
		width: 50px;
		height: 150px;
		background: #ffffff;
	}
}

img {
	max-width: 100%;
	height: auto;
}

.subslogan {
	font-family: 'Lato';
	font-weight: 100;
	text-transform: uppercase;
	color: #fff;
}

.slider p {
	font-family: 'Lato';
	color: #fff;
	line-height: 150%;
}

.max-500 {
	max-width: 500px;
}

.row-1 {
	max-width: 1180px;
	margin: 0px auto;
	padding-bottom: 35px;
}

.row-2 {
	max-width: 1180px;
	margin: 0px auto;
	padding-bottom: 35px;
	display: flex;
}

.row-3 {
	max-width: 1180px;
	margin: 0px auto;
	padding-bottom: 35px;
	display: table;
}

.row-4 {
	max-width: 1180px;
	margin: 0px auto;
	padding-bottom: 35px;
	display: table;
}

div.box {
	float: left;
	width: 33%;
	display: table-cell;
	vertical-align: middle;
	margin-top: 35px;
	text-align: center;
}

div.content2 {
	background-color: #6c2da1;
	margin-bottom: 35px;
}

div.row2-box div.box {
	float: none;
}

div.content2 p {
	color: #fff;
	text-transform: uppercase;
	font-size: 20px;
	text-align: center;
}

.row-2 p {
	font-family:  'Lato';
	color: #707070;
	font-size: 21px;
	padding: 20px;
}

div.content {
	display: table;
	max-width: 1180px;
	margin: 0px auto;
}

div.content a {
	color: #fff;
	background-color: #707070;
	padding-left: 25px;
	padding-right: 25px;
	padding-top: 4px;
	padding-bottom: 10px;
	width: 20%;
	text-align: center;
	text-decoration: none;
	display: block;
	margin: 0 auto;
	margin-top: 30px;
}

div.title-content {
	padding-top: 35px;
	max-width: 1180px;
	margin: 0px auto;
	padding-bottom: 35px;
	text-align: center;
}

span.elastoflake {
	font-family: 'impact';
	font-size: 40px;
	color: #6c2da1;
	text-transform: uppercase;
}

span.gdzie {
	font-family: 'Lato';
	font-weight: 100;
	text-transform: uppercase;
	color: #6c2da1;
	font-size: 30px;
}

div.row-2 div.col3 {
	width: 25%;
	background-image: url("/img/right-corner.png");
	background-repeat: no-repeat;
	background-position: bottom;
}

div.row-2 div.col1 {
	width: 25%;
	background-image: url("/img/left-corner.png");
	background-repeat: no-repeat;
}

div.col2-inner-row1-col1 {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}

div.col2-inner-row1-col2 {
	width: 50%;
	display: table-cell;
	vertical-align: middle;
}

div.content3 {
	color: ##707070;
}

div.table {
	margin-top: 35px;
	float: left;
	color: #707070;
	font-size: 22px;
	display: table-cell;
}

td {
	padding-right: 20px;
}

div.vtt-pic {
	display: table;
}

div.footer {
	background-color: #6c2da1;
	padding-bottom: 35px;
}

div.footer-info {
	padding: 35px;
	display: table;
	max-width: 1180px;
	margin: 0px auto;
}