/*
Theme Name: SystemNS
Theme URI: https://redpnda.pl
Author: the Redpanda team
Author URI: https://redpanda.pl
Description: made with love
Version: 4.234445649

*/

@font-face {
	font-family: "montbold";
	src: url("./fonts/montserrat/Montserrat-Bold.ttf");
}

@font-face {
	font-family: "montregular";
	src: url("./fonts/montserrat/Montserrat-Regular.ttf");
}

* {
	box-sizing: border-box;
}

html body {
	margin: 0;
	overflow-x: hidden;
	font-family: "montregular";
}

html body nav {
	width: 100%;
	background-color: #ffffff;
	padding: 12px 5.5%;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	position: -webkit-sticky;
	position: sticky;
	top: 0px;
	z-index: 999;
}

html body nav .logo a {
	display: inline-block;
	background-size: contain;
	background-position: center center;
	background-repeat: no-repeat;
	width: 153px;
	height: 100px;
}

html body nav .menu {
	margin-left: auto;
}

html body nav .menu ul {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	list-style: none;
	margin: 0 10px 0 0;
	padding: 0;
}

html body nav .menu ul li {
	margin: 0 2px;
}

html body nav .menu ul li a {
	text-transform: uppercase;
	text-decoration: none;
	color: #000000;
	font-family: "montbold";
	font-size: 13px;
	padding: 11px;
	border-radius: 8px;
}

html body nav .menu ul li a:hover {
	background: #fcc707;
}

html body nav .socialmedia {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: baseline;
	-webkit-align-items: baseline;
	-ms-flex-align: baseline;
	align-items: baseline;
	margin-top: -7px;
}

html body nav .socialmedia a {
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
	margin-left: 26px;
	margin-right: 2px;
}

html body nav .socialmedia a.yt {
	width: 24px;
	height: 18px;
	background-image: url("img/icon-yt2.png");
}

html body nav .socialmedia a.yt:hover {
	background-image: url("img/icon-yt.png");
}

html body nav .socialmedia a.fb {
	width: 13px;
	height: 25px;
	background-image: url("img/icon-fb2.png");
}

html body nav .socialmedia a.fb:hover {
	background-image: url("img/icon-fb.png");
}

html body nav .socialmedia a.insta {
	width: 23px;
	height: 23px;
	background-image: url("img/icon-insta2.png");
}

html body nav .socialmedia a.insta:hover {
	background-image: url("img/icon-insta.png");
}

html body nav .socialmedia a.tweeter {
	width: 25px;
	height: 21px;
	background-image: url("img/icon-twitter2.png");
}

html body nav .socialmedia a.tweeter:hover {
	background-image: url("img/icon-twitter.png");
}

html body header .slider .slick-slide {
	height: 778px;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}

html body header .slider .slick-slide>div {
	padding-left: 5.5%;
	padding-right: 5.5%;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	height: 100%;
	padding-bottom: 123px;
	padding-top: 98px;
}

html body header .slider .slick-slide>div .text {
	font-family: "montbold";
	-webkit-align-self: center;
	-ms-flex-item-align: center;
	align-self: center;
	-webkit-align-self: center;
	-ms-flex-item-align: end;
	;
	font-family: "montbold";
}

html body header .slider .slick-slide>div .text mark {
	line-height: 1.75em;
	font-size: 40px;
	background-color: #fcc707;
	color: #000000;
	box-shadow: 1em 0 0 #fcc707, -0.5em 0 0 #fcc707;
	padding: 6px 0;
}

html body header .slider .slick-slide>div .text mark em {
	font-style: normal;
	color: #ffffff;
}

html body header .slider .slick-slide>div .image {
	-webkit-box-flex: 1;
	-webkit-flex-grow: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: end;
	-webkit-justify-content: flex-end;
	-ms-flex-pack: end;
	justify-content: flex-end;
	-webkit-box-align: start;
	-webkit-align-items: flex-start;
	-ms-flex-align: start;
	align-items: flex-start;
	padding-right: 4%;
}

html body header .slider .slick-slide>div .image img {
	object-fit: contain;
	width: 51%;
}

html body header .slider .slick-dots {
	bottom: -16px;
	width: auto;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	background: #ffffff;
	border-radius: 20px;
	padding: 8px;
}

html body header .slider .slick-dots li {
	margin: 0 4px;
}

html body header .slider .slick-dots li button:before {
	font-size: 16px;
	color: #7f7f7fbc;
}

html body header .slider .slick-dots li.slick-active button:before {
	color: #fcc707;
}

html body header .slider:after {
	content: "";
	display: block;
	height: 12px;
	background-image: url("img/bar.png");
	background-repeat: no-repeat;
	background-position: top left;
	background-size: 100%;
}

html body header .slick-slider {
	margin-bottom: 0px !important;
}

