@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,700&subset=latin-ext');
@import url("jquery/magnific/magnific-popup.min.css");
@import url("jquery/owl/owl.carousel.min.css");
@import url("jquery/owl/owl.theme.default.min.css");
@import url("jquery/owl/animate.min.css");
@import url("jquery/ui/jquery-ui.min.css");
@import url("jquery/ui/jquery-ui.theme.min.css");
@import url("jquery/ui/jquery-ui.structure.min.css");


/* ******************************** common ******************************** */
html,body {
	margin: 0;
	padding: 0;
	height: 100%;
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	font-size: 15px;
	color: #444;
	background: #fff;
	-webkit-text-size-adjust:none;
}

body {
	min-height: 100%;
	min-width: 300px;
}

* {
  -webkit-box-sizing: border-box;
	 -moz-box-sizing: border-box;
		  box-sizing: border-box;
} *:before, *:after {
  -webkit-box-sizing: border-box;
	 -moz-box-sizing: border-box;
		  box-sizing: border-box;
}

@media print {
	body {
		font-size: 12pt;
	}
}

.nofloat {
	font-size: 1px;
	height: 1px;
	clear: both;
	display: block;
}

p {
	margin: 1.1em 0;
	padding: 0;
	line-height: 135%;
	-webkit-text-size-adjust:none;
}

p.perex {
	margin: 0 0 1.4em 0;
	line-height: 145%;
}

strong {
}

table p {
	margin: 0;
	padding: 0;
}

a img {
	border: 0;
}

.dn {
	display: none !important;
}

h1,h2,h3,h4,h5, .h1,.h2 {
	margin: 0;
	padding: 0;
	line-height: normal;
	word-spacing: 0.2em;
	color: #000;
	letter-spacing: 2px;
	font-weight: 400;
}

h1, .h1 {
	margin: 1.4em 0 1em 0;
	font-size: 24px;
	padding: 0;
	line-height: 130%;
	text-transform: uppercase;
}

h2, .h2 {
	margin: 2em 0 0.6em 0;
	/*padding: 1.4em 0 0.6em 0;*/
	font-size: 20px;
	line-height: 120%;
	text-transform: uppercase;
}

h3 {
	margin: 3em 0 0.8em 0;
	font-size: 17px;
}

form {
	margin: 0;
	padding: 0;
}

ul {
	margin: 0.8em 0;
	padding: 0 0 0 0.3em;
}

ul li {
	margin: 0 0 0.3em 1em;
	padding: 0;
	list-style: url(img/li.svgz);
}

ol {
	margin: 0.8em 0;
	padding: 0 0 0 0.3em;
}

ol li {
	margin: 0 0 0.3em 1em;
	padding: 0;
}

input,select {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	padding: 2px;
	outline: none;
	margin: 0;
}

textarea {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	margin: 0;
	padding: 2px;
	resize: vertical;
	outline: none;
	font-size: 13px;
}

input, textarea {
	-webkit-appearance: none; /* iphone */
	border-radius: 0; /* iphone */

	border: 1px solid #ccc;
	padding: 12px 15px;
	width: 100%;
	background: #fff;
	font-size: 14px;
	border-radius: 4px;
}

/*
select {
	-webkit-appearance: none;
	-moz-appearance: none;
	padding-right: 30px;
}

select::-ms-expand {
	display: none;
}*/

input[type=radio], input[type=checkbox], .captcha input, input.auto {
	width: auto;
}

input[type=submit] {
	background: transparent;
}

input.nospin[type='number'] {
	-moz-appearance:textfield;
}

input[type="file"] {
	border: none;
	padding: 0;
}

input.nospin::-webkit-outer-spin-button,
input.nospin::-webkit-inner-spin-button {
	-webkit-appearance: none !important;
	margin: 0;
}

a,a:link,a:visited,a:active {
	color: #444;
	text-decoration: underline;
	outline: none;
}

a:hover {
	color: #000;
}

a[href^="tel"] {
	color: inherit;
}

@media print {
	a:after,a:link:after,a:visited:after,a:active:after {
		content: " (" attr(href) ") ";
		text-decoration: none;
		color: #000;
	}

	a[href ^="/"]:after {
		content: " (https://www.nakopce365.cz" attr(href) ") ";
		text-decoration: none;
		color: #000;
	}
}

@media (min-width: 600px) {
	h1, .h1 { letter-spacing: 5px;}
	h2,h3,h4,h5, .h2 { letter-spacing: 4px; }

	h1, .h1 {
		font-size: 28px;
	}

	h2, .h2 {
		font-size: 24px;
	}

	h3 {
		font-size: 19px;
	}

	ul {
		padding: 0 0 0 1.2em;
	}

	ol {
		padding: 0 0 0 1.2em;
	}

	a[href^="tel"] {
		cursor: default;
		text-decoration: none !important;
		color: inherit !important;
	}

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

@media (min-width: 800px) {
	body {
		font-size: 16px;
	}
	label:not(.radio) {
		font-size: 15px;
	}
}

@media (min-width: 1100px) {

	h1, .h1 {
		font-size: 30px;
	}

	h2, .h2 {
		font-size: 26px;
	}

	h3 {
		font-size: 20px;
	}
}

@media (min-width: 1400px) {
	body {
		/* font-size: 17px; */
	}

	p {
		margin: 1.3em 0;
	}

	h1, .h1 {
		font-size: 32px;
	}

	h2, .h2 {
		font-size: 28px;
	}

	h3 {
		font-size: 22px;
	}
}

table {
	padding: 0;
	margin: 0 0 1em 0;
}

table td {
	vertical-align: top;
	padding: 0;
}

table th {
	font-weight: 400;
	text-align: left;
	padding: 0 1em 0 0;
}

table.small-only th {
	font-weight: 700;
}

table.small-only td {
	padding-left: 15px;
}

table tr {
	vertical-align: top;
}

table tr.space > * {
	padding-bottom: 20px;
}

.tucne {
	font-weight: bold;
}

.kurziva {
	font-style: italic;
}

.chyba {
	color: #FF0000;
	font-size: 100%;
	margin: 1em 0 1em 0;
}

.chyba p {
	margin: 0;
	padding: 0;
	font-size: 100%;
	font-weight: 600;
}

.chyba ol {
	margin: 0;
	padding: 0 0 1em 1.5em;
}

.green {
	color: #228B22;
}

.gray {
	color: gray;
}

article a.external:not(.noicon) {
	padding-right: 14px;
	margin-right: 4px;
	background: transparent url("img/external.svgz") no-repeat right center;
	background-size: 10px 10px;
}

.aie {
	background-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==);

	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	text-indent: -1150px;
	overflow: hidden;
	display: block;
	z-index: 9;
}

article ul li, article ol li {
	line-height: 140%;
}

article .linkme {
	cursor: pointer;
}

article .linkme:hover a.mainhref {
	text-decoration: underline;
}

.cl::after { /* clear floating after contaniner */
	content: ".";
	visibility: hidden;
	display: block;
	height: 0;
	clear: both;
}

.ht { /* hide text inside container */
	font-size: 0 !important;
	text-indent: -999px;
	overflow: hidden;
}

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

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


.alert {
	color: #da2127;
	font-size: 115%;
}

body > .alert {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	padding: 5px;
	background: #ff5000;
	color: #fff;
	z-index: 999;
	text-align: center;
}

.container span.radio {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	margin: 0 3px 0 0;
}

.container span.radio span {
	display: block;
	width: 20px;
	height: 20px;
	border-radius: 100%;
	border: 1px solid #aaa;
	background: #fff;
	position: relative;
	overflow: hidden;
}

.container span.radio input {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 2;
	visibility: hidden;
	padding: 0;
}

.container span.radio span::after {
	content: "";
	position: absolute;
	width: 12px;
	height: 12px;
	border-radius: 100%;
	background: #da1f26;
	left: 3px;
	top: 3px;
	opacity: 0;
	transition: opacity 0.3s ease;
}

.container span.radio input:checked + span::after {
	opacity: 1;
}

.container span.checkbox {
	position: relative;
	display: inline-block;
	width: 19px;
	height: 19px;
	vertical-align: middle;
	margin: 0 6px 0 0;
}

.container label span.checkbox input {
	visibility: hidden;
	position: absolute;
	width: 100%;
	height: 100%;
}

.container label span.checkbox span {
	content: "";
	display: block;
	width: 17px;
	height: 17px;
	border: 1px solid #d9d9d9;
	position: absolute;
	left: 0;
	top: 0;
	background: #fff;
}

.container label span.checkbox span::before {
	content: "";
	position: absolute;
	left: 2px;
	top: 1px;
	width: 15px;
	height: 8px;
	border-left: 4px solid #da1f26;
	border-bottom: 4px solid #da1f26;

	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);

	opacity: 0;
	-webkit-transition: opacity .2s linear;
	transition: opacity .2s linear;
}

.container label:hover span.checkbox span::before {
	opacity: 0.3;
}

.container label span.checkbox input:checked + span::before {
	opacity: 1;
}


.container span.checkbox.big {
	width: 30px;
	height: 30px;
}

.container label span.checkbox.big span {
	width: 28px;
	height: 28px;
	border: 1px solid #d9d9d9;
}

.container label span.checkbox.big span::before {
	left: 3px;
	top: 0;
	width: 27px;
	height: 15px;
}


/* ******************************** path ******************************** */

@media print {
	article .path {
		display: none;
	}
}

article .path {
	display: block;
	font-size: 13px;
	padding: 5px 0 0 0;
	color: #999;
}

article .path a {
	color: #999;
}

article .path strong {
	display: inline;
	white-space: nowrap;
	font-weight: 300;
}

article .path ul {
	display: inline;
	margin: 0;
	padding: 0;
}

