@import url('https://fonts.googleapis.com/css?family=Lato:300,400,700,900&subset=latin-ext');
#LP_LC .pull-right {float: right; }
#LP_LC .pull-left {float: left; }
#LP_LC ::after, #LP_LC ::before {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#LP_LC .clearfix::after, #LP_LC .container::after, #LP_LC .navbar::after, #LP_LC .row::after {clear:both; }
#LP_LC .clearfix::after, #LP_LC .clearfix::before, #LP_LC .container::after, #LP_LC .container::before, #LP_LC .navbar::after, #LP_LC .navbar::before, #LP_LC .row::after, #LP_LC .row::before {display: table; content: " "; }
#LP_LC .row {width: calc(100% + 30px); margin-left: -15px; margin-right: -15px;}
#LP_LC .container {margin-right: auto;margin-left: auto; padding: 0 15px;}
#LP_LC .container-fluid {padding: 0 15px; width: 100%;}
#LP_LC a.sg_sprawdz {
	position: relative;
	display: inline-block;
	text-decoration: none;
	/*
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	*/
	font: 14px "robotoregular","Arial";
	color: #fff;
	background: #ff6000;
	text-align: center;
	text-transform: uppercase;
	vertical-align: middle;
	cursor: pointer;
	border: 0 none;
	border-radius: 2px;
	outline: 1px solid rgba(255,255,255,0);
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	transition: .15s;
	line-height: 45px;
	height: 45px;
	padding: 0 10px;
	width: 200px;
}
#LP_LC a.sg_sprawdz:hover {
	-webkit-box-shadow:0 1px 2px 0 rgba(0,0,0,0.05),0 1px 7px 0 rgba(0,0,0,0.07),0 1px 3px -1px rgba(0,0,0,0.05);
	-moz-box-shadow:0 1px 2px 0 rgba(0,0,0,0.05),0 1px 7px 0 rgba(0,0,0,0.07),0 1px 3px -1px rgba(0,0,0,0.05);
	-ms-box-shadow:0 1px 2px 0 rgba(0,0,0,0.05),0 1px 7px 0 rgba(0,0,0,0.07),0 1px 3px -1px rgba(0,0,0,0.05);
	-o-box-shadow:0 1px 2px 0 rgba(0,0,0,0.05),0 1px 7px 0 rgba(0,0,0,0.07),0 1px 3px -1px rgba(0,0,0,0.05);
	box-shadow:0 1px 2px 0 rgba(0,0,0,0.05),0 1px 7px 0 rgba(0,0,0,0.07),0 1px 3px -1px rgba(0,0,0,0.05);
	text-decoration:none;
	background:#f80
}
#LP_LC a.sg_sprawdz:active {
	-webkit-box-shadow:0 4px 5px 0 rgba(0,0,0,0.14),0 1px 10px 0 rgba(0,0,0,0.12),0 2px 4px -1px rgba(0,0,0,0.16);
	-moz-box-shadow:0 4px 5px 0 rgba(0,0,0,0.14),0 1px 10px 0 rgba(0,0,0,0.12),0 2px 4px -1px rgba(0,0,0,0.16);
	-ms-box-shadow:0 4px 5px 0 rgba(0,0,0,0.14),0 1px 10px 0 rgba(0,0,0,0.12),0 2px 4px -1px rgba(0,0,0,0.16);
	-o-box-shadow:0 4px 5px 0 rgba(0,0,0,0.14),0 1px 10px 0 rgba(0,0,0,0.12),0 2px 4px -1px rgba(0,0,0,0.16);
	box-shadow:0 4px 5px 0 rgba(0,0,0,0.14),0 1px 10px 0 rgba(0,0,0,0.12),0 2px 4px -1px rgba(0,0,0,0.16);
	background:#ff6000;
	animation:btn_primary 0.4s cubic-bezier(0.17, 0.67, 0.83, 0.67)
}

#LP_LC a.sg_sprawdz:hover, #LP_LC a.sg_sprawdz:focus, #LP_LC a.sg_sprawdz:active {
    color: #fff;
}

#LP_LC #top-header a.sg_sprawdz {
	margin: 30px 0 0;
}
#LP_LC .btn-center {
	text-align: center;
	margin-top: 20px;
}

