@charset "utf-8";

/* div.h1 = nadpis v zahlavi, kdyz ma stranka vlastni H1 - stejny vzhled jako h1 */
.slidertext .h1, .slidertext3 .h1 { display: block; font-size: 2em; font-weight: bold; margin: 0.67em 0; }

/* CSS Document */
html {
	scroll-behavior: smooth
}

.cookies {
	position: fixed;
	z-index: 999999;
	font-family: "Roboto Condensed";
	background-color: rgba(255, 255, 255, 0.8);
	width: 100%;

	width: 100%;
	bottom: 0px;
	padding: 20px;
}

body {
	margin: 0;
	padding: 0;
	height: 100%;
	font-size: 15px;
}

header {
	width: 100%
}

a {
	text-decoration: none;
	color: #298fd2;
}

nav {
	position: absolute;
	top: 0;
	z-index: 15000;
	height: 80px;
	width: 100%;
	background: hsla(214, 51%, 25%, 0.56);

}

.clr {
	height: 0;
	font-size: 0;
	padding: 0;
	margin: 0;
	clear: both
}

.topmenu {
	margin-left: 100px;
	color: #fff;
	font-family: 'Oswald'
}

#top-content-menu-button {
	display: block;
	text-align: right;
	color: #fff;
	font-size: 30px;
	padding: 20px 30px 0 0;
}

.topmenu {
	display: none;
	background: hsla(214, 51%, 25%, 0.90);
	;
	position: absolute;
	z-index: 2000;
	padding: 20px;
	box-sizing: border-box;
	/*width: 80%;*/
	right: 0;
}

.topmenu a {
	display: block !important;
	color: #fff;
	padding: 10px;
	text-decoration: none;
	text-transform: uppercase;
}

.topmenu a:hover {
	-webkit-transition: color 500ms linear;
	-ms-transition: color 500ms linear;
	transition: color 500ms linear;
	color: #009dd9;
}

@media only screen and (min-width: 600px) {
	#top-content-menu-button {
		display: none
	}

	.topmenu a {
		text-decoration: none;
		text-transform: uppercase;
		color: white;
		display: block;
		font-weight: 500;
		float: left;
		padding: 27px 14px;
		font-size: 15px;
		font-family: 'Oswald';
	}

	.topmenu a:hover {
		-webkit-transition: color 500ms linear;
		-ms-transition: color 500ms linear;
		transition: color 500ms linear;
		color: #009dd9;
	}
}

@media only screen and (min-width: 800px) {
	.topmenu {
		padding: 0;
		margin-left: 350px;
		font-size: 20px;
		display: block;
		position: relative;
		background-color: transparent !important;
	}
}

@media only screen and (max-width: 799px) and (min-width: 600px) {
	.topmenu {
		padding: 0;
		margin-left: 150px;
		font-size: 20px;
		display: block;
		position: relative;
		background-color: transparent !important;
	}
}

.slidertext3 h1,
.slidertext h1,
.slidertext2 h2, .slidertext3 .h1, .slidertext .h1 {
	width: fit-content;
	;
}

.slidertext {
	position: absolute;
	color: white;
	right: 0%;
	top: 95px;
	transform: rotate(-3deg);
}

.slidertext2 {
	position: absolute;
	color: white;
	left: 10%;
	top: 190px;
	transform: rotate(5deg);
}

.slidertext3 {
	position: absolute;
	color: white;
	right: 5%;
	top: 95px;
	transform: rotate(-2deg);
}

.slidertext h1, .slidertext .h1 {
	background: rgba(239, 198, 78);
	/*rgba(40, 143, 210, 0.71);*/
	;
	padding: 5px;
	font-family: 'Roboto Condensed';
	font-weight: normal;
	font-size: 22px;
	text-transform: uppercase
}

.slidertext h1 span, .slidertext .h1 span {
	font-weight: bold;
	padding-left: 10px;
}

/* display: block*/
.slidertext2 h2 {
	background: rgba(239, 198, 78);
	/*rgba(40, 143, 210, 0.71);*/
	;
	padding: 5px;
	font-family: 'Roboto Condensed';
	font-weight: normal;
	font-size: 18px;
	text-transform: uppercase
}

.slidertext3 h1, .slidertext3 .h1 {
	background: rgba(239, 198, 78);
	/*rgba(40, 143, 210, 0.71);*/
	;
	padding: 5px;
	font-family: 'Roboto Condensed';
	font-weight: normal;
	font-size: 22px;
	text-transform: uppercase
}

.slidertext3 h1 span, .slidertext3 .h1 span {
	font-weight: bold;
	padding-left: 10px;
}

/* display: block*/
#jssor_1 {
	position: relative;
	margin: 0 auto;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 450px;
	overflow: hidden;
	z-index: 10000;
	background: url(../img/obr3-mob.jpg) no-repeat;
	background-size: cover;
}

@media only screen and (min-width: 800px) {
	#jssor_1 {
		position: relative;
		margin: 0 auto;
		top: 0px;
		left: 0px;
		width: 1280px;
		/*height: 768px;*/
		height: 500px;
		overflow: hidden;
		visibility: hidden;
		z-index: 10000
	}

	.slidertext {
		position: absolute;
		color: white;
		left: 10%;
		top: 160px;
		transform: rotate(-3deg);
	}

	.slidertext3 {
		position: absolute;
		color: white;
		right: 15%;
		top: 150px;
		transform: rotate(-2deg);
	}

	.slidertext2 {
		position: absolute;
		color: white;
		left: 40%;
		top: 400px;
		transform: rotate(5deg);
	}

	.slidertext h1, .slidertext .h1 {
		background: rgba(234, 187, 56, 0.9);
		;
		/* rgba(40, 143, 210, 0.71);*/
		;
		padding: 15px;
		font-family: 'Roboto Condensed';
		font-weight: normal;
		font-size: 48px;
		text-transform: uppercase
	}

	.slidertext3 h1, .slidertext3 .h1 {
		background: rgba(234, 187, 56, 0.9);
		;
		/* rgba(40, 143, 210, 0.71);*/
		;
		padding: 10px;
		font-family: 'Roboto Condensed';
		font-weight: normal;
		font-size: 30px;
		text-transform: uppercase
	}

	.slidertext2 h2 {
		background: rgba(234, 187, 56, 0.9);
		;
		/* rgba(40, 143, 210, 0.71);*/
		;
		padding: 15px;
		font-family: 'Roboto Condensed';
		font-weight: normal;
		font-size: 30px;
		text-transform: uppercase
	}

	.slidertext h1 span, .slidertext .h1 span {
		font-weight: bold;
		padding-left: 30px
	}

	.slidertext3 h1 span, .slidertext3 .h1 span {
		font-weight: bold;
		padding-left: 30px
	}
}