article .path ul li {
	display: inline;
	margin: 0 0 0 0.8em;
	padding: 0;
	list-style: none;
	background: none;
}

article .path ul li::after {
	content: "▸";
	margin: 0 0 0 0.8em;
}

article .path ul li:last-child::after {
	content: "";
	margin: 0;
}

article .path ul li:last-child a, article .path ul li:last-child a:hover {
	text-decoration: none;
}


/* ******************************** kontakt ******************************** */
article form.kontaktform label {
	display: none;
}

article form .input {
	padding-bottom: 10px;
}

article form .input textarea {
	height: 150px;
}

article form.kontaktform .submit {
	padding: 0;
}

article form.kontaktform .submit input {
	width: 100%;
}

form .captchacont {
	display: none;
	align-items: center;
}

form .captchacont img {
	margin: 0 5px 0 0;
	vertical-align: middle;
	display: inline-block;
}

@media all and (min-width: 600px) {
	.kontakt {
		display: flex;
		justify-content: space-between;
	}

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

	.kontakt .kontakt_left {
		padding-right: 50px;

		flex: 0 0 250px;
	}

	.kontakt .kontakt_right {
		flex: 1 0 250px;
	}

	.kontakt .kontakt_right h2 {
		display: none;
	}

	article .kontakt form.kontaktform .captchacont {
		float: left;
	}

	article form.kontaktform .submit {
		float: right;
	}

	article form.kontaktform .submit input {
		width: auto;
		margin-right: 0;
	}
}

@media all and (min-width: 800px) {
	.kontakt .kontakt_left {
		padding-right: 50px;

		flex: 0 1 500px;
	}

	.kontakt .kontakt_right {
		flex: 0 1 730px;
	}
}


/* ******************************** 404 ******************************** */

article .error404 {
	padding: 0;
}

article .error404 .img {
	float: left;
	width: 170px;
	height: 164px;
	margin: 0 20px 0 0;
	background: transparent url("img/404.svgz") no-repeat left top;
}

article .error404 .text {
	float: left;
	max-width: 380px;
}

article .error404 .text p {
	margin: 0 0 0.3em 0;
}

article .error404 .text p.lang_cz {
	margin: 0 0 0.3em 0;
}

article .error404 .text p.lang_en {
	margin: 2em 0 0.3em 0;
}


/* *********************************** podclanky *********************************** */
aside.podclanky {
}

aside.podclanky ul li {
	padding: 30px 0;
	margin: 0;
	position: relative;
}

aside.podclanky ul li+li {
	border-top: 1px solid #cdcdcd;
}


aside.podclanky ul li .img img {
	border-radius: 10px;
	max-width: 100%;
}


aside.podclanky ul li h2 {
	font-size: 21px;
	margin: 0.7em 0 0.2em 0;
}

aside.podclanky ul li:hover h2,
aside.podclanky ul li:hover .vht_btn {
	text-decoration: underline;
}

aside.podclanky ul li .text {
	padding-bottom: 60px;
}

aside.podclanky ul li span.datum {
	display: block;
	color: #999;
}

aside.podclanky ul li p {
	color: #000;
}

aside.podclanky ul li .vht_btn {
	position: absolute;
	right: 0;
	bottom: 30px;
}

@media (min-width: 600px) {
	aside.podclanky ul li {
		display: flex;
	}

	aside.podclanky ul li .img {
		max-height: 240px;
		overflow: hidden;
		border-radius: 10px;
		flex: 0 1 430px;
	}

	aside.podclanky ul li .text {
		padding-left: 30px;
		flex: 0 1 870px;
	}

	aside.podclanky ul li h2 {
		margin-top: 0;
	}
}

@media (min-width: 800px) {
	aside.podclanky ul li {
		padding: 60px 0;
	}

	aside.podclanky ul li .text {
		padding-left: 60px;
	}

	aside.podclanky ul li .vht_btn {
		bottom: 60px;
	}
}

/* *********************************** galerie *********************************** */
figure.galerie {
	margin: 30px 0;
	padding: 0;
}

figure.galerie ul li {
	margin-bottom: 4%;
}

figure.galerie ul li a {
	margin: 0;
	display: block;
	position: relative;
}

figure.galerie ul li a::before {
	content: "";
	opacity: 0;
	background: rgba(0,0,0,0.3);
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	border-radius: 10px;

	-webkit-transition: opacity .2s ease-in-out;
	transition: opacity .2s ease-in-out;
}

figure.galerie ul li a::after {
	content: "";
	opacity: 0;
	background: url(img/ikony.svg) no-repeat -100px 0;
	width: 35px;
	height: 35px;
	position: absolute;
	top: calc(50% - 17px);
	left: calc(50% - 17px);

	-webkit-transition: opacity .2s ease-in-out;
	transition: opacity .2s ease-in-out;
}

figure.galerie ul li:hover a::before,
figure.galerie ul li:hover a::after {
	opacity: 1;
}

figure.galerie ul li img {
	max-width: 100%;
	width: auto;
	height: auto;
	display: inline-block;
	vertical-align: middle;
	border-radius: 10px;
}

@media (min-width: 500px) AND (max-width: 799px) {
	figure.galerie ul li {
		margin: 0 0 3% 0;
		width: 48.5%;
		float: left;
	}

	figure.galerie ul li:nth-child(2n+1) {
		clear: both;
	}

	figure.galerie ul li:nth-child(2n+0) {
		float: right;
	}
}

@media (min-width: 800px) AND (max-width: 999px) {
	figure.galerie ul li {
		margin: 0 2% 2% 0;
		width: 32%;
		float: left;
	}

	figure.galerie ul li:nth-child(3n+1) {
		clear: both;
	}

	figure.galerie ul li:nth-child(3n+0) {
		float: right;
		margin-right: 0;
	}
}


@media (min-width: 1000px) {
	figure.galerie {
		margin: 50px 0;
	}

	figure.galerie ul li {
		margin: 0 1.3333% 1.3333% 0;
		width: 24%;
		float: left;
	}

	figure.galerie ul li:nth-child(4n+1) {
		clear: both;
	}

	figure.galerie ul li:nth-child(4n+0) {
		float: right;
		margin-right: 0;
	}
}

@media (min-width: 1400px) {
	figure.galerie {
		margin: 80px 0;
	}
}


/* ************************************** videa ************************************** */
figure.videa {
	margin: 30px 0;
	padding: 0;
}

figure.videa .youtube {
	width: 100%;
	margin-bottom: 30px;
	position: relative;
	display: block;
	overflow: hidden;
	cursor: pointer;
}

figure.videa .youtube a {
	font-size: 0;
	text-indent: -999px;
	height: 0;
}

figure.videa .youtube a::after {
	content: "";
	display: block;
	background: url(img/ikony.svgz) no-repeat 0 -200px;
	width: 90px;
	height: 63px;
	position: absolute;
	top: calc(50% - 30px);
	left: calc(50% - 45px);

	opacity: .7;
	filter: alpha(opacity=70);

	transition: all 0.2s ease-out;
}

figure.videa .youtube a:hover::after {
	opacity: 1;
	filter: alpha(opacity=100);
}

figure.videa .youtube a img {
	width: 100%;
}

figure.videa iframe {
	overflow: hidden;
	display: block;
}

@media (min-width: 550px) {
	figure.videa .youtube {
		width: 550px;
	}
}

@media (min-width: 600px) {
	figure.videa {
		margin: 50px 0;
	}
}

@media (min-width: 800px) {
	figure.videa .youtube {
		float: left;
		width: 48%;
		margin-bottom: 3%;
	}

	figure.videa .youtube:nth-child(2n+2) {
		float: right;
	}

	figure.videa .youtube:nth-child(2n+1) {
		clear: both;
	}
}

@media (min-width: 1100px) {
	figure.videa {
		margin: 75px 0;
	}
}

@media (min-width: 1400px) {
	figure.videa {
		margin: 90px 0;
	}
}



/* ************************************** soubory ************************************** */
figure.soubory {
	margin: 0 0 30px 0;
	padding: 0;
}

figure.soubory ul li {
	min-height: 60px;
	margin: 0 0 30px 0;
	position: relative;
}

figure.soubory ul li .ikona {
	background: transparent url("img/fileicons.svgz") 0 0 no-repeat;
	width: 48px;
	height: 48px;
	position: absolute;
	margin: 0 15px 0 0;
}

figure.soubory ul li .cont {
	margin: 0 0 0 62px;
}

figure.soubory ul li .cont p.popis {
	margin: 0;
	font-size: 14px;
}

figure.soubory ul li .cont p.velikost {
	margin: 0;
	color: #aaa;
	font-size: 14px;
}

figure.soubory ul li:hover .cont .nazev {
	text-decoration: underline;
}

@media (min-width: 600px) {
	figure.soubory ul {
		display: -webkit-flex;
		display: flex;

		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
	}

	figure.soubory ul li {
		margin-right: 4%;

		-webkit-flex: 0 0 42%;
		flex: 0 0 42%;
	}
}

@media (min-width: 800px) {
	figure.soubory {
		margin-bottom: 50px;
	}
}

@media (min-width: 1000px) {
	figure.soubory ul li {
		margin-right: 2.333%;

		-webkit-flex: 0 0 31%;
		flex: 0 0 31%;
	}
}

@media (min-width: 1100px) {
	figure.soubory {
		margin-bottom: 75px;
	}
}

@media (min-width: 1400px) {
	figure.soubory {
		margin-bottom: 90px;
	}
}

