@font-face
{
	font-family: 'Open Sans';
	src: url("../fonts/OpenSans-Regular.woff2") format("woff2"), url("../fonts/OpenSans-Regular.ttf") format("truetype");
	font-display: swap;
}

@font-face
{
	font-family: 'Open Sans Light';
	src: url("../fonts/OpenSans-Light.woff2") format("woff2"), url("../fonts/OpenSans-Light.ttf") format("truetype");
	font-display: swap;
}

@font-face
{
	font-family: 'Open Sans Bold';
	src: url("../fonts/OpenSans-Bold.woff2") format("woff2"), url("../fonts/OpenSans-Bold.ttf") format("truetype");
	font-display: swap;
}

@font-face
{
	font-family: 'Open Sans SemiBold';
	src: url("../fonts/OpenSans-SemiBold.woff2") format("woff2"), url("../fonts/OpenSans-SemiBold.ttf") format("truetype");
	font-display: swap;
}

@font-face
{
	font-family: 'Raleway';
	src: url("../fonts/Raleway-Regular.woff2") format("woff2"), url("../fonts/Raleway-Regular.ttf") format("truetype");
	font-display: swap;
}

@font-face
{
	font-family: 'Raleway Light';
	src: url("../fonts/Raleway-Light.woff2") format("woff2"), url("../fonts/Raleway-Light.ttf") format("truetype");
	font-display: swap;
}

@font-face
{
	font-family: 'Raleway SemiBold';
	src: url("../fonts/Raleway-SemiBold.woff2") format("woff2"), url("../fonts/Raleway-SemiBold.ttf") format("truetype");
	font-display: swap;
}

@font-face
{
	font-family: 'Raleway Bold';
	src: url("../fonts/Raleway-Bold.woff2") format("woff2"), url("../fonts/Raleway-Bold.ttf") format("truetype");
	font-display: swap;
}

@font-face
{
	font-family: 'FontAwesome';
	src: url("../fonts/fontawesome-webfont.woff2") format("woff2"), url("../fonts/fontawesome-webfont.ttf") format("truetype");
	font-display: swap;
}


*::selection
{
	background: #dd3333;
	color: white;
}

.left
{
	text-align: left;
}

.flex-direction-reverse
{
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-direction: reverse;
	-webkit-flex-direction: row-reverse;
	-ms-flex-direction: row-reverse;
	flex-direction: row-reverse;
}


html
{
	-webkit-text-size-adjust: none;
	touch-action: manipulation;
}

html, body
{
	font-family: 'Open Sans', 'Arial', sans-serif;
}

a:hover
{
	text-decoration: none;
}


	/* big-checkbox */
div.big-checkbox
{
	position: relative;
	width: 77px;
}

input[type="checkbox"].big-checkbox
{
	position: absolute;
	opacity: 0;
	z-index: -1;
}

input[type="checkbox"].big-checkbox+span
{
	position: absolute;
	width: 77px;
	height: 40px;
	background-color: #eae8e8;
	box-shadow: inset 0 0 3px 1px rgba(0,0,0,.1);
	-webkit-transition: .4s;
	-moz-transition: .4s;
	transition: .4s;
	border-radius: 34px;
	cursor: pointer;
}

input[type="checkbox"].big-checkbox:checked+span
{
	background-color: #dd3333;
}

input[type="checkbox"].big-checkbox+span:before
{
	position: absolute;
	content: "";
	height: 34px;
	width: 34px;
	left: 3px;
	bottom: 3px;
	background-color: #fff;
	box-shadow: 0 0 3px 1px rgba(0,0,0,.1);
	border-radius: 50%;
	-webkit-transition: .4s;
	-moz-transition: .4s;
	transition: .4s;
}

input[type="checkbox"].big-checkbox:checked+span:before
{
	position: absolute;
	content: "";
	height: 34px;
	width: 34px;
	left: 39px;
	bottom: 3px;
	background-color: #fff;
	box-shadow: 0 0 3px 1px rgba(0,0,0,.1);
	border-radius: 50%;
	-webkit-transition: .4s;
	-moz-transition: .4s;
	transition: .4s;
}


.div-under-header
{
	height: 64px;
}

.minus-header
{
	margin-top: -64px;
	display: inline-block;
	position: absolute;
	color: red;
	z-index: -1000;
}


	/* strona 1 */