#LP_LC .footer-lp {
	font-family: Arial;
	font-size: 16px;
	color: #2e7ae7;
	margin-top: 20px;
	text-align: left;
	background-color: #fff;
}
#LP_LC .footer-lp a {
	display: block;
	font: normal 15px/24px "robotoregular","Arial";
	color: #0a4595;
	text-decoration: none;
	transition: .2s;
}
#LP_LC .footer-lp a:hover {
	color: #ff6000;
	text-decoration: none;
	font-family: inherit;
}

@media screen and (min-width: 768px) {
	#LP_LC .container {width: 750px; }
}
@media screen and (min-width: 992px) {
	#LP_LC .container {width: 970px; }
}
@media screen and (min-width: 1200px) {
	#LP_LC .container {width: 1170px; }
}
#LP_LC [class^="col-"] {padding: 0 15px; width: 100%; }
@media screen and (min-width: 768px) {
	#LP_LC .col-sm-6 {width: 50%; float: left; }
}
@media screen and (min-width: 992px) {
	#LP_LC .col-md-3 {width: 25%; float: left; }
	#LP_LC .col-md-6 {width: 50%; float: left; }
}
#LP_LC .img-responsive {width: auto; height: auto; max-width: 100%;}
#LP_LC, #LP_LC * {box-sizing: border-box;}
#LP_LC {font-family: 'Lato', sans-serif; color: #010101; overflow-x: hidden; width: 100%; max-width: 1400px; margin: 0 auto; position: relative; }
#LP_LC a {-webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; color: #c31513; outline: 0; text-decoration: underline; }
#LP_LC a:hover, #LP_LC a:focus, #LP_LC a:active {color: #fff; }
#LP_LC .navbar-brand {height: auto; padding: 0; position: absolute; right: 0; top: 100px; z-index: 999999999999999999; -webkit-transition: all 0s ease; -o-transition: all 0s ease; transition: all 0s ease; }
#LP_LC #top {background-color: #000; background-image:url(../images/top-bg.jpg); background-repeat: no-repeat; background-size: contain; background-position: top right; min-height: 600px; position: relative; }
#LP_LC #main_image {position: absolute; left: 40%; width: 600px; top: 15%; }
#LP_LC #intel {position: absolute; bottom: 40px; right: 40px; }
#LP_LC #legion_logo {position: absolute; top: 100px; left: 100px; width: 200px; }
#LP_LC #top-header {position: absolute; top: 170px; left: 50px; width: 500px; }
#LP_LC #top-header h1 {font-weight: 900; font-size: 45px; margin: 0 0 30px; font-family: Gotham, sans-serif; color: #c31513; line-height: 50px; text-transform: uppercase; }
#LP_LC #top-header h3 {font-size: 28px; line-height: 38px; font-weight: 500; margin: 0; font-family: Gotham, sans-serif; color: #fff; width: 570px; }
#LP_LC #top-header .fill-form {color: #fff; background-color: #c31513; border-radius: 0; padding: 15px 30px; font-size: 20px; display: block; margin: 50px 0 0; border: 3px solid #c31513; text-decoration: none; max-width: 100%; font-family: Gotham, sans-serif; font-weight: 500; display: inline-block; }
#LP_LC #top-header .fill-form:hover, #LP_LC #top-header .fill-form:focus {color: #c31513; background-color: #010101; }
#LP_LC #top {min-height: 600px; }
#LP_LC #top-header {width: 500px; position: absolute; top: 170px; left: 50px; }
#LP_LC #top-header h1 {font-size: 45px; margin: 0 0 30px; line-height: 50px; }
#LP_LC #top-header h3 {font-size: 28px; line-height: 38px; } #LP_LC #main_image {width: 600px; top: 15%; }
#LP_LC #legion_logo {top: 50px; left: 50px;}
#LP_LC .navbar-brand {width: 80px;}
#LP_LC #top-header .fill-form {margin: 30px 0 0; }
#LP_LC #intel {width: 150px; }
#LP_LC #steps {background-color: #dfdfdf; position: relative; padding: 100px 0; z-index: 9; }
@media (min-width: 1200px) {
	#LP_LC #steps .container, #LP_LC #produkty .container {width: 100%; padding: 0 100px; }
}
#LP_LC #steps h2 {text-align: center; color: #000; margin: 0; font-size: 50px; font-weight: 700; margin-bottom: 75px; text-transform: uppercase; padding: 0 15px; }
#LP_LC #steps .question {width: 100%; height: auto; border-radius: 0; background-color: transparent; color: #C31513; position: absolute; top: auto; bottom: -16px; left: 50%; font-size: 16px; display: inline-block; line-height: inherit; text-align: left; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); }
#LP_LC #steps .answer {z-index: 999; width: 100%; top: calc(100% + 10px); }
#LP_LC #steps article header {position: relative; height: 230px; }
#LP_LC #steps article header img {max-width: 100%; margin: 0 auto; display: block; position: relative; z-index: 2; }
#LP_LC figure {margin:0;}
#LP_LC #steps article figcaption {color: #000; font-size: 20px; display: block; margin: 40px auto 0; position: relative; font-weight: 400; height: 260px; width: 270px; max-width: 100%; }
#LP_LC #steps article figcaption a {font-size: 16px; display: inline-block; text-decoration: none; position: absolute; bottom: 5px; color: #C31513; }
#LP_LC #steps article figcaption a:hover {color: #000; }
#LP_LC #produkty {background-color: #000; padding: 100px 0; }
#LP_LC #produkty h2 {text-align: center; color: #fff; margin: 0; font-size: 40px; font-weight: 700; margin-bottom: 75px; text-transform: uppercase; padding: 0 15px; }
#LP_LC #produkty article {width: 20%; float: left; text-align: center; }
#LP_LC #produkty article header {height: 280px; position: relative; }
#LP_LC #produkty article header img {bottom: 0; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); position: absolute; }
#LP_LC #produkty article h3 {font-size: 20px; margin-bottom: 0; color: #fff; min-height: 60px; }
#LP_LC #produkty article a {text-decoration: none; }
#LP_LC .question {width: 30px; height: 30px; border-radius: 50%; background-color: #c31513; display: block; text-align: center; line-height: 30px; color: #fff; text-decoration: none; position: absolute; top: 20px; left: 168px; font-size: 20px; }
#LP_LC .question:hover, #LP_LC .question:focus {text-decoration: none; }
#LP_LC .answer {opacity: 0; visibility: hidden; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; position: absolute; z-index: 9999; border: 10px solid #c31513; width: calc(100% - 30px); background-color: #c31513; box-shadow: 0 10px 15px rgba(0,0,0,0.3); }
#LP_LC .answer.show {opacity: 1; visibility: visible; }
#LP_LC .answer img {width: 100%; height: auto; }
#LP_LC .answer::before {position: absolute; content: ""; width: 15px; height: 15px; transform: rotate(45deg); background-color: #c31513; top: -18px; left: 50%; }
#LP_LC footer#footer {background: #334048; color: #fff; padding: 50px 100px; width: 100%; left: 0; }
#LP_LC footer#footer p {margin: 0; line-height: 30px; font-size: 18px; float: none; text-align: center;}
#LP_LC footer#footer p:first-of-type {line-height: 25px; padding: 8px 0px; }
#LP_LC footer#footer p a {color: #fff; text-decoration: none; padding: 0 12px; line-height: 60px; font-size: 20px; display: inline-block; vertical-align: middle; }
#LP_LC footer#footer p a:hover {transform: scale(1.2); -moz-transform: scale(1.2); -webkit-transform: scale(1.2); opacity: 0.5; }
#LP_LC footer#footer span {position: relative; font-size: 12px; display: block; margin: 30px 0 0; text-align: center; }
@media screen and (max-width: 1399px) {
	#LP_LC #steps article figcaption {height: 320px; }
}
@media screen and (max-width: 1199px) {
	#LP_LC #top {min-height: 520px;}
	#LP_LC .navbar-brand {width: 60px; top: 50px; }
	#LP_LC #main_image {height: auto; left: 500px; width: 450px; }
	#LP_LC #top-header {width: 500px; left: 30px;  top: 120px;}
	#LP_LC #top-header h3 {font-size: 25px; line-height: 35px; width: 400px; }
	#LP_LC #legion_logo {top: 30px; left: 30px; }
	#LP_LC #intel {bottom: 30px; right: 30px; }
	#LP_LC #top-header .fill-form {font-size: 18px; }
	#LP_LC #steps article header {height: 150px; }
	#LP_LC #steps article figcaption {font-size: 15px; margin: 30px auto 0; height: 200px; width: auto; }
	#LP_LC #steps .question {font-size: 14px; width: 100%; left: 0; transform: translateX(0); }
	#LP_LC #steps article figcaption a, #steps article figcaption a:last-of-type {font-size: 14px; width: 100%; left: 0; transform: translateX(0); }
	#LP_LC #steps h2 {font-size: 45px; }
	#LP_LC footer#footer {padding: 50px 0; background-image:none;}
	#LP_LC #steps .answer {top: calc(100% + 50px); }
}
@media screen and (max-width: 991px) {
	#LP_LC #top {background-color: #000000; background-size: 100%; min-height: unset; }
	#LP_LC #top-header {position: relative; width: 100%; left: 0; top: 0; padding: 180px 15px 0; text-align: center; }
	#LP_LC #top-header h1 {font-size: 45px; margin: 0 0 20px; line-height: 45px; }
	#LP_LC #top-header h3 {font-size: 25px; line-height: 35px; width: 100%; }
	#LP_LC #top-header .fill-form {padding: 12px 25px; margin: 20px 0 0; font-size: 18px; }
	#LP_LC #legion_logo {width: 180px; }
	#LP_LC #intel {bottom: 25px; right: 25px; }
	#LP_LC #main_image {left: 0; height: auto; top: 0; bottom: 0; position: relative; width: auto; max-width: 80%; margin: 15px auto 0; display: block; }
	#LP_LC #steps {padding: 50px 0; }
	#LP_LC #steps .question {bottom: -34px;}
	#LP_LC #steps article figcaption {height: 290px; }
	#LP_LC footer#footer p a {padding: 0 8px; font-size: 18px; }
	#LP_LC #steps article header {height: 210px; }
	#LP_LC #steps article figcaption {height: 150px; margin-bottom: 0; }
	#LP_LC #steps article figcaption a, #LP_LC #steps article figcaption a:last-of-type {font-size: 13px; position: relative; padding: 0;}
	#LP_LC #steps .question {bottom: 0; }
	#LP_LC #steps .answer {top: 100%; }
	#LP_LC #produkty {padding: 50px 0;}
	#LP_LC #produkty article {width: 50%; margin-bottom: 50px; }
	#LP_LC #produkty article:last-of-type {margin-bottom: 0;margin-left: 25%;}
	#LP_LC #produkty article header {height: auto; }
	#LP_LC #produkty article header img {position: relative; left: auto; -webkit-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); }
	#LP_LC footer#footer span {position: relative; bottom: auto; font-size: 12px; margin-top: 30px; display: block; }
}
@media screen and (max-width: 767px) {
	#LP_LC #steps, #LP_LC #produkty, #LP_LC #footer {padding: 50px 0;}
	#LP_LC .navbar-brand {top: 0px; width: 50px; }
	#LP_LC #steps article header span {left: calc(50% - 140px); bottom: 0; }
	#LP_LC #steps article figcaption {margin: 30px auto 40px; height: auto;}
	#LP_LC #steps article figcaption a, #LP_LC #steps article figcaption a:last-of-type {width: auto; position: relative; }
	#LP_LC footer#footer {padding: 50px 0; }
	#LP_LC footer#footer p {float: none !important; text-align: center; }
	#LP_LC footer#footer p a {padding: 0 8px; font-size: 18px; width: 60px; display: inline-block; height: 50px; }
	#LP_LC footer#footer p a img {max-width: 100%; height: auto; max-height: 100%; }
	#LP_LC footer#footer p a:nth-of-type(2) {width: auto; line-height: 50px; }
	#LP_LC footer#footer p:nth-of-type(2) {margin-top: 20px; }
	#LP_LC footer#footer span {text-align: center;}
}

@media screen and (max-width: 479px) {
	#LP_LC #steps, #LP_LC #produkty, #LP_LC #footer {padding: 60px 0;}
	#LP_LC #top-header {padding: 100px 15px 0; }
	#LP_LC #top-header h1 {font-size: 40px; margin: 0 0 20px; line-height: 40px; }
	#LP_LC #top-header h3 {font-size: 20px; line-height: 26px; }
	#LP_LC #steps h2 {font-size: 40px; padding: 0 15px; font-size: 35px; }
	#LP_LC #steps .question {font-size: 16px; }
	#LP_LC #steps article figcaption a {font-size: 16px; }
	#LP_LC figcaption .question {left: 0 !important; right: 0 !important; }
	#LP_LC .question {top: 15px; right: 15px !important; left: auto !important; }
	#LP_LC .answer::before {left: auto !important; right: 20px !important; }
	#LP_LC footer#footer {padding: 40px 0; }
	#LP_LC footer#footer p a {margin: 5px 0; }
}