html body main section a.readmore {
	background-color: #fcc707;
	border-radius: 10px;
	padding: 12px 15px;
	text-decoration: none;
	color: #000000;
	text-transform: uppercase;
	font-size: 12px;
	display: inline-block;
	margin: 20px 0;
	font-family: "montbold";
}
body main .mobile {
	display: none !important;
}
html body main section a.button {
	background-color: #fcc707;
	border-radius: 10px;
	padding: 12px 15px;
	text-decoration: none;
	color: #000000;
	text-transform: uppercase;
	font-size: 12px;
	display: inline-block;
	margin: 20px 0;
	font-family: "montbold";
	cursor:pointer;
}

html body main section.a {
	padding: 30px 5.5% 30px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	background-color: #fafbfd;
}

html body main section.a.reversed {
	flex-direction: row-reverse;
}

html body main section.a>div.text h1 {
	text-transform: uppercase;
	font-family: "montbold";
	font-size: 38px;
	margin: 22px 0px 42px;
}

html body main section.a.reversed>div.photo {
	justify-content: start;
}

html body main section.a>div.text {
	width: 50%;
}

html body main section.a>div.text h2 {
	color: #fcc707;
	text-transform: uppercase;
	font-size: 19px;
	font-family: "montbold";
	margin: 15px 0;
}

html body main section.a>div.text p {
	font-size: 16px;
	line-height: 1.6em;
	margin: 15px 0 25px;
}

html body main section.a>div.photo {
	-webkit-box-flex: 1;
	-webkit-flex-grow: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: end;
	-webkit-justify-content: flex-end;
	-ms-flex-pack: end;
	justify-content: flex-end;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	padding: 20px;
}

html body main section.a>div.photo img {
	max-width: 100%;
}

html body main section.b {
	min-height: 520px;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	padding: 50px 5.5%;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: start;
	-webkit-align-items: flex-start;
	-ms-flex-align: start;
	align-items: flex-start;
}

html body main section.b h2 {
	text-transform: uppercase;
	font-family: "montbold";
	color: #ffffff;
	font-size: 48px;
	margin: 20px 0;
}

html body main section.b h2 mark {
	background-color: #fcc707;
	color: #ffffff;
	padding: 12px 32px 12px 10px;
}

html body main section.c {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	padding: 0px 5.5% 36px;
	background-color: #fafbfd;
}

html body main section.c>div {
	margin-top: -75px;
	margin-bottom: 75px;
	background-color: #ffffff;
	border-radius: 28px;
	padding: 30px 36px 20px;
	width: 23%;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
}

html body main section.c>div img {
	height: 154px;
	object-fit: contain;
	margin: 30px 0;
}

html body main section.c>div h3 {
	text-transform: uppercase;
	font-family: "montbold";
	font-size: 25px;
	margin: 32px 0px 14px;
}

html body main section.c>div p {
	font-size: 16px;
	line-height: 1.6em;
	text-align: center;
}

html body main section.d {
	background-color: #fafbfd;
	padding: 45px 5.5%;
}

html body main section.d article {
	border-radius: 20px;
	background-color: #ffffff;
	padding: 36px;
}

html body main section.d article h2 {
	text-transform: uppercase;
	font-family: "montbold";
	font-size: 36px;
	margin: 23px 0 38px 16px;
}

html body main section.d article h2 mark {
	background-color: #fcc707;
	box-shadow: 0.2em 0 0 #fcc707, -0.4em 0 0 #fcc707;
	padding: 12px 0;
}

html body main section.d article p {
	line-height: 1.3em;
}

html body main section.d article hr {
	margin: 42px 0 52px;
	height: 0px;
	border: 1px solid #dddddd;
}