@media only screen and (min-width: 900px) {
	#jssor_1 {
		position: relative;
		margin: 0 auto;
		top: 0px;
		left: 0px;
		width: 1280px;
		height: 768px;
		overflow: hidden;
		visibility: hidden;
		z-index: 10000
	}

	/*.slidertext{position: absolute; color: white; right: 20%; left: 0; top: 150px; transform: rotate(-3deg); }
.slidertext2{position: absolute; color: white; left: 40%; right: 0; top: 350px; transform: rotate(5deg);  }
.slidertext h1, .slidertext .h1{ background: rgba(40, 143, 210, 0.71);; padding: 15px;font-family: 'Roboto Condensed'; font-weight: lighter; font-size: 48px; text-transform: uppercase}
.slidertext2 h2{ background: rgba(40, 143, 210, 0.71);; padding: 15px;font-family: 'Roboto Condensed'; font-weight: lighter; font-size: 30px; text-transform: uppercase}
.slidertext h1 span, .slidertext .h1 span{font-weight: normal ;padding-left: 30px}
	*/
}

#toppics {
	position: relative;
	margin: 0 auto;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 300px;
	overflow: hidden;
	z-index: 10000;
	background: url(../img/obr4b-mob.jpg) center center no-repeat;
	background-size: cover;
}

@media only screen and (min-width: 900px) {
	#toppics {
		position: relative;
		margin: 0 auto;
		top: 0px;
		left: 0px;
		width: 100%;
		height: 400px;
		overflow: hidden;
		z-index: 10000;
		background: url(../img/obr3.jpg) left bottom no-repeat;
		background-size: cover;
	}
}

.content {
	margin: auto;
	width: 100%;
	font-family: 'Oswald';
}

.contenth2 {
	font-size: 2.3em;
	font-family: 'Roboto Condensed';
	text-transform: uppercase;
	/*font-weight: lighter;*/
	text-align: right;
	padding-top: 0;
	margin-top: 0;
	margin-bottom: 0;
}

.contenth3 {
	font-family: 'Roboto Condensed';
	font-size: 1.8em;
	text-transform: uppercase;
	/*font-weight: lighter;*/
	text-align: left;
	padding-top: 0;
	margin-top: 0;
	color: #506376;
	padding-bottom: 10px;
	margin-bottom: 13px;
	clear: both;
}

@media only screen and (min-width: 600px) {
	.contenth2 {
		font-size: 3.5em;
	}

	.contenth3 {
		font-size: 2.5em;
	}
}

@media only screen and (min-width: 600px) {
	.content {
		width: 100%;
	}
}

@media only screen and (min-width: 1280px) {
	.content {
		width: 1200px;
		min-width: 600px;
	}
}

.odeslatpooptavku:hover {
	color: white;
	background: #fff;
}

.odeslatpooptavku {
	margin-top: 5px;
	border-radius: 0;
	font-weight: normal;
	font-size: 16px;
	vertical-align: middle;
	color: white;

	touch-action: manipulation;
	cursor: pointer;
	/* background-image: none; */
	border: none;
	padding: 3px 20px;
	padding-top: 20px;
	/* text-transform: uppercase; */
	/* -webkit-user-select: none; */
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.allowcookie {
	margin-top: 5px;
	border-radius: 0;
	font-weight: normal;
	font-size: 16px;
	vertical-align: middle;
	color: white;
	touch-action: manipulation;
	cursor: pointer;
	/* background-image: none; */
	border: none;
	padding: 5px 10px;

	/* text-transform: uppercase; */
	/* -webkit-user-select: none; */
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	background-color: rgb(199, 7, 7);
}

.odeslatpooptavkuq:hover {
	color: black;
	background: #fff;
}

.odeslatpooptavkuq {
	margin-top: 5px;
	border-radius: 0;
	font-weight: normal;
	font-size: 16px;
	vertical-align: middle;
	color: white;

	touch-action: manipulation;
	cursor: pointer;
	/* background-image: none; */
	border: none;
	padding: 3px 20px;
	padding-top: 20px;
	/* text-transform: uppercase; */
	/* -webkit-user-select: none; */
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.bluemore:hover {
	color: black;
	background: #fff;
}


.bluemore {
	float: right;
	border-radius: 0;
	display: inline-block;
	margin-bottom: 0;
	font-weight: normal;
	font-size: 16px;
	line-height: 12px;
	vertical-align: middle;
	color: white;
	background: #1e5579;
	touch-action: manipulation;
	cursor: pointer;
	background-image: none;
	border: none;
	max-width: 100%;
	padding: 15px 20px;
	text-transform: uppercase;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

#totop {
	transition: .5s ease;
	position: fixed;
	/* position: absolute; */
	width: 80px;
	bottom: 130px;
	z-index: 9999999;
	height: 80px;
	background: #0d3e5f;
	border-radius: 40px;
	right: 10%;
	display: none;
	margin-top: -110px;
	opacity: 0.8
}

#totop span {
	position: absolute;
	color: #fff;
	font-size: 50px;
	margin: 15px 0 0 24px
}

#totop:hover {
	opacity: 1
}

#logo {
	margin: 18px 0 0 10px;
	position: absolute;
	width: 100px;
	height: 100px;
	display: block;
	background: url(../img/logo-vod-dog.png) no-repeat;
	background-size: cover;
}

@media only screen and (min-width: 800px) {
	#logo {
		margin: 27px 0 0 150px;
		width: 180px;
		height: 180px;
	}

	.logosmall {
		margin: 40px 0 0 50px !important;
		position: absolute;
		width: 150px !important;
		height: 150px !important;
	}
}

#fb {
	transition: .5s ease;
	margin: -140px 0 0 15px;
	position: absolute;
	width: 80px;
	opacity: 0.75;
	height: 80px;
	display: block;
	background: url(../img/fb.png) no-repeat;
	background-size: cover;
}

#fb:hover {
	opacity: 1;
}

#en {
	transition: .5s ease;
	margin: -80px 0 0 200px;
	position: absolute;
	width: 120px;
	opacity: 0.55;
	height: 120px;
	display: block;
	background: url(../img/en.png) no-repeat;
	background-size: cover;
}

#en:hover {
	opacity: 1;
}

#de {
	transition: .5s ease;
	margin: -90px 0 0 350px;
	position: absolute;
	width: 100px;
	opacity: 0.55;
	height: 100px;
	display: block;
	background: url(../img/de.png) no-repeat;
	background-size: cover;
}

#de:hover {
	opacity: 1;
}

@media only screen and (min-width: 600px) and (max-width: 1499px) {
	#fb {
		margin: -130px 0 0 150px;
		width: 100px;
		height: 100px;
	}

	#fb {
		margin: -130px 0 0 150px;
		width: 100px;
		height: 100px;
	}

	#de {
		margin: -110px 0 0 350px;
		width: 80px;
		height: 80px;
	}

	#en {
		margin: -70px 0 0 250px;
		width: 90px;
		height: 90px;
	}
}
}

@media only screen and (min-width: 1500px) {
	#fb {
		margin: -130px 0 0 30px;
		width: 140px;
		height: 140px;
	}
}