figure.soubory .ikona.doc,
figure.soubory .ikona.docx,
figure.soubory .ikona.odt,
figure.soubory .ikona.rtf {background-position: 0 -100px;}
figure.soubory .ikona.exe,
figure.soubory .ikona.com,
figure.soubory .ikona.bat,
figure.soubory .ikona.xml,
figure.soubory .ikona.dll {background-position: 0 -200px;}
figure.soubory .ikona.jpg,
figure.soubory .ikona.jpeg,
figure.soubory .ikona.gif,
figure.soubory .ikona.png,
figure.soubory .ikona.psd,
figure.soubory .ikona.tiff,
figure.soubory .ikona.bmp,
figure.soubory .ikona.cdr,
figure.soubory .ikona.ai,
figure.soubory .ikona.svg,
figure.soubory .ikona.odg {background-position: 0 -300px;}
figure.soubory .ikona.pdf {background-position: 0 -400px;}
figure.soubory .ikona.ppt,
figure.soubory .ikona.pps,
figure.soubory .ikona.odp,
figure.soubory .ikona.pptx,
figure.soubory .ikona.ppsx {background-position: 0 -500px;}
figure.soubory .ikona.xls,
figure.soubory .ikona.xlsx,
figure.soubory .ikona.ods {background-position: 0 -600px;}
figure.soubory .ikona.zip,
figure.soubory .ikona.rar,
figure.soubory .ikona.gz,
figure.soubory .ikona.arj,
figure.soubory .ikona.z7 {background-position: 0 -700px;}




/* ************************************** stacktable ************************************** */
.st-head-row { padding: 1em 0 0 0.5em; }
.st-head-row.st-head-row-main { font-size: 1.3em; }
.st-key { width: 49%; text-align: left; padding-right: 1%; }
.st-val { width: 49%; padding-left: 1%; }

/* RESPONSIVE EXAMPLE */
.stacktable.large-only { display: table; }
.stacktable.small-only { display: none; }

.kosik .nostackable.large-only { display: table; }
.kosik .nostackable.small-only { display: none; }

@media (max-width: 650px) {
	.stacktable.large-only { display: none; }
	.stacktable.small-only { display: table; }

	.kosik .nostackable.large-only { display: none; }
	.kosik .nostackable.small-only { display: table; }
}



/* ************************************** grafika ************************************** */
.page.blur {
	-webkit-filter: blur(3px);
	filter: blur(3px);
}

body > .page {
	min-height: 100%;
	position: relative;
	z-index: 1;
	overflow: hidden;
	background: #fff;

	-webkit-transition: -webkit-transform .25s ease-in-out;
	transition: transform .25s ease-in-out;
}


body > .pagemenu {
	position: absolute;
	top: 0;
	right: 0;
	width: 260px;
	min-height: 100%;
	background: #ededed;
	z-index: 0;
	font-size: 15px;
}

body.menuopen > .page {
	-webkit-transform: translate3d(-260px,0,0);
	transform: translate3d(-260px,0,0);
	box-shadow: 0 0 20px 0 rgba(0,0,0,0.5);
	overflow: hidden;
}

body .pagemenu ul {
	margin: 0 0 15px 0;
	padding: 0;
}

body .pagemenu ul ul {
	margin: 1px 0;
}

body .pagemenu ul li {
	margin: 0 0 1px 0;
	padding: 0;
	list-style: none;
	position: relative;
}

body .pagemenu ul li a:not(.aie),
body .pagemenu .user a {
	display: block;
	padding: 13px 15px 13px 25px;
	background: #fff;
	color: #000;
	text-decoration: none;
	text-transform: none;
}

body .pagemenu ul li li a:not(.aie) { padding-left: 45px;}
body .pagemenu ul li li li a:not(.aie) { padding-left: 70px;}
body .pagemenu ul li li li li a:not(.aie) { padding-left: 95px;}

body .pagemenu ul li a.active {
	background: #da1f26;
	color: #fff;
}

body .pagemenu .user a { margin-bottom: 1px;}
body .pagemenu .user a:first-letter {text-transform: uppercase;}
body .pagemenu .user br { display: none;}


.page .pageoverlay {
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	background: rgba(0,0,0,0.3);
	display: none;
	z-index: 999;
	cursor: e-resize;
}

.container {
	max-width: 1330px;
	width: 100%;
	margin: 0 auto;
	padding: 0 15px;
	position: relative;
}

@media (min-width: 1700px) {
	.overlay::before {
		content: "";
		position: absolute;
		z-index: 3;
		top: 0;
		bottom: 0;
		left: 0;
		width: 250px;
		background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,0.8) 65%, rgba(255,255,255,0) 100%);
		background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%,rgba(255,255,255,0.8) 65%,rgba(255,255,255,0) 100%);
		background: linear-gradient(to right, rgba(255,255,255,1) 0%,rgba(255,255,255,0.8) 65%,rgba(255,255,255,0) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1 );
	}

	.overlay::after {
		content: "";
		position: absolute;
		z-index: 3;
		top: 0;
		bottom: 0;
		right: 0;
		width: 250px;
		background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.8) 35%, rgba(255,255,255,1) 100%);
		background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,0.8) 35%,rgba(255,255,255,1) 100%);
		background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,0.8) 35%,rgba(255,255,255,1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 );
	}
}




/* ************************************** header ************************************** */
header {
}

header > .container {
	z-index: 2;
}

header a.logo {
	position: absolute;
	top: 0;
	left: 15px;
	background: #fff;
	padding: 15px 8px 15px 10px;
	max-width: 50%;

	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
}

header .logo img {
	max-width: 100%;
	display: block;
}

header nav {
	position: absolute;
	top: 0;
	right: 15px;
	background: #000;
	display: none;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
}

header nav ul {
	margin: 0;
	padding: 0;
}

header nav ul li {
	display: inline-block;
	list-style: none;
	margin: 0;
	padding: 0;
}

.page header nav ul li a {
	font-size: 15px;
	text-transform: uppercase;
	display: block;
	color: #fff;
	line-height: 60px;
	padding: 0 10px;
	text-decoration: none;
}

header nav ul li:first-child a {
	border-bottom-left-radius: 10px;
	padding-left: 25px;
}

header nav ul li a.active,
header nav ul li a:hover {
	background: #fff;
	color: #000;
}

header nav .user {
	margin-left: 30px;
	position: relative;
	text-align: center;

	display: -webkit-flex;
	display: flex;

	-webkit-align-items: center;
	align-items: center;
}

header nav .user .text {
	padding: 0 15px 0 50px;
	color: #fff;
}

header nav .user .text::after {
	content: "";
	width: 35px;
	height: 35px;
	background: url(img/ikony.svgz) no-repeat 0 -100px;
	position: absolute;
	left: 0;
	top: 12px;
}

.page header nav .user .text a {
	color: #fff;
	text-decoration: none;
}

.page header nav .user .text a:hover {
	text-decoration: underline;
}

header .hamburger {
	position: absolute;
	top: 15px;
	right: 10px;
	padding: 10px;
	width: 48px;
	height: 44px;
	background: url(img/ikony.svgz) no-repeat 10px 10px;
	cursor: pointer;
}



header .slideshow {
	padding-top: 220px;
	position: relative;
	z-index: 0;
}

.hp header .slideshow {
	padding-top: 330px;
}

header .slideshow::after {
	content: "";
	background: url(img/slideshow.svg) repeat-x center bottom;
	position: absolute;
	z-index: 1;
	bottom: -1px;
	width: 100%;
	height: 77px;
}

header .slideshow .owl-carousel {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}

header .slideshow .owl-carousel .slide {
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	overflow: hidden;
}

header .slideshow .slide .box {
	text-transform: uppercase;
	color: #fff;
	position: absolute;
	padding: 20px;
	letter-spacing: 5px;
}

header .slideshow .slide .box .text {
	display: inline-block;
	text-align: center;
	font-size: 15px;
}

header .slideshow .slide .box .text .ramecek {
	display: block;
	border: 1px solid #fff;
	padding: 10px 40px;
	font-size: 23px;
	margin-bottom: 10px;
	border-radius: 10px;
}

header .slideshow .slide-kremesnik .box .text .ramecek {
	padding: 10px 30px;
}

