/* CSS reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 reset pro starší prohlížeče */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;}
table {border-collapse: collapse; border-spacing: 0;}

/* STYLY PRO CENA-VYKON.CZ */
body {font-family: Arial, serif; max-width: 1260px; background: #000; margin: 0 auto; font-size: 13px; text-align: center;}
a {color: #f00a28; text-decoration: none;}
strong {font-weight: bold;}

/* Hlavička včetně menu */
#header {background: #000; text-align: center; width: 100%; position: relative;}
#header #logo-wrap {padding: 20px 20px 20px 60px;}
#logo {height: 82px; max-width: 100%;}
#navigation input {display: none;}
ul#main-menu {background: #f00a28; font-size: 15px; font-weight: bold;}
#main-menu li {display: inline-block;}
#main-menu li a {display: block; color: #fff; text-decoration: none; text-transform: uppercase; padding: 17px 14px;}
#main-menu li a:hover, #main-menu li.current-menu-item a {color: #000; background: #fff;}

/* Výběr jazyka */
#languagepicker {position: absolute; top: 46px;	right: 20px;}
#languagepicker input
	{
	  display: block;
	  width: 41px;
	  height: 41px;
	  position: absolute;
	  top: -3px;
	  left: -4px;
	  cursor: pointer;
	  opacity: 0; /* Je skryté */
	  z-index: 2; /* Ale je nad vlajkou */
	  -webkit-touch-callout: none;
	}
#languagepicker input:checked ~ ul {height: auto;}
#languagepicker ul {background-color: #fff;	height: 40px; width: 40px; overflow: hidden; border-radius: 35px;}
#languagepicker li {display: block; padding: 5px; border-top: 1px solid #e9e9e9;}
#languagepicker li:hover {background-color: #e9e9e9;}
#languagepicker li:first-child {border: none; background: #fff !important;}
#languagepicker li:last-child a img {margin-bottom: -2px;}
#languagepicker li img {height: 30px;}

@media screen and (max-width: 800px) {
	#header {position: fixed; z-index: 888; top: 0; box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.5);}
	#header #logo-wrap {padding: 5px 0 0 0;}
	#logo {height: 47px; margin: 2px 0 4px 0;}
	#main-menu li a {padding: 10px; width: 216px;}
	#navigation {
		display: block;
		position: fixed;
		z-index: 999;
		top: 18px;
		left: 12px;
		-webkit-user-select: none;
		user-select: none;
	}
	#navigation input
	{
	  display: block;
	  width: 40px;
	  height: 32px;
	  position: absolute;
	  top: -7px;
	  left: -5px;
	  cursor: pointer;
	  opacity: 0; /* Je skryté */
	  z-index: 2; /* Ale je nad hamburgerem */
	  -webkit-touch-callout: none;
	}

	/* Hamburger menu */
	#navigation span
	{
	  display: block;
	  width: 33px;
	  height: 4px;
	  margin-bottom: 5px;
	  position: relative;
	  background: #fff;
	  border-radius: 3px;
	  z-index: 1;
	  transform-origin: 4px 0px;
	  transition: transform 0 cubic-bezier(0.77,0.2,0.05,1.0),
				  background 0 cubic-bezier(0.77,0.2,0.05,1.0),
				  opacity 0 ease;
	}
	#navigation span:first-child {transform-origin: 0% 0%;}
	#navigation span:nth-last-child(2) {transform-origin: 0% 100%;}

	/* Změna hamburger menu na křížek */
	#navigation input:checked ~ span {opacity: 1; transform: rotate(45deg) translate(-2px, -1px); background: #383838;}
	#navigation input:checked ~ span:nth-last-child(3) {opacity: 0; transform: rotate(0deg) scale(0.2, 0.2);}
	#navigation input:checked ~ span:nth-last-child(2) {transform: rotate(-45deg) translate(0, -1px);}
	#main-menu {
	  position: absolute;
	  margin: -130px 0 0 -12px;
	  padding: 125px 20px 20px 20px;
	  background: #ededed;
	  list-style-type: none;
	  -webkit-font-smoothing: antialiased;
	  /* Aby neblikal text v safari - je třeba? */
	  transform-origin: 0% 0%;
	  transform: translate(-100%, 0);  
	  transition: transform 0 cubic-bezier(0.77,0.2,0.05,1.0);
	  max-height: 80vh;
	  width: 80vw;
	  overflow-y: auto;
	}
	/* Nástup menu zleva */
	#navigation input:checked ~ ul {transform: none;}
	
	/* Výběr jazyka */
	/* #languagepicker input:checked ~ ul {height: 63px;} */
	#languagepicker {top: 15px;	right: 12px;}
	#languagepicker input {width: 31px; height: 31px;}
	#languagepicker ul {height: 30px; width: 30px; border-radius: 15px;}
	#languagepicker li {padding: 4px;}
	#languagepicker li img {height: 22px;}
}

/* HLAVNÍ OBSAH */
#content {background: #fff; padding: 20px;}
#content a {font-weight: bold;}
.other-project {margin: 10px 0; clear: both;}

@media screen and (max-width: 800px) {
	#content {margin-top: 60px;}
}

/* Patička */
#footer {background: #222; color: #9c9ea1; font-size: 14px; margin-bottom: 30px;padding: 18px 20px; overflow: hidden;}
#footer a {color: #fff; text-decoration: none;}
#footer a:hover {color: #f00a28;}
#footer-menu ul {float: right;}
#footer-menu li {display: inline-block;}
#footer-menu a {margin: 0 10px;}
#copyright {float: left;}