.div-image1
{
	position: relative;
	overflow: hidden;
	background-color: black;
	vertical-align: middle;
	display: table-cell;
	width: 100vw;
}

.div-image1-1
{
	opacity: 0;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	text-align: center;
	background-position: center 0;
	background-repeat: no-repeat;
	background-size: cover;
}

.div-image1-2
{
	text-align: center;
}

.div-image1 > div > h2
{
	opacity: 0;
	margin-top: 10px;
	margin-bottom: 30px;
}

.div-image1 > div > h2 > div
{
	display: inline-block;
	border: 3px solid;
	border-color: rgba(0, 0, 0, 0.8);
	background-color: rgba(10, 10, 10, 0.8);
	padding: 10px;
}

.div-image1 > div > h4
{
	opacity: 0;
}

.div-image1 > div > h4 > div
{
	display: inline-block;
	background-color: rgba(10, 10, 10, 0.8);
	padding: 5px 3px;
}

.div-image1 > div > div
{
	opacity: 0;
}

.div-image1 .div-image1-go-down
{
	margin-top: 50px;
}

.div-image1 .div-image1-go-down span
{
	font-family: FontAwesome;
	color: black;
	font-size: 51px;
	cursor: pointer;
	padding: 0 10px;
}

.div-image1 .div-image1-go-down span:before
{
	content: "\f107";
}

.title-1-1
{
	letter-spacing: 1px;
	color: white;
	text-shadow: 1px 1px 2px rgba(0,0,0,.4);
	font-size: 43.75px;
	line-height: 64px;
}

.title-1-2
{
	color: white;
	font-family: 'Open Sans Light', 'Arial', sans-serif;
	font-size: 28px;
	line-height: 46px;
}


	/* strona 2 - dlaczego my */
.div-image2
{
	position: relative;
}

.div-image2-1
/*.div-image2 > div*/
{
	opacity: 0;
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 1280px;
	text-align: center;
	z-index: -10;
	background-repeat: no-repeat;
	background-color: transparent;
	background-position: center 0;
	/*background-position: 50% 22px;*/
	/*background-attachment: fixed;*/
}

.div-image2-2
{
	text-align: center;
	padding: 0 15px;
	max-width: 1100px;
	margin: 0 auto;
}

.div-image2-img
{
	width: 144px;
	padding-top: 100px;
}

.div-image2-2-1,
.div-image3-2-1,
.div-image5-2-1,
.div-image6-2-1,
.div-image7-2-1,
.div-image8-2-1
{
	font-family: 'Open Sans Light', 'Arial', sans-serif;
	font-size: 40px;
}

.div-image2-separator,
.div-image3-separator,
.div-image5-separator,
.div-image6-separator,
.div-image7-separator,
.div-image8-separator
{
	text-align: center;
}

.div-image2-separator > div,
.div-image3-separator > div,
.div-image5-separator > div,
.div-image6-separator > div,
.div-image7-separator > div,
.div-image8-separator > div
{
	width: 22px;
	height: 2px;
	margin: 0 auto;
	background-color: black;
}

.div-image2-2-2
{
	font-size: 0;
}

.div-image2-2-2 > div
{
	display: inline-block;
	width: 33%;
	font-size: 20px;
	padding-top: 30px;
	vertical-align: top;
}

.div-image2-2--1
{
	color: #232323;
	font-family: 'Raleway Light', 'Arial', sans-serif;
	font-size: 35px;
	letter-spacing: 1px;
	height: 50px;
	overflow: hidden;
}

.div-image2-2--1 > span
{
	position: relative;
	color: rgba(0, 0, 0, 0);
	padding-right: 3px;
}

.div-image2-2--1 > span > span
{
	position: absolute;
	left: 0;
	color: #232323;
}

.div-image2-2--2
{
	color: #282828;
	font-family: 'Open Sans SemiBold', 'Arial', sans-serif;
	font-size: 20px;
	letter-spacing: 1px;
	margin-top: 12px;
	margin-bottom: 70px;
}

.div-image2-text
{
	color: #282828;
	font-size: 18px;
	text-align: left;
	padding: 0 15px;
	padding-bottom: 50px;
	line-height: 40px;
}


	/* stona 3 - dlaczego my? */