header .slideshow .slide .blur {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	width: 100%;
	-webkit-filter: blur(8px);
	filter: blur(8px);
	filter: url(#blur);
}

header .slideshow .slide .blur .bg {
	background-position: center;
	background-size: cover;
	min-height: 100%;
}

header .slideshow .owl-carousel .slide01 { background-image: url(img/slide-01-small.jpg);}
header .slideshow .owl-carousel .slide02 { background-image: url(img/slide-02-small.jpg);}
header .slideshow .owl-carousel .slide03 { background-image: url(img/slide-03-small.jpg);}
header .slideshow .owl-carousel .slide-javorice { background-image: url(img/slide-javorice-small.jpg);}
header .slideshow .owl-carousel .slide-kremesnik { background-image: url(img/slide-kremesnik-small.jpg);}
header .slideshow .owl-carousel .slide-cerinek { background-image: url(img/slide-cerinek-small.jpg);}
header .slideshow .owl-carousel .slide-lisek { background-image: url(img/slide-lisek-small.jpg);}

.hp header .slideshow .owl-carousel .slide01 { background-image: url(img/hp-slide-01-small.jpg);}
.hp header .slideshow .owl-carousel .slide02 { background-image: url(img/hp-slide-02-small.jpg);}
.hp header .slideshow .owl-carousel .slide03 { background-image: url(img/hp-slide-03-small.jpg);}
.hp header .slideshow .owl-carousel .slide-bezec { background-image: url(img/hp-slide-bezec-small.jpg);}
.hp header .slideshow .owl-carousel .slide-javorice { background-image: url(img/hp-slide-javorice-small.jpg);}
.hp header .slideshow .owl-carousel .slide-kremesnik { background-image: url(img/hp-slide-kremesnik-small.jpg);}
.hp header .slideshow .owl-carousel .slide-cerinek { background-image: url(img/hp-slide-cerinek-small.jpg);}
.hp header .slideshow .owl-carousel .slide-lisek { background-image: url(img/hp-slide-lisek-small.jpg);}
.hp header .slideshow .owl-carousel .slide-hradisko { background-image: url(img/hp-slide-hradisko-small.jpg);}

.hp header .slideshow .slide-bezec .blur .bg { background-image: url(img/hp-slide-bezec-small.jpg);}
.hp header .slideshow .slide-javorice .blur .bg { background-image: url(img/hp-slide-javorice-small.jpg);}
.hp header .slideshow .slide-kremesnik .blur .bg { background-image: url(img/hp-slide-kremesnik-small.jpg);}
.hp header .slideshow .slide-cerinek .blur .bg { background-image: url(img/hp-slide-cerinek-small.jpg);}
.hp header .slideshow .slide-lisek .blur .bg { background-image: url(img/hp-slide-lisek-small.jpg);}
.hp header .slideshow .slide-hradisko .blur .bg { background-image: url(img/hp-slide-hradisko-small.jpg);}

header .slideshow .slide .box {
	width: 290px;
	max-width: 460px;
	text-align: right;
	left: -20px;
	top: 35%;
	height: 200px;
	padding-left: 40px;
}

header .slideshow .slide-cerinek .box {
	width: 270px;
}

header .slideshow .slide-lisek .box {
	width: 220px;
}

header .slideshow .slide-hradisko .box {
	width: 270px;
}


header .slideshow .slide .blur {
	clip: rect( 0, 295px, 125px, 0);
	transform: translateX(-20px) translateY(35%);
}

header .slideshow .slide-bezec .blur {
	clip: rect( 0, 295px, 160px, 0);
	transform: translateX(0px) translateY(36%);
}

header .slideshow .slide-cerinek .blur {
	clip: rect( 0, 275px, 125px, 0);
	transform: translateX(-10px) translateY(35%);
}

header .slideshow .slide-lisek .blur {
	clip: rect( 0, 225px, 125px, 0);
	transform: translateX(-10px) translateY(35%);
}

header .slideshow .slide .blur .bg {
	transform: translateX(+10px) translateY(-35%);
}



/*header .slideshow .arrow {
	display: none;
	z-index: 1;
	position: absolute;
	width: 56px;
	height: 94px;
	background: url("img/ikony.svg") no-repeat -153px -80px;
	right: 15px;
	top: calc(50% - 47px);
	cursor: pointer;
}

header .slideshow .arrow.prev {
	right: initial;
	left: 15px;

	-webkit-transform:rotate(180deg);
	-moz-transform:rotate(180deg);
	transform:rotate(180deg);
}*/


@media (min-width: 500px) {
	header .slideshow {
		padding-top: 250px;
	}
}

@media (min-width: 600px) {
	header a.logo {
		padding: 20px;
	}
}

@media (min-width: 700px) {
	header .slideshow .owl-carousel .slide01 { background-image: url(img/slide-01.jpg);}
	header .slideshow .owl-carousel .slide02 { background-image: url(img/slide-02.jpg);}
	header .slideshow .owl-carousel .slide03 { background-image: url(img/slide-03.jpg);}
	header .slideshow .owl-carousel .slide-javorice { background-image: url(img/slide-javorice.jpg);}
	header .slideshow .owl-carousel .slide-kremesnik { background-image: url(img/slide-kremesnik.jpg);}
	header .slideshow .owl-carousel .slide-cerinek { background-image: url(img/slide-cerinek.jpg);}
	header .slideshow .owl-carousel .slide-lisek { background-image: url(img/slide-lisek.jpg);}

	.hp header .slideshow .owl-carousel .slide01 { background-image: url(img/hp-slide-01.jpg);}
	.hp header .slideshow .owl-carousel .slide02 { background-image: url(img/hp-slide-02.jpg);}
	.hp header .slideshow .owl-carousel .slide03 { background-image: url(img/hp-slide-03.jpg);}
	.hp header .slideshow .owl-carousel .slide-bezec { background-image: url(img/hp-slide-bezec.jpg);}
	.hp header .slideshow .owl-carousel .slide-javorice { background-image: url(img/hp-slide-javorice.jpg);}
	.hp header .slideshow .owl-carousel .slide-kremesnik { background-image: url(img/hp-slide-kremesnik.jpg);}
	.hp header .slideshow .owl-carousel .slide-cerinek { background-image: url(img/hp-slide-cerinek.jpg);}
	.hp header .slideshow .owl-carousel .slide-lisek { background-image: url(img/hp-slide-lisek.jpg);}
	.hp header .slideshow .owl-carousel .slide-hradisko { background-image: url(img/hp-slide-hradisko.jpg);}

	.hp header .slideshow .slide01 .blur .bg { background-image: url(img/hp-slide-01.jpg); }
	.hp header .slideshow .slide02 .blur .bg { background-image: url(img/hp-slide-02.jpg); }
	.hp header .slideshow .slide03 .blur .bg { background-image: url(img/hp-slide-03.jpg); }
	.hp header .slideshow .slide-bezec .blur .bg { background-image: url(img/hp-slide-bezec.jpg);}
	.hp header .slideshow .slide-javorice .blur .bg { background-image: url(img/hp-slide-javorice.jpg);}
	.hp header .slideshow .slide-kremesnik .blur .bg { background-image: url(img/hp-slide-kremesnik.jpg);}
	.hp header .slideshow .slide-cerinek .blur .bg { background-image: url(img/hp-slide-cerinek.jpg);}
	.hp header .slideshow .slide-lisek .blur .bg { background-image: url(img/hp-slide-lisek.jpg);}
	.hp header .slideshow .slide-hradisko .blur .bg { background-image: url(img/hp-slide-hradisko.jpg);}
}

@media (min-width: 800px) {
	/*header .slideshow .arrow { display: block; }*/
	.hp header .slideshow { padding-top: 41%; }
}

@media (min-width: 980px) {
	.hp header .slideshow { padding-top: 37%; }

	header .slideshow .slide .box {
		padding: 30px;
	}

	header .slideshow .slide .box .text {
		font-size: 25px;
	}

	header .slideshow .slide .box .text .ramecek {
		font-size: 33px;
		padding: 10px 60px;
	}

	header .slideshow .slide-bezec .box .text .ramecek {
		padding: 10px 40px;
	}

	header .slideshow .slide .box {
		left: -20px;
		top: 40%;
		width: 530px;
		max-width: inherit;
	}

	header .slideshow .slide .blur {
		clip: rect( 0, 530px, 160px, 0);
		transform: translateX(-20px) translateY(40%);
	}

	header .slideshow .slide-javorice .box {
		width: 400px;
	}

	header .slideshow .slide-javorice .blur {
		clip: rect( 0, 400px, 160px, 0);
	}

	header .slideshow .slide-kremesnik .box {
		width: 440px;
	}

	header .slideshow .slide-kremesnik .blur {
		clip: rect( 0, 440px, 160px, 0);
	}

	header .slideshow .slide-cerinek .box {
		width: 400px;
	}

	header .slideshow .slide-cerinek .blur {
		clip: rect( 0, 400px, 160px, 0);
		transform: translateX(-12px) translateY(40%);
	}

	header .slideshow .slide-lisek .box {
		width: 320px;
	}

	header .slideshow .slide-lisek .blur {
		clip: rect( 0, 320px, 160px, 0);
	}

	header .slideshow .slide .blur .bg {
		transform: translateX(+15px) translateY(-40%);
	}

}

@media (min-width: 1100px) {
	header nav {
		display: flex;
	}

	header .hamburger {
		display: none;
	}

	header .slideshow {
		padding-top: 280px;
	}
}

@media (min-width: 1400px) {
	header .slideshow { padding-top: 300px;}
	.hp header .slideshow { padding-top: 33%; }
	header .slideshow .slide .box .text { font-size: 32px; }
	header .slideshow .slide .box .text .ramecek { font-size: 40px; }

	header .slideshow .slide .box {
		top: 46%;
		left: -10px;
		left: calc(50% - 1097px);
		width: 1000px;
	}

	header .slideshow .slide-javorice .box {
		left: calc(50% - 1284px);
	}

	header .slideshow .slide-kremesnik .box {
		left: calc(50% - 1235px);
	}

	header .slideshow .slide-cerinek .box {
		left: calc(50% - 1303px);
	}

	header .slideshow .slide-lisek .box {
		left: calc(50% - 1372px);
	}

	header .slideshow .slide-hradisko .box {
		left: calc(50% - 1260px);
	}

	header .slideshow .slide .blur {
		clip: rect( 0, 1000px, 180px, 0);
		transform: translateX(calc(50% - 1280px)) translateY(46%);
	}

	header .slideshow .slide-bezec .blur {
		clip: rect( 0, 1180px, 180px, 0);
	}

	header .slideshow .slide-javorice .blur {
		clip: rect( 0, 1015px, 180px, 0);
		transform: translateX(calc(50% - 1290px)) translateY(46%);
	}

	header .slideshow .slide-kremesnik .blur {
		clip: rect( 0, 1070px, 180px, 0);
		transform: translateX(calc(50% - 1300px)) translateY(46%);
	}

	header .slideshow .slide-lisek .blur {
		clip: rect( 0, 930px, 180px, 0);
		transform: translateX(calc(50% - 1282px)) translateY(46%);
	}

	header .slideshow .slide-cerinek .blur {
	}

	header .slideshow .slide-hradisko .blur {
		clip: rect( 0, 1060px, 180px, 0);
		transform: translateX(calc(50% - 1285px)) translateY(46%);
	}

	header .slideshow .slide .blur .bg {
		transform: translateX(+5px) translateY(-46%);
		transform: translateX(calc(-50% + 1280px)) translateY(-46%);
	}



	.page header nav ul li a {
		font-size: 17px;
		padding: 0 15px;
	}


}

@media (min-width: 1920px) {
	header .slideshow::after {
		background-size: cover;
	}
}





/* ************************************** hp ************************************** */
.hp h2, .hp .h2, .row4 .h2 {
	margin-top: 0;
	margin-bottom: 1.4em;
}

.j50 {
	margin: 50px 0;
	/* background: #f2f2f2; */
}

.j50 .container {
	max-width: 1020px;
}

.j50 .text {
	text-transform: uppercase;
	text-align: center;
}

.j50 .text .btn {
	margin: 10px 0 15px 0;
}

.j50 .container:hover .text .btn {
	text-decoration: underline;
}

.j50 .text .nadpis.h1 {
	margin: 0;
}

.j50 .text .claim {
	font-size: 110%;
}

.j50 .img {
	margin: 0 -60px;
}

.j50 .img img {
	max-width: 100%;
	display: block;
	margin: 0 auto;
}

@media (min-width: 800px) {
	.j50 {
		background: none;
	}

	.j50 .container {
		display: flex;
		align-items: center;
	}

	.j50 .text .btn {
		margin: 10px 0 15px 0;
	}


	.j50 .text .claim {
		font-size: 130%;
	}

	.j50 .img {
		margin: 0;
	}
}

.page .vystupHP {
	margin: 35px 0 0 0;
	font-size: 25px;
	width: 100%;
	color: #fff;
	background: #da1f26;
	border-radius: 10px;
	padding: 17px 80px 17px 30px;
	display: none;
	text-decoration: none;
	text-align: center;
	position: relative;
}

.page .vystupHP::before {
	content: "";
	background: none;
	border-left: 1px solid #fff;
	position: absolute;
	right: 52px;
	top: 0;
	height: 100%;
}

.page .vystupHP::after {
	content: "";
	position: absolute;
	background: url(img/ikony.svg) no-repeat -157px -107px;
	width: 22px;
	height: 41px;
	right: 14px;
	top: calc(50% - 20px);
}

.page .vystupHP:hover {
	text-decoration: underline;
}

.row1 ol {
	padding: 0;
	margin: 30px 0;
	display: flex;
	align-content: center;
	flex-wrap: wrap;
}

.row1 ol li {
	list-style: none;
	margin: 0;
	padding: 0;
	position: relative;
}

.row1 ol li > div {
	padding: 10px 60px 10px 0;
}

.row1 ol li.vystup {
	flex: 1 1 148px;
}

.row1 ol li.fotka {
	flex: 1 1 113px;
}

.row1 ol li.kod {
	flex: 1 1 218px;
}

.row1 ol li.odeslani {
	flex: 1 1 173px;
}

.row1 ol li.vyhra {
	flex: 1 1 113px;
}

.row1 ol li.popis {
	border: 1px solid #000;
	text-transform: uppercase;
	line-height: 30px;
	position: relative;
	font-size: 18px;
	text-align: center;
	margin-top: 15px;
	border-radius: 10px;
	flex: 0 5 350px;
}

.row1 ol li.popis > div {
	padding: 10px 50px 10px 10px;
}

.row1 ol li.popis:hover {
	text-decoration: underline;
}

.row1 ol li div::before {
	content: "";
	display: block;
	margin: 10px auto;
	background-image: url(img/ikony.svgz);
	background-repeat: no-repeat;
	height: 60px;
}

.row1 ol li.vystup div::before {
	background-position: 0 -200px;
	width: 88px;
}
.row1 ol li.fotka div::before {
	background-position: 0 -300px;
	width: 53px;
}
.row1 ol li.kod div::before {
	background-position: 0 -395px;
	width: 158px;
}
.row1 ol li.odeslani div::before {
	background-position: 0 -500px;
	width: 113px;
}
.row1 ol li.vyhra div::before {
	background-position: 0 -595px;
	width: 52px;
}
.row1 ol li.popis div::before {
	content: "";
	background: none;
	border-left: 1px solid #000;
	position: absolute;
	right: 52px;
	top: -10px;
	height: 100%;
}

.row1 ol li div::after {
	content: "";
	display: block;
	margin: 0 auto;
	background: url(img/ikony.svgz) no-repeat 0 -700px;
	height: 10px;
	width: 45px;
	position: absolute;
	right: 7px;
	top: 50px;
}

.row1 ol li.popis div::after {
	position: absolute;
	background-position: -107px -107px;
	width: 22px;
	height: 41px;
	right: 14px;
	top: calc(50% - 20px);
}

@media (min-width: 400px) {
	.row1 ol li.popis {
		line-height: 38px;
		margin-top: 0;
	}
}

@media (min-width: 600px) {
	.page .vystupHP {
		width: auto;
		display: inline-block;
	}
}

@media (min-width: 1160px) {
	.row1 ol li.popis {
		margin-left: 15px;
		flex: 2 5 350px;
	}
}



.hp .row2 {
	/* margin-top: 30px; */
	padding: 30px 0;
	background: #f2f2f2;
}

.row2 ul li {
	margin: 0 0 15px 0;
	padding: 0;
	background: #303030;
	color: #fff;
	text-align: center;
	text-transform: uppercase;
	font-size: 16px;
	border-radius: 10px;
}

.row2 ul li > div {padding: 20px;}

.row2 ul li:last-child {
	margin-right: 0;
}

.hp .row2 ul li:last-child {
	background: #da2127;
	position: relative;
	line-height: 200%;

	display: -webkit-flex;
	display: flex;

	-webkit-align-items: center;
	align-items: center;
}
.hp .row2 ul li:last-child div {
	padding-right: 60px;
}

.hp .row2 ul li:last-child:hover {
	text-decoration: underline;
}

.hp .row2 ul li:last-child::before {
	content: "";
	background: none;
	border-left: 1px solid #fff;
	position: absolute;
	right: 52px;
	top: 0;
	height: 100%;
}

.hp .row2 ul li:last-child::after {
	content: "";
	position: absolute;
	background: url(img/ikony.svg) no-repeat -157px -107px;
	width: 22px;
	height: 41px;
	right: 14px;
	top: calc(50% - 20px);
}

.row2 ul li span {
	font-size: 50px;
	line-height: 50px;
	display: block;
}

@media (min-width: 400px) {
	.row2 ul {
		display: -webkit-flex;
		display: flex;

		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
	}
}
@media (min-width: 400px) AND (max-width: 599px) {
	.row2 ul li {
		margin-right: 3%;

		-webkit-flex: 0 0 48.5%;
		flex: 0 0 48.5%;
	}

	.row2 ul li:nth-child(2n) {
		margin-right: 0;
	}
}

@media (min-width: 600px) AND (max-width: 799px) {
	.row2 ul li {
		margin-right: 2%;

		-webkit-flex: 0 0 32%;
		flex: 0 0 32%;
	}

	.row2 ul li:nth-child(3) {
		margin-right: 0;
	}
}

@media (min-width: 800px) {
	.hp .row2 {
		/* margin-top: 60px; */
		padding: 50px 0;
	}
}

@media (min-width: 800px) AND (max-width: 1099px) {
	.row2 ul li {
		margin-right: 2%;

		-webkit-flex: 0 0 23.5%;
		flex: 0 0 23.5%;
	}

	.row2 ul li:nth-child(4) {
		margin-right: 0;
	}
}

@media (min-width: 1100px) {
	.row2 ul li {
		margin-right: 2.5%;

		-webkit-flex: 0 0 18%;
		flex: 0 0 18%;
	}
}

.row3 {
	padding: 30px 15px;
}

.row3 .video {
	flex: 0 1 630px;
	margin-bottom: 50px;
}

.row3 .fotogalerie {
	flex: 0 1 630px;
}

.row3 .youtube {
	width: 100%;
	position: relative;
	display: block;
	overflow: hidden;
	cursor: pointer;
}

.row3 .youtube a {
	font-size: 0;
	text-indent: -999px;
	height: 0;
}

.row3 .youtube a::after {
	content: "";
	display: block;
	background: url(img/ikony.svg) no-repeat 0 -900px;
	width: 100px;
	height: 71px;
	position: absolute;
	top: calc(50% - 35px);
	left: calc(50% - 50px);

	opacity: .7;
	filter: alpha(opacity=70);

	transition: all 0.2s ease-out;
}

.row3 .youtube a:hover::after {
	opacity: 1;
	filter: alpha(opacity=100);
}

.row3 .youtube a img {
	width: 100%;
	border-radius: 10px;
}

.row3 iframe {
	overflow: hidden;
	display: block;
	border-radius: 10px;
}

.row3 .fotogalerie .gal {
	overflow: hidden;
	padding-top: 56.5%;
	position: relative;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	border-bottom-left-radius: 10px;

	background: url(img/galerie.jpg) no-repeat center center / cover;
}

.row3 .fotogalerie .gal .images {
	width: 150%;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	display: flex;
	flex-wrap: wrap;
}

.row3 .fotogalerie .gal .images img {
	height: 50%;
}

.row3 .fotogalerie a {
	float: right;
	background: #da2127;
	display: block;
	padding: 20px 65px 20px 15px;
	position: relative;
	text-transform: uppercase;
	color: #fff;
	text-decoration: none;

	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
}

.row3 .fotogalerie a:hover {
	text-decoration: underline;
}

.row3 .fotogalerie a::before {
	content: "";
	background: none;
	border-left: 1px solid #fff;
	position: absolute;
	right: 52px;
	top: 0;
	height: 100%;
}

.row3 .fotogalerie a::after {
	content: "";
	position: absolute;
	background: url(img/ikony.svg) no-repeat -157px -107px;
	width: 22px;
	height: 41px;
	right: 14px;
	top: calc(50% - 20px);
}

@media (min-width: 800px) {
	.row3 {
		padding: 50px 15px;
		display: flex;
		/* justify-content: space-between; */
	}

	.row3 .fotogalerie {
		margin-left: 40px;
	}
}


.row4 .nadpis {
	text-transform: uppercase;
	font-size: 125%;
	letter-spacing: 2px;
	color: #000;
}

.row4 .sponzori {
	padding-bottom: 30px;
}

.row4 .sponzori ul li {
	display: inline-block;
	margin: 0 20px 20px 0;
}

.row4 .sponzori ul li a {
	background-image: url(img/sponzori.svgz);
	background-repeat: no-repeat;
	height: 70px;
	display: block;
}

.row4 .sponzori ul li a.gaskom {
	width: 56px;
	background-position: 0 0;
}

.row4 .sponzori ul li a.kamenicka {
	width: 96px;
	background-position: 0 -100px;
}

.row4 .sponzori ul li a.valenta {
	width: 158px;
	background-position: 0 -200px;
}

.row4 .sponzori ul li a.fopo {
	width: 95px;
	background-position: 0 -450px;
}

.row4 .organizace .spartak {
	padding-right: 30px;
	display: inline-block;
	width: 50%;
	float: left;
}

.row4 .organizace .pocatky {
	display: inline-block;
	width: 50%;
}

.row4 .organizace .pocatky a {
	display: block;
}

@media (min-width: 800px) {
	.row4 {
		padding-top: 20px;
	}

	.row4 .cols {
		padding-bottom: 30px;

		display: -webkit-flex;
		display: flex;

		-webkit-justify-content: space-between;
		justify-content: space-between;
	}

	.row4 .cols .sponzori {
		flex: 0 1 490px;
	}

	.row4 .cols .podporuji {
		margin-right: 300px;
		flex: 0 1 500px;
	}
}

@media (min-width: 1050px) {
	.row4 .cols .podporuji {
		display: flex;
	}

	.row4 .cols .podporuji .tel {
		margin-right: 30px;
		flex: 0 1 180px;
	}

	.row4 .cols .podporuji .organizace {
		flex: 0 1 330px;
	}
}





.svg_filter {
	height: 0px;
	float: left;
	position: relative;
	z-index: -5;
}

.login_wrap .login select {
	width: 100%;
}

.login_wrap .login img {
	max-width: 300px;
}

.kolo {
	margin-top: 20px;
	background: #f0f0f0;
	padding: 20px;
}

.kolo .h2 {
	margin-top: 0;
}

article #jiny_oddil {
	display: none;
}


