html {
	background: #fff;
	margin: 0;
	padding: 0;
}

body {
	margin: 0;
	padding: 0;
	font-size: .9375em;
	line-height: 1.5em;
}

html, body, input, textarea, select, table {
	font-family: 'Roboto Condensed', sans-serif;
	color: #414345;
}

hr {
	color: #e7e7e6;
	background: #e7e7e6;
	clear: both;
}

h1, h2, h3, h4, h5 {
	font-weight: 700;
	text-transform: uppercase;
}

h1, .HPindex h2 {
	font-size: clamp(1.5em, 3.5vw, 3.3em);
	margin: 0 0 20px 0;
	font-weight: 700;
}

h2 {
	font-size: 2.2em;
	margin: .8em 0 20px 0;
}

h3 {
	font-size: 1.7em;
	margin: .8em 0 20px 0;
}

h4 {
	font-size: 1.5em;
	margin: 2em 0 1em 0;
}

h5 {
	font-size: 1.3em;
	margin: 1em 0;
	font-weight: 400;
}

strong {
	font-weight: 700;
}

a {
	color: #F66009;
}

input[disabled], textarea[disabled], select[disabled], .btn[disabled] {
	opacity: .5;
	cursor: default;
}

input, textarea, select, button, .btn {
	margin: 3px 0;
	background: #f7f7f7;
	border: 1px solid #b2b2b2;
	color: #414345;
	padding: 12px;
	display: inline-block;
	text-decoration: none;
	width: 100%;
	-webkit-appearance: none;
	outline: 0;
	line-height: 22px;
	font-size: 1rem;
}

input, textarea, select {
	font-size: 16px;
	-webkit-transition: border-color 1s;
	transition: border-color 1s;
}

input:focus, textarea:focus, select:focus {
	border-color: #F66009;
}

#page {
	max-width: 1920px;
	margin-left: auto;
	margin-right: auto;
}

.main-in, .section {
	max-width: 1260px;
	margin: 0 auto;
	padding: 0 15px;
	position: relative;
	flex: auto;
	width: 100%;
}

.midCol, .rightCol, .leftCol {
	float: left;
}

.leftCol {
	width: 260px;
	margin-left: -1230px;
	padding: 0 0 20px 0;
}

.midCol {
	margin-left: 280px;
	width: 950px;
}

.xLayout .midCol {
	margin: 0;
	padding-left: 0;
	width: 100%;
	float: none;
}

.header {
	display: flex;
	gap: 16px;
	align-items: center;
	padding-top: 10px;
	position: relative;
	justify-content: space-between;
}

.logo img {
	display: block;
	width: 100%;
	height: auto;
}

.logo {
	flex: auto;
	max-width: 164px;
}

.cartBox {
	text-align: right;
	font-size: 1em;
	white-space: nowrap;
	line-height: 1.3em;
	margin: -1px;
}

.cartBtn:hover {
	border-bottom-color: #f66009;
	color: white;
}

.cartBtn {
	display: flex;
	height: 48px;
	align-items: center;
	gap: 1.2em;
	position: relative;
	margin-bottom: -1px;
	border-bottom: 1px solid transparent;
	min-width: 50px;
}

.cartBox .num {
	font-style: normal;
	text-align: center;
	background: #a7a8a8;
	min-width: 19px;
	padding: 0 3px;
	line-height: 19px;
	height: 19px;
	color: #fff;
	border: 0;
	font-size: 12px;
	display: block;
	position: absolute;
	left: 20px;
	top: 10px;
	border-radius: 50%;
}

.upper {
	color: white;
	border-bottom: 1px solid rgba(255, 255, 255, 0.3);
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
	gap: 16px;
}

.upperBox svg {
	width: 30px;
	height: 30px;
}

.st0 {
	fill: none;
	stroke: #fff;
	stroke-width: 1.25;
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-miterlimit: 10;
}

.upperBox, .upperText {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	align-items: center;
	gap: 16px;
}

.upperText strong {
	text-transform: uppercase;
}

.upperText {
	flex-flow: row wrap;
}

.upper a:hover {
	color: #F66009;
}

.upper a {
	color: white;
}

.mutace {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	margin: 0;
}

.mutace ul {
	position: absolute;
	left: 0;
	top: 49px;
	width: 100%;
	background-color: white;
	border-top: 1px solid #f66009;
	z-index: 10;
	border-top: 0;
	margin: 0;
	padding: 2px 0 6px 0;
	display: none;
}

.mutace i {
	font-size: 18px;
	vertical-align: middle;
	margin-left: 5px;
	top: 0;
	right: 0;
	text-align: center;
	opacity: .5;
}

.mutace span:hover {
	border-bottom-color: #f66009;
}

.mutace span {
	margin: 0;
	padding: 0;
	text-align: left;
	height: 48px;
	cursor: pointer;
	display: flex;
	align-items: center;
	color: white;
	border-bottom: 1px solid transparent;
	margin-bottom: -1px;
	min-width: 50px;
}

.mutace li a {
	margin: 0;
	padding: 0;
	line-height: 28px;
	color: White;
	padding: 8px 0;
	text-decoration: none;
	display: block;
	text-align: center;
}

.mutace li {
	line-height: normal;
	height: auto;
	display: block;
}

.mutace img {
	display: block;
	max-width: 24px;
	height: auto;
	margin: 0 auto;
}

.mutace li a:hover {
	color: #fff;
	text-decoration: underline;
}

.mutace.rollOut span {
	border-bottom-color: #f66009;
}

.mutace.rollOut ul {
	display: block;
}

.loginBox {
	display: inline-block;
	vertical-align: top;
	position: relative;
}

.logBtn {
	cursor: pointer;
	color: white;
	white-space: nowrap;
	height: 48px;
	display: flex;
	align-items: center;
	border-width: 0;
	border-bottom: 1px solid transparent;
	background: transparent;
	padding: 0;
	gap: 4px;
	font-size: 1em;
	margin: 0;
	margin-bottom: -1px;
}

.logBtn:hover {
	border-color: #f66009;
	color: #f66009;
}

.respMenu {
	display: none;
}

.searchBtn:hover, .search button:hover, .searchOn .searchBtn {
	color: #f66009;
}

.searchBtn, .search button {
	display: block;
	height: 40px;
	width: 40px;
	text-align: center;
	color: #fff;
	cursor: pointer;
	background: transparent;
	padding: 0;
	border: 0;
	margin: 0;
}

.search {
	position: absolute;
	right: 0;
	bottom: 0;
	transform: translateY(-10%);
	width: 100%;
	background-color: rgba(255, 255, 255, 1);
	height: 80px;
	transition: transform .2s;
	opacity: 0;
	z-index: -5;
	max-width: 1040px;
	box-shadow: 0 0 20px rgba(0, 0, 0, .12);
}

.searchOn .search {
	transform: translateY(0%);
	opacity: 1;
	z-index: 2;
}

.search fieldset {
	width: 100%;
	padding: 10px;
	padding-right: 90px;
	padding-left: 50px;
}

.search input {
	margin: 0;
	height: 60px;
	width: 100%;
	border-radius: 0;
	background-color: transparent;
	font-weight: 700;
	font-size: 1.25em;
	text-transform: uppercase;
	border-width: 0 0 1px 0;
}

