@font-face {
	font-family: 'Bebas Neue';
	src: url(../fonts/BebasNeueRegular.woff2) format("woff2"), url(BebasNeueRegular.woff) format("woff");
	font-weight: 400;
	font-style: normal
}

@font-face {
	font-family: 'Bebas Neue';
	src: url(../fonts/BebasNeue-Thin.woff2) format("woff2"), url(../fonts/BebasNeue-Thin.woff) format("woff");
	font-weight: 100;
	font-style: normal
}

@font-face {
	font-family: 'Bebas Neue';
	src: url(../fonts/BebasNeueBold.woff2) format("woff2"), url(../fonts/BebasNeueBold.woff) format("woff");
	font-weight: 700;
	font-style: normal
}

@font-face {
	font-family: 'Bebas Neue Book';
	src: url(../fonts/BebasNeueBook.woff2) format("woff2"), url(../fonts/BebasNeueBook.woff) format("woff");
	font-weight: 400;
	font-style: normal
}

@font-face {
	font-family: 'Bebas Neue';
	src: url(../fonts/BebasNeueLight.woff2) format("woff2"), url(../fonts/BebasNeueLight.woff) format("woff");
	font-weight: 300;
	font-style: normal
}

@font-face {
	font-family: 'Open Sans';
	src: url(../fonts/OpenSansLight-Italic.woff2) format("woff2"), url(../fonts/OpenSansLight-Italic.woff) format("woff");
	font-weight: 300;
	font-style: italic
}

@font-face {
	font-family: 'Open Sans';
	src: url(../fonts/OpenSans-ExtraboldItalic.woff2) format("woff2"), url(../fonts/OpenSans-ExtraboldItalic.woff) format("woff");
	font-weight: 800;
	font-style: italic
}

@font-face {
	font-family: 'Open Sans';
	src: url(../fonts/OpenSans-Bold.woff2) format("woff2"), url(../fonts/OpenSans-Bold.woff) format("woff");
	font-weight: 700;
	font-style: normal
}

@font-face {
	font-family: 'Open Sans';
	src: url(../fonts/OpenSans.woff2) format("woff2"), url(../fonts/OpenSans.woff) format("woff");
	font-weight: 400;
	font-style: normal
}

@font-face {
	font-family: 'Open Sans';
	src: url(../fonts/OpenSans-Light.woff2) format("woff2"), url(../fonts/OpenSans-Light.woff) format("woff");
	font-weight: 300;
	font-style: normal
}

@font-face {
	font-family: 'Open Sans';
	src: url(../fonts/OpenSans-Semibold.woff2) format("woff2"), url(../fonts/OpenSans-Semibold.woff) format("woff");
	font-weight: 600;
	font-style: normal
}

@font-face {
	font-family: 'Open Sans';
	src: url(../fonts/OpenSans-Italic.woff2) format("woff2"), url(../fonts/OpenSans-Italic.woff) format("woff");
	font-weight: 400;
	font-style: italic
}

@font-face {
	font-family: 'Open Sans';
	src: url(../fonts/OpenSans-Extrabold.woff2) format("woff2"), url(../fonts/OpenSans-Extrabold.woff) format("woff");
	font-weight: 800;
	font-style: normal
}

@font-face {
	font-family: 'Open Sans';
	src: url(../fonts/OpenSans-SemiboldItalic.woff2) format("woff2"), url(../fonts/OpenSans-SemiboldItalic.woff) format("woff");
	font-weight: 600;
	font-style: italic
}

@font-face {
	font-family: 'Open Sans';
	src: url(../fonts/OpenSans-BoldItalic.woff2) format("woff2"), url(../fonts/OpenSans-BoldItalic.woff) format("woff");
	font-weight: 700;
	font-style: italic
}

progress, sub, sup {
	vertical-align: baseline
}

button, hr, input {
	overflow: visible
}

[type=checkbox], [type=radio], legend {
	box-sizing: border-box;
	padding: 0
}

html {
	font-family: sans-serif;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%
}

body {
	margin: 0;
	width: 100%
}

article, aside, details, figcaption, figure, footer, header, main, menu, nav, section, summary {
	display: block
}

audio, canvas, progress, video {
	display: inline-block
}

audio:not([controls]) {
	display: none;
	height: 0
}

[hidden], template {
	display: none
}

a {
	background-color: transparent;
	-webkit-text-decoration-skip: objects
}

a:active, a:hover {
	outline-width: 0
}

abbr[title] {
	border-bottom: none;
	text-decoration: underline;
	-webkit-text-decoration: underline dotted;
	text-decoration: underline dotted
}

b, strong {
	font-weight: bolder
}

dfn {
	font-style: italic
}

h1 {
	font-size: 2em;
	margin: .67em 0
}

mark {
	background-color: #ff0;
	color: #000
}

small {
	font-size: 85%
}

sub, sup {
	font-size: 75%;
	line-height: 0;
	position: relative
}

sub {
	bottom: -.25em
}

sup {
	top: -.5em
}

img {
	border-style: none
}

svg:not(:root) {
	overflow: hidden
}

code, kbd, pre, samp {
	font-family: monospace, monospace;
	font-size: 1em
}

figure {
	margin: 1em 40px
}

hr {
	box-sizing: content-box;
	height: 0
}

button, input, select, textarea {
	font: inherit;
	margin: 0
}

optgroup {
	font-weight: 700
}

button, select {
	text-transform: none
}

[type=reset], [type=submit], button, html [type=button] {
	-webkit-appearance: button
}