.div-image3
{
	padding-top: 60px;
	padding-bottom: 60px;
	text-align: center;
	background-color: white;
}

.div-image3-div
{
	margin: 0 auto;
	max-width: 1100px;
}

.div-image3-2
{
	font-size: 0;
	padding: 50px 20px 0 20px;
}

.div-image3-2 > div
{
	width: 50%;
	display: inline-block;
	padding: 0 15px;
	vertical-align: top;
}

.div-image3-signs
{
	font-family: FontAwesome;
	font-size: 54px;
	color: #dd3333;
}

.div-image3-sign1:before
{
	content: "\f274";
}

.div-image3-sign2:before
{
	content: "\f1eb";
}

.div-image3-sign3:before
{
	content: "\f0fa";
}

.div-image3-sign4:before
{
	content: "\f021";
}

.div-image3-signs-text
{
	font-family: 'Open Sans Light', 'Arial', sans-serif;
	font-size: 30px;
	letter-spacing: 1px;
	color: #0a0000;
}

.div-image3-signs-p
{
	color: #282828;
	font-size: 18px;
	line-height: 40px;
	text-align: left;
}


	/* strona 4 - Nasz główny produkt: Jablotron */
.div-image4
{
	position: relative;
}

.div-image4-1
{
	opacity: 0;
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 1280px;
	text-align: center;
	z-index: -10;
	background-repeat: no-repeat;
	background-color: transparent;
	background-position: center 0;
	/*background-position: 50% 22px;*/
	/*background-attachment: fixed;*/
}

.div-image4-2
{
	font-size: 0;
	padding: 50px 20px 0 20px;
	height: 700px;
}

.div-image4-2 > div
{
	vertical-align: top;
	width: 50%;
	display: inline-block;
}

.div-image4-2-1-1 > h3
{
	font-family: 'Open Sans Light', 'Arial', sans-serif;
	font-size: 30px;
	letter-spacing: 1px;
	color: #0a0000;
}

.div-image4-2-1-1 > h3 > span
{
	color: orange;
}

.div-image4-2-1-1 > p
{
	font-family: 'Open Sans', 'Arial', sans-serif;
	font-size: 18px;
	line-height: 40px;
	color: #282828;
	margin-top: 10px;
}

.div-image4-2-1-1 button
{
	display: inline-block;
	font-family: 'Open Sans', 'Arial', sans-serif;
	font-size: 13px;
	letter-spacing: 1px;
	line-height: 39px;
	color: #000000;
	border: 2px solid #303030;
	border-color: #f9ae00;
	margin: 30px 0 10px 80px;
	padding: 0 23px;
	border-radius: 1px;
	transition: color .1s linear,background-color .1s linear,border-color .1s linear;
	cursor: pointer;: 
}

.div-image4-2-1-1 button:hover
{
	color: white;
	background-color: orange;
}

.div-image4-2-1-1 button:hover,
.div-image4-2-1-1 button:focus,
.div-image4-2-1-1 button:focus:hover
{
	outline: 0;
}

.div-image4-2-2
{
	padding-left: 5vw;
	padding-top: 60px;
}

.div-image4-2-2-inside
{
	position: relative;
	width: 35vw;
	height: 35vw;
}

.div-image4-2-2-hint-div, .div-image4-2-2-hint-absolute
{
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
}

.div-image4-2-2-hint
{
	display: table;
	width: 100%;
	height: 100%;
	-webkit-transition: opacity .3s ease-out;
	-moz-transition: opacity .3s ease-out;
	transition: opacity .3s ease-out;
}

.div-image4-2-2-hint > div
{
	display: table-cell;
	vertical-align: middle;
	padding: 0 20%;
}

.div-image4-2-2-hint > div > h4
{
	color: #333333;
	font-family: 'Open Sans Bold', 'Arial', sans-serif;
	font-size: 22px;
	text-align: center;
}

.div-image4-2-2-hint > div > div
{
	color: #282828;
	background-color: rgba(255, 255, 255, 0.8);
	font-family: 'Raleway', 'Arial', sans-serif;
	font-size: 18px;
	text-align: center;
	margin-top: 18px;
	padding: 10px;
}