.search input::-webkit-input-placeholder {
	color: #000;
	line-height: normal !important;
}

.searchClose {
	position: absolute;
	line-height: 80px;
	width: 50px;
	left: 0;
	text-align: center;
	top: 0;
	font-size: 20px;
	color: #000;
	cursor: pointer;
}

.search button svg *, .searchBtn svg * {
	stroke: currentColor;
}

.search button {
	position: absolute;
	right: 0;
	margin: 0;
	top: 0;
	padding: 0;
	color: #fff;
	cursor: pointer;
	border: 0;
	width: 80px;
	height: 80px;
	border-radius: 0;
	color: #000;
}

.search button span {
	display: none;
}

.search p {
	margin: 0;
}

.search.searchFull {
	padding: 0;
	display: block;
}

.menu {
	background: white;
	border: 1px solid #e7e7e6;
	border-top: 0;
	margin-top: 30px;
	text-transform: uppercase;
}

.menu h3 {
	background: #F6F8F9;
	font-weight: 600;
	text-transform: uppercase;
	margin: 0;
	font-size: 1em;
}

.menu h3 a {
	display: block;
	padding: 10px 20px;
	color: #414345;
}

.menu ul a {
	color: #414345;
	text-decoration: none;
	font-size: 1.125em;
	padding: 15px 0 15px 20px;
	display: block;
	font-weight: 600;
	text-transform: uppercase;
}

.menu li>span {
	position: relative;
	display: block;
	padding: 0 30px 0 0px;
}

.menu ul {
	margin: 0;
	padding: 0;
}

.menu ul ul {
	padding-bottom: 10px;
	display: none;
}

.menu ul ul ul a {
	font-weight: 400;
}

.menu ul ul a {
	font-weight: 600;
	padding: 5px 0 5px 20px;
	font-size: 1em;
	display: block;
	position: relative;
	line-height: 1.2em;
}

.menu ul ul li {
	border: 0 !important;
	padding: 0;
	padding: 0 0 0 20px;
}

.menu ul a:hover {
	text-decoration: underline;
}

.menu li {
	border-top: 1px solid #e7e7e6;
}

.menu ul a:hover {
	text-decoration: underline;
	color: #F66009;
}

.menu ul ul a:before {
	content: "\f105";
	display: inline-block;
	vertical-align: baseline;
	margin-right: 7px;
	margin-left: 0;
	position: absolute;
	left: 0;
	top: 6px;
}

.menu ul ul {
	display: none;
}

.menu ul .aktivni>ul:nth-of-type(1) {
	display: block;
}

.menu ul .aktivni>span a {
	color: #F66009;
}

.menu.simple li {
	position: relative;
	padding: 0 0 0 0px;
}

.menu .plus {
	width: 22px;
	height: 22px;
	text-align: center;
	cursor: pointer;
	border-radius: 2px;
	-webkit-border-radius: 2px;
}

.menu .plus span:after {
	height: 2px;
	width: 10px;
	background: #414345;
	position: absolute;
	top: 4px;
	content: " ";
	left: 0;
}

.menu .plus span:before {
	height: 10px;
	width: 2px;
	background: #414345;
	position: absolute;
	left: 4px;
	content: " ";
	top: 0;
}

.menu .plus span {
	width: 9px;
	height: 9px;
	position: absolute;
	left: 50%;
	top: 50%;
	display: block;
	margin: -5px 0 0 -5px;
}

.menu .plus:hover {
	background: #F66009;
}

.menu .plus:hover span:after, .menu .plus:hover span:before {
	background: white;
}

.menu .aktivni>span .plus span:before {
	display: none;
}