#jssor_1:after {
	content: "";
	color: transparent;
	width: 100%;
	height: 250px;
	background: #298fd2;
	position: absolute;
	left: 0;
	bottom: -100px;
	top: auto;
	z-index: 10050;
	transform: skewY(-4deg);
}

section.blue div.col-1 h2 {
	padding-left: 80px;
	font-size: 30px;
	text-transform: uppercase;
	font-weight: normal;
}

section.blue div.col-1 h2 span {
	font-size: 40px;
	position: absolute;
	margin: 0px 0px 0 -65px;
}

section.blue div.col-1 {
	padding: 15px;
	box-sizing: border-box;
}

@media only screen and (min-width: 600px) {
	section.blue div.col-1 {
		width: 100%;
		padding: 15px;
	}

	section.blue div.col-1 p {
		min-height: 130px;

	}
}

@media only screen and (min-width: 800px) {
	section.blue div.col-1 {
		width: 50%;
		float: left;
		padding: 15px;
	}
}

@media only screen and (min-width: 1280px) {
	section.blue div.col-1 {
		width: 30%;
		float: left;
		padding: 15px;
	}
}

section.blue {
	clear: both;
	height: auto;
	background: #298fd2;
	color: white;
	margin-top: -50px;
	position: relative;
	z-index: 10100;
	box-sizing: border-box;
}

section div.content {
	position: relative;
	z-index: 10300;
	font-size: 1.2em
}

section.lode {
	box-sizing: border-box;
	background: #fdfdfd;

	clear: both;
	min-height: 300px;
	color: black;
	padding: 200px 10px 100px 10px;
	left: 0;
	width: 100%;
	margin-top: -50px;
	position: relative;
}

@media only screen and (min-width: 1280px) {
	section.lode {
		box-sizing: border-box;
		background: url(../img/bg_lode.jpg) no-repeat;
		background-size: cover;
		clear: both;
		min-height: 300px;
		color: black;
		padding: 200px 10px 100px 10px;
		left: 0;
		width: 100%;
		margin-top: -50px;
		position: relative;
	}
}

section.lode:before {
	content: "";
	color: transparent;
	width: 100%;
	min-height: 250px;
	background: #298fd2;
	position: absolute;
	left: 0;
	bottom: auto;
	top: -150px;
	z-index: 10050;
	transform: skewY(2deg);
}

section.white {
	background: #ededed;
	clear: both;
	min-height: 300px;
	color: black;
	padding: 50px 10px 130px 50px;
	left: 0;
	width: 100%;
	margin-top: -50px;
	position: relative;
	box-sizing: border-box;
}

section.white:before {
	content: "";
	color: transparent;
	width: 100%;
	height: 150px;
	background: #ededed;
	position: absolute;
	left: 0;
	bottom: auto;
	top: -50px;
	z-index: 10050;
	transform: skewY(-2deg);
}

section.partneri {
	background: #fff;
	clear: both;
	min-height: 300px;
	color: black;
	padding: 50px 10px 100px 50px;
	left: 0;
	width: 100%;
	margin-top: -50px;
	position: relative;
	box-sizing: border-box;
	z-index: 0;
}

section.partneri .contenth2 {
	font-size: 32px;
}

section.partneri:before {
	content: "";
	color: transparent;
	width: 100%;
	height: 150px;
	background: #fff;
	position: absolute;
	left: 0;
	bottom: auto;
	top: -50px;
	z-index: 10050;
	transform: skewY(-2deg);
}

main section.white .content {
	min-height: 550px;
}

main.grey {
	background: #ededed;
	clear: both;
	min-height: 300px;
	color: black;
	padding: 30px 10px 100px 10px;
	left: 0;
	width: 100%;
	margin-top: -50px;
	position: relative;
	box-sizing: border-box;
}

main.grey:before {
	content: "";
	color: transparent;
	width: 100%;
	height: 150px;
	background: #ededed;
	position: absolute;
	left: 0;
	bottom: auto;
	top: -50px;
	z-index: 10050;
	transform: skewY(-2deg);
}

footer {
	background: #298fd2;
	clear: both;
	min-height: 250px;
	color: white;
	padding-top: 0px;
	left: 0;
	width: 100%;
	margin-top: -50px;
	position: relative;
}

/*
footer:before {
	content: "";
	color: transparent;
	width: 100%;
	height: 150px;
	background: #298fd2;
	position: absolute;
	left: 0;
	bottom: auto;
	top: -50px;
	z-index: 10050;
	transform: skewY(-2deg);
	box-sizing: border-box;
}
*/
.sloupce-footer h2 {
	text-transform: uppercase;
	font-weight: 100
}

.sloupec-1,
.sloupec-2 {
	display: none
}

.sloupec-1,
.sloupec-2,
.sloupec-3 {
	width: calc(100% - 40px);
	;
}

.sloupce-footer {
	padding: 20px;

}

.sloupce-footer a {
	color: rgba(255, 255, 255, 0.66)
}

.sloupce-footer a:hover {
	color: rgba(255, 255, 255, 0.9)
}

.sloupec-1 a,
.sloupec-2 a {
	display: block;
	font-weight: 100;
	padding: 3px;
}

.sloupec-2 a {
	font-size: 14px;
}

.sloupec-1 a {
	text-transform: uppercase;
	font-size: 12px;
}

@media only screen and (min-width: 600px) {
	.sloupce-footer {
		float: left;
	}

	.sloupec-1,
	.sloupec-2 {
		display: block !important;
		width: calc(25% - 40px) !important;
	}

	.sloupec-3 {
		width: calc(50% - 40px) !important;
	}
}

@media only screen and (min-width: 800px) {
	.sloupce-footer {
		padding: 20px;
		float: left;
	}

	.sloupec-1,
	.sloupec-2 {
		display: block !important;
		width: calc(25% - 40px) !important;
	}

	.sloupec-3 {
		width: calc(50% - 40px) !important;
	}
}

@media only screen and (min-width: 1280px) {
	section.blue div.col-1 {
		width: calc(33.3333% - 40px);

		padding: 20px;
	}
}


.blogitem {
	clear: both
}

.blogitem div {
	float: none;
	width: 100%;
	box-sizing: border-box;
	padding: 10px
}

.blogitem div.imgcol {}

.blogitem div img {
	width: 100%;
	height: auto;
	transition: all .5s linear;
}

@media only screen and (min-width: 800px) {
	.blogitem div {
		float: left;
		width: 50%;
		box-sizing: border-box;
		padding: 20px
	}
}

section.timelive {
	margin: 0;
	font-family: 'Droid Sans', sans-serif;
}

/*
section.timelive:before {
  content: '';
  position: fixed;
  top: 0px;
  left: 50%;
  bottom: 0px;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 4px;
  background-color: #288fd2;
}*/
section.timelive .entries {
	width: calc(100% - 80px);
	max-width: 800px;
	margin: auto;
	position: relative;
	left: -5px;
}

section.timelive .entries .entry {
	width: calc(50% - 80px);
	float: left;
	padding: 20px;
	clear: both;
	text-align: right;
}