.div-image4-2-2-circles
{
	position: absolute;
	width: 80px;
	height: 80px;
	margin-left: -40px;
	margin-top: -40px;
	border-radius: 40px;
	line-height: 80px;
	background-color: white;
	font-family: FontAwesome;
	font-size: 38px;
	color: #dd3333;
	text-align: center;
	cursor: pointer;
	-webkit-transition: background-color .8s cubic-bezier(.19,.65,.02,.93),border-color .8s cubic-bezier(.19,.65,.02,.93);
	-moz-transition: background-color .8s cubic-bezier(.19,.65,.02,.93),border-color .8s cubic-bezier(.19,.65,.02,.93);
	transition: background-color .8s cubic-bezier(.19,.65,.02,.93),border-color .8s cubic-bezier(.19,.65,.02,.93);
/*	-webkit-transition-delay: 2.05s;
	transition-delay: 2.05s;*/
}

.circle-active
{
	color: white;
	background-color: #dd3333;
}

.div-image4-2-2-circle1
{
	top: 0;
	left: 50%;
}

.div-image4-2-2-circle2
{
	top: 15%;
	left: 85%;
}

.div-image4-2-2-circle3
{
	top: 50%;
	left: 100%;
}

.div-image4-2-2-circle4
{
	top: 85%;
	left: 85%;
}

.div-image4-2-2-circle5
{
	top: 100%;
	left: 50%;
}

.div-image4-2-2-circle6
{
	top: 85%;
	left: 15%;
}

.div-image4-2-2-circle7
{
	top: 50%;
	left: 0%;
}

.div-image4-2-2-circle8
{
	top: 15%;
	left: 15%;
}

.div-image4-2-2-circle1:before
{
	content: "\f0f3";
}

.div-image4-2-2-circle2:before
{
	content: "\f0eb";
}

.div-image4-2-2-circle3:before
{
	content: "\f2c9";
}

.div-image4-2-2-circle4:before
{
	content: "\f043";
}

.div-image4-2-2-circle5:before
{
	content: "\f18c";
}

.div-image4-2-2-circle6:before
{
	content: "\f03d";
}

.div-image4-2-2-circle7:before
{
	content: "\f039";
}

.div-image4-2-2-circle8:before
{
	content: "\f10b";
}

.div-image4-2-2-bigcircle
{
	position: absolute;
	left: 0%;
	top: 0%;
	width: 100%;
	height: 100%;
	border: 2px solid orange;
	border-radius: 35vw;
	border-style: dashed;
}


/* strona 5 - możliwości systemu */
.div-image5
{
	text-align: center;
	background-color: white;
	padding-top: 80px;
	padding-bottom: 2px;
}

.div-image5-2
{
	margin-top: 80px;
	font-family: 'Open Sans Light', 'Arial', sans-serif;
	font-size: 30px;
	margin-left: 80px;
	margin-right: 80px;
}

.div-image5-3
{
	margin: 30px 80px;
}

.div-image5-3 iframe
{
	max-height: 80vh;
}


/* strona 6 - koszt systemu */
.div-image6
{
	text-align: center;
	background-color: #f9f9f9;
	padding-top: 60px;
}

.div-image6-2
{
	font-family: 'Open Sans Light', 'Arial', sans-serif;
	font-size: 30px;
	margin: 80px 80px 60px 80px;
}

.div-image6-3
{
	background-color: white;
}

.div-image6-3-1
{
	font-size: 0;
}

.div-image6-3-1 > div
{
	display: inline-block;
	width: 50%;
	font-family: 'Open Sans Bold', 'Arial', sans-serif;
	font-size: 13px;
	letter-spacing: 1px;
	color: black;
	padding: 30px 30px;
	text-align: left;
	cursor: pointer;
	text-transform: uppercase;
}

.div-image6-3-1 > div.tab-active
{
	background-color: #dd3333;
	color: white;
}

.div-image6-3-1 > div:hover
{
	background-color: #dd3333a0;
	color: white;
}

.div-image6-4-1
{
	font-size: 0;
	margin-top: 30px;
}

.div-image6-4-1 > div
{
	vertical-align: top;
	display: inline-block;
	width: 50%;
}

.div-image6-4-1-1
{
	display: inline-block;
	width: 50%;
	font-family: 'Open Sans', 'Arial', sans-serif;
	font-size: 18px;
	line-height: 40px;
	color: #282828;
	padding: 30px 30px;
	text-align: left;
}

.div-image6-4-1-2-div
{
}