[type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner {
	border-style: none;
	padding: 0
}

[type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring, button:-moz-focusring {
	outline: ButtonText dotted 1px
}

fieldset {
	border: 1px solid silver;
	margin: 0 2px;
	padding: .35em .625em .75em
}

legend {
	color: inherit;
	display: table;
	max-width: 100%;
	white-space: normal
}

textarea {
	overflow: auto
}

[type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button {
	height: auto
}

[type=search] {
	-webkit-appearance: textfield;
	outline-offset: -2px
}

[type=search]::-webkit-search-cancel-button, [type=search]::-webkit-search-decoration {
	-webkit-appearance: none
}

::-webkit-input-placeholder {
	color: inherit;
	opacity: .54
}

::-webkit-file-upload-button {
	-webkit-appearance: button;
	font: inherit
}

ul {
	margin: 0;
	padding: 0;
	list-style: none
}

a {
	color: inherit
}

a:hover {
	text-decoration: none;
	color: inherit;
}

h1, h2, p {
	margin: 0
}

a {
	text-decoration: none
}

body {
	font-family: Open Sans;
	min-width: 320px
}

a {
	overflow-wrap: break-word;
	word-wrap: break-word
}

.article-text {
	overflow: hidden;
	overflow-wrap: break-word;
	word-wrap: break-word
}

.article-text ul {
	list-style: circle;
	padding-left: 20px
}

.article-text__menu-text {
	margin-bottom: 30px
}

.article-text a, article a {
	color: #337ab7;
	text-decoration: underline
}

.article-text a:hover {
	color: #23527c
}

.item a, .breadcrumbs a, .news a, .btn-strankovanie a {
	color: inherit;
	text-decoration: none
}

.product-detail img {
	max-width: 100% !important;
	height: auto !important
}

.article-text img, .product-text img {
	max-width: 100% !important;
	height: auto !important
}

header {
	display: flex;
	max-width: 1100px;
	width: 100%;
	margin: 0 auto;
	height: 100px;
	padding: 0 30px;
	box-sizing: border-box;
	justify-content: space-between;
	align-items: center;
	color: #120808
}

header nav ul {
	display: flex;
	justify-content: flex-end;
	margin-right: -15px
}

header nav ul li {
	box-sizing: border-box;
	margin-left: 14px;
	text-transform: uppercase;
	font-weight: bold;
	height: 100px;
	display: flex;
	align-items: center;
	justify-content: center
}

header nav ul li {
	border-bottom: 3px solid #fff
}

header nav ul li:hover, header nav ul li.active {
	border-bottom: 3px solid #f8f122
}

header nav ul li a {
	padding: 15px 4px
}

header a img {
	height: auto;
	width: 200px
}

.slider {
	display: none;
	max-width: 1920px;
	width: 100%;
	margin: 0 auto
}

.slider #content-slider li {
	height: 340px
}

.slider li {
	position: relative
}

.slider li img {
	display: block
}

.banner-content {
	position: absolute;
	z-index: 3;
	top: 0;
	left: 0;
	right: 0;
	width: 100%;
	max-width: 1100px;
	margin: 95px auto 0
}

.banner-content h1 {
	box-sizing: border-box;
	background: #f8f122;
	display: inline-block;
	padding: 20px 30px;
	font-weight: 400
}

.banner-content p {
	padding: 30px;
	color: #fff;
	font-weight: 400;
	font-size: 18px
}

.overlay {
	position: absolute;
	z-index: 2;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0
}

main {
	max-width: 1920px;
	margin: 0 auto
}

.bg-body {
	background: #f2f2f2;
	width: 100%;
	max-width: 1920px;
	margin: 0 auto
}

.bb-main {
	border-bottom: 1px solid #e0e0e0
}

.content {
	box-sizing: border-box;
	width: 100%;
	max-width: 1100px;
	margin: 0 auto;
	padding: 0 30px
}

.title-category {
	display: flex;
	justify-content: space-between
}

.content .wrapper {
	width: 50%;
	padding-bottom: 50px
}

.content .wrapper:first-child {
	box-sizing: border-box;
	border-right: 1px solid #fff
}

.content .wrapper:nth-child(2) li {
	float: right
}

.content .wrapper h2 {
	font-family: Bebas Neue;
	font-weight: 700;
	text-transform: uppercase;
	text-align: center;
	height: 125px;
	line-height: 125px;
	color: #251e1e
}

.content .wrapper h2.custom {
	height: 107px;
	line-height: 107px
}

.content .wrapper li {
	width: 100%;
	max-width: 485px;
	height: 90px;
	margin-bottom: 17px;
	background: #fff;
	color: #0e3063;
	box-shadow: 3px 3px 0px 0px #d8d9da;
	font-weight: 600;
	overflow: hidden
}

.content .wrapper li a {
	display: flex;
	align-items: center
}

.content .wrapper li img {
	float: left
}

.content .wrapper p {
	margin-left: 44px;
	font-size: 16px
}

.title-category li:hover {
	background: #e6e6e6
}

.site-form {
	border-top: 1px solid #e7e7e7;
	padding: 40px 60px 0;
	margin: 50px -15px 0
}

.alert-success {
	margin-top: 20px
}

.btn-green {
	background: #0abd0e;
	height: 48px;
	font-weight: bold;
	font-size: 19px;
	color: #fff;
	padding-left: 35px;
	padding-right: 35px
}

.btn-green:hover {
	background-color: #08a00b;
	color: #fff
}

.title-text {
	padding-top: 55px;
	padding-bottom: 70px
}

.title-text h1, .title-text h2 {
	color: #000000;
	font-size: 25px;
	line-height: 25px;
	font-weight: 600;
	margin-bottom: 24px
}

.title-text span {
	display: block;
	color: #333;
	font-size: 15px;
	width: 100%;
	max-width: 630px;
	line-height: 26px
}

.title-text a {
	color: #337ab7;
}

.title-text img {
	max-width: 100%
}

.title-text .row {
	display: flex;
	align-items: center
}

.shadow_title {
	box-shadow: 0 0 46px rgba(2, 2, 2, 0.08)
}

.title-text h2 {
	margin-bottom: 43px
}

.title-text--videos {
	padding-bottom: 53px
}

.title-videos {
	display: flex;
	justify-content: space-between;
	margin-bottom: 64px
}

.play-video {
	position: relative;
	display: inline-block;
	width: 330px;
	height: 240px;
	max-width: 32%;
	overflow: hidden
}

.play-video:before {
	position: absolute;
	content: "";
	width: 50px;
	height: 50px;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	background-image: url("../images/youtube-red.png");
	background-size: contain;
	z-index: 2
}

.play-video img {
	display: block;
	position: relative;
	top: -4px
}

.more-videos {
	text-align: center
}

.more-videos a {
	margin-left: 9px;
	text-transform: uppercase;
	color: #120808;
	font-weight: 700;
	font-size: 14px
}

.table-custom {
	width: 100%;
	max-width: 100%
}

.table-custom td {
	min-width: 116px
}

footer {
	width: 100%;
	max-width: 1100px;
	box-sizing: border-box;
	margin: 40px auto 0;
	padding: 0 30px;
	color: #120808;
	text-transform: none
}

footer .wrapper {
	display: flex;
	align-items: flex-start
}

footer .phone {
	width: 143px
}

footer .flex-ai-center.column {
	flex-direction: column;
	align-items: flex-start
}

footer .flex-ai-center a, footer .flex-ai-center span {
	margin-left: 9px
}

footer .flex-ai-center span {
	padding-bottom: 15px
}

footer .flex-ai-center span:last-child {
	padding-bottom: 0
}

footer .email {
	text-transform: none;
	width: 143px
}

footer .youtube {
	margin-left: auto
}

footer .links {
	color: #301111;
	font-size: 12px;
	margin-top: 20px
}

footer .links ul {
	display: flex
}

footer .links ul li {
	margin-right: 25px
}

footer .links ul li:hover {
	text-decoration: underline
}

footer .links ul li a {
	padding: 5px 0
}

footer small {
	display: block;
	padding: 20px 0 40px;
	color: #8c8c8c;
	font-size: 12px
}

footer .icons, footer .links {
	font-weight: bold
}

article h1, article h2, article h3 {
	font-family: Bebas Neue;
	font-weight: 700
}

.banner {
	position: relative;
	width: 100%;
	max-width: 1920px;
	height: 192px;
	background-image: url(../images/baner.jpg);
	background-repeat: no-repeat;
	background-position: center;
	margin: 0 auto
}

.text {
	overflow-wrap: break-word;
	word-wrap: break-word;
	word-break: break-all
}

.text > * {
	overflow-wrap: break-word;
	word-wrap: break-word;
	word-break: break-all
}

.banner .text {
	max-width: 1100px;
	width: 100%;
	margin: 0 auto;
	z-index: 4;
	padding-right: 30px;
	padding-left: 30px
}

.banner .text p {
	display: inline-block;
	background-color: #f8f122;
	padding: 20px 30px;
	font-size: 20px
}

.wrapper-sub {
	border-right: 1px solid #e0e0e0;
	padding-bottom: 45px
}

.wrapper-sub nav {
	box-sizing: border-box;
	width: 275px
}

.wrapper-sub nav > ul > li {
	box-sizing: border-box;
	padding: 10px 30px;
	background: #e0e0e0;
	color: #251e1e;
	width: 257px;
	margin-bottom: 10px;
	font-weight: 600;
	font-size: 15px
}

.wrapper-sub nav > ul > li.active, .wrapper-sub nav > ul > li:hover {
	background: #313131;
	color: #fff
}

.wrapper-sub nav > ul > ul {
	list-style: url(../images/arrow-right.png);
	margin-left: 45px;
	font-size: 14px;
	padding-top: 10px;
	width: 210px
}

.wrapper-sub nav > ul > ul li {
	margin-bottom: 20px
}

.wrapper-sub nav > ul > ul li.active {
	color: #28589f
}

.wrapper-sub nav > ul > ul li:last-child {
	margin-bottom: 25px
}

.wrapper-sub nav > ul > ul a:hover {
	color: #28589f
}

.text-sub {
	margin-top: 37px;
	display: flex;
	margin-bottom: 25
}

article {
	width: 100%;
	padding-left: 30px;
	padding-bottom: 50px
}

article .breadcrumbs ul {
	display: flex;
	flex-wrap: wrap;
	color: #929292;
	font-size: 12px
}

article .breadcrumbs a::after {
	content: "»";
	position: relative;
	top: -1px;
	text-decoration: none;
	margin: 0px 10px;
	display: inline-block;
	vertical-align: middle
}

article .breadcrumbs li:last-child a::after {
	content: ""
}

article h1 {
	margin: 30px 0 35px;
	text-transform: uppercase
}

article p {
	line-height: 30px
}

article div.section {
	margin: 25px 0 0px;
	padding-top: 25px;
	border-top: 1px solid #e0e0e0
}

article div.section h2 {
	margin-bottom: 25px
}

article .gallery {
	display: flex;
	flex-wrap: wrap;
	align-items: center
}

article .gallery img {
	max-width: 215px;
	max-height: 190px;
	padding: 5px;
	border: solid 1px #CCC;
	box-shadow: 0px 0px 3px #999;
	margin-right: 20px;
	margin-bottom: 15px
}

article.full-text .text-output {
	margin-bottom: 120px;
	line-height: 30px
}

article.full-text .text-output h1 {
	margin: 35px 0
}

article.full-text .text-output h2 {
	margin-bottom: 30px;
	text-transform: uppercase;
	font-size: 24px
}

.breadcrumbs a:hover {
	text-decoration: underline
}

.text-list {
	margin-top: 30px
}

.news {
	display: flex;
	border-top: 1px solid #eeeeee;
	padding: 30px 0
}

.news .text-photo {
	width: 155px;
	overflow: hidden;
	position: relative;
	border-radius: 4px;
	flex-shrink: 0
}

.news img {
	padding: 3px;
	border: 1px solid #eee;
	margin: auto;
	max-width: 100%;
	max-height: 100%
}

.news .text-body {
	padding: 0 0 0 35px
}

.news h2 {
	margin-bottom: 15px;
	font-family: "Open Sans";
	font-size: 20px
}

.download a:hover {
	text-decoration: underline
}

.products-text-heading {
	line-height: 22px
}

.products {
	margin-top: 25px
}

.products .filters {
	border: 1px solid #e0e0e0;
	width: 100%;
	max-width: 748px;
	box-sizing: border-box;
	font-size: 13px;
	display: flex;
	padding-left: 15px;
	flex-wrap: wrap
}

.select {
	position: relative;
	margin-right: 43px;
	display: inline-block;
	margin-left: auto
}

.select select {
	padding-right: 30px
}

.filter-block {
	width: 50%;
	min-width: 265px;
	margin: 4px 0;
	display: flex
}

select.form-control {
	width: 128px;
	border: 0;
	box-shadow: none;
	background: #f6f6f6;
	height: 33px;
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	margin-left: 10px
}

select.form-control::-ms-expand {
	display: none
}

select.form-control:focus {
	outline: none;
	border: none;
	box-shadow: none
}

.select__arrow:after {
	position: absolute;
	top: 7px;
	right: 15px;
	pointer-events: none;
	content: url(../images/arrow-down.png);
	z-index: 999
}

select.count {
	width: 65px
}

.products-items {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	max-width: 780px;
	margin-top: 17px;
	margin-left: -20px
}

.products-items .item {
	display: inline-block;
	box-sizing: border-box;
	width: 236px;
	height: 325px;
	border: 1px solid #e0e0e0;
	position: relative;
	margin-bottom: 20px;
	margin-left: 20px;
	display: flex;
	flex-direction: column
}

.products-items .item:hover {
	background: #fff
}

.products-items .item .item-img {
	height: 220px;
	width: 234px;
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden
}

.products-items .item .item-img img {
	max-width: 234px;
	max-height: 170px
}

.products-items .item p {
	line-height: normal;
	color: #1c3d6f;
	display: table-cell;
	vertical-align: middle;
	padding: 0 18px 8px;
	font-weight: 700
}

.products-items .item .podnadpis {
	padding: 0 18px 8px;
	color: #737373;
	overflow: hidden
}

.products-items .item .price {
	display: block;
	min-height: 38px;
	height: 38px;
	line-height: 35px;
	border-top: 1px solid #e0e0e0;
	padding-left: 18px;
	color: #393838;
	font-weight: 700;
	margin-top: auto
}

.products-items .item .arrow {
	width: 22px;
	height: 22px;
	background: #f8f122;
	position: absolute;
	bottom: 10px;
	right: 7px;
	display: flex
}

.products-items .item .arrow a {
	width: 100%;
	height: 100%;
	display: inline;
	line-height: 0px;
	display: flex;
	align-items: center;
	justify-content: center
}

.item .special {
	position: absolute;
	float: left;
	top: 7px;
	left: 9px
}

.special span {
	display: inline-block;
	padding: 4px 5px;
	color: #fff;
	margin-right: 5px;
	font-weight: 600
}

.special .new {
	background: #1c3d6e
}

.special .discount {
	background: #0abd0e
}

.banner .basket {
	width: 170px;
	height: 68px;
	background: #fff;
	float: right;
	display: flex;
	align-items: center;
	padding-left: 24px;
	padding-right: 20px;
	position: relative
}

.banner .basket a {
	margin-right: 5px;
	font-size: 12px
}

.banner .basket a:hover {
	text-decoration: underline
}

.banner .basket a:nth-child(2) {
	margin-left: 5px
}

.banner .basket .price {
	display: inline-block;
	margin-left: auto;
	float: right;
	text-decoration: underline
}

.banner .basket .count-items {
	width: 40px;
	height: 40px;
	position: absolute;
	top: 13px;
	left: 24px;
	background: url(../images/basket.png);
	line-height: 54px;
	text-align: center;
	color: #f8f122
}

.filter-block span {
	display: inline-block;
	line-height: 33px
}

.btn-strankovanie {
	display: flex;
	justify-content: center
}

.photos {
	max-width: 402px;
	width: 100%
}

.product-detail {
	box-sizing: border-box;
	width: 100%;
	max-width: 777px;
	padding-right: 30px;
	display: flex;
	flex-wrap: wrap
}

.product-detail .item {
	box-sizing: border-box;
	max-width: 402px;
	width: 100%;
	height: 376px;
	border: 1px solid #e0e0e0;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center
}

.product-detail .item img {
	max-height: 100%;
	max-width: 100%
}

.photos .alt-photos {
	display: flex;
	margin-top: 20px;
	margin-bottom: 20px
}

.photos .alt-photos li {
	box-sizing: border-box;
	width: 56px;
	height: 56px;
	border: 1px solid #e0e0e0;
	margin-right: 9px
}

.photos .alt-photos a {
	display: flex;
	width: 100%;
	height: 100%;
	justify-content: center;
	align-items: center
}

.photos .alt-photos a img {
	max-width: 100%;
	max-height: 100%
}

.product-detail aside {
	width: 100%;
	max-width: 320px;
	margin-left: auto
}

.product-detail .options {
	color: #ff6600;
	box-sizing: border-box;
	height: 43px;
	line-height: 43px;
	border-top: 1px solid #e0e0e0;
	border-bottom: 1px solid #e0e0e0;
	padding-left: 7px
}

.product-detail .options span {
	display: inline-block;
	text-decoration: underline;
	cursor: pointer
}

.product-detail .options span:first-child {
	margin-right: 35px
}

.product-detail .options span img {
	margin-right: 15px
}

.product-detail .price {
	box-sizing: border-box;
	height: 67px;
	line-height: 67px;
	padding-left: 14px;
	font-size: 20px;
	font-weight: bold
}

.product-detail .price small {
	font-weight: normal;
	font-size: 15px;
	margin-left: 10px
}

.action {
	background: #0abd0e;
	border: 0;
	color: #fff
}

button.action {
	width: 100%;
	max-width: 292px;
	height: 48px;
	display: block;
	margin: 0 auto;
	font-weight: bold;
	font-size: 19px;
	margin-bottom: 30px;
	transition-property: background;
	transition-duration: 0.3s
}

.action:focus {
	outline: none
}

.action:hover {
	background: #08a00b
}

.product-detail .info li {
	box-sizing: border-box;
	height: 43px;
	line-height: 43px;
	border-bottom: 1px solid #e0e0e0;
	clear: both;
	padding-left: 14px
}

.product-detail .info li:first-child {
	border-top: 1px solid #e0e0e0
}

.product-detail .info li span {
	display: inline-block;
	width: 170px;
	float: right
}

.product-detail .text h2 {
	border-top: 1px solid #e0e0e0;
	padding-top: 23px;
	padding-bottom: 33px;
	font-size: 20px
}

.product-detail .text > div {
	line-height: 23px;
	margin-bottom: 35px
}

.similiar-products {
	box-sizing: border-box;
	width: 100%;
	max-width: 777px;
	padding-bottom: 73px
}

.similiar-products h3 {
	border-top: 1px solid #e0e0e0;
	margin: 0;
	padding-top: 29px;
	text-transform: uppercase;
	font-size: 26px
}

.similiar-products .products-items {
	margin-top: 30px
}

.modal-overlay {
	position: absolute;
	z-index: 9999;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	visibility: hidden;
	opacity: 0;
	background: rgba(0, 0, 0, 0.7);
	transition: all 0.3s
}

.modal-overlay.modal-show {
	visibility: visible;
	opacity: 1
}

.modal-window {
	position: fixed;
	width: 100%;
	max-width: 460px;
	background-color: #fff;
	top: 15%;
	right: 0;
	left: 0;
	margin: auto;
	padding: 32px 36px;
	color: #080808
}

.modal-window {
	-webkit-transform: scale(0.7);
	transform: scale(0.7);
	opacity: 0;
	transition: all 0.3s
}

.modal-show .modal-window {
	-webkit-transform: scale(1);
	transform: scale(1);
	opacity: 1
}

.modal-window .modal-exit {
	position: absolute;
	width: 36px;
	height: 36px;
	top: -15px;
	right: -15px;
	background: url(../images/modal-exit.png);
	cursor: pointer
}

.modal-window form {
	display: block;
	margin-top: 35px
}

.modal-window input {
	display: block;
	width: 100%;
	max-width: 292px;
	height: 38px;
	border: 1px solid #bfbfbf;
	padding: 0 10px;
	margin-bottom: 11px
}

.modal-window input:focus, .modal-window textarea:focus {
	outline-color: #0abd0e
}

.modal-window textarea {
	display: block;
	width: 100%;
	max-width: 292px;
	padding: 5px 10px;
	margin-bottom: 11px;
	resize: vertical
}

.modal-window h2 {
	font-size: 25px;
	font-weight: bold
}

.modal-window button {
	margin: 32px 0 0 0
}

.modal-window label {
	margin-bottom: 3px
}

.alert-email, .alert-empty {
	display: none
}

.slideout-menu {
	position: fixed;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	z-index: 0;
	width: 256px;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
	display: none
}

.slideout-menu li {
	padding: 20px 0 20px 30px;
	border-bottom: 1px solid #f1f1f1
}

.slideout-panel {
	position: relative;
	z-index: 1
}

.slideout-open, .slideout-open .slideout-panel, .slideout-open body {
	overflow: hidden
}

.slideout-open .slideout-menu {
	display: block
}

.site-block {
	min-height: 100%;
	position: relative;
	box-shadow: 0 -5px 8px 0 rgba(0, 0, 0, 0.25);
	background: #fff
}

.mobile-menu {
	display: none;
	background-color: #fff
}

.fa-bars {
	display: none
}

@media (max-width: 968px) {
	.fa-bars {
		display: block
	}
}

.slideout-panel {
	will-change: initial
}

.slideout-menu li {
	padding: 15px 0 15px 0px
}

.main-m-menu > li a {
	padding-left: 10px
}

.slideout-menu > ul > li {
	border-bottom: 1px solid #adadad
}

.slideout-menu .sub li {
	padding-left: 0px
}

.slideout-menu .sub li:last-child {
	padding-bottom: 0
}

.slideout-menu .sub li:last-child {
	border-bottom: none
}

.sub-menu:last-child {
	padding-bottom: 0
}

.sub-menu li {
	padding: 10px 0 10px
}

.sub li a {
	padding-left: 25px
}

.sub-menu li a {
	padding-left: 45px
}

.mobile-menu a {
	display: block
}

.mobile-menu .sub-menu .zmdi {
	right: -15px;
	top: 0px
}

.sub ul {
	display: none;
	margin-top: 5px
}

.toggled > a {
	text-decoration: underline
}

li.sub-menu {
	padding-right: 30px
}

.visible {
	display: block !important;
	-webkit-animation: fadeIn 250ms;
	animation: fadeIn 250ms
}

.visible li a, .visible li {
	position: relative
}

.visible li a:before {
	content: '\f2fb';
	font: normal normal normal 14px/1 'Material-Design-Iconic-Font';
	font-size: inherit;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	position: absolute;
	left: 13px;
	top: 3px
}

.visible .sub-menu li a:before {
	left: 30px
}

.toggled.zmdi-chevron-down:before {
	content: '\f2fc'
}

.mobile-menu .zmdi {
	position: absolute;
	right: 15px
}

.mobile-menu .dropdown-menu > li > a {
	padding: 3px 10px 3px 0
}

.flex-ai-center {
	display: flex;
	align-items: center
}

.padding-zero {
	padding: 0
}

.margin-zero {
	margin: 0
}

.margin-t-zero {
	margin-top: 0
}

.border-top {
	border-top: 1px solid #e0e0e0
}

.submenu-padding {
	padding-left: 50px;
	padding-bottom: 50px
}

.content-section {
	width: 100%
}

.m-l-auto {
	margin-left: auto
}

.bb-none {
	border-bottom: none !important
}

.js-produkt-mnozstvo {
	width: 50%;
	display: inline-block
}

.cart-list .list-header {
	border-bottom: 2px solid #f2f1ed;
	padding: 0 0 10px;
	color: #a1a1a1;
	font-size: 12px
}

.cart-list .list-content {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	border-bottom: 2px solid #f2f1ed;
	padding: 5px 0
}

.cart-list .list-content .text {
	text-align: center
}

.cart-list .list-content .image a {
	width: 50px;
	margin: 0 auto
}

.cart-list .list-content img {
	max-width: 50px;
	max-height: 50px;
	display: block;
	margin: 0 auto
}

.fa-times-circle {
	font-size: 18px;
	color: #ee2e45;
	padding: 10px 0
}

.fa-times-circle:hover {
	cursor: pointer;
	color: #d1191f
}

.form-footer .btn {
	margin-bottom: 15px
}

.list-footer {
	margin: 15px 0
}

.kosik-navigator {
	width: 100%
}

.kosik-all {
	flex-wrap: wrap
}

.kosik-all table {
	width: 100%;
	max-width: 550px
}

.kosik-all table .tsd1 {
	width: 60%
}

.kosik-all form {
	width: 100%
}

.kosik-nav-button {
	padding: 15px 0;
	margin-top: 15px
}

.btn, .form-control {
	border-radius: 0px
}

.sposob-zaplatenia-dorucenia {
	padding-bottom: 15px;
	border-bottom: 2px solid #f2f1ed
}

.udaje-formular table td {
	padding-bottom: 10px
}

.fakturacna table input {
	padding-left: 5px
}

.star {
	color: red;
	padding-left: 5px
}

.krok-4-tabulka .info {
	margin: 50px 0
}

.objednat {
	margin: 25px 0
}

.objednat .btn {
	margin: 0 auto
}

.kosik-celkove-info {
	margin-top: 25px
}

.adresa {
	margin-bottom: 20px
}

.pb {
	margin: 50px 0
}

.kosik-login {
	width: 100%
}

#checkbox-ucet, #checkbox-adresa {
	margin: 25px 0
}

.kosik-registracia, #fakturacna-adresa, .kosik-prihlasenie, #ina-fakturacna-adresa {
	padding-bottom: 15px;
	margin-bottom: 15px;
	border-bottom: 2px solid #f2f1ed
}