@media (min-width: 600px) {
	.login_wrap {
		display: flex;
	}

	.login_wrap .login {
		margin-right: 50px;
		flex: 0 1 700px;
	}

	.login_wrap .registrace {
		flex: 0 1 700px;
	}
}


/* ************************************** upload souboru ************************************** */
.aktuality {
	position: relative;
	padding: 15px 10px;
	border-radius: 10px;
	background: #333; /*#da2127;*/
	color: #fff;
	text-align: center;
	max-width: 800px;
	margin-bottom: 30px;
	font-size: 110%;
	line-height: 150%;
}

.aktuality span {
	text-decoration: underline;
}

.aktuality a {
	color: #fff;
}

.aktuality .vyzva + .vyzva {
	margin-top: 15px;
	padding-top: 10px;
	border-top: 1px solid #666;
}

form.soutez {
	max-width: 400px;
}

.upload_wrap form.soutez {
	display: none;
}

form.soutez select {
	width: 100%;
}

form.soutez .wide {
	width: 100%;
}

form .silver {
	margin: 0.3em 0;
	color: #999;
	font-size: 15px;
}

form .silver.margin {
	margin-top: 10px;
}

form.soutez input[type="file"] {
	display: none;
}

form.soutez .upload {
	margin-top: 10px;
	border: 1px dashed #ccc;
	border-radius: 4px;
	padding: 15px;
	height: 200px;
	background: url(img/footer_1.svgz) no-repeat left bottom;
	background-size: cover;
}