section.timelive .entries .entry:not(:first-child) {
	margin-top: -60px;
}

section.timelive .entries .entry .title {
	font-size: 32px;
	margin-bottom: 12px;
	position: relative;
	color: #288fd2;
}

section.timelive .entries .entry .title:before {
	content: '';
	position: absolute;
	width: 8px;
	height: 8px;
	border: 4px solid #ffffff;
	background-color: #288fd2;
	border-radius: 100%;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	right: -73px;
	z-index: 1000;
}

section.timelive .entries .entry .title.big:before {
	width: 24px;
	height: 24px;
	-webkit-transform: translate(8px, -50%);
	transform: translate(8px, -50%);
}

section.timelive .entries .entry .section.timelive {
	color: #aaa;
}

section.timelive .entries .entry .section.timelive p {
	line-height: 1.4em;
}

section.timelive .entries .entry:nth-child(2n) {
	text-align: left;
	float: right;
}

section.timelive .entries .entry:nth-child(2n) .title:before {
	left: -63px;
}

section.timelive .entries .entry:nth-child(2n) .title.big:before {
	-webkit-transform: translate(-8px, -50%);
	transform: translate(-8px, -50%);
}

.product-contenticon {
	box-sizing: border-box;
	width: 100%;
	height: 90px;
	position: relative;

}

.product-item {
	box-sizing: border-box;
	margin: 20px 0px 20px 0px;
	background: #ffffff61;
	border: 3px solid #288fd24a;
	padding: 5px;
	width: 100%;
}

.product-item.prislusenstvi {
	min-height: 230px !important;
	padding: 0 5px !important;
}

.product-item.prislusenstvi .product-contenticon {
	height: 0px !important
}

.product-item.prislusenstvi .product-desc {
	display: none !important
}

.product-img {
	display: none;
	position: absolute;
	/*background: #000;
	text-align: center;
	 border-radius: 50%;
	*/

	margin: -33px 0 0 241px;
	width: 80px;
	height: 80px;

	/* padding-right: 20px; */
	/* float: right; */
}

.product-img img {
	width: 100px;
	height: 60px;

	object-fit: cover;
}

.product-content {
	padding: 0 20px 15px 20px
}

.product-content h4 {
	padding-bottom: 10px;
	border-bottom: 3px solid #288fd2;
	text-transform: uppercase;
	text-align: right;
	font-size: 1.75em;
}

.product-content p {
	width: 100%
}

.product-button-detail {
	float: left !important;
	background: transparent !important;
	font-size: 21px !important;
	padding: 0px 0px !important;
	color: #737373 !important;
}