.kosik-prihlasenie .registruj-ma {
	margin-top: 20px
}

.zabudol_som_heslo {
	margin-left: 25px;
	text-decoration: underline
}

.obchodne-podmienky a {
	text-decoration: underline
}

.kosik-nav-button input[type=submit], .objednat input[type=submit], .objednat a, .form-footer button {
	width: 160px;
	height: 45px;
	font-size: 16px;
	font-weight: 600
}

.objednat a {
	line-height: 31px
}

.kosik-nav-button input[type=submit].active:focus {
	background: #08a00b
}

.kosik-nav-button input[type=submit].active:active {
	background: #08a00b
}

@media (max-width: 767px) {
	.hidden-sm-down {
		display: none
	}

	.list-header {
		display: none
	}

	.cart-list .list-content .set-width {
		width: 100%;
		padding-bottom: 10px;
		border-bottom: 1px solid #f2f1ed;
		margin-bottom: 15px
	}

	.cart-list .list-content {
		border-top: 1px solid #f2f1ed;
		border-left: 1px solid #f2f1ed;
		border-right: 1px solid #f2f1ed;
		margin-bottom: 10px
	}
}

@media (max-width: 450px) {
	.kosik-celkove-info {
		flex-direction: column
	}

	.kosik-nav-button input[type=submit] {
		width: 135px
	}
}