form.soutez .upload .select {
	font-size: 22px;
	height: 100%;
	cursor: pointer;

	display: flex;
	justify-content: center;
	align-items: center;
}

form.soutez input[type="submit"]:disabled,
form.reg input[type="submit"]:disabled {
	cursor: default;
	opacity: 0.5;
	text-decoration: none !important;
}

#preview {
	position: relative;
	height: 100%;
	display: none;
}

.img_wrap .img {
	text-align: center;
}

.img_wrap .deleteFile {
	display: none;
	color: #888;
	cursor:pointer;
	position: absolute;
	right: -15px;
	bottom: -30px;
	font-size: 14px;
	line-height: 1;
}

.img_wrap .deleteFile:hover {
	text-decoration: underline;
}

.img_wrap .meter {
	display: block;
	color:#fff;
	line-height:20px;
	font-size:12px;
	background: #da1f26;
	border-radius: 3px;
	left: 0;
	bottom: -5px;
	right: 0;
	position: absolute;

	transition: background-color 0.5s ease-out;
}

.img_wrap .meter.green {
	background-color: green;
}

form .h2,
form h2 {
	margin: 1em 0 0 0;
	text-transform: none;
	font-size: 20px;
	letter-spacing: normal;
}

form.soutez .podminky {
	margin: 40px 0 20px 0;
}


@media (min-width: 800px) {
	.upload_wrap {
		display: flex;
		min-height: 300px;
	}

	.upload_wrap .left {
		margin-right: 70px;
		flex: 0 1 600px;
	}

	/* .upload_wrap .left .loading-btn-wrapper {
		margin: 0 auto;
		display: block;
	} */

	.upload_wrap .right {
		background: url(img/hp-slide-02.jpg) no-repeat;
		background-size: contain;
		flex: 0 1 800px;
	}

	.upload_wrap .right img {
		max-width: 100%;
	}
}



/* ************************************** statistika - velké čtverce ************************************** */
.stat_top ul {
	display: flex;
	flex-wrap: wrap;
	margin-top: 40px;
}

.stat_top ul li {
	margin: 0 0 3% 0;
	padding: 0;
	background: #303030;
	color: #fff;
	text-align: center;
	text-transform: uppercase;
	font-size: 14px;
	border-radius: 10px;
	line-height: 1;
	/* display: flex;
	gap: 15px;
	align-items: center; */
	padding: 8px 10px 10px 10px;
}

.stat_top ul li:last-child {
	margin-right: 0;
}

.stat_top ul li.green {
	background: #265119;
}

.stat_top ul li.red {
	background: #da2127;
}

.stat_top ul li.red a {
	color: #fff;
	text-decoration: none;
}

.stat_top ul li.red a span {
	text-decoration: underline;
}

.stat_top ul li .cislo {
	font-size: 40px;
	line-height: 1;
}

.stat_top ul li .text {
	font-size: 15px;
	line-height: 1.1;
	margin-top: 5px;
}


@media (max-width: 599px) {
	.stat_top ul li {
		margin-right: 3%;
		flex: 0 0 48.5%;
	}

	.stat_top ul li:nth-child(2n) {
		margin-right: 0;
	}
}

@media (min-width: 600px) AND (max-width: 799px) {
	.stat_top ul li {
		margin: 0 2% 2% 0;
		flex: 0 0 32%;
	}

	.stat_top ul li:nth-child(3) {
		margin-right: 0;
	}
}

@media (min-width: 800px) {
	.stat_top ul li {
		margin: 0 0 2% 0;
		font-size: 16px;
		display: block;
		padding: 18px 20px 20px 20px;
		line-height: 1.3;
	}

	.stat_top ul li.red {
		margin-bottom: 50px;
	}

	.stat_top ul li .cislo {
		font-size: 30px;
	}

	.stat_top ul li .text {
		font-size: 17px;
		line-height: 1.3;
	}
}

@media (min-width: 800px) AND (max-width: 1099px) {
	.stat_top ul li {
		margin-right: 2%;
		flex: 0 0 23.5%;
	}

	.stat_top ul li:nth-child(4) {
		margin-right: 0;
	}
}

@media (min-width: 1100px) {
	.stat_top ul li {
		margin: 0 1.4% 0 0;
		flex: 0 0 15.5%;
		padding: 18px 15px 15px 15px;
	}

	.stat_top ul li .cislo {
		font-size: 40px;
	}
}

@media (min-width: 1400px) {
	.stat_top ul li .text {
		font-size: 18px;
	}
}


/* ************************************** statistika tabs ************************************** */
.tabs {
	margin-top: 50px;
}

.tabs ul li {
	position: relative;
	margin-bottom: 30px;
	text-align: center;
	float: left;
	width: 49%;
	margin: 0 2% 40px 0;
}

.tabs ul li .img {
	border-radius: 10px;
	overflow: hidden;
}

.tabs ul li .img img {
	display: block;
	width: 100%;
}

.tabs ul li h2 {
	font-size: 16px;
	margin: 10px 5px 0 5px;
}

.tabs ul li:hover h2 {
	text-decoration: underline;
}

@media (min-width: 800px) {
	.tabs {
		margin-top: 70px;
	}

	.tabs ul li h2 {
		font-size: 21px;
	}
}

@media (max-width: 999px) {
	.tabs ul li:nth-child(2n) {
		margin-right: 0;
	}
}

@media (min-width: 1000px) {
	.tabs ul li {
		width: 32%;
		margin: 0 2% 50px 0;
	}

	.tabs ul li:nth-child(3n) {
		margin-right: 0;
	}
}

@media (min-width: 1400px) {
	.tabs {
		margin-top: 100px;
	}
}

/* ************************************** clanek ************************************** */
article {
	min-height: 530px;
}

article table {
	border-collapse: collapse;
}

article table thead tr th {
	border-bottom: 1px solid #da2127;
	color: #000;
	padding: 5px 7px;
}