.product-button {
	float: right;
	border-radius: 0;
	display: inline-block;
	margin-bottom: 0;
	font-weight: normal;
	font-size: 16px;
	line-height: 12px;
	vertical-align: middle;
	color: white;
	background: #ca0002;
	touch-action: manipulation;
	cursor: pointer;
	background-image: none;
	border: none;
	max-width: 100%;
	padding: 15px 20px;
	text-transform: uppercase;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.product-button:hover {
	background: #999
}

@media only screen and (min-width: 700px) {

	/*.product-item:before{ content: "";
    color: transparent;
    width:50% ;
    height: 50px;
    background: #ededed;
        position: absolute;
    margin: -55px -15px;
    z-index: 10050;
    transform: skewY(-4deg);
    box-sizing: border-box;}
*/
	.product-item {
		width: calc(50% - 40px);
		box-sizing: border-box;
		margin: 20px 20px 30px 20px;
		float: left;
		background: #ffffff61;
		border: 3px solid #288fd24a;
		padding: 10px 5px 5px 5px;
		min-height: 340px
	}
}

@media only screen and (min-width: 900px) {
	/*.product-item:before{     content: "";
    color: transparent;
    width:33% ;
    height: 50px;
    background: #ededed;
        position: absolute;
    margin: -55px -15px;
    z-index: 10050;
    transform: skewY(-4deg);
    box-sizing: border-box;
	}*/

	.product-item {
		width: calc(33.3333% - 40px);
		box-sizing: border-box;
		margin: 20px 20px 30px 20px;
		float: left;
		background: #ffffff61;

		border: 3px solid #288fd24a;
		padding: 10px 5px 5px 5px;
		min-height: 340px
	}

	.product-img img {
		width: 100px;
		margin-top: 15px
	}

	.product-content {
		padding: 0 20px 15px 20px;
		box-sizing: border-box;

	}

}

.product-button-close {


	/* border-radius: 0; */
	float: right;
	/* display: inline-block; */
	/* margin-bottom: 0; */
	/* font-weight: normal; */
	font-size: 38px;
	/* line-height: 12px; */
	vertical-align: middle;
	color: #777777;
	background: transparent;
	touch-action: manipulation;
	cursor: pointer;
	/* background-image: none; */
	border: none;
	max-width: 100%;
	/* padding: 12px 17px; */
	text-transform: uppercase;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease
}

.product-button {

	margin: 0 0 0px 0;
	float: right;
	border-radius: 0;
	display: inline-block;
	margin-bottom: 0;
	font-weight: normal;
	font-size: 12px;
	line-height: 12px;
	vertical-align: middle;
	color: white;
	background: #ca0002;
	touch-action: manipulation;
	cursor: pointer;
	background-image: none;
	border: none;
	max-width: 100%;
	padding: 12px 17px;
	text-transform: uppercase;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.product-button:hover {
	background: #999
}

.accessoriesicon {
	width: 29px;
	height: 20px;
	background: #298fd2;
	/*#288fd2;*/
	float: left;
	padding: 5px;
	margin: 5px;
	background-size: 56%;
	background-repeat: no-repeat;
	background-position: right center;
	color: #fff;
}

.padla {
	background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAC9wAAAvcBLRSNOAAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAI0SURBVGiB7Zg9axRRFIbfk2yioJtChPUHpFRSWKmdra2Vgin9KBQ7IU06ERKQgKIgwRRRQYvgJxEEFcTCRrFSxE4EBQWxUTd5LJKVdXdnds+dj7vFPOXcOYfnnblzZ+ZKFRUVFRU9AKZiOwQDnATWgfnYLm6AE5vyLeZiOw0McARo8j9NYE9st74AxzuuPMAf4HBst74A08DaUMgDu4BZ4AXwCfhNMk1gBnjWcXwNOBZD/hTwM0W4k1tADahvBo4jDxiw4BAHuAnU2npMAC+B6bLlR4CrTvkbwGiPPrMx5Bed8ssJ8teB9TLlx4DbTvnLgHX0qbX3KUt+C3A/b/lSAgBbgYdO+UuDyBceABgHVpzyb+ie86PAUq+Ti5TfDjx1yreYb+uT+uwUJV8HngfKt5jrJ19IAGAb8CSjfIvXfcbdy6ilDQI7JD2WtDf0Ajj5YmYNT8FI0gAwIemuypOXpHfegsQAkq5JOhDuEsQDb0HiFAK+StqZScfHN0mTZvbdU5R2B+rZfNyc9spL6QF+ZJDxcsHMlkMKhyHARTM7F1qcFuBDaFMH583sbJYGaQFeZWk8AFckzRTWHZjK6e3biwU6vk6LCvG2APlFIO3O5xrgUM7yXT81ZYR4lJN81498WQHqZJ9KS5Q1bRJCTAIfA+Xv0Lb/EzNEA1h1yq8AY7Hd/8HGDtxR4P0A8veA8aKdglYENlaS/ZIOStonabekhiQkfZa0KumMmf3KybOioqJiSPkLsU2ouqEWKZwAAAAASUVORK5CYII=");
}

.vesty {
	background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAC9wAAAvcBLRSNOAAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAHuSURBVGiB7Zk9SxxRFIbfCX40fmAKiYpoaa2QNOkEf0DClpYxKGhrrf/A0lorC/0JsYwgaGcjBBSiYqsQbJ4U3oV12Z17z+zcnVXvA1vs7nnvfd85M2dnGSmRSBQGmAe2gDNgwaBbcJpti64U3OY7wDUv2TOssd+kvXZrxg9De/4B4wH6cVfbEqufD8VitGRQ0mpA3ZqrrYacDgD8BQZytIPAXd4CVj9ldkCSJiTVcr6vSfKeZlHxdADgd472xCfuhQAAn1vovoQIrX7KPoXqrAd+1jGZVRB4lJ4kzWRZdus0U5L+SOr3Gsoyk6dYHRiQ9LPh/Q8FmC9CrA5I0o2kWbfHlQKnj7UDfZZiI/WRmini6IwZQHq+cM1dthDzFCpEr1zEXcMUABiJZaRhjyFLvbUDS8b6IixGWRX4CFwF3kp0wgUwFurL2wFgBPgu6VzSdCcHIZA5SefAN2DYV+y94mNPHR++qfS+plAvkgJUzasPYL6Z800F39TqVN/Mq+9AClA16Ze4alKAqkkBqiYkwLKkY0nWafQgacO9Ho1aJP1ye5cDMAlsApcBfwsPgU8N2gngKEB36faYLM14iyAZ8BXYBR6bDNwDbR9wADVX08iDW6u7TyudoVFgBTgFDgh/yHfgNCvAaDe8JhJvlf/ndt23A35eEAAAAABJRU5ErkJggg==");
}

.doprava {
	background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAC9wAAAvcBLRSNOAAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAG9SURBVGiB7Zg/SwMxGMafVyqIYMGhQjcdnHRwdOrkJH4AcdHd7vY+X0FxchEHHSxoFx0KKlRs6ePQSPXIpUmTMxbzg9Br/rx5nktylwuQSCQSMRHXBiQ3ADQAbAPYVGlJFa8AqKjr1VzTnvodAnhV1+8A7gDcArgG0BaRe1dNNqKrJM9Idlg+HdVXNZT4I5K9XxCep0fy0Fd8k+QogvgvRiRPTRoL1wDJLQBXABa97oI/AwA7InKjK1wwNGwivnhgrKFwFEwG9sJrmZlCLaYp1Mfk8Ribvogs6wpMBvijoojzO8MH2/5NU2guSAZikwzEJhmITTIQm2QgNpXpVcbk9yZ/hbkfgWQgNslAbFwMDABkANZVylSeL+XE1ZzRtDR1sgBnP1ZxQxioa+rUAxiwiluk02UK6YKE+ND3imsy8Jb7f6Kpc2zbkQGbuC/OUUle5kbxg2SLZE2llsrzxSbu+SwGmgHEhaLwaNF0sFUB0Aaw6+w+LBcAGiIy1BUaFwvJGoCnMlQ5sCYiz0WFU1c7GXcbPe1I0/p7wDWwK7PeqH+xF+pq8h5CCymtH5IHJLvfHmmPJPe9A0fqJxGaT58L3UWgNZc4AAAAAElFTkSuQmCC")
}

.barel {
	background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAC9wAAAvcBLRSNOAAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAGTSURBVGiB7ZnBSkJBFIbPtI5QaZUI6qL2PUY9SLvatCsostepVa3qBXyIioKCDFEfIL4WKtyOhnfm3HEg5lup8P/n/2fmXrkqkslkggAOgWfsPAEHoTmcocCbiLRC9YpX51w7RLhhGPpt0FbmZSlwbNBqTkKFlgL76v1YROpuBSJSF5HJCq+4AA1goi7GMw/9udJOgEbMzDpATwUYAJse+i1gqDyuYmYuDjetfsEnzS4A15bVL/gs24VejMx68EgNvTB4XSqvka+H9xcZgPqo7pwbAzUReRGRmq/nr0DTO1VpLLfR+cDx7OWpGMMHzfcV6B2Yr9hs+80FfHegygL6aAWx9iOUmlwgNblAanKB1OQCqckFUpMLpCYXSE0uUOC9Qq/SVFngSEQ+KvSLA4s0DV4tbVZl1r+Gau6AnQCfJnBvLRDyUD8UkVg/AQ6dc9s+gpBr4DFAU5aHiN5TgC7wteQoWRkAnegFCiX6FYbvA921hC+U6MxWzcon0F5r+EKJPeCWxf8LyjABboDdJOEzmX/CD7dF758bTcDkAAAAAElFTkSuQmCC")
}

.osoby {
	background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAC9wAAAvcBLRSNOAAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAJoSURBVGiB7Zi7axRRGMXPtzEvQRE2D4jCooJgI9qKTbS0kYAIIlgomEXtUmsj2FnYaOU/YCWI2ISIRZQNRqysgmgKkaAxPlCR7M9iZ2SzmdmdOw8Hyf3BhWV27vnOuXPnzp2RPB6Px7OVsTSdgDFJdUknJdWCw28lPZR0x8xW8rFXAMBZ4BvxfAXOlO0zEuA00OxiPqQJTJXtdwPAKLCWwHzIKlAt2lfF4dyrknY6nL9L0hU3OwUCvHIY/ZDFon25XIG9KfT3x/0BDADTwALwKWgN4BLQn6JWd2itLq58idHaDSx26fcCmMg7QC5TCBhKqPUSGOzly2UKPXBKHN+nLulQgr6HJU2nqBkNOS2jtOZ8Up7nFiAonvlBhtu9tJZrgMBApq1Ej76dRC4CeYQYA67TWva+B60BXANGe/RtOAR4VkiALACXHQLUy/a7CWCQ5MvoQNl+I6GMB1nesHEr8TNozluJxG9kwLCko5ImJR2RtE/SeNspnyWtSlqWtCBp3szmkuoXArAdOA/MAj8cbr554MC/8Bh5BYCapBlJ59Ta17twW9KMmf2O0a5KOi7phKSDkkYkhUvvStBeS5qVNGdmHxNXBqrAXeCXw2i3cx/YNChAPzAFPAbWHfTWgUfAKWBbL/PjwFJK49Daz+/o0OwDLgJvMuiGLAEXgL64APcyFrjVoTcMPM3qOoInwFBUgA8ZhY916N3M7jWWG2EdaytI1znWmwkze9+mtyxpT0bNON6ZWU3KN0DFzP5qAE2l/PKXAMysIrm9kXWl3Xx4KC/tqHLhj9wClIUPUDb/fQCPx+PxbG3+ALEafcHe9k7PAAAAAElFTkSuQmCC")
}

.helma {
	background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAABfAAAAXwBsrqMZwAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAGvSURBVEiJ7ZQ9a5RBFIWfm1gI2SYQMMQiEGxUELSyksQUtoJFkFQWYq2NraX5C2IjQkCEFGmCiqAigaBILDQSg4WiiF9EREz8eix2Ft6dzG52YxrB07wz9+OcmTkvF/51RKuEegyYBA4DA5XUJ2AFeAbcA+5GxMeOFdV+9YadY129pA53Ql5TFzOCJ+qjtF5WL6vvCkKr6vHNBK5UGj6rJ9Wj6jf1hTqU6g6o3wsiv9SxVuT7U0ED8+p9dS3t76hH1H3qqxR7qp6p1Ki+VvtKAlOFE7XDkjqYes9ludMN3p6KxvimJjXjfES8TevVLDdZukHJuHa4nvrG1S9ZbuNva9m0dvipTtvsWwNf1Z25wJsuBVphTZ0oebDYpQcbHgGYAw5FxLXSE53d4omX1QvqnpJqVASGgJdAL/AbmAaWgN3AGLA3la4D88Bt4GZEPOj8jnornWoqi/erP6wbO9Cqv4SebH81fUez+AlgB/AwIj50I9AEtc/6DFIdTbGaupJip7ZMXhG5mMieq8PqbNo/Vnu3Q6Bmfc5U8V4d+Wvyisgudcb6mF5QD24b+X/k+AOqaBYD/yedlQAAAABJRU5ErkJggg==")
}

.pumpa {
	background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAABfAAAAXwBsrqMZwAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAFySURBVEiJ5ZS9SkNBEIUniRpsEm0UE7Ew+DhapQgYQRD8Ka0VjKBNGgsLn0JCgqU+gIhoIWgXFNRG04igRPhszpX1chP3mjTiaWZ3duac3dmdNfs3AJLAAlAHboGWbB0oA8leyAvAGd1xCkz/hnwGeBLJHbAC5IFR2VX5UVwhDnkKuFTyMZCVvxayI8CJ4s69ywXMK6kJZALCiLgakNWdAJR8BY6UsNxhfQgoAXOarym+4SvwqIS8u3ugqnq3gKpziinF3/uQDwAfShgMrb3I/xryp+V/C3zdLmPSzFIaj4XWDszs3cz2HfKamY1r+uxzgrLzxiPvICLH/w6AhiPQBDJdYuO9ImACaPMdX33gEsvG6wNglmgEnZxTXI64nRyoA5sdRDrB7y8CloCKxpUfSB+I+5sCV0oORHY0bwOHQFGlGfYijBC4cXa4JV8xqHtPADZEfA1cAIveR/cg3xb5el8IBXd3aTPbTSQSe/0U+Pv4BP4WqdrRIKCqAAAAAElFTkSuQmCC")
}

.zamek {
	background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAABfAAAAXwBsrqMZwAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAFhSURBVEiJxZS7LkRRGIXXwVwkjEaFCaERJBq1FxiVJ1DoJULnDcQtkUh4DoZWJRG3ZIZ2nkAiCoXLp/nJMTn/th0SK9nJvqy91r/23udI/w2gBKwC18C9tStgBSj+VnzQxDxcAAN5xcvAjQldAjWg39qcJcIKKOUxWE4J9Gas9wEt4yzlMTi3zbUAZ944Z3kMHm1zT4BTMc6Dx+kKeHwI9wNrkmYljdhcS9KppD0bVzyRJFAd1n2V1OnQPteSJMnU6nDEu1NDT/zLGlCONpC0GRD1sBHFAmYCH1YIb8B0TIIFx/tQ0qikMUlHGeuJpMWYBHdOhdUUZ9jhNGMSDDne6Sft3V21fSKL6D3d/VT/wOF8D+DWu8UUx0MjJsFx7uqkekyCSeAlR4JnYDyqDGA7cAwe1qNzAgXg5AfidSD048w0KQK7OMdleAF2gMKPxNuMpoAtoAk8WWsAm8BEbuG/wjvLImTz7GDGjgAAAABJRU5ErkJggg==")
}

.stan {
	background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAABfAAAAXwBsrqMZwAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAEgSURBVEiJ7ZQxS0JRGIbfdBAlhJJUapR2aanBH2CTPyBwkBJqaNB+R1sYNEX/oaA/kGMuTS5ORSK4FC35NNwL2emc6z1w3XzG937f+37nnI8rrUgSYA+oLjPgFrhZlnkR+AI+gI24fSmPjJakjKScpCPfASMB0sCIX16AtSQDGvynlmTAoyXgLinzXeDbEvAJFBb1x3nkrqMuK+ncd+A/AKVwNV1MgPUoj0UnOFWwmi42FayvP0AGeDUmfgfGhjYE0i6fqBO0JZUNbSDp2dAqkpq+0xfC+zW5ADoW/Q3I+wRcO9ayCGwR/I9MLuOan9kXht5czZXl+wxoRxkfAA8O8ymwM1e7HWo27oF9W8ATUHc0HVvqTxy1h0A/1nWtkKQfa3j1mXiJNsUAAAAASUVORK5CYII=")
}

.vak {
	background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAABfAAAAXwBsrqMZwAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAHCSURBVEiJzZQ7axVRFIW/I5qo3BTGV7hJITeCIChooQSxMRaWdoI/wnSC+AME7cRCtBCsrCxsbHy2SoKFhSj4QAkJXiUPg0aFz8I9cRzmJnPngrjgsOac/Vjn7L0Z+NdQR9XH6mf1kdqqYutG4KF/434VWzcCyxG8P/hbFVsnrC856ws+HdyvWvBZsa0lkAq3HwQ+rRVUwLaUUseYdYX99eB54BIwDrSAwVgt4HjY5sP3auWrqAtR27EKvmPhu6RuqirwIYLm1IvqMbWpbog1rI6HbS43TUPqjHpPPbyaQNt6GMp9L6p7s5zFHmyu9NQ/+AncBZaAncANoAGczRxWpkjdCrRj+wK4ye+mHgC25JLOAM+BZ8DtlNKs2kgpfVEPApPAy5TSnmJ5jhaePa1eUA+pAzm/AXWfekq9rL5Wr4RtOGLbFKFO1Ky/6p3IMRr7d1nefA+OVKp6ObKf3vbgj2UCu3sQaAaPBE+XCeQb2S0awbuC35QJvO1BYDF4R/D7MoGnPQi8Ct4YvFAmcA34XlPgVvBycLPUSz1TY0QfqP0RfyI77HgV9aT6RP2xStKv6pR6Tu3LxSb1vDpbsxL/IX4BuKpME4D2dx4AAAAASUVORK5CYII=")
}

.pojisteni {
	background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAABfAAAAXwBsrqMZwAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAG6SURBVEiJ3ZS/a1NRFMfPsSZi4hB/TYKFGvwPXLRUcenk1L+gRh07duxS3cRBJINI6eRU7BAJCgEriB1K0MnBqYgaMRS0JMEE48fhneDl+m5ynzr5hce753vv+X7PPZz3RP57AAtAG6gBR4FjQB34CMz/C4On/MLAnhGe/I1wCbgIdAmjA8wBpSzCeaA5RjSEHSAXY3A2UvBTCleOMVDg+QTxBlAE7jvcVpreAZ9QVUTkpUffEZFntm6IyBVV7YrIK+eMnxO8wQWSsRyhbnwBuAkctvgG8MM59xk4H2Pw3mvHEKh4Z64Z7+NdjMF2SuIQWLT9qwFxgBcxBiWr8GuKyVpA/AtQIeP3cC9QZRruhnR+myIHx6OrETnxJwZDe/dFpJWy3xKRga2/ZyhGBDgDfCMZw3PGbTot2TDuksU9YDqLQc0SH1h8Cth3DPaAk7b30LhHseKXHaE2sAKsW/yY5DcBUAVumRl229lJ4jngTWBSOsBpoGztS8NrYCpLq5ac5FWHv+3w16MFUwwKJP+Yt8Ahj98FPgD5cRoHx22qag+oikhTVfsevywiM6o6CCvE3eJIgFegOCn/J/KyWLbmjQXWAAAAAElFTkSuQmCC")
}

.accessoriesicon .product-contenticon-title {
	display: none
}

.accessoriesicon:hover .product-contenticon-title {
	border: 3px solid #288fd24a;
	position: absolute;
	margin: -90px 0px 0 20px;
	background: #fff;
	color: #555;
	padding: 15px;
	display: block;
	box-sizing: content-box
}

.product-content-info {
	border: 3px solid #288fd24a;
	position: absolute;
	margin: -180px 0 0px 36px;
	width: 240px;
	background: #fff;
	color: #555;
	padding: 15px;
	box-sizing: content-box;
	display: none;
	z-index: 20000
}

.product-button span {
	font-size: 1.5em
}

.akcni {
	background: #fff !important
}

.akce {
	background: #ca0002;
	width: 50px;
	height: 32px;
	color: #fff;
	text-transform: uppercase;
	position: absolute;
	text-align: center;
	margin: -2px 0 0 16px;
	padding-top: 2px;
	font-size: 19px;
	transform: rotate(-25deg);
	box-sizing: border-box;
	opacity: 0.7;
}

.cena {
	padding: 0px 0px 0 0;
	font-size: 12px;
	color: #ca0002;
	text-align: right
}

.cena span {
	padding: 9px 6px 0 0;
	display: block;
	float: left;
}

.cena strong {
	font-size: 20px;
	color: #ca0002;
	padding: 0 2px 0 15px
}

.mnozstvi {
	font-size: 20px;
	border: 0;
	background: #fff;
	width: 40px;
	text-align: center;
	float: right;
	height: 37px;
	padding: 0 0px;
	/* margin: 0 5px; */
	color: #999;
}

.product-action {
	clear: both;
	padding-top: 10px
}

#poptatqfloatMobile span {
	font-size: 10px;
	padding-bottom: 1px;
	text-transform: uppercase
}

#poptatqfloatMobile {
	position: fixed;
	text-align: center;
	bottom: 30px;
	box-sizing: content-box;
	right: 10%;
	opacity: 0.90;
	font-family: oswald;
	z-index: 20000;
	background: #e9a933;
	/* width: 30px; */
	color: #fff;
	/* height: 100px; */
	border-radius: 50%;
	padding: 10px 5px 5px 5px;
	width: 70px;
	height: 65px;
	/* font-size: 23px;*/
}