.account-menu {
	margin-bottom: 25px
}

.account-menu i.zmdi {
	margin-right: 15px
}

.account-list {
	margin-bottom: 25px
}

.account-list .mb {
	margin-bottom: 15px
}

.account-list .row.list-content {
	border-bottom: 2px solid #f2f1ed;
	margin-bottom: 10px;
	padding-bottom: 10px
}

.moje-udaje .form-group {
	display: flex
}

.moje-udaje .form-control {
	width: 70%
}

.moje-udaje .form-group label {
	width: 90px;
	min-width: 90px;
	margin-right: 10px
}

.moje-udaje h3 {
	margin-bottom: 20px
}

.forgot {
	margin-left: 15px;
	line-height: 45px
}

@media (max-width: 767px) {
	.account-menu .nav-tabs > li {
		float: none
	}

	.account-menu .nav-tabs > li.active > a {
		border: none;
		text-decoration: underline
	}
}

.o-nas .row div {
	margin-bottom: 25px;
	font-weight: bold
}

.o-nas .row img {
	margin-top: 10px;
	max-width: 100% !important;
	height: auto !important
}

@media (max-width: 1150px) {
	header nav ul li {
		margin-left: 5px
	}
}

@media (max-width: 1050px) {
	.title-category {
		flex-direction: column;
		align-items: center
	}

	.banner-content {
		margin-left: 250px
	}

	.content .wrapper {
		width: 100%;
		max-width: 485px;
		padding-bottom: 50px
	}

	.content .wrapper:first-child {
		border-right: none;
		border-bottom: 1px solid #fff
	}
}

