@import "animate.css";
@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css');

body {
	background: #fff;
	color: #494948;	
	font-family: "Exo 2", serif;
	font-weight: 400;
	font-style: normal;
	font-size: 17px;
	line-height: 27px;
}
header {
	position: relative;
	height: 130px;
	border-bottom: 1px solid #dbdbdb;
	width: 100%;
}
img {
  margin: 0;
  padding: 0;
  border: 0;
  max-width: 100%;
  max-height: 100%;
}

h1 {
  font-size: 60px;
  line-height: 70px;
  font-weight: 400;
}
h2 {
  font-size: 55px;
  line-height: 66px;
  font-weight: 400;
  padding: 15px 0px;
}
h3 {
  font-size: 45px;
  line-height: 55px;
  font-weight: 400;
  padding: 15px 0px;
}
h4 {
  font-size: 27px;
  line-height: 37px;
  font-weight: 400;
  padding: 15px 0px;
}
h5 {
  font-size: 40px;
  line-height: 50px;
  font-weight: 400;
  padding: 15px 0px;
}

a {
  color: #ae0f0a;
  text-decoration: none;
  transition: 0.3s;
  opacity: 1;
}
a:hover { opacity: 0.5 !important; }
strong { font-weight: 700; }
small { font-size: 0.9em; }
p { padding: 10px 0px; }
ul { margin-top: 10px; margin-bottom: 10px; }
sup { font-size: 0.7em; }

[class*='fa-']:before { font-family: 'FontAwesome'; }

.more { 
	color: #ae0f0a;
	background-image: url('../images/arrow_forward.svg');
	background-repeat: no-repeat;
	background-position: right center;
	background-size: auto 18px;
	padding-right: 24px;
}

.partnerzy {
	position: relative;
}
.slajder-partnerzy {
	position: relative;
	width: 80%;
	max-height: 200px;
	margin: 0 auto;
}
.slajder-partnerzy img {
	max-height: 160px;
	padding: 0px 20px;
}
#prev,
#next {
	position: absolute; 
	top: 50%; 
	width: 40px;
	height: 40px;
	margin-top: -20px;
	cursor: pointer;
	background-repeat: no-repeat;
	background-position: center;
	background-size: auto 40px;
	filter: invert(100%);
	opacity: 0.5;
}
#prev { background-image: url('../images/chevron_left.svg'); left: 5%; }
#next { background-image: url('../images/chevron_right.svg'); right: 5%; }
#prev:hover,
#next:hover { opacity: 1; }
	