.div-image6-4-1-2-table
{
	display: table;
}

.div-image6-4-1-2-table > div
{
	display: table-cell;
}

.div-image6-4-1-2
{
	display: inline-block;
	width: 62%;
}

.div-image6-4-1-3
{
	width: 38%;
	display: inline-block;
	vertical-align: middle;
	font-size: 18px;
	line-height: 40px;
	color: #282828;
	border: 1px solid #e6e6e6;
	padding: 0 20px;
}

.div-image6-4-1-2
{
	text-align: left;
}

.div-image6-4-1-2-1
{
	border: 1px solid #e6e6e6;
	padding: 25px 15px;
}

.div-image6-4-1-2-1-1
{
	display: inline-block;
	font-size: 18px;
	line-height: 40px;
	color: #282828;
	margin-left: 100px;
}

.div-image6-4-1-3-price
{
	font-family: 'Raleway SemiBold', 'Arial', sans-serif;
	font-size: 30px;
	color: #0a0000;
}

.div-image6-4-1-3-text
{
	margin-top: 32px;
}

.div-image6-4-1-3-contact
{
	font-family: 'Raleway SemiBold', 'Arial', sans-serif;
	font-size: 13px;
	letter-spacing: 1px;
	background-color: #dd3333;
	color: white;
	border-radius: 4px;
	margin-top: 52px;
	cursor: pointer;
	width: 100%;
	display: inline-block;
	color: white;
	border: 2px solid #dd3333;
	text-decoration: none;
}

.div-image6-4-1-3-contact:hover
{
	border: 2px solid black;
}

.div-image6-4-1-3-contact > a
{
}

.div-image6-5-1
{
	font-size: 12px;
	line-height: 22px;
	color: #282828;
	text-align: left;
	padding: 0 15px;
}


	/* strona 7 - proces zakupu */
.div-image7
{
	text-align: center;
	background-color: #f9f9f9;
	padding-top: 60px;
}

.div-image7-div
{
	max-width: 1100px;
	margin-left: auto;
	margin-right: auto;
}

.div-image7-separator
{
	margin-bottom: 50px;
}

.div-image7-1
{
	font-size: 0;
	vertical-align: top;
	position: relative;
	padding-bottom: 50px;
}

.div-image7-1-span, .div-image7-1-span-short
{
	position: absolute;
	top: 4px;
	width: 2px;
	height: 100%;
	left: 50%;
	background-color: #dd3333;
}

.div-image7-1-span-short
{
	height: 20px;
}

.div-image7-1 > div
{
	width: 50%;
	display: inline-block;
	vertical-align: top;
}

.div-image7-1-1
{
	text-align: right;
	padding: 0 40px;
}

.div-image7-1-1-circle
{
	position: absolute;
	border: 1px solid #dd3333;
	left: 50%;
	width: 18px;
	height: 18px;
	border-radius: 9px;
	margin-left: -8px;
	background-color: white;
}

.div-image7-1-1 > h3
{
	font-family: 'Open Sans Light', 'Arial', sans-serif;
	font-size: 30px;
	line-height: 39px;
	color: #0a0000;
	letter-spacing: 1px;
}

.div-image7-1-1 > h6
{
	font-family: 'Open Sans SemiBold', 'Arial', sans-serif;
	font-size: 13px;
	color: #0a0000;
	letter-spacing: 1px;
}

.div-image7-1-2
{
	padding: 0 60px;
}

.div-image7-1-2 > picture > img
{
	max-width: 100%;
}

.div-image7-1-1 > p
{
	font-family: 'Open Sans', 'Arial', sans-serif;
	font-size: 18px;
	line-height: 40px;
	padding-top: 20px;
}


	/* strona 8 - kontakt */
.div-image8
{
	text-align: center;
	background-color: #f4f4f4;
	padding: 20px 0 50px 0;
}

.div-image8-separator
{
	padding-top: 30px;
}

.div-image8-map
{
	height: 460px;
}


.div-image8-contact
{
	vertical-align: top;
	text-align: left;
	margin: 50px 60px 0 60px;
	max-width: 1100px;
}

.div-image8-contact > div
{
	display: inline-block;
	vertical-align: top;
}

.div-image8-contact-l
{
	width: 33%;
}