@media (max-width: 968px) {
	header nav ul li {
		margin-left: 5px
	}

	header nav {
		display: none
	}

	header {
		justify-content: flex-start
	}

	header img, header > a {
		margin: 0 auto
	}

	.banner-content {
		margin-left: 100px
	}

	footer .wrapper {
		flex-direction: column
	}

	footer .youtube {
		margin-left: initial
	}

	footer .icons div {
		margin-bottom: 15px
	}
}

@media (max-width: 768px) {
	header nav {
		display: none
	}

	header {
		justify-content: flex-start
	}

	header img, header > a {
		margin: 0 auto
	}

	.banner-content {
		margin-left: 100px
	}

	footer .wrapper {
		flex-direction: column
	}

	footer .youtube {
		margin-left: initial
	}

	footer .icons div {
		margin-bottom: 15px
	}
}

@media (max-width: 565px) {
	.content {
		padding: 0 20px
	}

	footer .links ul {
		flex-direction: column
	}

	footer .links ul li {
		margin-bottom: 7px
	}

	.banner-content {
		margin-left: 50px
	}
}

@media (max-width: 480px) {
	.slider {
		display: none
	}
}

@media (max-width: 380px) {
	.content .wrapper p {
		margin-left: 15px
	}
}

@media (max-width: 1100px) {
	.product-detail {
		flex-direction: column;
		padding-right: 0
	}

	.product-detail aside {
		margin: 0
	}
}