.bg-wrap { background: linear-gradient(to bottom, rgba(67,60,57,0.2), rgba(61,52,50,0.05) 5%); }
.bg-white { background: #fff; }
.bg-formularz { background: #975758; }
.no-margin { margin: 0 !important; }
.no-border { border: 0 !important; }
.size13 { font-size: 1.3em; line-height: 33px; }
.border { border: 1px solid #eaecee; padding: 15px; }
.center { text-align: center; }
.justify { text-align: justify; }
.uppertxt { text-transform: uppercase; }
.white { color: #fff; }
.red { color: red; }
.green { color: green; }
.red:before {
	display: inline-block;
	margin-right: 10px;
	font-family: 'FontAwesome';
	content: '\f06a';
	color: red;
	width: 30px;
	height: 30px;
	font-size: 20px;
	line-height: 30px;
	background: #fff;
	border-radius: 50%;
	text-align: center;
}
.green:before {
	display: inline-block;
	margin-right: 10px;
	font-family: 'FontAwesome';
	content: '\f164';
	color: green;
	width: 30px;
	height: 30px;
	font-size: 20px;
	line-height: 30px;
	background: #fff;
	border-radius: 50%;
	text-align: center;
}
.red-form { color: red; background: #fff; padding: 5px 10px; border-radius: 16px; }
.red-form:before { padding-right: 10px; font-family: 'FontAwesome'; content: '\f06a'; }
.green-form { color: green; background: #fff; padding: 5px 10px; border-radius: 16px; }
.green-form:before { padding-right: 10px; font-family: 'FontAwesome'; content: '\f164'; }

.lazy-bg { background-size: auto !important; }

.logo {
	margin-top: 30px;
	float: left;
}
.logo img {
	height: 70px;
	float: left;
}

/*========================   Menu   ==========================*/

#menu-trigger { display: none; }
.menu {
	float: right;
	padding: 10px 0px;
	margin-top: 20px;
}
.menu ul { list-style: none; }

.sf-menu { display: inline-block; }
.sf-menu:before,
.sf-menu:after {
  content: " ";
  display: table;
}
.sf-menu:after {
  clear: both;
}
.sf-menu > li {
  position: relative;
  display: inline-block;
}
.sf-menu a {
  display: block;
}
.sf-menu > li > a {
  padding: 20px 20px;
  color: #525252;
}
.sf-menu > li.sfHover > a,
.sf-menu > li > a:hover {
  border-bottom: 1px solid #dbdbdb;
}
.sf-menu > li.active > a {}
.sf-menu .sf-with-ul { position: relative; }
.sf-menu .sf-with-ul:before {
  position: absolute;
  left: 50%;
  top: 47px;
  margin-left: -3px;
  color: #525252;
  content: '\f0d7';
  font: 300 12px/12px 'FontAwesome';
}
.active .sf-with-ul:before { }
.sf-menu ul {
  height: 0px;
  position: fixed;
  width: 600px;
  margin-left: -100px;
  padding-left: 10px;
  top: 130px;
  background: #fff;
  box-sizing: border-box;
  overflow: hidden;
  z-index: 100;
}
.sf-menu ul > li {
	float: left;
	width: 50%;
}
.sf-menu ul > li:nth-child(1),
.sf-menu ul > li:nth-child(2) { padding-top: 30px; }
.sf-menu ul > li:last-child { padding-bottom: 30px; }
.sf-menu ul > li > span { display: table-cell; vertical-align: middle; width: 80px; height: 100px; text-align: center; }
.sf-menu ul > li > span > img { height: 50px; }
.sf-menu ul > li > a { display: table-cell; vertical-align: middle; width: 210px; height: 100px; color: #525252; }

.isStuck { background: #fff; height: 60px; border-bottom: 1px solid #dbdbdb; z-index: 99; }
.isStuck .logo { margin-top: 10px; }
.isStuck .logo img { height: 40px; }
.isStuck .menu { padding: 5px 0px; margin-top: 0px; }
.isStuck .sf-menu > li > a { padding: 10px 20px; }

.f-menu {
	display: block;
	text-align: center;
}
.f-menu > li {
	display: inline-block;
	margin-left: 2px;
	margin-right: 2px;
}

/*==================     ToTop     ======================*/

.toTop {
  position: fixed;
  width: 42px;
  height: 42px;
  background-color: #f7f7f7;
	background-image: url('../images/chevron_up.svg');
	background-repeat: no-repeat;
	background-position: center;
	background-size: 40px auto;
  right: 30px;
  bottom: 0px;
  display: none;
  z-index: 20;
  transition: 0.3s all ease;
}
.toTop:hover { filter: invert(100%); }

/*==================   Parallax    ======================*/

.parallax {
  background-position: center 0;
  background-repeat: no-repeat;
}
.parallax h2 { font-weight: 700; }
.parallax1 {
	position: relative;
	background-size: 100% auto;
	min-height: 400px;
}
.parallax_overlayer {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  overflow: hidden;
  z-index: 0;
  background: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.5));
}
.parallax_caption {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 10%;
}

.well-01 {
  padding-top: 10px;
  padding-bottom: 10px;
}
.well-02 {
  padding-top: 40px;
  padding-bottom: 40px;
}
.well-03 {
  padding-top: 70px;
  padding-bottom: 70px;
}

.navigation { padding-left: 5%; padding-top: 20px; }
.navigation span { color: rgba(73,73,72,0.5); }

.icon { height: 100px; filter: invert(100%) grayscale(100%); }
.imageicon { display: flex; align-items: center; padding-bottom: 15px; }
.imageicon img { display: inline-block; height: 100px; filter: contrast(50%); padding-right: 50px; }
.imageicon h4,
.imageicon h3 { font-weight: 700; }

.home { padding-left: 15px; padding-right: 15px; }
.home .imageicon img { height: 180px; filter: contrast(100%); }
.bg-formularz .imageicon img { filter: invert(100%); }

.image1 {
	float: right;
	max-width: 40%;
	margin-left: 50px;
	margin-top: 15px;
	margin-bottom: 15px;
}
.image2 {
	float: left;
	max-width: 40%;
	margin-right: 50px;
	margin-top: 15px;
	margin-bottom: 15px;
}

.btn,
.btn_form,
.btn_contact {
  color: #fff;
  text-decoration: none;
  background: #ae0f0a;
  border-radius: 5px;
  display: inline-block;
  padding: 8px 26px;
  transition: 0.3s;
}
.btn:hover {
	color: #fff;
	background: #2d3134;
	text-decoration: none;
}
.btn:after { font-family: 'FontAwesome'; content: "\f061"; padding-left: 10px; }
.btn:before { padding: 0px; content: ""; }

.btn_form {
	margin-top: 50px;
	background: #fff;
	color: #494948;
	cursor: pointer;
}
.btn_form:hover {
  color: #000;
  text-decoration: none;
}
.btn_contact {
	margin-top: 50px;
	padding-right: 40px;
	background: #494948;
	background-image: url('../images/chevron_right.svg');
	background-repeat: no-repeat;
	background-position: right 10px center;
}

hr {
  background: #fff;
  margin: 20px auto;
  padding: 0;
  border: 0;
  height: 1px;
}
.hr01 {
  margin: 0 auto;
  width: 30%;
}
.hrcontact hr { 
	width: 100%;
	margin: 50px auto;
	background: rgba(73,73,72,0.5);
}
.hr02 { box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.1); }

.box_product,
.box_f1,
.box_f2,
.box_f3,
.box_01,
.box_02,
.box_03,
.box_032,
.box_04 { float: left; }

.box_product { width: 33.33%; margin: 15px 0px; }
.box_f1 { width: 37%; }
.box_f2 { width: 26%; }
.box_f3 { width: 37%; }
.box_01 { width: 100%; }
.box_02 { width: 50%; }
.box_03 { width: 33.33%; }
.box_032 { width: 66.66%; }
.box_04 { width: 25%; }

.box_cnt,
.box_cnt:hover {
	margin: 0px 15px;
	display: block;
	height: 100%;
	overflow: hidden;
}
.box_03 .box_cnt img,
.box_product .box_cnt img { display: table; }
.box_product p { padding: 0px; }

.box_photo {
	display: block;
	height: 400px;
	background-size: auto 100%;
	background-position: center;
	background-repeat: no-repeat;
	transition: 0.3s;
}
.box_photo:hover {
	background-size: auto 110%;
}

.box_txt,
.box_txt:hover {
	color: #474546;
	padding: 5px 0px;
	box-sizing: border-box;
	display: block;
}
.box_cnt_galeria,
.box_cnt_galeria:hover { display: table-cell; overflow: hidden; }

.box_flex {
    display: flex;
    flex-wrap: wrap;
}
.table_flex { 
	display: flex;
	flex-direction: row;
}
.table_flex div + div { padding-left: 15px; }

table {
	width: 100%;
	border-spacing: 0px;
    border-collapse: separate;
}
td { padding: 10px; }

.table-form1 td { width: 50%; }

.table-contact-form input,
.table-contact-form textarea,
.table-contact-form input:hover,
.table-contact-form textarea:hover,
.table-contact-form input[type="checkbox"]:not(:checked) + label:before,
.table-contact-form input[type="checkbox"]:checked + label::before { background: rgba(0,0,0,0.05); }

.form2 { display: flex; }
.form2 > div:first-child { position: relative; width: 20%; text-align: center; }
.form2 > div:last-child { position: relative; width: 80%; }
.form2 > div > div { display: block; width: 100%; padding: 10px 0px; vertical-align: top; }
.form2 > div > div > div:first-child { display: table-cell; padding-right: 15px; }
.form2 > div > div > div:last-child { display: table-cell; }
.form2 .icon { position: absolute; top: 50%; margin-top: -40px; margin-left: -40px; height: 80px; }

.cky-btn-customize { color: #494948 !important; border-color: #494948 !important; border-radius: 5px !important; }
.cky-btn-reject,
.cky-btn-accept { background-color: #494948 !important; border-color: #494948 !important; border-radius: 5px !important; }
.cky-btn-preferences { background-color: #ae0f0a !important; border-color: #ae0f0a !important; border-radius: 5px !important; }
.cky-show-desc-btn { color: #ae0f0a !important; }
[data-cky-tag*='powered-'] { display: none !important; }

input, select, textarea {	
	display: block;
	width: 100%;
	font-family: "Exo 2", serif;
	font-weight: 400;
	font-style: normal;
	font-size: 17px;
	line-height: 27px;
	background: rgba(255,255,255,0.9);
	border: 0px;
	border-radius: 5px;
	color: #494948;
	padding: 15px;
	box-sizing: border-box;
}

select { width: auto; padding: 5px 10px; }

input:hover, select:hover, textarea:hover { background: #fff; }
input:focus-visible, select:focus-visible, textarea:focus-visible { 
	outline: 0px; 
	border: 0px;
}

input[type="text"]:focus ~ .slabel,
input[type="text"]:not(:focus):valid ~ .slabel,
textarea:focus ~ .slabel,
textarea:not(:focus):valid ~ .slabel {
	background: #fff;
	padding: 1px 9px;
	border-radius: 5px;
	top: -12px;
	left: 15px;
	font-size: 0.9em;
	color: rgba(73,73,72,1);
}
.required { position: relative; }
.slabel {
	position: absolute;
	pointer-events: none;
	left: 17px;
	top: 14px;
	transition: 0.2s ease all;
	color: rgba(73,73,72,0.5);
}
.error:before {
	position: absolute;
	color: red;
	font-family: 'FontAwesome';
	content: '\f06a';
	left: -15px;
	top: 14px;
	width: 30px;
	height: 30px;
	font-size: 20px;
	line-height: 30px;
	background: #fff;
	border-radius: 50%;
	text-align: center;
}

/*=================== Checkbox =======================*/

input[type="checkbox"]:not(:checked) + label:before,
input[type="checkbox"]:checked + label:before {
  content: '';
  position: absolute;
  left: 0px; 
  top: -2px;
  width: 19px; 
  height: 19px;
  background: #fff;
  cursor: pointer;
}
[id*='label-']:before { border: 1px solid #fff; }

input[type="checkbox"]:not(:checked) + label:after,
input[type="checkbox"]:checked + label:after {
  font-family: 'FontAwesome';
  content: '\f00c';
  position: absolute;
  top: -4px; 
  left: 1px;
  font-size: 21px;
  color: green;
  transition: all .1s;
  cursor: pointer;
}

input[type="checkbox"]:not(:checked),
input[type="checkbox"]:checked { position: absolute; left: -9999px; }
input[type="checkbox"]:not(:checked) + label,
input[type="checkbox"]:checked + label { position: relative; padding-left: 21px; }
input[type="checkbox"]:not(:checked) + label:after { opacity: 0; transform: scale(0); }
input[type="checkbox"]:checked + label:after { opacity: 1; transform: scale(1); }
input[type="checkbox"]:disabled + label:before { background: #f3f3f3; cursor: not-allowed; }

footer {
	padding: 40px 0;
	background: linear-gradient(to bottom, #484849, #646466 5%);
	color: #fff;
	font-weight: 300;
}
footer hr { background: rgba(255,255,255,0.5); }
footer a,
footer a:hover { color: #fff; }
footer span { padding-left: 5px; padding-right: 5px; }

.fcopy { float: left; }
.flang { float: right; }
.flogo { display: block; margin-top: 45px; }
.flogo img { height: 160px; }
.flaga-pl { 
	display: inline-block;
	width: 20px;
	height: 12px;
	margin-right: 2px;
	background: linear-gradient(to bottom, #fff 50%, #cc0000 0%);
}