.poptatqfloathidden {
	display: none
}

#poptatqfloat {
	display: none;
}

#poptatfloatMobile span {
	font-size: 10px;
	padding-bottom: 1px;
	text-transform: uppercase
}

#poptatfloatMobile {
	position: fixed;
	text-align: center;
	bottom: 30px;
	box-sizing: content-box;
	left: 10%;
	opacity: 0.85;
	font-family: oswald;
	z-index: 20000;
	background: #1aa91f;
	/* width: 30px; */
	color: #fff;
	/* height: 100px; */
	border-radius: 50%;
	padding: 10px 5px 5px 5px;
	width: 60px;
	height: 55px;

	/* font-size: 23px;*/
}

.poptatfloathidden {
	display: none
}

#poptatfloat {
	display: none;
}


p.formline {
	font-size: 18px;
}

p.formline select {
	font-size: 18px;
	padding: 5px
}

.title-form {
	width: 300px;
	padding: 5px;
	display: inline-block;
	text-transform: uppercase;
	color: #506376
}

.title-form-small {
	width: 100px !important;
}

p.formline .input {
	padding: 10px 15px;
	font-size: 18px;
	border: 3px solid #c2d8eb;
	width: 108px;
}

p.formline .inputbig {
	width: 264px !important;
}

p.formline .inputtextarea {
	width: 85% !important;
	height: 100px;
	background: #fff;
	display: block;
}