@media (max-width: 1024px) {
	.content.padding-zero {
		padding: 0 30px
	}
}

@media (max-width: 768px) {
	aside.wrapper-sub {
		display: none
	}

	.submenu-padding {
		padding-left: 0
	}

	.product-detail {
		align-items: center
	}

	.breadcrumbs {
		display: none
	}

	footer .flex-ai-center span {
		margin-left: 0
	}

	footer .flex-ai-center span.phone {
		margin-left: 9px
	}

	footer .links {
		margin-top: 0px
	}
}

@media (max-height: 650px) {
	.modal-window {
		position: absolute;
		top: 10%
	}
}

@media (max-width: 571px) {
	.products-items {
		justify-content: center;
		margin-left: 0
	}

	.products-items .item {
		margin-left: 0
	}

	.content.padding-zero {
		padding: 0 20px
	}
}

@media (max-width: 565px) {
	.banner .text {
		display: flex;
		flex-direction: column;
		align-items: center
	}

	.banner .basket {
		width: 310px;
		margin-top: 10px
	}

	.modal-window {
		width: 90%
	}

	article {
		padding-left: 0px
	}

	.news {
		flex-wrap: wrap;
		justify-content: center
	}

	.news h2 {
		text-align: center
	}

	.news .text-body {
		padding: 0
	}

	.news .text-photo {
		margin-bottom: 15px
	}

	article h1 {
		text-align: center
	}
}

@media (max-width: 400px) {
	.product-detail .options span:first-child {
		margin-right: 10px
	}

	.product-detail .options span img {
		margin-right: 5px
	}

	footer .flex-ai-center span {
		margin-left: 0
	}
}

@media (max-width: 960px) {
	.filter-block {
		width: 100%;
		display: flex
	}

	.select {
		margin-left: auto
	}

	.products .filters {
		padding-left: 10px
	}
}

.categories {
	flex-direction: column;
	align-items: center;
	margin-bottom: 15px
}

.categories span {
	margin-bottom: 10px
}

.categories .select {
	margin: 0 auto
}

.categories .select select {
	width: 100%;
	margin: 0
}

.mobile-only {
	display: none
}

@media (max-width: 768px) {
	.mobile-only {
		display: flex
	}
}

.text-submenu {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	padding-left: 0px !important
}

.text-submenu li {
	width: 45%;
	border: 1px solid #e0e0e0;
	transition: border-color ease-in-out 0.15s
}

.text-submenu li:hover {
	border-color: #737373
}

.text-submenu li a {
	text-decoration: none;
	display: block;
	width: 100%;
	padding: 15px 25px;
	margin-bottom: 20px;
	color: #0e3063
}

iframe {
	max-width: 100%
}

.mobile-menu .sub-menu .active {
	text-decoration: underline
}

@media (max-width: 565px) {
	.text-submenu li {
		width: 100%;
		height: auto
	}

	.select {
		margin-right: 15px
	}
}

.text-submenu li a {
	margin-bottom: 0;
	display: flex;
	align-items: center
}