.div-image8-contact-l > h4
{
	font-family: 'Open Sans Bold', 'Arial', sans-serif;
	font-size: 22px;
	line-height: 30px;
	color: #333333;
	margin-top: 0;
}

.div-image8-contact-l > p
{
	font-family: 'Open Sans', 'Arial', sans-serif;
	font-size: 18px;
	line-height: 40px;
	color: #282828;
	margin: 0;
}

.div-image8-contact-l > p > a
{
	color: #282828;
}

.div-image8-contact-l > p > a:hover
{
	color: #dd3333;
}

.div-image8-contact-l > span
{
	text-align: center;
}

.div-image8-contact-l > span > a > p
{
	display: inline-block;
	font-family: FontAwesome;
	font-size: 27px;
	width: 36px;
	height: 36px;
	line-height: 36px;
	border-radius: 50%;
	background-color: #e3e3e3;
	color: #b9b9b9;
	transition: color .3s ease-out;
}

.div-image8-contact-l > span > a > p:hover
{
	background-color: #dd3333;
	color: white;
}

.div-image8-contact-l > span > a > p:before
{
	content: "\f09a";
}

.div-image8-contact-l-span
{
	margin-top: 10px;
}

.div-image8-contact-r
{
	width: 66%;
}

.div-image8-contact-r > div
{
	width: 100%;
}

.div-image8-contact-r > div > label
{
	width: 100%;
	font-family: 'Open Sans', 'Arial', sans-serif;
	font-size: 18px;
	font-weight: 400;
	line-height: 40px;
	color: #282828;
}

.div-image8-contact-r > div > label > input,
.div-image8-contact-r > div > label > textarea
{
	width: 100%;
	font-family: 'Raleway', 'Arial', sans-serif;
	font-size: 13px;
	line-height: 17px;
	border: 0;
	padding: 15px;
	color: black;
	resize: none;
}

.div-image8-contact-r > div > label > input:focus,
.div-image8-contact-r > div > label > textarea:focus
{
	outline: 0;
}

.div-image8-contact-r button
{
	border: 2px solid #0a0000;
	color: #0a0000;
	height: 39px;
	line-height: 36px;
	margin: 0;
	padding: 0 23px;
	font-family: 'Raleway Bold', 'Arial', sans-serif;
	font-size: 13px;
	letter-spacing: 1px;
	outline: 0;
	cursor: pointer;
	transition: all .1s linear;
	border-radius: 4px;
}

.div-image8-contact-r button:hover
{
	border: 2px solid #dd3333;
	background-color: #dd3333;
	color: white;
}

.email-info-warning,
.email-info-error,
.email-info-ok
{
	display: none;
	position: relative;
	font-family: 'Raleway', 'Arial', sans-serif;
	font-size: 15px;
	line-height: 25px;
	letter-spacing: 1px;
	color: white;
	margin: 30px 0;
	padding: 17px 30px 17px 55px;
}

.email-info-warning,
.email-info-error
{
	background-color: #f1c40f;
}

.email-info-ok
{
	background-color: #1abc9c;
}

.email-info-warning:before
{
	position: absolute;
	left: 25px;
	top: 20px;
	font-family: FontAwesome;
	content: "\f12a";
}

.email-info-ok:before
{
	position: absolute;
	left: 25px;
	top: 20px;
	font-family: FontAwesome;
	content: "\f087";
}

.email-requeid
{
	display: none;
	color: red;
}


	/* footer */
.footer-span
{
	margin-top: 122px;
}

.footer
{
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: -1000;
}

.footer1
{
	background-color: #262626;
	color: #818181;
	text-align: center;
	font-family: 'Open Sans', 'Arial', sans-serif;
	font-size: 18px;
	line-height: 40px;
	padding: 15px 0;
}

.footer2
{
	background-color: #1b1b1b;
	color: #494949;
	text-align: center;
	font-family: 'Open Sans', 'Arial', sans-serif;
	font-size: 18px;
	line-height: 40px;
	padding: 6px 0;
}

.footer2 > a
{
	color: #494949;
}

.footer2 > a:hover
{
	color: #dd3333;
}


	/* go up arrow */
.go-up
{
	display: none;
	position: fixed;
	color: #b0b0b0;
	width: 56px;
	height: 56px;
	border-radius: 28px;
	right: 25px;
	bottom: 90px;
	border: 2px solid #e8e8e8;
	padding: 10px 16px;
	cursor: pointer;
	-webkit-transition: .4s;
	-moz-transition: .4s;
	transition: .4s;
}