p.formline .inputsmall {
	padding: 10px 15px;
	font-size: 18px;
	border: 3px solid #c2d8eb;
	width: 60px !important;
}

@media only screen and (min-width: 600px) {
	#poptatfloatMobile {
		width: 80px;
		height: 65px;
		padding: 15px 5px 5px 5px;
	}

	#poptatfloatMobile span {
		font-size: 15px;
		padding-bottom: 1px;
		text-transform: uppercase
	}

	#poptatqfloatMobile {
		width: 100px;
		height: 90px;
		bottom: 30px;
		padding: 20px 5px 5px 5px;
	}

	#poptatqfloatMobile span {
		font-size: 21px;
		padding-bottom: 1px;
		text-transform: uppercase
	}

	#totop {
		bottom: 150px;
	}

	.inputtextarea {
		width: 580px !important;
		height: 100px;
		background: #fff;
		display: block;
	}
}




p.formline .selectsmall {
	padding: 10px 5px;
	font-size: 18px;
	border: 3px solid #c2d8eb;
	width: 150px !important;
}

.sectionnav {
	padding: 15px 0
}

.showstep {
	padding-top: 20px;
	clear: both
}

.step1 {
	display: block
}

//.step2,.step3,.step4{display: none}

.krokpoptavkylast {
	margin: 0 !important
}

.krokpoptavky span {
	padding-top: 40px;
	display: inline-block
}