.text-submenu li {
	margin-bottom: 20px;
	display: flex
}

.text-submenu li a.has_image {
	border-left: none;
	width: auto !important
}

.for-img {
	padding: 0 !important;
	width: 100px !important;
	border: none !important;
	overflow: hidden;
	display: block !important
}

.has_image {
	flex: 1
}

.cta {
	font-family: "Open Sans";
	border-top: solid 8px #f8f122;
	background-color: #f8f8f8;
	padding: 24px 35px 29px 35px;
	margin-top: 25px
}

.cta h2 {
	font-family: "Open Sans";
	font-size: 26px;
	margin-bottom: 5px
}

.cta p {
	font-family: "Open Sans";
	font-size: 16px;
	font-weight: 400
}

.cta__contact {
	display: flex;
	margin-top: 33px
}

.cta__img {
	margin-right: 35px
}

.cta__right {
	width: 40%;
	margin-top: -10px
}

.cta__right img {
	margin-top: 15px
}

.cta__right span {
	display: block
}

.cta__left {
	font-size: 0px;
	width: 60%
}

.cta__img, .cta__left__text {
	display: inline-block;
	vertical-align: top
}

.cta__heading {
	font-family: "Open Sans";
	font-size: 20px;
	font-weight: 900
}

.cta__left p {
	font-size: 16px
}

.cta__left__text {
	margin-top: 10px
}

.cta__left__text p {
	font-size: 13px;
	line-height: 18px
}

@media (max-width: 1015px) {
	.cta__contact {
		flex-direction: column
	}

	.cta__left {
		width: 100%;
		margin-bottom: 15px
	}

	.cta {
		padding-left: 15px;
		padding-right: 15px
	}
}

.fancybox img {
	max-width: 100%
}

.fancybox img:hover {
	opacity: 0.9
}

@media (max-width: 991px) {
	.fancybox img {
		margin-bottom: 20px
	}
}

@media (max-width: 650px) {
	.site-form {
		padding-left: 0px;
		padding-right: 0px
	}
}

@media (max-width: 1100px) {
	.play-video {
		height: auto
	}
}

@media (max-width: 768px) {
	.title-text {
		padding-top: 30px;
		padding-bottom: 30px
	}

	.title-text .row {
		flex-direction: column
	}

	.title-text span {
		margin-bottom: 25px
	}

	.title-videos {
		flex-direction: column;
		justify-content: center;
		align-items: center;
		margin-bottom: 8px
	}

	.play-video {
		max-width: 100%;
		margin-bottom: 20px
	}
}

.icons_wrapper__header {
	font-weight: bold;
	margin-bottom: 10px
}

.icons_wrapper__header span {
	display: block;
	font-weight: normal
}

.wrapper-footer-contact {
	display: grid !important;
	grid-gap: 40px;
	grid-template-columns:repeat(auto-fill, minmax(300px, 1fr))
}

@media only screen and (max-width: 768px) {
	.wrapper-footer-contact {
		grid-gap: 20px;
		grid-template-columns:repeat(auto-fill, minmax(200px, 1fr))
	}
}

.wrapper-footer-contact:not(:last-child) {
	padding-bottom: 30px;
	margin-bottom: 30px;
	border-bottom: 1px solid #efefef
}

@media (max-width: 960px) {
	.wrapper-footer-contact {
		flex-direction: column
	}

	.icons_wrapper {
		margin-right: 0px
	}
}

.slider_li {
	max-width: 1920px;
	width: 100vw;
	background-color: #dededc;
	position: relative;
	z-index: 11
}

.titulka_banner_wrapper {
	display: flex;
	position: relative;
	z-index: 9
}

.titulka_banner_wrapper {
	max-width: 65%
}

.titulka_banner {
	position: relative;
	display: flex;
	justify-content: flex-end;
	z-index: 10;
	overflow: hidden;
	height: 340px
}

.titulka_banner_text {
	padding: 30px;
	background-color: #f7ef23;
	box-shadow: -4px 3px 5px rgba(4, 4, 4, 0.12);
	max-width: 460px;
	align-self: center;
	position: relative;
	z-index: 8;
	margin-right: -80px;
	padding-right: 50px
}

.titulka_banner_text h2 {
	font-size: 36px;
	font-family: "Open Sans";
	font-weight: 800;
	color: #000000;
	line-height: 44px
}

.titulka_banner_text div {
	font-size: 24px;
	font-family: "Open Sans";
	font-weight: 800;
	color: #000000;
	margin-top: 15px
}

.banner_more_info {
	font-family: "Open Sans";
	font-weight: 800;
	color: #000000;
	font-size: 14px;
	text-transform: uppercase;
	position: absolute;
	bottom: -52px;
	right: 110px;
	display: flex;
	align-items: center
}

.banner_more_info .zmdi {
	margin-left: 10px;
	font-size: 42px
}

.with_link {
	margin-top: -25px
}

@media (max-width: 1200px) {
	article {
		max-width: 100%;
		overflow: hidden
	}
}

@media (max-width: 1200px) {
	.table-responsive {
		min-height: .01%;
		overflow-x: auto;
		width: 100%;
		margin-bottom: 15px;
		overflow-y: hidden;
		-ms-overflow-style: -ms-autohiding-scrollbar;
		border: 1px solid #ddd
	}
}

.wraper_icons_con_img {
	width: 15%
}

.wici {
	display: inline
}

@media (max-width: 450px) {
	.wici {
		display: block;
		margin-top: 5px
	}
}

.text-kontakt-wrapper {
	background-color: #f8f8f8;
	width: 100%;
	margin-top: 5rem;
	padding: 35px 35px 5px 35px
}

.text-kontakt-wrapper h2 {
	font-family: "Open Sans";
	font-size: 26px;
	margin-bottom: 15px
}

.text-kontakt-form textarea {
	line-height: 1
}

ul.products {
	display: grid;
	grid-gap: 20px;
	grid-template-columns:repeat(auto-fill, minmax(150px, 1fr));
	list-style: none !important;
	padding-left: 0 !important
}

ul.products .products__item {
	border: 1px solid rgba(0, 0, 0, 0.05);
	border-radius: 4px
}

ul.products .products__item .products__item__link {
	display: flex;
	flex-direction: column;
	padding: 10px;
	height: 100%;
	text-align: center;
	color: black !important;
	text-decoration: none !important;
	position: relative
}

ul.products .products__item .products__item__link .products__item__link__image {
	height: 140px;
	width: 100%;
	margin-bottom: 10px
}

ul.products .products__item .products__item__link .products__item__link__image img {
	width: 100%;
	height: 100% !important;
	object-fit: scale-down
}