.go-up:hover
{
	color: #dd3333;
	background-color: white;
}

.go-up:before
{
	font-family: FontAwesome;
	font-size: 22px;
	content: "\f062";
}


	/* /polityka prywatnosci */
.polityka
{
	padding: 0 60px;
}

.polityka > h1
{
	font-family: 'Open Sans Bold', 'Arial', sans-serif;
	font-size: 30px;
	line-height: 38px;
	color: #0a0000;
}

.polityka > h2
{
	font-family: 'Open Sans Bold', 'Arial', sans-serif;
	font-size: 40px;
	line-height: 55px;
	color: #0a0000;
}

.polityka > hr
{
	border: initial;
	border-style: inset;
	border-width: 1px;
}

.polityka ol
{
	padding: 0;
}

.polityka li
{
	font-family: 'Raleway', 'Arial', sans-serif;
	font-size: 18px;
	line-height: 25px;
	color: #282828;
	padding: 15px 0;
}

.polityka a
{
	color: #dd3333
}

.polityka a:hover
{
	text-decoration: underline;
}


@media (max-width: 600px)
{
	header
	{
		padding: 0 0 1px 24px!important;
	}

	.title-1-1
	{
		font-size: 35px;
		line-height: 50px;
	}

	.div-image4-2-2-circles
	{
		width: 56px;
		height: 56px;
		border-radius: 56px;
		margin-left: -23px;
		margin-top: -23px;
		font-size: 22px;
		line-height: 56px;
	}

	.div-image4-2-2-hint > div > h4
	{
		margin-top: 0;
	}

	.div-image4-2-2-hint > div > div
	{
		display: none;
	}

	.div-image6-4-1-2-table > div
	{
		width: 100%;
		display: block;
	}

	.div-image6-4-1-3
	{
		padding: 25px 15px;
	}

	.div-image7-1
	{
		display: block;
	}

	.div-image7-1 > div
	{
		width: 100%;
	}

	.div-image7-1-1
	{
		text-align: left;
	}

	.div-image7-1-2
	{
		padding: 0 40px;
	}

	.div-image7-1-1-circle,
	.div-image7-1-span,
	.div-image7-1-span-short
	{
		visibility: hidden;
	}
}

@media (max-width: 767px)
{
	.div-image2-2-2
	{
		margin-bottom: 50px;
	}

	.div-image2-2-2 > div
	{
		display: block;
		width: 100%;
	}

	.div-image2-2--2
	{
		margin-bottom: 10px;
	}

	.div-image3-2 > div
	{
		width: 100%;
	}

	.div-image4-2-2-inside
	{
		margin: 0 auto;
	}

	.div-image4-2
	{
		height: auto;
	}

	.div-image4-2 > div
	{
		width: 100%;
	}

	.div-image4-2-2
	{
		padding-left: 0;
	}

	.div-image4-2-2-inside
	{
		width: 65vw;
		height: 65vw;
	}

	.div-image6-2
	{
		font-family: 'Open Sans', 'Arial', sans-serif;
		font-size: 18px;
		margin: 60px 50px;
		line-height: 40px;
		text-align: left;
	}

	.div-image6-4-1 > div
	{
		width: 100%;
	}

	.div-image6-4-1-2-table
	{
		margin: 0 32px;
	}

	.div-image6-5-1
	{
		padding: 32px 32px 16px 32px;
	}

	.div-image8-contact > div
	{
		width: 100%;
	}

	.div-image8-contact-l
	{
		margin-bottom: 42px;
	}
}

@media (max-width: 999px)
{
	.div-under-header
	{
		display: none;
	}
}

@media (min-width: 1100px)
{
	.div-image4-2,
	.div-image6-2,
	.div-image6-4-1,
	.div-image6-5-1
	{
		max-width: 1100px;
		margin-left: auto;
		margin-right: auto;
	}

	.div-image8-contact
	{
		margin: 50px auto 0 auto;
	}
}

@media (min-width: 1200px)
{
	.title-1-1
	{
		font-size: 70px;
	}

	.title-1-2
	{
		font-size: 35px;
	}
}

@media (min-width: 768px) and (max-width: 999px) {}