.mLab {
	position: absolute;
	right: 0;
	top: 0;
	min-width: 30px;
	padding: 0 5px;
	text-align: center;
	height: 100%;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-moz-align-items: center;
	-ms-align-items: center;
	-o-align-items: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-moz-justify-content: center;
	-ms-justify-content: center;
	-o-justify-content: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.filtr {
	margin-top: 30px;
	background: white;
	border: 1px solid #e7e7e6;
}

.filtr li>h3 {
	color: #414345;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 1em;
	padding: 20px 20px 20px 20px;
	display: block;
	cursor: pointer;
	font-weight: 600;
	margin: 0;
}

.filtr li>h3:hover {
	color: #F66009;
}

.filtr li+li {
	border-top: 1px solid #e7e7e6;
}

.filtr li>h3:after {
	float: right;
	cursor: pointer;
	content: "\f107";
	font: normal normal normal 14px/1 FontAwesome;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	line-height: 20px;
	-webkit-transition: transform .25s;
	-webkit-transition: -webkit-transform .25s;
	transition: -webkit-transform .25s;
	transition: transform .25s;
	transition: transform .25s, -webkit-transform .25s;
}

.filtr>ul {
	margin: 0;
	padding: 0;
}

.filtr ul ol li {
	border: 0;
	padding: 3px 0;
}

.filtr input {
	margin-right: 6px;
}

.filtr ol {
	margin: 0;
	padding: 0;
	line-height: 1.2em;
	list-style-type: none;
}

.filtr .filtrCont {
	display: none;
	padding: 2px 20px 13px 20px;
	margin-top: -4px;
}

.filtr .fOpen .filtrCont {
	display: block;
}

.filtr .fOpen>h3:after {
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
}

.filtr .inputHolder {
	display: table;
	margin: 0 0;
}

.filtr .oddo {
	padding: 5px;
	border-width: 0 0 1px 0;
	background-color: white;
}

.filtrTab {
	display: table;
	width: 100%;
	margin: 0 -2px;
}

.filtrTab span {
	display: table-cell;
	padding: 2px;
	vertical-align: middle;
}

.filtr .numF {
	font-size: .8em;
	line-height: 1.2em;
	vertical-align: middle;
}

.filtr .numF:before {
	content: '/';
	margin: 0 5px 0 0;
	color: rgba(0, 0, 0, 0.3);
}

.filtrCont a {
	color: #414345;
	text-decoration: none;
}

.next {
	cursor: pointer;
	display: block;
	padding-top: 4px;
	text-decoration: underline;
	font-size: .8em;
	text-transform: uppercase;
}

.filtrSub {
	padding: 10px 20px;
	margin: 0;
	border-top: 1px solid #e7e7e6;
	background: #F6F8F9;
}

.filtrSub .btn {
	padding: 4px 10px;
	width: 100%;
	text-align: center;
}

.filtrSub .row {
	max-width: 300px;
}

.fltr {
	margin-top: 30px;
}

.fltrCont {
	padding-top: 15px;
	display: none;
}

.leftMenuOn, .filtrOn {
	display: none;
	color: white;
	padding: 10px 15px;
	cursor: pointer;
	background: #F66009;
	margin: 10px 0;
}

.content {
	padding: 30px 0;
}

.HPindex .content {
	padding-bottom: 70px;
	padding-top: 70px;
}

.content ul, .cke_editable ul {
	margin-left: 0;
	padding: 0;
	list-style-image: none;
}

.content ul li, .cke_editable ul li {
	padding: 0;
	margin: 8px 0;
	position: relative;
	padding-left: 30px;
	display: table;
}

.content ul li:before, .cke_editable ul li:before {
	content: " ";
	background: #F66009;
	display: block;
	clear: both;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	width: 6px;
	height: 6px;
	display: inline-block;
	position: absolute;
	left: 0;
	top: .4em;
}

.content>h1:nth-of-type(1), .box>h2:first-child {
	margin: 0 0 10px 0;
}

.loginBoxWindow {
	position: absolute;
	display: none;
	color: #414345;
	top: 47px;
	right: 0;
	z-index: 100;
	min-height: 113px;
}

.loginBoxWindow .loginBox-in a:hover {
	color: white;
}

.loginBoxWindow .loginBox-in a {
	font-size: .9em;
	color: #414345;
}

.loginBoxWindow input {
	margin: 0;
}

.loginBoxWindow-in:after {
	content: " ";
	display: block;
	clear: both;
}

.userCol, .passCol {
	float: left;
	width: 36%;
	padding: 0 5px;
	text-align: center;
}

.btnCol {
	float: left;
	width: 28%;
	padding: 0 5px;
}

.loginBoxWindow .btn {
	width: 100%;
}

.loginBoxWindow-in {
	background: white;
	border: 1px solid #e7e7e6;
	border-top: 1px solid #F66009;
}

.loginBox-in {
	text-align: left;
	width: 300px;
}

.loginBox h3 {
	margin: 10px 0;
	font-weight: bold;
	font-size: 1em;
}

.loginBox .btn {
	width: 100%;
	text-align: left;
}

.loginBox .btn i {
	float: right;
	font-size: 12px;
	line-height: 20px;
}

.loginBox p {
	margin: 10px 0;
}

.loginBox form {
	padding: 15px 20px;
}

.rr {
	float: left;
	width: 50%;
	text-align: center;
	text-decoration: none;
	border-top: 1px solid #e7e7e6;
	font-size: .9em;
	line-height: 1.3em;
	padding: 15px 20px;
}

.rr+.rr {
	border-left: 1px solid #e7e7e6;
}

.rr:hover {
	color: white;
	background: #F66009;
	text-decoration: none;
}

.rr i {
	display: block;
	text-align: center;
	line-height: 40px;
	font-size: 20px;
	opacity: .6;
}

.rr:hover i {
	color: white;
}

.loginBoxWindow ul {
	margin: 0;
	padding: 0;
	width: 220px;
}

.loginBoxWindow ul a {
	display: block;
	text-decoration: none;
	color: #414345;
	padding: 10px 15px;
	text-align: left;
}

.loginBoxWindow ul li {
	margin: 0;
	padding: 0;
	display: block;
	float: none;
}

.loginBoxWindow ul a i {
	min-width: 1.8em;
	display: inline-block;
}

.loginBoxWindow ul a:hover {
	color: white;
	text-decoration: none;
	background: #F66009;
}

.loga {
	display: block;
	width: 100%;
	padding: 50px 0;
	text-align: center;
	background: white;
}

.loga span {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
}

.loga img {
	display: inline-block;
	margin-bottom: 5px;
	max-width: 100%;
	height: auto;
}

.loga p {
	display: table;
	width: 100%;
	table-layout: fixed;
	margin: 0;
}

.proc {
	text-align: center;
	clear: both;
	color: white;
	background: url(/img/n02.jpg) center center no-repeat;
	background-size: cover;
	aspect-ratio: 1920 / 900;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.proc h2, .loga h2 {
	font-size: 3.3em;
	margin: 0 0 30px 0;
	font-size: clamp(1.5em, 3.5vw, 3.3em);
}

.proc ol {
	margin: 0 -10px;
	padding: 0;
	list-style-type: none;
	text-align: center;
	display: flex;
}

.proc ol li img {
	width: 100%;
	max-width: 90px;
	display: block;
	margin: 0 auto 20px auto;
}

.proc ol li {
	width: 16.6666%;
	margin: 0;
	padding: 0 10px;
	text-align: center;
	font-weight: bold;
	text-transform: uppercase;
}

.proc li span {
	display: block;
}

.productBox {
	margin: 30px 0 0 0;
}

.productBox-in:after, .bm:after {
	content: " ";
	display: block;
	clear: both;
}

.productBox-in {
	background: white;
	padding: 30px 60px;
	position: relative;
}

.productBox-slider {
	position: relative;
}

.bm {
	margin: 0;
	padding: 0;
}

.bm li {
	float: left;
	width: 33.333%;
	width: calc(100% / 3);
	max-width: 200px;
	text-align: center;
	background: #F66009;
	min-width: 90px;
	height: 60px;
}

.bm li a {
	display: block;
	width: 100%;
	color: white;
	text-decoration: none;
	padding: 0 10px;
	vertical-align: middle;
	overflow: hidden;
}

.bm li a span {
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.bm li.aktivni a, .bm li.aktivni a:hover {
	background: white;
	color: #414345;
}

.bm li a:hover {
	background: #414345;
	color: white;
}

.bm li {
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-moz-align-items: stretch;
	-ms-align-items: stretch;
	-o-align-items: stretch;
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
	-moz-flex-direction: row;
	-ms-flex-direction: row;
	-o-flex-direction: row;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	flex-direction: row;
}

.bm li a, .productBox h2 {
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-moz-align-items: center;
	-ms-align-items: center;
	-o-align-items: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-moz-justify-content: center;
	-ms-justify-content: center;
	-o-justify-content: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-moz-flex-direction: row;
	-ms-flex-direction: row;
	-o-flex-direction: row;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	flex-direction: row;
}

.kategorie ul {
	margin: 10px 0 0 0;
	padding: 0;
	list-style-image: none;
}

.kategorie ul li {
	float: left;
	margin: 0;
	padding: 16px 16px 0 0;
}

.kategorie li a {
	display: block;
	text-decoration: none;
	color: #414345;
	text-transform: uppercase;
	line-height: 1.3em;
	border-bottom: 1px solid #d6d6d6;
	width: 170px;
}

.kategorie li span {
	text-align: center;
	display: table-cell;
	height: 45px;
	width: 170px;
	vertical-align: middle;
	padding: 0 0px;
}

.kategorie li strong {
	display: block;
	width: 170px;
	height: 125px;
	background: transparent no-repeat center center;
}

.kategorie li:nth-of-type(4n+4) {
	padding-right: 0;
}

.itemList {
	margin: 0 0 0 0;
	table-layout: fixed;
	padding: 10px 0;
}

.itemList .row {
	margin-left: -5px;
	margin-right: -5px;
}

.itemList .item {
	width: 33.3333%;
	vertical-align: top;
	padding: 5px;
	text-align: left;
	float: left;
	position: relative;
	display: flex;
}

.itemIn {
	padding: 18px;
	text-transform: uppercase;
	position: relative;
	width: 100%;
	z-index: 1;
	border: 1px solid #e7e7e6;
	background-color: white;
}

.itemImg {
	-webkit-box-flex: 0;
	-ms-flex: none;
	flex: none;
	max-width: 240px;
	align-self: center;
	margin: 0 -16px;
}

.itemVars {
	background: #fff;
	border: 1px solid #e7e7e6;
	border-left-width: 0;
	min-width: 61px;
}

.itemVars--hrz {
	flex: auto;
	display: flex;
	margin-left: -18px;
	margin-right: -18px;
	border-width: 1px 0;
	align-items: center;
	margin-bottom: 8px;
}

.itemVars a:hover {
	border-color: #f66009;
}

.moreVars span {
	display: block;
	font-weight: 700;
	font-size: 1.2em;
	line-height: 1.2em;
}

.itemVars a {
	display: block;
	padding: 4px 0;
	border: 1px solid transparent;
	border-width: 1px 0;
	position: relative;
}

.itemVars img {
	display: block;
	width: 100%;
	height: auto;
	max-width: 75px;
}

.itemVars .moreVars {
	border-width: 0;
	text-align: center;
	color: #46515d;
	text-transform: none;
	font-size: .875rem;
	opacity: .7;
	line-height: 1.25em;
	padding: 5px 0;
	display: block;
	flex: auto;
	text-decoration: none;
	margin-left: auto;
}

.itemVars__label:after {
	content: ' ';
	display: block;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 4px 4px 0 0;
	border-color: #860000 transparent transparent transparent;
	bottom: -4px;
	right: 0;
	position: absolute;
}

.itemVars__label {
	pointer-events: none;
	background: #cd0000;
	color: white;
	font-size: 10px;
	text-transform: uppercase;
	line-height: 1em;
	position: absolute;
	padding: 2px 5px;
	right: -4px;
	top: -4px;
}

.itemVars--hrz .itemVars__label:after {
	right: 5px;
	border-color: #cd0000 transparent transparent transparent;
}

.itemVars--hrz .itemVars__label {
	right: auto;
	left: 0;
}

.moreVars:hover {
	text-decoration: none;
	color: #f66009;
	opacity: 1;
}

.itemListFor4 .item {
	width: 25%;
}

.item h3 a {
	color: #414345;
}

.item h3 a:hover {
	text-decoration: none;
	color: #F66009;
}

.item h3 {
	font-size: 1.25em;
	font-weight: 700;
	line-height: 1.2em;
	margin: 5px 0;
	width: 100%;
	text-transform: uppercase;
}

.item .pic {
	width: 100%;
}

.hpList .item .pic span img {
	max-width: 497px;
}

.item .pic span img {
	height: auto;
	width: 100%;
	display: block;
	margin: 0 auto;
	max-width: 282px;
}

.item .itemPrice {}

.itemPrice {
	display: block;
}

.item p {
	margin: 0 0 0 0;
	line-height: 1.2em;
}

.cena {
	font-size: 2.5em;
	font-weight: 700;
	line-height: 1.1em;
	display: inline-block;
	white-space: nowrap;
	text-transform: none;
	vertical-align: middle;
}

.itemList .row {
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-moz-align-items: stretch;
	-ms-align-items: stretch;
	-o-align-items: stretch;
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
	-ms-flex-flow: row wrap;
	-o-flex-flow: row wrap;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	flex-flow: row wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.itemIn, .productBox .itemList .itemIn {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-flow: column nowrap;
	flex-flow: column nowrap;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
}

.item p {
	margin: 5px 0;
}

.item .sizes a:hover {
	background: #F66009;
	border-color: #F66009;
	color: white;
}

.item .sizes {
	gap: 2px;
	margin-bottom: 5px;
}

.item .sizes a {
	display: inline-block;
	border: 1px solid #e7e7e6;
	font-size: 14px;
	text-decoration: none;
	min-width: 24px;
	padding: 0 5px;
	width: 24px;
	line-height: 22px;
	text-align: center;
	color: #808283;
}

.item h3 {
	-webkit-box-flex: 5;
	-ms-flex-positive: 5;
	-webkit-box-flex: 5;
	flex-grow: 5;
	word-wrap: break-word;
}

.itemListFor4 .item:nth-of-type(4n+4) {
	border-top: 0;
	margin-top: 0;
}

.sale {
	display: inline-block;
	vertical-align: middle;
	line-height: 1.2em;
	margin-right: 10px;
}

.sale strong {
	display: block;
	font-size: 1.3em;
	line-height: 1.1em;
	position: relative;
}

.sale strong:after {
	content: ' ';
	height: 2px;
	width: 90%;
	background: #cd0000;
	-webkit-transform: rotate(-25deg);
	transform: rotate(-25deg);
	position: absolute;
	top: 50%;
	left: 0;
}

.lab1 {
	font-weight: bold;
	color: #008d0a !important;
}

.lab2 {
	font-weight: bold;
	color: #8B0000 !important;
}

.HPindex .midCol {
	margin: 0;
	float: none;
	width: 100%;
	padding: 0 0;
}

.mozaika {
	margin: 30px 0 0 0;
}

.mozaika ul {
	margin: 0 0 0 0;
	padding: 0;
	list-style-image: none;
	list-style-type: none;
	width: 100%;
}

.mozaika ul li {
	float: left;
	margin: 0;
	padding: 0;
	width: 16.666666%;
	border-left: 1px solid #e9edf0;
	background: white;
}

.mozaika ul li:before {
	display: none;
}

.mozaika li a {
	display: block;
	text-decoration: none;
	color: #414345;
	line-height: 1.3em;
	padding: 10px 15px;
}

.mozaika li span {
	display: table;
	width: 100%;
}

.mozaika li span span {
	text-align: center;
	display: table-cell;
	height: 60px;
	vertical-align: middle;
	padding: 0 0px;
	line-height: 1.2em;
}

.mozaika li strong {
	display: block;
	height: 140px;
	background: transparent no-repeat center center;
	background-size: contain;
	margin: 0 auto;
}

.mozaika li a:hover, .kategorie li a:hover {
	color: #F66009;
}

.mozaika li:nth-of-type(6n+1) {
	clear: left;
	border-left-width: 0;
}

.mozaika li:nth-of-type(n+7) {
	border-top: 1px solid #e9edf0;
}

.detImg .pic span img {
	max-width: 450px;
	max-height: 450px;
	height: auto;
	width: 100%
}

.detPop {
	text-transform: uppercase;
}

.detPop th {
	font-size: 1.15em;
	text-align: left;
	padding: 8px 20px 8px 0;
	vertical-align: top;
}

.detPop td {
	padding: 8px 0;
	vertical-align: top;
	line-height: 1.5em;
}

.detPop p:first-child {
	margin-top: 0;
}

.detPop, .detImg {
	padding-bottom: 30px !important;
}

.gray {
	color: #7f7f7f;
}

.detPop .cena {
	float: none;
	display: inline-block;
	padding: 0;
	font-weight: bold;
	font-size: 2em;
	line-height: 1em;
}

.detPop h5 {
	margin-bottom: 2px;
	font-weight: 600;
	text-transform: uppercase;
	font-size: .9em;
	margin-top: 1.5em;
}

.detPop select {
	padding: 7px;
	text-align: center;
	margin: 0;
}

.detPop .selectric {
	max-width: 240px;
}

.detPop .soc a {
	margin: 0 5px 0 0;
}

.detPop form:after {
	content: " ";
	display: block;
	clear: both;
}

.detPop .sizes {
	margin: 5px 0 1.5em 0;
}

.detLinks {
	font-size: .9em;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.detLinks span, .detLinks a {
	color: #6c6c6c;
	display: inline-block;
	text-decoration: none;
}

.detLinks i {
	margin-right: 5px;
}

.grayBox {
	background: #e9edf0;
	padding: 15px 20px;
}

.grayBox h4 {
	margin-bottom: 12px;
	margin-top: 0;
}

.grayBox+.grayBox {
	margin-top: 10px;
}

.grayBox p {
	margin: 6px 0;
}

.bannerR {
	position: absolute;
	top: 0;
	right: -210px;
}

.gal .pic {
	width: 125px;
	height: 131px;
	padding: 5px;
	float: left;
	border-bottom: 6px solid transparent;
}

.gal .pic span {
	width: 100%;
	height: 115px;
	background: transparent no-repeat center center;
	background-size: contain;
}

.gal .pic:hover {
	border-bottom-color: #414345;
}

.kosik .gal .pic {
	border: 0;
}

.potvrzeni {
	width: 100%;
	max-width: 380px;
	padding: 20px 15px;
	z-index: 10000;
	background-color: #F4F4F4;
	border: 1px solid silver;
	top: 20%;
	left: 50%;
	margin-left: -190px;
	text-align: center;
	position: fixed;
	-webkit-box-shadow: 2px 2px 6px rgba(0, 0, 0, .5);
	box-shadow: 2px 2px 6px rgba(0, 0, 0, .5);
}

.potvrzeni p {
	padding: 0;
	margin: 1em 0 0 0;
}

.potvrzeni button {
	padding: 10px;
	min-width: 50px;
	text-align: center;
	width: auto;
	font-size: 1em;
}

.potvrzeni h4 {
	margin: 0;
}

.potvrzeni .btn {
	line-height: 2em;
	font-size: 1.1em;
	padding: 0 10px;
}

.tab {
	font-size: 1em;
	border: 0;
	border-collapse: collapse;
	margin: 1em 0;
	width: auto;
	line-height: 1.3em;
}

.tab td, .tab th {
	border-top: 1px solid #e7e7e6;
	border-bottom: 1px solid #e7e7e6;
	padding: 6px 10px;
}

.tab th {
	font-weight: bold;
	text-align: left;
	vertical-align: top;
	font-weight: normal;
	font-size: .9em;
}

.tab tr:nth-of-type(odd) {}

.tab td .btn {
	padding: 3px 15px;
	font-size: .85em;
}

.popis {
	color: White;
	position: absolute;
	left: 0;
	bottom: 20px;
	background: rgba(0, 0, 0, .5);
	max-width: 50%;
	padding: 15px 20px;
}

.popis h2 {
	color: White;
	margin: 0 0 10px 0;
	line-height: 1.25em;
	font-size: 1.9em;
	font-weight: normal;
}

.popis p {
	color: White;
	color: rgba(255, 255, 255, .8);
	margin: 0;
}

.popis a {
	color: White;
}

#slideshow-bottom-img, #slideshow-top-img {
	transition: opacity 1s linear;
	-webkit-transition: opacity 1s linear;
	-moz-transition: opacity 1s linear;
	-o-transition: opacity 1s linear;
	background-size: cover;
	width: 100%;
	height: auto;
	background-repeat: no-repeat;
	display: block;
}

#slideshow-bottom-img {
	opacity: 0;
}

.fadeIn {
	opacity: 1!important;
}

.onas {
	color: white;
	font-size: 1.3em;
	line-height: 1.4em;
	font-weight: 300;
	text-align: center;
	padding: 40px 0;
	background: #F66009;
	background-size: 100% auto;
}

.onas h2 {
	font-size: 2.5em;
	font-weight: 100;
	margin-top: 0;
}

.onas .main-in {
	width: 100%;
	margin: 0 auto;
	max-width: 960px;
}

.onas~.loga {
	margin-top: 0;
}

.leftBox {
	background: white;
	border: 1px solid #e7e7e6;
	padding: 20px;
}

.popup {
	background: White;
	background-color: rgba(255, 255, 255, .8);
	padding: 10px;
	border: 1px solid #cbd5db;
	position: absolute;
	left: 0;
	top: 27px;
	width: 200px;
	line-height: 1.25em;
}

.popup p {
	margin: 0;
}

.popup p+p {
	margin-top: 10px;
}

.popup p strong {
	font-weight: 600;
}

.popup a {
	text-decoration: none;
}

.popup.vertical {
	left: 40px;
	top: -15px;
	width: 200px;
}

.arrow span {
	border-color: #cbd5db;
	background: #cbd5db;
}

.bread {
	font-size: .8em;
	margin: 0 auto;
	line-height: 1.4em;
	background: #f6f8f9;
	background: rgba(0, 0, 0, 0.3);
	color: white;
	max-width: 1920px;
}

.breadIn > div {
	padding: 5px 0;
}

.breadIn {
	margin: 0 auto;
	max-width: 1260px;
	text-align: left;
	padding: 0 15px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
}

.breadIn .banS {
	background: #f66009;
	min-height: 30px;
	color: white;
	padding: 5px 10px;
	line-height: 1.5em;
}

.breadIn .banS a {
	color: white;
	text-decoration: none;
}

.bread p {
	margin: 0 auto;
	max-width: 1260px;
	text-align: left;
	padding: 0 30px;
}

.bread a:hover {
	color: white;
}

.bread a {
	color: silver;
	text-decoration: none;
}

.bread span {
	margin: 0 5px;
	color: silver;
}

.pic span {
	display: block;
}

.pic span img {
	display: block;
	margin: 0 auto;
}

.btn {
	text-decoration: none;
	margin: 0;
	width: auto;
	display: inline-block;
	text-align: center;
	padding-left: 20px;
	padding-right: 20px;
	background: #fff;
	border: 1px solid #000;
	text-transform: uppercase;
	color: #414345;
	font-weight: 700;
	font-size: 1em;
}

.btn svg * {
	fill: currentColor
}

.btn:hover {
	text-decoration: none;
	color: #a7a8a8;
	background: #414345;
	border-color: #000;
}

.btnmini {
	padding: 4px 11px;
}

.btnmini i {
	margin: 0 5px;
}

.bigBtn {
	padding: 20px 20px;
	width: auto;
	min-width: 200px;
	text-transform: uppercase;
}

.btnKosD {
	font-size: 1.5em;
	font-weight: 300;
	padding: 20px 30px;
}

.btn2, .btnmini:hover {
	background: #fff;
	border: 1px solid #F66009;
	color: #F66009;
}

.btn2:hover {
	text-decoration: none;
	color: white;
	background: #F66009;
	border-color: #F66009;
}

.btn3 {
	border-color: #f66009;
	color: white;
	background: #f66009;
}

.btn4 {
	border-color: transparent;
	background: transparent;
	color: #414345;
	text-transform: uppercase;
	text-decoration: underline;
	width: auto;
	min-width: 50px;
}

.btn3:hover, .btn4:hover {
	text-decoration: none;
	color: #a7a8a8;
	background: #414345;
	border-color: #000;
}

.btn i {
	margin-left: 10px;
	font-size: 18px;
}

.btn i.icoLeft {
	margin-left: 0;
	margin-right: 10px;
}

.obr, .obr2 {
	height: auto;
	max-width: 60%;
}

ul.bookmarks {
	list-style-type: none;
	list-style-image: none;
	margin: 1em 0;
	padding: 0;
	min-height: 43px;
}

ul.bookmarks li {
	font-size: 1.2em;
	float: left;
	margin: 0 1px 0 0;
}

ul.bookmarks a {
	color: White;
	display: block;
	text-decoration: none;
	height: 100%;
}

ul.bookmarks span {
	display: table-cell;
	height: 42px;
	vertical-align: middle;
	padding: 0 15px;
	min-width: 150px;
	text-align: center;
	background: #118dc0;
	border-top: 1px solid #118dc0;
}

ul.bookmarks .active span {
	background: transparent;
	border-color: rgba(57, 57, 61, .2);
	font-weight: bold;
}

.menu ul ul a:before, .kroky a:before, .kroky span:before {
	display: inline-block;
	font: normal normal normal 14px/1 FontAwesome;
	font-size: inherit;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.ctSlide:after {
	position: absolute;
	width: 100%;
	height: 100%;
	content: ' ';
	top: 0;
	display: block;
	left: 0;
	background: rgba(0, 0, 0, 0.35);
}

.ctSlide {
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 2;
	background: transparent center 0 no-repeat;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	background-size: 100% auto;
}

.contentHeader {
	background: transparent url(/img/bg1.jpg) center 0 no-repeat fixed;
}

.contentHeader .main-in p {
	margin-bottom: 0;
}

.contentHeader .main-in {
	position: relative;
	z-index: 30;
	display: flex;
	align-items: center;
	justify-content: center;
	color: white;
	padding-top: 140px;
}

header {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	z-index: 50;
}

.contentHeader .content h1 {
	margin: 0;
	text-shadow: 0 0 6px rgba(0, 0, 0, 0.1);
	flex-basis: 100%;
	width: 100%;
}

.contentHeader .content {
	max-width: 800px;
	margin: 0 auto;
}

.box {
	background-color: white;
	border: 1px solid #e7e7e6;
	padding: 30px;
}

.leftCol .box h3 {
	margin-top: 0;
	font-size: 1.25em;
	margin-bottom: 10px;
}

.tags a.aktivni i {
	display: inline-block;
	vertical-align: middle;
}

.tags a:hover, .tags a.aktivni {
	background: #F66009;
	color: white;
	text-decoration: none;
	border-color: #F66009;
}

.colorTags a:hover, .colorTags a.aktivni {
	border-color: black;
}

.tags a {
	color: #808283;
	text-decoration: none;
	text-transform: uppercase;
	border: 1px solid #e7e7e6;
	padding: 0 5px;
	border-radius: 14px;
	display: inline-block;
	line-height: 24px;
	margin: 4px;
	float: left;
	min-height: 26px;
	min-width: 26px;
}

.tags:after {
	clear: both;
	height: 1px;
	content: ' ';
	display: block;
}

.leftCol .box {
	margin: 30px 0;
}

.tags {
	padding: 25px;
}

.tags a i {
	display: none;
	text-align: center;
	width: 20px;
	font-size: 11px;
	margin: -3px -5px 0 0;
}

.colorTags a i {
	width: auto;
	margin: -3px 0 0 0;
}

.leftCol img {
	max-width: 100%;
	height: auto;
}

.akceBox span {
	display: block;
}

.akceBox {
	color: white;
	background: #F66009;
	text-align: center;
	font-weight: 700;
	display: block;
	font-size: 1.4em;
	text-transform: uppercase;
	line-height: 1.3em;
	margin-top: 30px;
	padding: 15px;
	transition: box-shadow .25s;
	text-decoration: none;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.akceBox+.akceBox:hover {
	color: #f66009;
}

.akceBox+.akceBox {
	background-color: white;
	color: #f66009;
	border: 1px solid #f66009;
}

.leftCol .akceBox {
	max-width: 307px;
	height: 307px;
	font-size: 1.8em;
}

a.akceBox:hover {
	color: white;
	text-decoration: none;
	-webkit-box-shadow: 0 0 20px rgba(0, 0, 0, .3) inset;
	box-shadow: 0 0 20px rgba(0, 0, 0, .3) inset;
}

.akceBox strong {
	font-size: 1.6em;
	line-height: 1.1em;
	vertical-align: middle;
	display: inline-block;
}

.leftCol .akceBox strong {
	display: block;
}

.newsletter {
	background: white;
	padding: clamp(16px, 4vw, 64px);
	color: #000;
	max-width: 670px;
	margin: 0 auto;
}

.newsletter form {
	margin: 20px 0;
}

.newsletter__pozn {
	text-align: left;
	color: #a7a8a8;
}

.newsletter a, .newsletter a:hover {
	color: #a7a8a8;
}

.detPrice, .h2spec {
	position: relative;
	padding-bottom: 10px;
}

.h2spec {
	padding-bottom: 0;
	margin-bottom: 0;
}

.inRowForm {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	margin: 0;
}

.inRowForm span:first-child {
	-webkit-box-flex: 10;
	-ms-flex-positive: 10;
	flex-grow: 10;
}

.inRowForm .btn {
	display: flex;
	align-items: center;
	gap: 4px;
}

.inRowForm input {
	margin: 0;
	border-color: #cbcbcb;
	background-color: white;
	padding-left: 20px;
}

.catBox:hover strong {
	text-decoration: underline;
}

.catBox img {
	margin: 0 auto;
	display: block;
	height: auto;
	width: 100%;
}

.catBox .img {
	display: block;
	float: none;
	max-width: none;
}

.slideShow {
	position: relative;
	aspect-ratio: 21 / 10;
}

.slide:after {
	content: ' ';
	display: block;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	pointer-events: none;
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.1) 50%) 0 0 no-repeat;
}

.slide {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: #000 no-repeat center center;
	background-size: cover;
}

.slideIn {
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	position: absolute;
	display: flex;
	align-items: center;
	padding: 140px 0;
	z-index: 10;
}

.slideBox h2 {
	font-size: clamp(1em, 6vw, 4rem);
	margin: 0;
	text-transform: uppercase;
	color: white;
	text-align: center;
	padding: 0 15px;
	max-width: 60em;
}

.slideBox .btn:hover {
	text-decoration: none;
	color: #a7a8a8;
	background: #414345;
	border-color: #414345;
}

.slideBox .btn {
	margin-top: clamp(4px, 3vw, 78px);
	border: 1px solid #fff;
	background: transparent;
	color: white;
	min-width: 12em;
	text-align: center;
	font-size: 1em;
	padding-top: clamp(6px, 1vw, 14px);
	padding-bottom: clamp(6px, 1.5vw, 14px);
}

.slideBox {
	text-align: center;
}

.categories {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	background-color: white;
	padding: clamp(5px, 2vw, 30px);
	padding-bottom: 0;
}

.catBox strong {
	position: absolute;
	right: 10px;
	top: 10px;
	bottom: 10px;
	left: 10px;
	z-index: 2;
	display: flex;
	align-items: center;
	text-align: center;
	justify-content: center;
	flex-flow: row wrap;
	color: white;
	margin: 0;
	font-size: clamp(1.5em, 4vw, 3.3em);
	line-height: 1em;
	text-transform: uppercase;
}

.catBox {
	margin-top: 0;
	width: 25%;
	padding: 10px;
	position: relative;
	border-width: 0;
	display: block;
}

.boxIn {
	max-width: 900px;
	margin: 0 auto;
}

.itemList.hpList {
	margin-top: 50px;
}

.itemList.hpList .row {
	margin-left: -25px;
	margin-right: -25px;
}

.itemList.hpList .itemIn {
	padding: 50px;
	padding-top: 0;
}

.itemList.hpList .item .itemPrice {
	color: #F66009;
}

.itemList.hpList .item {
	padding: 0 25px;
	width: 50%;
	position: relative;
}

.itemList.hpList .item:nth-of-type(n+3) {
	margin-top: 50px;
}

.itemList.hpList .item:nth-of-type(2n+2) {
	top: -100px;
}

.item.banner img {
	display: block;
	width: 100%;
	height: auto;
}

.addToCart {
	padding-left: 65px;
	display: inline-block;
	background: transparent url(/img/a1.svg) 0 center no-repeat;
	background-size: 46px auto;
	min-width: 60%;
	margin: 5px -50px 5px 0;
}

.HPindex .item .itemPrice {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-ms-align-items: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	margin-top: 30px;
}

.item .btn:hover {
	color: white;
	background: #F66009;
	border-color: #F66009;
}

.item .btn {
	background: #427b00;
	border-color: #427b00;
	color: white;
	padding: 0 10px 0 25px;
	white-space: nowrap;
	line-height: 60px;
	width: 100%;
	text-align: left;
}

.item .btn i {
	vertical-align: middle;
	font-size: 60px;
	float: right;
}

.catNum {
	font-size: .85em;
	text-transform: uppercase;
	color: silver;
	margin: 0;
}

.likeH1 {
	margin: 0;
	font-size: 3.1em;
	line-height: 1.2em;
}

.detPop .text {
	text-transform: uppercase;
}

.variants {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin: 15px -5px;
}

.variants label {
	display: block;
}

.variants p {
	margin: 0;
	-ms-flex-preferred-size: auto;
	flex-basis: auto;
	-webkit-box-flex: 3;
	-ms-flex-positive: 3;
	flex-grow: 3;
	padding: 0 5px;
}

.variants p:first-child {
	max-width: 90px;
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	-ms-flex-negative: 10;
	flex-shrink: 10;
}

.colorItem.active, .colorItem:hover {
	border-color: #414345;
}

.colorItem.active:after {
	content: "\f00c";
	display: inline-block;
	font-family: 'FontAwesome';
	line-height: 1;
	font-size: inherit;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	-webkit-transform: translate(0, 0);
	transform: translate(0, 0);
	background: #F66009;
	color: white;
	font-size: 12px;
	width: 20px;
	height: 20px;
	position: absolute;
	right: 0;
	bottom: 0;
	line-height: 20px;
	text-align: center;
}

.colors {
	margin: 5px 0 15px 0;
	display: flex;
	flex-flow: row wrap;
	gap: 7px;
}

.colorItem {
	float: left;
	background: #fff center center no-repeat;
	background-size: contain;
	width: 75px;
	height: 75px;
	cursor: pointer;
	float: left;
	border: 1px solid #d1d1d1;
	position: relative;
}

.leftCol .banner img {
	display: block;
	max-width: 100%;
	height: auto;
}

.leftCol .banner {
	margin-top: 30px;
	display: block;
}


/*hovers*/

a:hover {
	color: #000;
	text-decoration: underline;
}


/*animace*/

a, .btn, button {
	transition: color 0.2s, border-color 0.2s, background-color 0.2s;
}

.logOn {
	-webkit-transition: all 0.2s;
	-webkit-transition: all .2s;
	transition: all .2s;
	-webkit-transition-delay: 0;
	transition-delay: 0;
	-moz-transition-delay: 0;
	-o-transition-delay: 0;
}

.okno, .submenu, .item .variant {
	-webkit-transition: opacity 0.3s ease-out;
	transition: opacity 0.3s ease-out;
}

.okno, .submenu, .item .variant {
	-webkit-opacity: 0;
	-moz-opacity: 0;
	opacity: 0;
	visibility: hidden;
}

.raz:hover .okno, .topNav li:hover .submenu, .item:hover .variant {
	-webkit-opacity: 1;
	-moz-opacity: 1;
	opacity: 1;
	visibility: visible;
}

.item .variant, .item:hover .variant {
	-webkit-transition: bottom 0.3s ease-out;
	transition: bottom 0.3s ease-out;
}

#base {
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-moz-flex-direction: column;
	-ms-flex-direction: column;
	-o-flex-direction: column;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	flex-direction: column;
	-ms-flex-wrap: nowrap;
	-o-flex-wrap: nowrap;
	flex-wrap: nowrap;
	min-height: 100vh;
}

main {
	flex: auto;
}

.box:after {
	clear: both;
	height: 1px;
	content: ' ';
	display: block;
}

.box > p {
	margin-bottom: 0;
}

.box > p:first-child {
	margin-top: 0;
}

.videoIframe iframe {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
}

main {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-flow: column nowrap;
	flex-flow: column nowrap;
}

.videoIframe {
	height: 0;
	padding-bottom: calc(100% * 9 / 16);
	width: 100%;
	display: block;
	position: relative;
}

.box img {
	max-width: 100%;
	height: auto;
}

.skyB, .skyB160 {
	display: none;
}

.footer {
	background: #fff url(/img/n03.jpg) 0 100% repeat;
	background-size: cover;
	text-align: center;
	padding: 80px 0;
	color: white;
}

.footerBottom {
	text-align: center;
	margin-top: 30px;
	color: #a7a8a8;
}

.footer a {
	color: currentColor;
	text-decoration: none;
}

.footer p {
	margin: 0;
}

.footerMenu {
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
	border: 1px solid rgba(255, 255, 255, 0.3);
	border-width: 1px 0;
	padding: 24px 0;
	gap: 16px;
}

.footer a:hover {
	color: currentColor;
	text-decoration: underline;
}

.footerMenu__r, .footerMenu__l {
	display: flex;
	gap: 1rem;
	margin: 0;
	padding: 0;
	list-style-type: none;
	text-transform: uppercase;
	flex-flow: row wrap;
}

.footerMenu__r {
	font-weight: 700;
	font-size: clamp(1em, 2vw, 1.25em);
}

a[href^="tel:"]:hover {
	color: currentColor;
	text-decoration: none;
}

.socF {
	display: flex;
	flex-flow: row wrap;
	gap: 10px;
	justify-content: center;
	padding: 40px 0;
	margin: 0;
	color: #000;
}

.socF a:hover {
	text-decoration: none;
	color: white;
	background: #f66009;
}

.socF a {
	color: #000;
	background-color: white;
	width: 30px;
	height: 30px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
}

.img {
	float: right;
	height: auto;
	max-width: 35%;
}

.timeline li {
	padding-bottom: 65px;
	background: center 100% no-repeat;
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAAwCAMAAADEtrFmAAAAnFBMVEUAAAC2tragoKC5ubmgoKC5ubm5ubmgoKC5ubmgoKC5ubmgoKCwsLC5ubm5ubm5ubm5ubmgoKC5ubm5ubm5ubmsrKy5ubmgoKC5ubm5ubm5ubmgoKC5ubm5ubm5ubm5ubm5ubm5ubm5ubm5ubm5ubm5ubm5ubm5ubm5ubm5ubm5ubmgoKCgoKC5ubmgoKCgoKC5ubm5ubmgoKC5ubmaaRXCAAAAM3RSTlMABGz5MBcMnHc8LxgI2NDAi2BYTzwiEAzo3si/uKOYU0vjyrWebWZGQDUmtKiWkIR/YFQIwwilAAAA6klEQVQYGbXBVXLDMABAwSfJzOwwc7m6/906ScGuNdN+ZRdDGGKQOYZnH8O0Zah+xGBJ7k3mGFwfw7RlyHIx5JJ7y0OG2mnLkO9ikBKDa2Gw+JM4FzYDzny8ZMCe6AIILTp1oipASjqn0TgAXJ9OoWcNhA/0eHoRwfsLHbHTHuBbdJqNWvHNEVwFo3HAp2hZCq6OKm24sbNJyc1BzyGq4bhd7x2uRKY9QIgyiUvBjZirE9C8pYszX+zN+gJBNnu1+RaMUocqniwdfqxUxiqZVfR4yivirU1PtNBxsqvpi55UenD4RVT7C//7AEnKDXoWKScOAAAAAElFTkSuQmCC);
	margin: 10px 0 30px 0;
}

.timeline li:nth-of-type(even) {
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAAwCAMAAADEtrFmAAAAmVBMVEUAAACurq62tragoKCrq6u5ubmgoKCzs7O5ubmgoKC5ubm5ubm5ubmgoKC5ubm5ubm5ubm5ubm5ubmgoKC5ubm5ubm5ubm5ubmgoKC5ubm5ubm5ubm5ubm5ubm5ubm5ubmgoKC5ubm5ubm5ubm5ubm5ubm5ubmgoKC5ubm5ubmgoKC5ubmgoKC5ubm5ubmgoKC5ubm5ubm5ubn1hS8BAAAAMnRSTlMADANsF/kwB8mcd1JMPBDn39jAYFg8I8+/uKOYii4Zta6ebGRGQDIj0ZaQjoR/blQ4NDJFroMAAADnSURBVBgZtcFFdgJBAEDB3zbuhrvFpe9/uDwghCGdTRZUoTWOWuFIn3CIIa7lAYfyuL9a4UhDHGKIK/RwqJr70zUOMRQ4whSHUji8EJfHf8ybD8kvcTHOuPI00NhAc6UU0JqHjqs0BGZFvqNnqSEb2Yael3fwJzaix0uByK4kR1JwkZgg40gmsc/ZrMhnnCTB85yTrDJbTsS6WGzh4MPYbjiTcTmIfQlEdir59jmpNhmwM2PJhX4dTffQ5YHmh4iDskVU+Z6edjRImJqEvvmibCITcaNbDUo78bkh1pV59Pmle2slf/gC3Q8Mo3RGstkAAAAASUVORK5CYII=);
}

.timeline li:last-child {
	background-image: none;
}

.timeline p {
	margin: 0;
}

.timeline h4 {
	color: #414345;
	font-size: 1.25em;
	margin: 0;
}

.timeline h3 {
	font-size: 3em;
	margin: 0 0 20px 0;
	color: #f66009;
}

.timeline {
	list-style-type: none;
	margin: 0;
	text-align: center;
	padding: 0;
}

.faq h3:first-child {
	padding: 0;
	margin: 0;
	border-width: 0;
}

.faq h3 {
	margin-bottom: 0;
	margin-top: 25px;
	padding-top: 25px;
	border-top: 1px solid #eaeaea;
}

.faq p {
	margin-top: 5px;
}

.soc.socBig {
	text-align: center;
}

.soc.socBig a:hover {
	background: #000;
	color: white;
}

.soc.socBig a {
	border-width: 0;
	display: inline-block;
	width: 90px;
	height: 90px;
	border-radius: 50%;
	line-height: 90px;
	color: #717274;
	font-size: 36px;
	text-align: center;
	background-color: #f66009;
	color: white;
	margin: 10px;
}

@media screen and (min-width: 1600px) {
	.skyB {
		display: block;
		position: absolute;
		top: 10px;
		right: -115px;
	}
}

@media screen and (min-width: 1600px) {
	.skyB160 {
		display: block;
		position: absolute;
		top: 10px;
		right: -155px;
	}
}

.aboutus img {
	display: block;
	max-width: 100%;
	height: auto;
}

@media (min-width: 761px) {
	.aboutus {
		display: flex;
		align-items: center;
	}
	.aboutus__l {
		flex: auto;
		text-transform: uppercase;
		width: 50%;
		padding-right: 25px;
	}
	.itemSlider {
		flex: auto;
		width: 50%;
		padding-right: 25px;
	}
}

.itemSlider .prepinac__in span:hover, .itemSlider .prepinac__in span.active {
	background-color: #393b3c;
}

.itemSlider .prepinac__in span {
	background-color: #a7a8a8;
}

.itemSlider .btn+.btn {
	border-left-width: 0;
}

.itemSlider__cont .btn {
	display: flex;
	gap: 4px;
	text-transform: none;
	font-weight: 400;
	padding: 2px 5px;
	align-items: center;
	flex: none;
	justify-self: end;
	align-items: center;
	align-self: center;
}

.itemSlider__cont {
	display: grid;
	gap: 8px;
	place-content: center;
	grid-template-columns: 5em 1fr 5em;
	min-height: 6em;
}

.itemSlider__img {
	aspect-ratio: 605 / 420;
}

.itemSlider__hdr {
	grid-column-start: 2;
	justify-self: center;
	align-items: center;
	font-weight: 700;
	font-size: 1.25em;
	text-align: center;
	align-items: center;
	align-self: center;
}

.videoBox {
	aspect-ratio: 16 / 9;
	position: relative;
	object-fit: cover;
	margin-top: 70px;
}

.videoBox iframe {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.videoBox__text {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	pointer-events: none;
	background: rgba(0, 0, 0, 0.12);
	display: flex;
	align-items: center;
	justify-content: center;
	flex-flow: row wrap;
	color: white;
	text-transform: uppercase;
	font-weight: 700;
	font-size: clamp(1em, 3.5vw, 3.3em);
}

.insta a {
	color: currentColor;
}

.insta {
	background: #f8f8f8;
	padding: clamp(16px, 4vw, 48px);
}

.insta_feed {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	grid-auto-rows: 1fr;
	grid-column-gap: 10px;
	grid-row-gap: 10px;
}

.insta_post a {
	color: black;
}

.insta_post {
	padding: 20px;
	transition: all 200ms ease-in-out;
	height: 100%;
	display: flex;
	flex-direction: column;
	position: relative;
	background-color: white;
}

.insta_post_image {
	width: 100%;
	object-fit: cover;
	aspect-ratio: 1 / 1;
}

.insta_post_date {
	padding: 3px;
	font-size: 10pt;
	opacity: .6;
}

.insta_post_title {
	padding: 3px;
}

@media screen and (max-width: 800px) {
	.insta_feed {
		grid-template-columns: repeat(1, minmax(0, 1fr));
	}
}