ul.products .products__item .products__item__link span {
	display: block
}

ul.products .products__item .products__item__link .products__item__link__title {
	margin-bottom: 10px
}

ul.products .products__item .products__item__link .products__item__link__href {
	text-decoration: underline;
	color: #337ab7;
	margin-top: auto
}

.new-footer {
	display: flex;
	align-items: center;
	justify-content: space-between
}

@media only screen and (max-width: 576px) {
	.new-footer {
		flex-direction: column;
		align-items: flex-start
	}
}

.new-footer__item {
	font-weight: bold
}

@media only screen and (max-width: 576px) {
	.new-footer__item:not(:last-child) {
		margin-bottom: 20px
	}
}

.new-footer__item a {
	display: block;
	text-decoration: underline
}

.new-footer__item a img {
	width: 25rem;
	height: auto;
	object-fit: scale-down
}

.kontakt-wrapper a {
	color: #333333
}

.kontakt-wrapper .w100 {
	width: 100% !important
}

.kontakt-wrapper .site-form-new {
	padding: 40px 60px 0 0
}

@media (max-width: 650px) {
	.kontakt-wrapper .site-form-new {
		padding-left: 0px;
		padding-right: 0px
	}
}

.kontakt-wrapper .kontakt-row {
	display: flex;
	flex-wrap: wrap;
	padding-bottom: 4rem;
	margin-bottom: 3rem
}

.kontakt-wrapper .kontakt-row h3 {
	font-weight: normal
}

.kontakt-wrapper .kontakt-row.border {
	border-bottom: 2px solid #dfdfdf
}

.kontakt-wrapper .kontakt-row .table {
	margin-top: 3rem
}

.kontakt-wrapper .kontakt-row .table td, .kontakt-wrapper .kontakt-row .table th {
	border: none
}

.kontakt-wrapper .kontakt-row .table td {
	padding: 12px
}

.kontakt-wrapper .kontakt-row .predajna {
	width: 33rem;
	padding-right: 3rem
}

@media (max-width: 500px) {
	.kontakt-wrapper .kontakt-row .predajna {
		padding-right: 0;
		width: 100%
	}
}

.kontakt-wrapper .kontakt-row .predajna__info {
	padding-top: 2rem
}

.kontakt-wrapper .kontakt-row .predajna__info p {
	line-height: 20px !important
}

.kontakt-wrapper .kontakt-row .predajna__odkazy {
	display: flex;
	justify-content: space-between;
	margin-top: 3rem
}

.kontakt-wrapper .kontakt-row .predajna__odkazy__odkaz {
	color: #333333;
	padding: 0.8rem 2.8rem;
	border: 1px solid #EFEFEF;
	text-decoration: none;
	font: normal normal normal 20px/24px Bebas Neue
}

.kontakt-wrapper .kontakt-row .predajna__odkazy__odkaz:hover {
	background-color: #EFEFEF;
	cursor: pointer
}

.kontakt-wrapper .kontakt-row .predajna__img-wrapper {
	width: 100%;
	height: 225px;
	background-color: #dfdfdf
}

.kontakt-wrapper .kontakt-row .predajna__img-wrapper img {
	width: 100%;
	height: 100% !important;
	object-fit: cover
}

.kontakt-wrapper .kontakt-row .osoby-wrap {
	display: flex;
	width: 100%
}

.kontakt-wrapper .kontakt-row .osoby-wrap__osoba__titul {
	font-weight: 900;
	padding-top: 3rem;
	padding-bottom: 2rem
}

.kontakt-wrapper .kontakt-row .osoby-wrap__osoba p {
	line-height: 20px
}

.kontakt-menu {
	display: flex;
	align-items: center;
	padding: 15px 20px;
	background-color: #EFEFEF;
	font-size: 14px;
	font-weight: bold;
	color: black;
	margin-bottom: 30px
}

@media only screen and (max-width: 768px) {
	.kontakt-menu {
		flex-direction: column;
		align-items: unset;
		padding: 15px
	}
}

.kontakt-menu__text {
	margin-right: 20px;
	white-space: nowrap
}

@media only screen and (max-width: 768px) {
	.kontakt-menu__text {
		margin-right: 0;
		margin-bottom: 5px;
		padding-left: 7px
	}
}

.kontakt-menu__list {
	display: flex;
	flex-wrap: wrap;
	list-style: none !important;
	padding: 0 !important
}

.kontakt-menu__list__item a {
	display: block;
	background-color: white;
	color: black;
	border: 1px solid black;
	margin: 7px;
	padding: 15px;
	text-decoration: none
}

.kontakt-menu__list__item a:hover {
	text-decoration: underline;
	color: black
}

.h-custom {
	display: flex;
	width: 100%;
	font-size: 28px
}

.h-custom .space {
	display: block;
	flex-shrink: 0;
	background-color: #F8F222;
	padding: 8px 15px
}

.h-custom__text {
	background-color: #5A5A5A;
	color: white;
	width: 100%
}

.h-custom__text span {
	display: block;
	padding: 8px 25px;
	text-transform: uppercase;
	font-weight: bold;
	font-family: 'Bebas Neue', serif;
	transform: translateY(1px)
}

.kontakt-list {
	width: 100%;
	margin-top: 30px
}

.kontakt-list__item {
	display: flex;
	align-items: center;
	padding: 15px 20px
}

.kontakt-list__item:nth-child(odd) {
	background-color: #f2f2f2
}

@media only screen and (max-width: 768px) {
	.kontakt-list__item {
		flex-direction: column;
		align-items: flex-start
	}
}

.kontakt-list__item p {
	font-weight: bold;
	margin-right: 20px;
	line-height: 1.5
}

.kontakt-list__item__links {
	display: flex;
	flex-shrink: 0;
	width: 300px;
	margin-left: auto
}

@media only screen and (max-width: 768px) {
	.kontakt-list__item__links {
		margin-left: 0;
		margin-top: 10px;
		width: 100%
	}
}

@media only screen and (max-width: 576px) {
	.kontakt-list__item__links {
		flex-direction: column;
		margin-top: 5px
	}
}

.kontakt-list__item__links a {
	text-decoration: none
}

.kontakt-list__item__links a:hover {
	text-decoration: underline
}

.kontakt-list__item__links__item {
	white-space: nowrap
}

.kontakt-list__item__links__item:not(:last-child) {
	margin-right: 50px
}

@media only screen and (max-width: 576px) {
	.kontakt-list__item__links__item:not(:last-child) {
		margin-right: 0;
		margin-bottom: 5px
	}
}