.krokpoptavky {
	cursor: pointer;



	box-sizing: content-box;
	opacity: 0.85;
	font-family: oswald;
	/* z-index: 20000; */

	/* width: 30px; */
	color: #506550;
	/* height: 100px; */
	margin: 10px 20px 10px 0;
	border-radius: 50%;
	padding: 5px;
	float: left;
	width: 100%;
	height: 100px;
	text-transform: uppercase;
	font-size: 20px;
	border: 0;
}

.circle {
	padding-top: 20px;
	text-align: center;
	box-sizing: content-box;
	opacity: 0.85;
	font-family: oswald;
	/* z-index: 20000; */
	background: #5c9cd8;
	/* width: 30px; */
	color: #fff;
	/* height: 100px; */
	margin: 0px 20px 0 0;
	/*border-radius: 50%;*/

	float: left;
	width: 90px;
	height: 70px;
	text-transform: uppercase;
	font-size: 30px;
	border: 0;
}

.infopoptavkaico {
	padding-left: 20px;
	font-size: 25px
}


/** Custom Select **/
.custom-select-wrapper {
	position: relative;
	display: inline-block;
	user-select: none;
}

.custom-select-wrapper select {
	display: none;
}

.custom-select {
	position: relative;
	display: inline-block;
}

.custom-select2 {
	position: relative;
	display: inline-block;
	margin: 0 0 0 5px;
}

.custom-select-trigger {
	position: relative;
	display: block;
	width: 194px;
	padding: 0 84px 0 22px;
	font-size: 22px;
	font-weight: 300;
	color: #fff;
	line-height: 60px;
	background: #5c9cd8;

	cursor: pointer;
}

.custom-select-trigger:after {
	position: absolute;
	display: block;
	content: '';
	width: 10px;
	height: 10px;
	top: 50%;
	right: 25px;
	margin-top: -3px;
	border-bottom: 1px solid #fff;
	border-right: 1px solid #fff;
	transform: rotate(45deg) translateY(-50%);
	transition: all .4s ease-in-out;
	transform-origin: 50% 0;
}

.custom-select.opened .custom-select-trigger:after {
	margin-top: 3px;
	transform: rotate(-135deg) translateY(-50%);
}

.custom-select2.opened .custom-select-trigger:after {
	margin-top: 3px;
	transform: rotate(-135deg) translateY(-50%);
}

.custom-options {
	position: absolute;
	display: block;
	top: 100%;
	left: 0;
	right: 0;
	min-width: 100%;
	margin: 0px 0;
	border: 3px solid #c2d8eb;
	z-index: 10333;

	box-sizing: border-box;
	background: #fff;
	transition: all .4s ease-in-out;

	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	transform: translateY(-15px);
}

.custom-select.opened .custom-options {
	opacity: 1;
	visibility: visible;
	pointer-events: all;
	transform: translateY(0);
}

.custom-select2.opened .custom-options {
	opacity: 1;
	visibility: visible;
	pointer-events: all;
	transform: translateY(0);
}

.option-hover:before {
	background: #f9f9f9;
}

.custom-option {
	position: relative;
	display: block;
	padding: 0 22px;
	border-bottom: 1px solid #c2d8eb;
	font-size: 18px;

	color: #555;
	line-height: 47px;
	cursor: pointer;
	transition: all .4s ease-in-out;
}

.custom-option:first-of-type {}

.custom-option:last-of-type {
	border-bottom: 0;

}

.custom-option:hover,
.custom-option.selection {
	background: #f9f9f9;
}

.showdoprava {
	display: none
}

.g-recaptcha {
	display: none
}

.checkboxinput {
	border: 1px solid rgba(99, 99, 99, 1.00);
	width: 40px;
	height: 40px;
	background: #fff
}

.swal2-container {
	z-index: 910000 !important;
	font-family: 'Roboto Condensed'
}

.swal2-popup #swal2-content {
	text-align: left !important;
}

.table {
	border-spacing: 0;
	border-collapse: collapse;
}

.table td {
	padding: 5px;
	margin: 0
}

.table th {
	padding: 10px 5px;
	margin: 0;
	color: black;
	background: #009dd9;
}

.table tr:nth-child(odd) {
	background: #50acd0;
	color: white
}

.table tr:nth-child(even) {
	background: #009dd9;
	color: white
}

.table tr.odd {}

.table60 {
	width: 100%
}

@media only screen and (min-width: 600px) {
	.table60 {
		width: 100%
	}

	.swal2-popup {
		width: 50em !important;
	}
}

#noborder {
	border: 0 !important;
	width: 100%;
	height: 350px
}

.bb {
	width: 65px;
	height: 65px;
	top: 0px;
	right: 25px;
}

.bbb {
	width: 65px;
	height: 65px;
	top: 0px;
	left: 25px;
}

.cc {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.ccc {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.dd {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	text-align: center;
	background-color: rgba(0, 0, 0, 0.7);
}

.ee {
	margin-top: -19px;
	position: relative;
	top: 50%;
	width: 38px;
	height: 38px;
}

.kontakt-uvod td {
	padding: 3px;
	text-align: left;
	;
	vertical-align: top
}

.kontakt-uvod-title {
	width: 80px
}

.kontakt-uvod-value {}

#kontakt-top-info {
	padding: 10px
}

#kontakt-top-info h2 {
	margin: 0;
	padding: 5px 0 10px 0;
	color: rgba(130, 0, 0, 0.85)
}

#kontakt-top-info p {
	margin: 0;
	padding: 5px 0 0 0;
	font-size: 16px
}

.kontakt-icon-effekt {
	width: 20px;
	text-align: center;
	padding-right: 15px;
	font-size: 18px !important;
	color: rgba(150, 150, 150, 0.80)
}

.h2ico {
	padding-right: 20px;
	opacity: 0.5
}

.showelement {
	display: block !important;
}


.rect-img-container {
	position: relative;
	width: 120px;
	height: 80px;
	overflow: hidden;
	float: right;
	border: 2px solid #b9d6ea
}

.rect-img-container img {
	top: 50%;
	left: 50%;
	width: 100%;
	height: 100%;
	position: relative;
	transform: translate(-50%, -50%);
	object-fit: cover;
}

.zoomimg {
	display: none;

	position: absolute;
	z-index: 1000;
	margin-top: -140px;
	width: 280px;
	height: 210px;


}

.zoomimg img {
	top: 50%;
	left: 50%;
	width: 100%;
	height: 100%;
	position: relative;
	transform: translate(-50%, -50%);
	object-fit: cover;
}

/*
  .rect-img-container::after {
	content: "";
	display: block;
	padding-bottom: 100%;
  }
  
  .rect-img {
	position: absolute;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transform: translate(-50%, -50%);
  }*
  */
/* cookie lista: na mobilu a nizkych displejich text rolovat, tlacitka vzdy na obrazovce */
@media (max-width: 600px), (max-height: 800px) {
	#cm #c-txt { max-height: 22vh; overflow-y: auto; }
	#cm #c-bns { display: flex; gap: 8px; }
	#cm #c-bns button { flex: 1; margin: 0; }
}