article table thead tr th.w130 {
	width: 130px;
}

article table thead tr th span {
	display: block;
	font-size: 13px;
}

article table td, article table tbody th {
	padding: 5px;
	border-bottom: 1px solid #ddd;
}

article table .r {
	text-align: right;
}


article table tbody tr:hover{
	background: rgba(0,0,0,0.04);
}

article table .neprodejne {
	background-color: #ffeed2;
}

article table .novinka {
	background-color: #e8ffca;
}

article table .elkolo {
	background-color: #ffe4e4;
}

article table.posun {
	max-width: fit-content;
	display: block;
	overflow-x: auto;
}

article table.posun td {
	white-space: nowrap;
}

article .benefity {
	margin: 0 0 2em 0;
	max-width: 100%;
}

article .benefity figure.cover {
	margin: 0 0 1em 0;
	padding: 0;
}

article .benefity figure.cover img {
	width: 100%;
	max-width: 100%;
	display: block;
	border-radius: 10px;
}

article .benefity .wrap {
	padding: 30px;
	background: #ededed;
	border-radius: 10px;
	font-size: 115%;
}

article .benefity .wrap .nadpis {
	font-size: 25px;
	font-weight: bold;
	text-transform: uppercase;
}

article .benefity .wrap p {
	margin-top: 0.5em;
}

article .benefity .wrap code {
	font-size: 125%;
	font-weight: 700;
	letter-spacing: 2px;
}

article figure.cover2 {
	margin: 0 0 2em 0;
	max-width: 100%;
}

article figure.cover2 img {
	padding: 0;
	width: 100%;
	max-width: 100%;
	border-radius: 10px;
}


.stat_historie {
	background: #da2127;
	padding: 12px 15px;
	margin-top: 1.6em;
	color: #fff !important;
	text-align: center;
	text-transform: uppercase;
	font-size: 20px;
	border-radius: 10px;
	display: block;
}


.stat_roky {
	display: flex;
	flex-wrap: wrap;
	gap: 3%;
}

.stat_roky a {
	flex: 0 0 48.5%;
	background: #da2127;
	padding: 12px 15px;
	color: #fff !important;
	text-align: center;
	font-size: 18px;
	border-radius: 10px;
	display: block;
	text-decoration: none;
	margin-bottom: 3%;
}

.stat_roky a:hover {
	text-decoration: underline;
}

.vystup-fixed {
	position: fixed;
	bottom: 0;
	z-index: 2;
	padding: 12px;
	background: #da2127;
	color: #fff !important;
	width: 100%;
	display: block;
	text-decoration: none !important;
	text-align: center;
	text-transform: uppercase;
	font-size: 24px;
	border-top: 1px solid white;
}

@media (min-width: 450px) {
	article table thead tr th {
		padding: 5px 10px;
	}

	article table td, article table tbody th {
		padding: 5px 10px;
	}
}

@media (min-width: 600px) {
	article .benefity {
		float: right;
		margin: 0 0 2em 3em;
		max-width: 45%;
	}

	article figure.cover2 {
		float: right;
		margin: 0 0 2em 3em;
		max-width: 45%;
	}

	.stat_historie {
		padding: 15px 35px;
		display: inline-block;
		font-size: 30px;
		margin-top: 1em;
	}

	.stat_roky {
		gap: 2%;
	}

	.stat_roky a {
		flex: 0 0 32%;
	}

	.vystup-fixed {
		display: none;
	}
}



@media (min-width: 800px) {
	.stat_roky a {
		flex: 0 0 23.5%;
	}

}

@media (min-width: 1100px) {
	.statistika_wrap {
		display: flex;
	}

	.statistika_wrap .left {
		margin-right: 100px;
		flex: 0 1 600px;
	}

	.statistika_wrap .right {
		flex: 0 1 800px;
	}

	.stat_roky {
		gap: 1.25%;
	}

	.stat_roky a {
		flex: 0 0 19%;
		margin-bottom: 1.25%;
	}
}

/* ************************************** footer ************************************** */
footer {
	background: #ededed;
	margin-top: 180px;
	position: relative;
	font-size: 15px;
}

footer::before {
	content: "";
	background: url(img/footer_1.svgz) no-repeat left bottom;
	position: absolute;
	top: -181px;
	left: 0;
	right: 0;
	height: 181px;
}

.page footer .row4 a {
	color: #444;
}

.page footer a {
	color: #bbb;
	text-decoration: none;
}

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

footer .middle {
	background: #737373;
	color: #bbb;
	margin-top: 0;
	position: relative;
}

footer .middle::before {
	content: "";
	background: url(img/footer_2.svgz) no-repeat right bottom;
	position: absolute;
	top: -118px;
	left: 0;
	right: 0;
	height: 118px;
}

.page footer a.vht {
	display: block;
	position: relative;
	text-align: center;
	width: 225px;
	margin: 240px auto 0 auto;
	z-index: 2;
	color: #fff;
}

footer a.vht::before {
	content: "";
	position: absolute;
	width: 225px;
	height: 225px;
	background: url(img/logo-vht.svgz) no-repeat;
	background-size: cover;
	top: -235px;
	left: 0;
}

footer a.vht span {
	text-transform: uppercase;
	font-size: 16px;
}

footer a.vht:hover {
	text-decoration: none;
}

footer a.vht:hover span {
	text-decoration: underline;
}

footer .middle .cols .col1 .nadpis {
	text-transform: uppercase;
	font-size: 125%;
	letter-spacing: 2px;
	color: #fff;
}

footer .middle .cols .col1 li {
	display: inline-block;
	text-transform: uppercase;
}

footer .middle .cols .col1 li:not(:last-child)::after {
	content: "\00a0|\00a0";

}

footer .middle .cols .col2 {
	margin-top: 20px;
}

footer .middle .cols .yt {
	display: inline-block;
	margin-right: 15px;
}

footer .middle .cols a.yt {
	width: 85px;
	height: 36px;
	background: url(img/ikony.svgz) no-repeat 0 -800px;
}

footer .fb {
	display: inline-block;
	position: relative;
}

footer .fb a {
	width: 125px;
	height: 26px;
	background: url(img/ikony.svgz) no-repeat 0 -1000px;
	display: inline-block;
	margin-bottom: 5px;
}

footer .fblikehere {
	width: 110px;
	height: 25px;
	margin: 0 auto;
}

footer .bottom {
	margin-top: 60px;
	background: #575757;
	padding: 10px 0;
	position: relative;
}

footer .bottom::before {
	content: "";
	background: url(img/footer_3.svgz) no-repeat center bottom;
	position: absolute;
	top: -100px;
	left: 0;
	right: 0;
	height: 100px;
	pointer-events: none;
}

footer p {
	margin: 2em 0 0.8em 0;
}

footer .bottom p {
	margin: 0;
	padding: 10px 0 0 0;
}


@media (max-width: 799px) {
	footer {
		text-align: center;
	}

	footer .middle .cols .col1 .nadpis {
		display: none;
	}

	footer .middle .cols .col1 ul {
		margin-top: 15px;
	}
}


@media (min-width: 800px) {
	footer .middle::before {
		background-position: center bottom;
	}

	footer .middle .cols {
		position: relative;
		z-index: 1;
		display: flex;
		justify-content: space-between;
	}

	footer .middle .cols .col1 {
		flex: 0 1 560px;
	}

	footer .middle .cols .col2 {
		flex: 0 1 440px;
	}

	footer .middle .cols .col2 {
		margin-top: 0;
		display: flex;
		justify-content: flex-end;
		align-items: flex-end;
	}

	footer .bottom {
		padding: 20px 0;
		margin-top: 140px;
	}

	footer .bottom::before {
		top: -161px;
		height: 161px;
	}

	footer .bottom .container {
		display: flex;
		justify-content: space-between;
	}

	.page footer a.vht {
		margin-top: 55px;
	}

}



/* ************************************** tlačítka ************************************** */
.page .btn {
	width: auto;
	height: auto;
	margin: 0 5px 5px 0;

	display: inline-block;
	padding: 15px 25px;
	font-size: 15px;
	text-decoration: none;
	text-align: center;
	line-height: 1;
	vertical-align: middle;
	position: relative;

	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;

	border: none;
	border-radius: 4px;
}

.btn.w100 {
	width: 100%;
	font-size: 24px;
}

.page .btn.btn-sm {
	padding: 5px 10px 7px 10px;
	border-radius: 4px;
}

.btn_default, .btn_default:focus,
input[type=submit].btn_default {
	color: #fff !important;
	background: #da1f26;
	/*border-color: #b39777 !important;*/
}

.btn_white, .btn_white:focus,
input[type=submit].btn_white {
	color: #666 !important;
	/* background: #fff; */
	/* border-color: #fff !important; */
}

.btn_silver, .btn_silver:focus,
input[type=submit].btn_silver {
	color: #fff !important;
	background: #555;
	/* border-color: #fff !important; */
}

.btn_light_red, .btn_light_red:focus,
input[type=submit].btn_light_red {
	color: #fff !important;
	background: #e8787c;
	/*border-color: #b39777 !important;*/
}


.btn:hover {
	text-decoration: underline;
}


.page .vht_btn {
	float: right;
	background: #e5e5e5;
	display: block;
	padding: 20px 65px 20px 15px;
	position: relative;
	color: #000;
	text-transform: uppercase;
	text-align: center;
	text-decoration: none;
	border-radius: 10px;
}

.page .vht_btn:hover {
	text-decoration: underline;
}

.vht_btn::before {
	content: "";
	background: none;
	border-left: 1px solid #fff;
	position: absolute;
	right: 52px;
	top: 0;
	height: 100%;
}