@media screen and (max-width: 800px) {
	#footer-menu ul {float: none; padding-bottom: 18px;}
	#copyright {float: none;}
}

/* Vodafone */
.vodafone .text-version {
	padding-top: 10px;
}

body.simple {
	min-height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}

body.simple .simple-container {

}

.form-container {
	margin: auto;
	display: flex;
	width: fit-content;
	height: fit-content;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	gap: 15px;
	padding: 50px 40px 20px 40px;
	background-color: #ffffff;
	box-shadow: 0px 106px 42px rgba(255, 255, 255, 0.01), 0px 59px 36px rgba(255, 255, 255, 0.05), 0px 26px 26px rgba(255, 255, 255, 0.09), 0px 7px 15px rgba(255, 255, 255, 0.1), 0px 0px 0px rgba(255, 255, 255, 0.1);
	border-radius: 11px;
	font-family: "Inter", sans-serif;
}

body.simple .logo-container {
	margin-bottom: 20px;
}

.form-container .title-container {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 10px;
}

.form-container .title {
	margin: 0;
	font-size: 1.25rem;
	font-weight: 700;
	color: #212121;
}

.form-container .subtitle {
	font-size: 0.725rem;
	max-width: 80%;
	text-align: center;
	line-height: 1.1rem;
	color: #8B8E98
}

.form-container .input-container {
	width: 100%;
	height: fit-content;
	position: relative;
	display: flex;
	flex-direction: column;
	gap: 5px;
}

.form-container .icon {
	width: 20px;
	position: absolute;
	z-index: 99;
	left: 12px;
	bottom: 9px;
}

.form-container .input-label {
	font-size: 0.75rem;
	text-align: left;
	color: #333;
	font-weight: bold;
}

.form-container .input-field {
	width: auto;
	height: 40px;
	padding: 0 0 0 10px;
	border-radius: 7px;
	outline: none;
	border: 1px solid #e5e5e5;
	filter: drop-shadow(0px 1px 0px #efefef)
	drop-shadow(0px 1px 0.5px rgba(239, 239, 239, 0.5));
	transition: all 0.3s cubic-bezier(0.15, 0.83, 0.66, 1);
}
.form-container .input-label.required:after {
	content: " *";
	color: #f00a28;
}

.form-container .input-field:focus {
	border: 1px solid transparent;
	box-shadow: 0px 0px 0px 2px #242424;
	background-color: transparent;
}

.form-container .separator {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 30px;
	color: #8B8E98;
}

.form-container .separator .line {
	display: block;
	width: 100%;
	height: 1px;
	border: 0;
	background-color: #e8e8e8;
}

.form-container .note {
	font-size: 0.75rem;
	color: #8B8E98;
}
.form-container .submit-btn {
	width: 100%;
	height: 40px;
	border: 0;
	background: #f00a28;
	border-radius: 7px;
	outline: none;
	color: #ffffff;
	cursor: pointer;
}
.simple footer {
	margin-top: 20px;
	line-height: 2;
	color: #9c9ea1;
}
.simple footer a {
	color: #9c9ea1;
	text-decoration: underline;
}
.simple .flash {
	margin: 20px auto;
	background: #fff;
	padding: 20px;
	border-radius: 7px;
}
.simple ul.errors {
	font-weight: bold;
	color: #f00a28;
	margin-top: 20px;
	margin-bottom: 20px;
}
html {
	height: 100%;
}
@font-face{font-family:'font-awesome';src:url('https://www.cena-vykon.cz/porovnavac/www/node_modules/gentelella/vendors/font-awesome/fonts/fontawesome-webfont.eot?v=4.6.3');src:url('https://www.cena-vykon.cz/porovnavac/www/node_modules/gentelella/vendors/font-awesome/fonts/fontawesome-webfont.eot?#iefix&v=4.6.3') format('embedded-opentype'),url('https://www.cena-vykon.cz/porovnavac/www/node_modules/gentelella/vendors/font-awesome/fonts/fontawesome-webfont.woff2?v=4.6.3') format('woff2'),url('https://www.cena-vykon.cz/porovnavac/www/node_modules/gentelella/vendors/font-awesome/fonts/fontawesome-webfont.woff?v=4.6.3') format('woff'),url('https://www.cena-vykon.cz/porovnavac/www/node_modules/gentelella/vendors/font-awesome/fonts/fontawesome-webfont.ttf?v=4.6.3') format('truetype'),url('https://www.cena-vykon.cz/porovnavac/www/node_modules/gentelella/vendors/font-awesome/fonts/fontawesome-webfont.svg?v=4.6.3#fontawesomeregular') format('svg');font-weight:normal;font-style:normal}
.faw {
	font-family: 'font-awesome';
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: inherit;
	-moz-font-feature-settings: "liga=1";
	-moz-font-feature-settings: "liga";
	font-feature-settings: "liga";
	font-size: 16px;
	float: left;
	position: relative;
	margin-right: 8px;
}
.faw-shopping-cart::before {
	content: "\f07a";
}
.faw-newspaper-o::before {
	content: "\f1ea";
}

.flash {
	background: #F8E4DFFF;
	border: red 1px solid;
	padding: 20px;
	margin-bottom: 20px;
}
.flash.success {
	background: #DFF0D8FF;
	border: #3C763D 1px solid;
}
#cc-main .cm--bar .cm__btns {
	justify-content: center;
}