html body main section.d article .points {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

html body main section.d article .points>div:nth-child(1) {
	width: 31%;
	padding-right: 45px;
	border-right: 1px solid #dddddd;
}

html body main section.d article .points>div:nth-child(2) {
	padding: 0px 45px;
	width: calc(100% - 31% - 32%);
}

html body main section.d article .points>div:nth-child(3) {
	width: 32%;
	padding-left: 45px;
	padding-right: 20px;
	border-left: 1px solid #dddddd;
}

html body main section.d article .points>div .header {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	margin-bottom: 20px;
}

html body main section.d article .points>div .header em {
	color: #fcc707;
	font-size: 100px;
	font-family: "montbold";
	margin: 0px;
	line-height: 0.95em;
	margin-right: 40px;
	font-style: normal;
}

html body main section.d article .points>div .header h3 {
	font-family: "montbold";
	font-size: 23px;
	-webkit-box-flex: 1;
	-webkit-flex-grow: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	margin: 14px 0 0;
}

html body main section.d article .points > div .content p {
	font-size: 16px;
	line-height: 1.6em;
	width: 100%;
	text-align: center;
}

html body main section.d article .points>div .content ul {
	margin: 0;
	padding: 0;
	list-style: none;
	padding-top: 5px;
	padding-bottom: 15px;
}

html body main section.d article .points>div .content ul li {
	position: relative;
	padding-left: 25px;
	font-size: 16px;
	margin-bottom: 20px;
	line-height: 1.6em;
}

html body main section.d article .points>div .content ul li:before {
	content: "";
	display: inline-block;
	background-color: #7f7f7fbc;
	border-radius: 50%;
	width: 8px;
	height: 8px;
	position: absolute;
	top: 7px;
	left: 5px;
}

html body main section.d article .points>div .content.math {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	padding-top: 5px;
}

html body main section.d article .points>div .content.math span {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	text-transform: uppercase;
	line-height: 1.6em;
}

html body main section.d article .points>div .content.math span:nth-child(1) {
	color: #ff6344;
	position: relative;
	padding-right: 20px;
	margin-right: 20px;
}

html body main section.d article .points>div .content.math span:nth-child(1):after {
	content: "";
	color: #000000;
	font-size: 70px;
	position: absolute;
	top: 50%;
	right: 0px;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	height: 5px;
	width: 18px;
	background-color: #000000;
}

html body main section.d article .points>div .content.math span:nth-child(2) {
	color: #017f3d;
	position: relative;
	padding-right: 20px;
	margin-right: 20px;
}

html body main section.d article .points>div .content.math span:nth-child(2):before {
	content: "";
	color: #000000;
	font-size: 70px;
	position: absolute;
	top: 50%;
	right: 0px;
	-webkit-transform: translateY(-150%);
	-ms-transform: translateY(-150%);
	transform: translateY(-150%);
	height: 5px;
	width: 18px;
	background-color: #000000;
}

html body main section.d article .points>div .content.math span:nth-child(2):after {
	content: "";
	color: #000000;
	font-size: 70px;
	position: absolute;
	top: 50%;
	right: 0px;
	-webkit-transform: translateY(50%);
	-ms-transform: translateY(50%);
	transform: translateY(50%);
	height: 5px;
	width: 18px;
	background-color: #000000;
}

html body main section.e {
	background-color: #fafbfd;
	padding: 66px 0px 0px;
}

html body main section.e article {
	margin: 0px 5.5%;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	position: relative;
	overflow-x: hidden;
}

html body main section.e article::after {
	content: none;
	height: 5px;
	width: calc(100% + 1 * 5.5%);
	background-image: url("img/bar.png");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 100%;
	position: absolute;
	bottom: 23px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	z-index: 1;
}

html body main section.e article>div {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	z-index: 2;
}

html body main section.e article>div span {
	font-family: "montbold";
	display: inline-block;
	border-radius: 20px;
	margin-top: 27px;
	padding: 16px 40px;
	position: relative;
}

html body main section.e article>div span::before, html body main section.e article>div span::after {
	content: "";
	display: inline-block;
	height: 10px;
	width: 30px;
	background-color: #fafbfd;
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	right: 100%;
}

html body main section.e article>div span::after {
	left: 100%;
}

html body main section.e article>div:nth-child(1) span {
	color: #028040;
	background-color: #e2eeea;
}

html body main section.e article>div:nth-child(2) span {
	color: #83b92f;
	background-color: #d6e6c2;
}

html body main section.e article>div:nth-child(3) span {
	color: #f9ca02;
	background-color: #fbf6e1;
}

html body main section.e article>div:nth-child(4) span {
	color: #ed8001;
	background-color: #faeee2;
}

html body main section.e article>div:nth-child(5) span {
	color: #e33e11;
	background-color: #f7e8e3;
}

html body main section.f {
	padding: 110px 5.5% 20px;
	background-color: #fafbfd;
}
html body main section.f article > div:first-child{width:49%}
html body main section.f article > div.photo {
	display: flex;
	align-content: center;
	justify-content: center;
	align-items: center;
	justify-items: center;
	justify-content: center;
	width: 49%;
}
html body main section.f article {
	background-color: #ffffff;
	border-radius: 20px;
	padding: 42px;
	display:flex;
}

html body main section.f article .header {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	padding-bottom: 0px;
	border-bottom: 2px solid #dddddd;
	margin-bottom: 20px;
	align-items: center;
}

html body main section.f article .header em {
	color: #83b92f;
	font-size: 67px;
	font-family: "montbold";
	margin: 0px;
	line-height: 1.3em;
	margin-right: 30px;
	font-style: normal;
}

html body main section.f article .header h3 {
	font-family: "montbold";
	font-size: 23px;
	-webkit-box-flex: 1;
	-webkit-flex-grow: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	margin: 0;
	text-transform: uppercase;
}

html body main section.f article .cols2 {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	width:100%;
}

html body main section.f article .cols2>div {
	width: 100%;
}

html body main section.f article .cols2>div.photo {
	text-align: center;
}

html body main section.f article .cols2>div p strong {
	font-family: "montbold";
}

html body main section.f article .cols2 > div table {
	width: 100%;
	border-collapse: collapse;
	border: none;
	margin-top: 15px;
}

html body main section.f article .cols2>div table tr:nth-child(odd) {
	background-color: #f7f7f7;
}

html body main section.f article .cols2>div table tr:last-child {
	background-color: #83b92f;
}

html body main section.f article .cols2>div table tr:last-child td {
	color: #ffffff;
	font-family: "montbold";
}

html body main section.f article .cols2 > div table tr:nth-last-child(2) td {
	padding-bottom: 10px;
}

html body main section.f article .cols2>div table tr td {
	padding: 7px 14px;
	font-size: 16px;
}

html body main section.f article .rows2 {
	margin-top: 0;
}

html body main section.f article .rows2 > div {
	margin-top: 20px;
}

html body main section.f article .rows2 > div .header {
	margin-bottom: 25px;
	display: flex;
	align-items: center;
}

html body main section.f article .rows2>div table {
	margin-top: 20px;
}

html body main section.f article .rows2>div table tr:nth-child(1) {
	background-color: #ffffff !important;
}

html body main section.f article .rows2>div table tr:nth-child(1) th {
	font-family: "montbold";
	text-align: left;
	padding: 7px 14px 20px;
}

html body main section.f article .rows2>div table tr:nth-last-child(2) {
	background-color: #f7f7f7;
}

html body main section.f article .rows2>div table tr:nth-last-child(2) td {
	padding-bottom: 7px;
}

html body main section.f article .rows2>div table tr:last-child {
	background-color: #ffffff;
}

html body main section.f article .rows2>div table tr:last-child td {
	color: #000000;
	font-family: "montregular";
}

html body main section.f article .rows2>div table tr td {
	padding: 7px 14px;
	font-size: 16px;
}

html body main section.f article .rows2>div .score {
	margin: 0px 95px;
	font-size: 19px;
}

html body main section.g .photo {
	height: 834px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	padding: 70px 5.5%;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: start;
	-webkit-align-items: flex-start;
	-ms-flex-align: start;
	align-items: flex-start;
}

html body main section.g .photo h2 {
	text-transform: uppercase;
	font-size: 42px;
	font-family: "montbold";
	margin: 8px 0px 0px 19px;
}

html body main section.g .photo h2 mark {
	line-height: 1.65em;
	background-color: #fcc707;
	color: #000000;
	box-shadow: 0.7em 0 0 #fcc707, -0.5em 0 0 #fcc707;
	padding: 6px 0;
}

html body main section.g .photo h2 mark em {
	font-style: normal;
	color: #ffffff;
}

html body main section.g .products {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	padding: 0px 5.5%;
	background-color: #fafbfd;
}

html body main section.g .products > div {
	width: 31.5%;
	background-color: #ffffff;
	border-radius: 30px;
	min-height: 400px;
	margin-top: -220px;
	position: relative;
	padding: 30px 35px;
	text-align: center;
}

html body main section.g .products>div::after {
	content: "";
	display: inline-block;
	width: 80px;
	height: 80px;
	background-image: url("img/x.png");
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center center;
	position: absolute;
	top: 37px;
	right: 30px;
}

html body main section.g .products>div:first-child::after {
	background-image: url("img/ok.png");
}

html body main section.g .products>div .img {
    height: 350px;
    text-align: center;
    align-items: center;
    justify-content: center;
    justify-items: center;
    align-items: center;
    justify-content: center;
    display: flex;
}
html body main section.g .products>div .img img{max-width:100%}

html body main section.g .products>div h3 {
	font-family: "montbold";
	font-size: 23px;
	margin: 20px 0;
}

html body main section.g .products>div p {
	font-size: 18px;
}

html body main section.h {
	background-color: #fafbfd;
	padding: 50px 5.5%;
}

html body main section.h h2 {
	text-transform: uppercase;
	font-family: "montbold";
	font-size: 36px;
	text-align:center;
}

html body main section.h h3 {
	font-size: 19px;
}

html body main section.h .charts {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin-top: 70px;
	margin-bottom: 46px;
}

html body main section.h .charts > div {
	width: 75%;
	background-color: #ffffff;
	border-radius: 20px;
	padding: 38px 38px 56px;
	margin: auto;
}

html body main section.h .charts>div .legend {
	text-align: center;
	min-height: 30px;
}

html body main section.h .charts>div .legend img {
	margin-bottom: 10px;
}

html body main section.h .charts>div .chart {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin-top: 26px;
}

html body main section.h .charts>div .chart>div {
	width: 48%;
	text-align: center;
}

html body main section.h .charts>div .chart>div img {
	max-width: 100%;
	margin-bottom: 20px;
}

html body main section.h .charts>div .chart>div p {
	font-family: "montbold";
}

html body main section.h .charts>div .source {
	color: #7f7f7fbc;
	font-size: 12px;
	text-align: center;
	padding: 10px 10px 0px;
}

html body main section.h p {
	margin-bottom: 30px;
	line-height: 1.3em;
}

html body main section.i {
	padding: 5px 5.5% 40px;
	background-color: #fafbfd;
}

html body main section.i article {
	background-image: url("img/opinion.png");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	border-radius: 25px;
	text-align: center;
	padding-bottom: 50px;
}
.error-404 {
	display: flex;
	align-content: center;
	align-items: center;
	justify-content: center;
	flex-flow: column;
	padding: 30px 0 100px;
}
html body main section.i article h3 {
	text-transform: uppercase;
	font-size: 70px;
	font-family: "montbold";
	color: #ffffff;
	margin: 0;
	display: inline-block;
	padding: 20px 130px 20px 30px;
	margin-top: 42px;
	margin-bottom: 14px;
	position: relative;
}

html body main section.i article h3::after {
	content: "";
	display: inline-block;
	background-image: url("img/opinion-ok.png");
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center center;
	width: 104px;
	height: 106px;
	position: absolute;
	top: 50%;
	right: 0px;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

html body main section.i article h4 {
	color: #ffffff;
	font-size: 27px;
	font-family: "montbold";
	margin-bottom: 60px;
}

html body main section.i article h4 mark {
	color: #ffffff;
	font-size: 27px;
	background-color: #fcc707;
	line-height: 1.75em;
	box-shadow: 0.5em 0 0 #fcc707, -0.2em 0 0 #fcc707;
	padding: 8px 0;
	margin-left: 5px;
	border-radius: 3px;
}

html body main section.i article p {
	color: #ffffff;
	width: 64%;
	margin: 35px auto;
	font-size: 17px;
	line-height: 1.55em;
}

html body main section.i article p a {
	color: #fcc707;
}

html body main section.j {
	padding: 55px 5.5% 100px;
	background-color: #fafbfd;
}

html body main section.j img {
	width: 153px;
}

html body main section.j .cols2 {
	margin-top: -20px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

html body main section.j .cols2>div:nth-child(1) {
	width: 49%;
}

html body main section.j .cols2>div:nth-child(1) h3 {
	font-family: "montbold";
	text-transform: uppercase;
	font-size: 30px;
	margin: 54px 0px 52px;
}

html body main section.j .cols2>div:nth-child(1) p {
	line-height: 1.57em;
	margin: 24px 0px;
}

html body main section.j .cols2>div:nth-child(2) {
	width: 43%;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	position: relative;
}

html body main section.j .cols2>div:nth-child(2) .logo {
	background-color: #ffffff;
	width: 200px;
	height: 115px;
	background-size: 160px;
	background-repeat: no-repeat;
	background-position: center center;
	position: absolute;
	left: 62px;
	bottom: 70px;
	border-radius: 40px;
}

html body main section.k {
	padding: 45px 5.5% 52px;
	background-color: #fafbfd;
}

html body main section.k h2 {
	text-transform: uppercase;
	font-family: "montbold";
	font-size: 30px;
	margin: 38px 0px 23px;
}

html body main section.k.subpage h1 {
	text-transform: uppercase;
	font-family: "montbold";
	font-size: 38px;
	margin: 38px 0px 23px;
}

html body main section.k.subpage h2 {
	color: #000;
	text-transform: uppercase;
	font-family: "montbold";
	font-size: 38px;
	margin: 22px 0px 42px;
}

html body main section.k.subpage h3 {
	text-transform: uppercase;
	font-family: "montbold";
	font-size: 18px;
	margin: 38px 0px 23px;
}

html body main section.k.subpage h4 {
	text-transform: uppercase;
	font-family: "montbold";
	font-size: 16px;
	margin: 38px 0px 23px;
}

html body main section.k.subpage h5 {
	text-transform: uppercase;
	font-family: "montbold";
	font-size: 14px;
	margin: 38px 0px 23px;
}

html body main section.k.subpage h6 {
	text-transform: uppercase;
	font-family: "montbold";
	font-size: 13px;
	margin: 38px 0px 23px;
}

html body main section.k p {
	line-height: 1.57em;
}

html body main section hr {
	width: 100%;
	height: 0px;
	border: 1px solid #dddddd;
	margin-top: 20px;
}

html body main section.k h4 {
	font-size: 21px;
	font-family: "montbold";
	margin: 38px 0px 36px;
}

html body main section form aside {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

html body main section form aside>div {
	width: 32%;
}

html body main section form aside>div span {
	display: block;
	font-size: 14px;
}

html body main section form aside>div input {
	background-color: #f0f4f7;
	border-radius: 10px;
	font-size: 18px;
	padding: 5px;
	border: none;
	width: 100%;
	margin: 6px 0px;
	padding: 12px;
	outline: none;
}

html body main section form>div {
	margin-top: 23px;
}

html body main section form>div span {
	display: block;
	font-size: 14px;
}

html body main section form>div textarea {
	background-color: #f0f4f7;
	border-radius: 10px;
	font-size: 18px;
	padding: 5px;
	border: none;
	width: 100%;
	margin: 6px 0px;
	padding: 12px;
	outline: none;
	resize: none;
	height: 150px;
}

html body main section form .reg {
	font-size: 12px;
	margin: 8px 0px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
}

html body main section form .reg input {
	width: 17px;
	height: 17px;
	border: 1px solid #dddddd;
	border-radius: 0px;
	margin-right: 10px;
}

html body main section form .reg a {
	color: #83b92f;
	margin: 0px 5px;
}

html body main section form .send {
	margin: 15px 0px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	flex-direction: row-reverse;
	position: relative;
}

html body main section form .send input {
	background-color: #fcc707;
	border-radius: 10px;
	padding: 12px 15px;
	text-decoration: none;
	color: #000000;
	text-transform: uppercase;
	font-size: 12px;
	display: inline-block;
	margin: 0px 34px 0px 0px;
	font-family: "montbold";
	cursor: pointer;
	border: none;
}

html body main section.l {
	background-color: #f0f4f7;
	padding: 0px 5.5%;
}

html body main section.l article {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	padding: 30px 0px;
}

html body main section.l article .logo a {
	display: inline-block;
	background-size: contain;
	background-position: center center;
	background-repeat: no-repeat;
	width: 153px;
	height: 100px;
}

html body main section.l article .menu ul {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	list-style: none;
	margin: 0;
	padding: 0;
}

html body main section.l article .menu ul li {
	margin: 0px 0px 0px 40px;
}

html body main section.l article .menu ul li a {
	text-transform: uppercase;
	text-decoration: none;
	color: #000000;
	font-family: "montbold";
	font-size: 16px;
	padding: 0px;
	border-radius: 8px;
}

html body main section.l article .menu ul li a:hover {
	color: #fcc707;
}

html body main section.m {
	padding: 0px 5.5%;
}

html body main section.m h4 {
	text-transform: uppercase;
	padding: 30px 0px;
	margin: 0;
	border-bottom: 2px solid #dddddd;
}

html body main section.m .cols3 {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin-top: 30px;
	flex-flow: wrap;
}

html body main section.m .cols3>div {
	width: 30%;
	font-size: 13px;
	line-height: 1.6em;
}

html body main section.m .cols3>div p {
	margin-bottom: 18px;
	margin: 0;
}

html body main section.m .cols3>div p strong {
	display: block;
	font-size: 14px;
}

html body main section.m .cols3>div p a {
	color: #83b92f;
}

html body main .barcolor {
	width: 100%;
	height: 12px;
	background-image: url("img/bar.png");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}

html body footer {
	margin-top: 75px;
	background-color: #f0f4f7;
	padding: 33px 5.5%;
	text-align: right;
	text-transform: uppercase;
	color: #7f7f7fbc;
	font-size: 13px;
}

@media screen and (max-width: 1800px) {
	html body {}
}

@media all and (-ms-high-contrast: none) {
	* {
		-webkit-transition: none !important;
		transition: none !important;
	}
}


.read-more-content.hide {
	display: none;
}

html :where(img[class*="wp-image-"]) {
	height: auto;
	max-width: 100%;
	width: auto;
}

html body main section.a.secondary>div.text h2 {
	color: #000;
	text-transform: uppercase;
	font-family: "montbold";
	font-size: 38px;
	margin: 22px 0px 42px;
}

html body main section.a.secondary.subpage>div.text h2 {
	color: #000;
	text-transform: uppercase;
	font-family: "montbold";
	font-size: 30px;
	margin: 22px 0px 42px;
}

html body main section.a.secondary.subpage>div.text h3 {
	color: #fcc707;
	text-transform: uppercase;
	font-size: 22px;
	font-family: "montbold";
	margin: 15px 0;
}

html body main section.a.secondary>div.text h3 {
	color: #fcc707;
	text-transform: uppercase;
	font-size: 19px;
	font-family: "montbold";
	margin: 15px 0;
}

html body main section.c.archive {
	flex-flow: wrap;
	justify-content: flex-start;
}

html body main section.c.archive>div {
	margin: 10px
}

html body footer a {
	color: #000;
	text-decoration: none;
	text-transform: initial;
}

html body main section form>div.recapsend {
	display: flex;
	flex-flow: row;
}

html body main section form .wpcf7-spinner {
	position: absolute;
	top: 50px;
	left: 2px;
}

@media screen and (max-width: 1366px) {

	html body nav {
		padding: 12px 1.5%;
	}

	html body nav .menu ul li a {
		padding: 6px 6px;
	}
	html body nav .menu ul li {
		margin: 0 4px;
	}
	html body nav .menu ul li {
	margin: 0 4px;
}
html body header .slider .slick-slide {
	height: 460px;}

	html body header .slider .slick-slide > div .text mark{font-size: 30px;}
	html body main section.a > div.text{width:70%}
	html body main section.b{min-height:365px;}
	html body main section.c > div {
		padding: 30px 20px 20px;
		margin-bottom: 10px;
	}
	html body main section.c{padding: 0px 1.5% 36px;}
	html body main section.c > div {
	padding: 30px 20px 20px;
	margin-bottom: 10px;
	width:31%;
}
html body main section.k{padding:45px 1.5% 52px}
html body main section.a{padding:30px 1.5% 30px}
html body main section.d, html body main section.e, html body main section.f, html body main section.g, html body main section.h, html body main section.i, html body main section.j, html body main section.k{padding-right:1.5%; padding-left:1.5%}
html body main section.e article{margin: 0px 1.5%;}
html body main section.f{padding-top:60px; padding-bottom:30px}
html body main section.g .photo {
	height: 550px;
}
html body main section.l {
	
	padding: 0px 1.5%;
}
html body main section.f article > div.photo img{max-width:80%}
html body main section.l article .menu ul li {
	margin: 0px 0px 0px 30px;
}
html body main section.m{padding:0px 1.5%}

}
.thum {
	width: 100%;
	height: 180px;
	background-size: cover;
	align-items: center;
	justify-content: center;
	display: flex;
	background-position: center center;
}
.thum img{max-width:100%}

@media screen and (max-width: 1280px) {
	html body nav .logo a {
		
		width: 130px;
	
	}
	html body main section.g .products > div .img {
		height: 225px;
		text-align: center;
		width: 100%;
	}
	html body main section.g .products > div .img img {
		width: auto;
		max-height: 200px;
	}
	html body main section.l article .menu ul li a {
		
		font-size: 14px;
		
	}
	html body main section.l article {
		
		padding: 15px 0px;
	}
	html body main section.e article>div > img {
		max-width: 240px;
	}

}
@media screen and (max-width: 1260px) {
	html body main section.f article > div:first-child {
		width: 100%;
	}
	html body main section.k h4 {
		text-align: center;
		}
	body main .mobile {
		display: block !important;
	}
	body nav #top-menu {
	
		background-image: url("img/hamburger.svg");
		height: 50px;
		border: 0;
		background-color: #FFF;
		border-radius: 6px;
		width: 50px;
		background-size: contain;
		margin-right: 9px;
		background-repeat: no-repeat;
	}
	body nav #top-menu.active {
		background-image: url("img/hamburger-closed.svg");
	}
	html body nav .menu {
		display:none;
		margin-left: auto;
		position: absolute;
		width: 100vw;
		height: 100vh;
		background: #FFF;
		padding: 20px;
		margin-left: -20px;
		top: 105px;
		background: #EEE;
		right:0;
	}
	html body nav .menu ul {
		
		flex-flow: column;
	}
	html body nav .menu ul li {
		margin: 10px;
	}
	html body nav .menu ul li a{font-size:16px}
	html body nav {
		
		justify-content: space-between;
	}
	html body main section.a {
		
		flex-flow: column;
	}
	html body main section.a > div.text {
		width: 100%;
		text-align: center;
	}
	html body main section.b {
		
		display: flex;
		flex-flow: column;
		align-content: center;
		justify-content: center;
		align-items: center;
	}
	html body main section.c > div {
		margin-bottom: 10px;
		margin-top: 22px;
		width: 45.9%;
	}
	html body main section.c {
		
		flex-flow: wrap;
	}
	html body main section.d article h2 {
				text-align: center;
	}
	html body main section.d article p {
	
		text-align: center;
	}
	html body main section.d article .points{flex-flow:wrap}
	html body main section.d article .points > div:nth-child(1), html body main section.d article .points > div:nth-child(2), html body main section.d article .points > div:nth-child(3) {
		width: 100%;
		padding: 20px;
		margin: 10px 0;
		border-radius: 10px;
		border: 1px solid #EEE;
	}
	html body main section.e article {
		
		flex-flow: wrap;
	}
	html body main section.e article > div {
		width: 50%;
		margin-bottom: 40px;
	}
	html body main section.e article > div span {
		
		margin-top: 0px;
		
	}
	html body main section.e article::after {display:none}
	html body main section.f {
		padding-top: 20px;
		
	}
	
	html body main section.f article .cols2 {
		
		flex-flow: wrap;
	}
	html body main section.f article .cols2 > div {
		width: 100%;
	}
	html body main section.g .photo h2 {
		
		font-size: 30px;
		
	}
	html body main section.g .photo {
		height: 360px;
	}
	html body main section.g .products {
		
		flex-flow: wrap;
	}
	html body main section.g .products > div {
		width: 100%;
		margin-top: 0;
		
	}
	html body main section.g .products > div .img {
		height: auto;
		text-align: center;
		width: 100%;
	}
	html body main section.g .products > div .img img {
		width: auto;
		max-height: initial;
		max-width:100%;
	}
	html body main section.h .charts>div .legend img {
		margin-bottom: 10px;
		max-width: 100%;
	}
	html body main section.g .products > div h3 {
		
		text-align: center;
	}
	html body main section.g .products > div p {
	
		text-align: center;
	}
	html body main section.g .products > div p {
	
		text-align: center;
	}
	html body main section.h h3 {
		
		text-align: center;
	}
	html body main section.e article>div img{max-width:100%}
	html body main section.h .charts {
		
		flex-flow: wrap;
	}
	html body main section.h .charts > div {
		width: 100%;
	
	}
	html body main section.h .charts > div .chart {
		
		flex-flow: wrap;
	}
	html body main section.h .charts > div .chart > div {
		width: 100%;
		
	}
	html body main section.h h2 {
		
		text-align: center;
	}
	
	html body main section.h p {
		
		text-align: center;
	}
	html body main section.a > div.photo img {
		
		width: 100%;
	}
	html body main section.k h2 {
		
		text-align: center;
	}
	html body main section.k p {
		
		text-align: center;
	}
	html body main section form aside {
		
		flex-flow: wrap;
	}
	\html body main section form aside > div {
		width: 100%;
		text-align: center;
	}
	html body main section form aside > div br, html body main section form > div br{display:none}
	html body main section form > div span {
		
		text-align: center;
	}
	html body main section.l article .menu{display:none}
	html body main section.l article .logo{display:none}
	html body main section.l article .logo {
		display: flex;
		align-content: center;
		align-items: center;
		justify-content: center;
		justify-items: center;
		width: 100%;
	}
	html body main section.k{padding-bottom:10px;}
	html body main section.m h4 {
	
		text-align: center;
	}
	html body main section.m .cols3 > div {
		width: 90%;
		font-size: 13px;
		line-height: 1.6em;
		text-align: center;
		margin-bottom: 25px;
		border-bottom: 1px solid #EEE;
		padding-bottom: 10px;
	}
	html body main section.m .cols3 {
		
		align-content: center;
		align-items: center;
		justify-content: center;
	}
	html body main section.f article .cols2>div.photo img{max-width:100%}
}
@media screen and (max-width: 782px) {

	html body main section.g .photo img {
		max-width: 52%;
	}
	html body header .slider .slick-slide > div .text mark {
		font-size: 19px;
	}
	html body header .slider .slick-slide > div .text {
	
		width: 85%;
		flex: initial;
	}
	html body header .slider .slick-slide {
		height: 290px;
	}
	


}
@media screen and (max-width: 560px) {
	html body main section.c > div {
		width: 100%;
	}
}
@media screen and (max-width: 460px) {
	html body nav .logo a {
		width: 110px;
	}
	html body nav .socialmedia a {
		
		margin-left: 10px;
		margin-right: 10px;
	}
	html body nav {
	
		height: 90px;
	}
	html body nav .menu {
		
		top: 85px;
	
	}
	html body header .slider .slick-slide {
		height: 280px;
	}
	html body header .slider .slick-slide > div {
		padding-bottom: 80px;
		padding-top: 56px;
		flex-flow: wrap;
	}
	html body header .slider .slick-slide > div .text mark {
		font-size: 16px;
	}
	html body header .slider .slick-slide > div .text mark {
		line-height: 2em;
		
	}
	html body main section.a > div.text h1 {
		font-size: 26px;
		margin: 10px 0 10px;
	}
	html body main section.a > div.text h2 {
		
		font-size: 17px;
	
	}
	html body main section.a > div.text p {
		font-size: 13px;
	
	}
	html body main section.i article h3 {
		
		font-size: 40px;
		
	}
	html body main section form>div.recapsend {
		display: flex;
		flex-flow: column;
		align-items: center;
		justify-content: center;
		align-content: center;
	}
	html body main section form .send input {
		
		margin: 0;
		
	}
	html body main section.g .photo img{display:none}
	html body main section.b h2 {
		
		font-size: 34px;
	
	}
	html body main section.b h2 mark {
		
		padding: 5px 17px 5px 10px;
	}
	html body main section.c>div h3 {
		
		font-size: 17px;
	
	}
	html body main section.c>div p {
		font-size: 14px;
		line-height: 1.2em;
		text-align: center;
	}
	html body main section.c > div {
		
		width: 100%;
	}
	html body main section.d article h2 mark {
	
		padding: 4px 0;
	}
	html body main section.d article h2 {
		
		font-size: 34px;
		
	}
	html body main section.d article {
		
		padding: 15px;
	}
	html body main section.d article .points>div .header h3 {
		
		font-size: 18px;
		
	}
	html body main section.f article .header h3 {
		
		font-size: 18px;
		
	}
	html body main section.f article {
		
		padding: 15px;
	}
	html body main section.i article h4 mark {
		
		box-shadow: none;
		padding: 4px 10px;
		margin-left: 5px;
		
	}
	html body main section.i article p {
		color: #ffffff;
		width: 91%;
		margin: 35px auto;
		font-size: 15px;
		line-height: 1.45em;
	}
	html body main section.i article {
		
		padding-bottom: 30px;
	}
	html body main section.a.secondary>div.text h2 {
		
		font-size: 34px;
		
	}
	
}

@media screen and (min-width: 1260px) {
	html body nav .menu{display:block!important}
}