.vht_btn::after {
	content: "";
	position: absolute;
	background: url(img/ikony.svg) no-repeat -110px -110px;
	width: 19px;
	height: 37px;
	right: 16px;
	top: calc(50% - 17px);
}




/* ************************************** cookies ************************************** */
#cookie-bar {background:#f3f3f3; height:auto; line-height:24px; color:#222; text-align:center; padding:10px; font-size: 13px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
#cookie-bar.fixed {position:fixed; top:0; left:0; width:100vw; z-index: 999;}
#cookie-bar.fixed.bottom {bottom:0; top:auto;}
#cookie-bar p {margin:0; padding:0;}
#cookie-bar a {color:#ffffff; display:inline-block; text-decoration:none; padding:4px 8px; margin-left:8px;}
#cookie-bar .cb-enable {background:#5d5d5d;}
#cookie-bar .cb-enable:hover {background:#323131;}
#cookie-bar .cb-disable {background:#990000;}
#cookie-bar .cb-disable:hover {background:#bb0000;}
#cookie-bar .cb-policy {background:#adadad;}
#cookie-bar .cb-policy:hover {background:#9f9f9f;}
#cookie-bar .cookie-bar-buttons { display: block; margin: 5px 0 0 0;}

@media (min-width: 930px) {
	#cookie-bar .cookie-bar-buttons {
		display: inline;
		margin: 0;
	}
}








.loading-btn-wrapper {
	/* display: inline-block; */
	display: block;
	margin: 0 auto;
	width: 240px;
	height: 70px;
	text-align: center;
}

.loading-btn {
	position: relative;
	display: inline-block;
	width: 100%;
	height: 100%;
	background: #da1f26;
	border: 0;
	border-radius: 35px;
	cursor: pointer;
	transition: all 0.33s ease-in-out;
}
.loading-btn:hover {
	background: #c41b22;
}
.loading-btn, .loading-btn:focus {
	outline: none;
}
.loading-btn--pending, .loading-btn--success, .loading-btn--fail {
	width: 70px;
	pointer-events: none;
	cursor: default;
}
.loading-btn--pending .loading-btn__text, .loading-btn--success .loading-btn__text, .loading-btn--fail .loading-btn__text {
	opacity: 0;
}
.loading-btn--pending:before {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	display: inline-block;
	height: 28px;
	width: 28px;
	border: 3px solid rgba(255, 255, 255, 0.33);
	border-top-color: #fff;
	border-radius: 50%;
	animation: loading-btn--fade-in 0.33s ease, loading-btn--rotation 0.66s linear 0s infinite;
}
.loading-btn--success, .loading-btn--success:hover {
	background: #8bc34a !important;
}
.loading-btn--success:after {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	display: inline-block;
	height: 25%;
	width: 50%;
	border: 3px solid #fff;
	border-top-width: 0;
	border-right-width: 0;
	transform: translate(-50%, -75%) rotate(-45deg);
	animation: loading-btn--fade-in 0.6s ease;
}
.loading-btn--fail, .loading-btn--fail:hover {
	background: #ff5722 !important;
}
.loading-btn--fail:after {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	display: inline-block;
	height: 65%;
	width: 65%;
	background: linear-gradient(to bottom, transparent 44%, #fff 44%, #fff 56%, transparent 56%), linear-gradient(to right, transparent 44%, #fff 44%, #fff 56%, transparent 56%);
	transform: translate(-50%, -50%) rotate(-45deg);
	animation: loading-btn--fade-in 0.6s ease;
}
.loading-btn__text {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	font-size: 20px;
	color: #fff;
	transition: inherit;
}

/**
 * Animations
 */
@keyframes loading-btn--fade-in {
  0% {
	opacity: 0;
  }
  100% {
	opacity: 1;
  }
}
@keyframes loading-btn--rotation {
  0% {
	transform: translate(-50%, -50%) rotate(0deg);
  }
  100% {
	transform: translate(-50%, -50%) rotate(360deg);
  }
}
/**
 * Optical stuff - has nothing todo with button animation.
 */
.state-list {
	margin-bottom: 12px;
}
.state-list .loading-btn-wrapper {
	background: repeating-linear-gradient(45deg, #fff, #fff 10px, #f0f0f0 10px, #f0f0f0 20px);
}

.loading-btn-wrapper + .loading-btn-wrapper {
	margin-left: 8px;
}



.reload_gps {
	position: relative;
	width: 270px;
	height: 26px;
	margin-top: 15px;
}

.reload_gps .loading-btn__text {
	font-size: 14px;
}

.reload_gps .loading-btn {
	background: #ccc;
}

.reload_gps .loading-btn:hover {
	background: #c9c9c9;
}

.reload_gps .loading-btn--pending, .reload_gps .loading-btn--success, .reload_gps .loading-btn--fail {
  width: 70px;
  height: 70px;
}


form.vyzva {
	max-width: 800px;
}

form.vyzva .wrap {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

form.vyzva .wrap .input {
	flex: 0 0 48%;
}



ul.vyzvy li {
	margin-bottom: 30px;
}

ul.vyzvy .nadpis {
	text-transform: uppercase;
	font-size: 140%;
	color: #000;
}

ul.vyzvy .datum {
	/* font-size: 90%; */
	color: #999;
}

ul.vyzvy .popis {
	margin-top: 5px;
}

ul.vyzvy a.btn {
	margin-top: 10px;
}

.graf {
	max-width: 600px;
	margin-bottom: 30px;
}

img.uziv_nahled {
	width: 30px;
	height: 30px;
	overflow: hidden;
	object-fit: cover;
	object-position: center;
	border-radius: 30px;
	vertical-align: middle;
	display: inline-block;
}

table.vyzva_prehled td {
	vertical-align: middle;
}

table.vyzva_prehled td a {
	vertical-align: middle;
	display: inline-block;
}




@media (min-width: 980px) {
	.graf_wrap {
		display: flex;
		justify-content: space-between;
	}

	.graf_wrap .right {
		flex: 0 0 48%;
		order: 2;
	}

	.graf_wrap .left {
		flex: 0 0 48%;
		order: 1;
	}
}


.animace-vystupu {
	display: flex;
	gap: 32px;
	height: 165px;
	margin-bottom: 50px;
}

.animace-vystupu__graf-cont {
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
}

.animace-vystupu__pocet-metru {
	height: 25px;
	font-size: 18px;
	text-align: center;
	opacity: 0;
	transition: all 0.5s 0.3s ease-in-out;

}

.animace-vystupu.active .animace-vystupu__pocet-metru {
	opacity: 1;
}

.animace-vystupu__graf {
	width: 70px;
	background-color: #da2127;
	height: 0px;
	transition: height 0.4s ease-in-out;
}

.animace-vystupu.active .animace-vystupu__graf {
	height: 140px;
}

.animace-vystupu.active.anim2 .animace-vystupu__graf {
	height: 50px;
}

.animace-vystupu.active.anim3 .animace-vystupu__graf {
	height: 100px;
}

.animace-vystupu.active.strom .animace-vystupu__graf {
	height: 135px;
	background: transparent url(img/strom.svg) no-repeat center bottom / contain;
}

.animace-vystupu__popis {
	/* padding-top: 50px; */
	opacity: 0;
	transform: translate3d(0,10px,0);
	transition: all 0.6s 0.5s ease-in-out;

	align-self: flex-end;
	padding-bottom: 20px;
}

.animace-vystupu.active .animace-vystupu__popis {
	opacity: 1;
	transform: translate3d(0,0,0);
}

.animace-vystupu__popis span {
	font-size: 21px;
	font-weight: bold;
}




.sazimecesko {
	margin-top: 50px;
	/* background: rgba(188, 199, 165, 1) url(img/bg-trees-icons.png) repeat center center / contain; */
	background: url(img/sazimecesko-bg-2-small.jpg) no-repeat left bottom / contain;
	position: relative;
}

.sazimecesko .text {
	background-color: #e8e8e8;
	padding: 40px 15px;
	text-align: center;
}


.sazimecesko .text img {
	display: block;
	margin: 0 auto;
	width: 100%;
	max-width: 400px;
}

.sazimecesko .text p.zelena {
	font-size: 24px;
	color: #5c786a;
}

.sazimecesko .text a.vice {
	font-size: 24px;
	background: #5c786a;
	border-radius: 5px;
	padding: 10px 25px 12px 25px;
	margin: 25px auto 0 auto;
	display: inline-block;
	text-decoration: none;
	color: #fff;
	line-height: 1;

}

.sazimecesko .text a.vice:hover {
	text-decoration: underline;
}

.sazimecesko .pocet {
	padding: 60px 0;
	font-size: 16px;
	text-transform: uppercase;
	/* color: #5c786a; */
	color: #fff;
	text-align: center;
}

.sazimecesko .pocet span {
	text-transform: uppercase;
	display: block;
	font-weight: bold;
	font-size: 80px;
	line-height: 1;
}


@media (min-width: 640px) {
	.sazimecesko {
		background: url(img/sazimecesko-bg-2.jpg) no-repeat left center / cover;
	}

	.sazimecesko .text {
		padding: 30px;
		width: 50%;
		margin: 0 0 0 auto;
	}

	.sazimecesko .pocet {
		position: absolute;
		left: 15%;
		bottom: 15%;
		padding: 0;
	}
}

@media (min-width: 1000px) {
	.sazimecesko .text {
		width: 40%;
		padding-top: 50px;
	}

	.sazimecesko .text p.zelena {
		font-size: 28px;
	}

	.sazimecesko .pocet span {
		font-size: 90px;
	}
}


@media (min-width: 1200px) {
	.sazimecesko .text p.zelena {
		font-size: 32px;
	}
}

@media (min-width: 1400px) {
	.sazimecesko .text {
		width: 35%;
		padding-top: 60px;
	}

	.sazimecesko .pocet span {
		font-size: 100px;
	}
}