@font-face {
  font-family: 'IntroHeadH';
  src: url('../fonts/IntroHeadH-Base.eot?#iefix') format('embedded-opentype'),  url('../fonts/IntroHeadH-Base.otf')  format('opentype'),
	     url('../fonts/IntroHeadH-Base.woff') format('woff'), url('../fonts/IntroHeadH-Base.ttf')  format('truetype'), url('../fonts/IntroHeadH-Base.svg#IntroHeadH-Base') format('svg');
  font-style: normal;
}

@font-face {
  font-family: 'IntroHeadB';
  src: url('../fonts/IntroHeadB-Base.eot?#iefix') format('embedded-opentype'),  url('../fonts/IntroHeadB-Base.otf')  format('opentype'),
	     url('../fonts/IntroHeadB-Base.woff') format('woff'), url('../fonts/IntroHeadB-Base.ttf')  format('truetype'), url('../fonts/IntroHeadB-Base.svg#IntroHeadB-Base') format('svg');
  font-style: normal;
}

@font-face {
  font-family: 'IntroScriptB';
  src: url('../fonts/IntroScriptB-GBase.eot?#iefix') format('embedded-opentype'),  url('../fonts/IntroScriptB-GBase.otf')  format('opentype'),
	     url('../fonts/IntroScriptB-GBase.woff') format('woff'), url('../fonts/IntroScriptB-GBase.ttf')  format('truetype'), url('../fonts/IntroScriptB-GBase.svg#IntroScriptB-GBase') format('svg');
  font-style: normal;
}

@font-face {
  font-family: 'icons';
  src: url('../fonts/icons.eot?12307671');
  src: url('../fonts/icons.eot?12307671#iefix') format('embedded-opentype'),
       url('../fonts/icons.woff?12307671') format('woff'),
       url('../fonts/icons.ttf?12307671') format('truetype'),
       url('../fonts/icons.svg?12307671#icons') format('svg');
  font-style: normal;
}
/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'icons';
    src: url('../font/icons.svg?77305209#icons') format('svg');
  }
}
*/

[class^="icon-"]:before, [class*=" icon-"]:before {
	font-family: "icons";
	font-style: normal
	speak: none;

	display: inline-block;
	text-decoration: inherit;
	width: 1em;
	margin-right: .2em;
	text-align: center;
	/* opacity: .8; */

	/* For safety - reset parent styles, that can break glyph codes*/
	font-variant: normal;
	text-transform: none;

	/* fix buttons height, for twitter bootstrap */
	line-height: 1em;

	/* Animation center compensation - margins should be symmetric */
	/* remove if not needed */
	margin-left: .2em;

	/* you can be more comfortable with increased icons size */
	/* font-size: 120%; */

	/* Font smoothing. That was taken from TWBS */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;

	/* Uncomment for 3D effect */
	/* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}

.icon-home:before { content: '\e800'; } /* '' */
.icon-phone:before { content: '\e801'; } /* 'Ó†A' */
.icon-right:before { content: '\e802'; } /* 'Ó†a' */
.icon-left:before { content: '\e803'; } /* '' */


.col-left {
	float: left;
	width: 50%;
}

.col-right {
	float: right;
	width: 50%;
}

.col-3-1 {
	float: left;
	width: 40%;
}

.col-3-2 {
	float: left;
	width: 60%;
}

.col-3 {
	float: left;
	width: 33.3333%;
}

.fleft { float: left; }
.fright { float: right; }

.center {
	text-align: center;
}

a {
	color: #323232;
	text-decoration: none;
	transition: all 0.2s ease-out;
}

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

html, body {
	/*overflow-x: hidden;*/
}

html {
	font-size: 62.5%;
}

body {
	font-family: 'IntroHeadB', sans-serif;
	font-size: 1.5rem;
	color: #ddd;
	background-color: #151515;
	background-image: url('../images/bg.jpg');
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	background-attachment: fixed;
	overflow-x: hidden;
}


p {
	line-height: 2rem;
	margin-top: 1.2rem;
	margin-bottom: 0;
}

h1, h2, h3, h4, h5, h6 {
	font-family: 'IntroHeadH', sans-serif;
	margin-top: 1.5rem;
	margin-bottom: 0;
	line-height: 1.7rem;
	font-weight: normal;
	font-style: normal;
	color: #fff;
}

h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child, h6:first-child {
	margin-top: 0;
}

h1 {
	font-size: 4.242rem;
	margin-top: 0;
	line-height: 0;
}
h2 {
	font-size: 8.1rem;
	margin-top: 3rem;
	line-height: 8.5rem;
}
h3 {
	font-size: 3.5rem;
	margin-top: 3rem;
	line-height: 3.6rem;
}
h4 {
	font-size: 0.707rem;
}
h5 {
	font-size: 0.471rem;
}
h6 {
	font-size: 0.3535rem;
}

.underline,
.main-menu li {
	position: relative;
}

	.underline:after,
	.main-menu li:after {
		content: "";
		position: absolute;
		bottom: -2px;
		left: 50%;
		display: block;
		width: 100px;
		width: 100%;
		height: 8px;
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
		background-image: url('../images/underline.png');
		background-position: left;
		background-repeat: repeat-x;
		background-size: auto 100%;
	}

	.underline.underline-brown:after {
		background-image: url('../images/underline-brown.png');
	}

	.vegg-food .underline:after {
		bottom: -5px;
		height: 6px;
	}


.rotated {
	-webkit-transform: rotate(-4deg);
	transform: rotate(-4deg);
}

	.vegg-food .rotated {
		-webkit-transform: rotate(-2deg);
		transform: rotate(-2deg);
	}

.script {
	font-family: 'IntroScriptB', sans-serif;
	color: #61bc47;
}

.page-title {
    font-family: 'IntroHeadH', sans-serif;
    font-size: 8rem;
    line-height: 7rem;
    color: #fff;
    /* text-transform: uppercase; */
}

.main {
	margin-top: 148px;
}

body.home .main {
	margin-top: 70px;
}

	.main > .inner {
		padding-top: 30px;
		padding-bottom: 60px;
	}

.anchor {
	position: absolute;
	top: -120px;
}

	.kde-veggime .anchor {
		top: -260px;
	}


/*
	.main h2 {
		position: relative;
		font-size: 3.9rem;
		line-height: 4.1rem;
		margin-bottom: 0;
	}

		.main h2.target:before {
			content: "";
			position: absolute;
			top: 7px;
			left: -35px;
			display: block;
			width: 24px;
			height: 24px;
			background-image: url("../images/target.png");
			background-size: contain;
		}

		.main h2 span {
			color: #e02833;
		}

	.main h3 {
		position: relative;
		font-size: 2.4rem;
		line-height: 2.6rem;
		margin-bottom: 0;
	}

		.main h3.target:before {
			content: "";
			position: absolute;
			top: 2px;
			left: -30px;
			display: block;
			width: 20px;
			height: 20px;
			background-image: url("../images/target.png");
			background-size: contain;
		}
*/


.btn {
	display: inline-block;
	height: 52px;
	/*padding: 12px 45px;*/
	padding: 2px 25px 0;
	line-height: 48px;
	font-size: 1.6rem;
	color: #fffefe;
	background: #f3142b;
	border: 0;
	border-bottom: 4px solid #000;
	text-transform: uppercase;
	text-align: center;
	transition: all 0.2s ease-out;
}

	.btn:hover {
		background: #ff3838;
		border-bottom-color: #DB0000;
		color: #fff;
		text-decoration: none;
	}

	.btn:active {
		background: #E00000;
		border-bottom-color: #E00000;
		color: #fff;
		text-decoration: none;
	}

	.btn-white {
		color: #fff;
		border: 2px solid #fff;
	}

		.btn-white:hover {
			background: #fff;
			color: #e02833;
		}

	.btn-green {
		color: #fff;
		border: 2px solid #148705;
		background-color: #148705;
	}

		.btn-green:hover {
			color: #fff;
			border: 2px solid #1CB006;
			background-color: #1CB006;
		}

	.btn-circle {
		width: 40px;
		padding: 0;
		font-size: 2.1rem;
	}





input[type="text"], textarea {
	display: inline-block;
	height: 36px;
	/*padding: 12px 45px;*/
	padding: 0 15px;
	line-height: 32px;
	color: #3e3e3e;
	background: transparent;
	border: 2px solid #e23641;
	background-color: #fff;
	text-align: center;
	font-size: 16px;
	transition: all 0.2s ease-out;
}

::-webkit-input-placeholder {
	font-style: italic;
	color: #ccc;
}

:-moz-placeholder {
	font-style: italic;
	color: #ccc;
}

::-moz-placeholder {
	font-style: italic;
	color: #ccc;
}

:-ms-input-placeholder {
	font-style: italic;
	color: #ccc;
}

.kariera ::-webkit-input-placeholder {
	font-style: italic;
	color: #555;
}

.kariera :-moz-placeholder {
	font-style: italic;
	color: #555;
}

.kariera ::-moz-placeholder {
	font-style: italic;
	color: #555;
}

.kariera :-ms-input-placeholder {
	font-style: italic;
	color: #555;
}

.order-input::-webkit-input-placeholder {
	font-style: italic;
	color: #555;
}

.order-input:-moz-placeholder {
	font-style: italic;
	color: #555;
}

.order-input::-moz-placeholder {
	font-style: italic;
	color: #555;
}

.order-input:-ms-input-placeholder {
	font-style: italic;
	color: #555;
}

.input::-webkit-input-placeholder {
	font-style: italic;
	color: #555;
}

.input:-moz-placeholder {
	font-style: italic;
	color: #555;
}

.input::-moz-placeholder {
	font-style: italic;
	color: #555;
}

.input:-ms-input-placeholder {
	font-style: italic;
	color: #555;
}

.section {
	position: relative;
}

.inner {
	position: relative;
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
	padding: 0 15px;
	z-index: 10;
}

.center {
	text-align: center;
}


.menu-button {
	display: none;
	position: absolute;
	top: 22px;
	right: 25px;
	width: 45px;
	padding: 1px 7px;
	z-index: 331;
}

	.menu-button div {
		width: 100%;
		height: 3px;
		margin: 6px 0;
		background-color: #aaa;
	}


.main-menu-wrap {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	width: 100%;
	z-index: 900;
	transition: all 0.1s ease-out;
}

	body:not(#index) .main-menu-wrap {
	}

	body.home .main-menu-wrap,
	.main-menu-wrap.fixed,
	.main-menu-wrap.open {
		background-color: #151515;
		box-shadow: 0 0 20px #000;
	}

	.logo-phone {
		display: none;
	}

	.main-menu {
		/*float: right;*/
		width: 100%;
		height: 148px;
		transition: all 0.2s ease-out;
	}

	body.home .main-menu-wrap .main-menu,
	.main-menu-wrap.fixed .main-menu {
		height: 70px;
	}

		.main-menu ul {
			position: relative;
			display: block;
			margin: 0;
			padding: 0;
			height: 148px;
			transition: all 0.2s ease-out;
		}

		body.home .main-menu-wrap .main-menu ul,
		.main-menu-wrap.fixed .main-menu ul {
			height: 70px;
		}

			.main-menu ul li {
				position: relative;
				float: left;
				display: block;
				height: 148px;
				margin: 0;
				padding: 0;
				list-style: none;
				transition: all 0.2s ease-out;
			}

			body.home .main-menu-wrap .main-menu ul li,
			.main-menu-wrap.fixed .main-menu ul li {
				height: 70px;

			}

			.main-menu ul li:nth-child(1) {
				width: 11.25%;
			}

			.main-menu ul li:nth-child(2) {
				width: 10.25%;
			}

			.main-menu ul li:nth-child(3) {
				width: 10.25%;
			}

				.main-menu ul li:nth-child(2):before {
					content: attr(data-title);
					position: absolute;
					left: 30px;
					right: -25px;
					bottom: 81px;
					display: block;
					/*width: 100%;*/
					color: #FF0000;
					color: #58b030;
					font-size: 1.6rem;
					text-align: center;
					-webkit-transform: rotate(9deg);
					transform: rotate(9deg);
					-webkit-backface-visibility: hidden;
					backface-visibility: hidden;
					transition: all 0.2s ease-out;
					z-index: -1;
				}

				body.home .main-menu-wrap .main-menu ul li:nth-child(2):before,
				.main-menu-wrap.fixed .main-menu ul li:nth-child(2):before {
					bottom: 42px;
				}

			.main-menu ul li:nth-child(4) {
				width: 10.25%;
			}

			.main-menu ul li:nth-child(5) {
				width: 16%;
			}

			.main-menu ul li:nth-child(6) {
				width: 15.25%;
			}

			.main-menu ul li:nth-child(7) {
				width: 9.25%;
			}

			.main-menu ul li:nth-child(8) {
				width: 13.5%;
			}

			.main-menu ul li:nth-child(9) {
				width: 4%;
			}

				.main-menu ul li:after {
					bottom: 45px;
					width: 100px;
					visibility: hidden;
					opacity: 0;
					transition: all 0.2s ease-out;
				}

				body.home .main-menu-wrap .main-menu ul li:after,
				.main-menu-wrap.fixed .main-menu ul li:after {
					bottom: 13px;
				}

				.main-menu ul li.active:after {
					visibility: visible;
					opacity: 1;
				}

				.main-menu ul li a {
					display: block;
					width: 100%;
					height: 148px;
					margin: 0;
					padding: 20px 0;
					line-height: 108px;
					font-family: 'IntroHeadH', sans-serif;
					font-size: 2.4rem;
					text-transform: uppercase;
					color: #fff;
					text-align: center;
					transition: all 0.2s ease-out;
				}

				body.home .main-menu-wrap .main-menu ul li a,
				.main-menu-wrap.fixed .main-menu ul li a {
					height: 70px;
					padding: 10px 0;
					line-height: 50px;
				}

					.main-menu ul li a:hover {
						color: #65b32f;
						text-decoration: none;
					}

					.main-menu ul li:nth-child(8) a img {
						display: inline-block;
						width: 1.7rem;
						height: 1.8rem;
						margin: 0 0.3rem 0 0;
						transition: all 0.2s ease-out;
					}

				.main-menu ul li:nth-child(0) a,
				.main-menu ul li:nth-child(9) a {
					/* padding: 10px 0; */
				}

					.main-menu ul li:nth-child(0) a img,
					.main-menu ul li:nth-child(9) a img {
						display: block;
						width: 3.7rem;
						height: 3.2rem;
						margin: 25px auto 0;
						transition: all 0.2s ease-out;
					}

					body.home .main-menu-wrap .main-menu ul li:nth-child(0) a img,
					.main-menu-wrap.fixed .main-menu ul li:nth-child(0) a img,
					body.home .main-menu-wrap .main-menu ul li:nth-child(9) a img,
					.main-menu-wrap.fixed .main-menu ul li:nth-child(9) a img {
						margin: 3px auto 0;
						width: 3.2rem;
						height: auto;
					}

					.main-menu ul li:nth-child(0) a span,
					.main-menu ul li:nth-child(9) a span {
						display: block;
						margin-top: 0.5rem;
						font-family: 'IntroHeadB', sans-serif;
						text-transform: none;
						font-size: 1.8rem;
						line-height: 2.2rem;
						color: #eee;
						white-space: nowrap;
					}

					body.home .main-menu-wrap .main-menu ul li:nth-child(0) a span,
					.main-menu-wrap.fixed .main-menu ul li:nth-child(0) a span,
					body.home .main-menu-wrap .main-menu ul li:nth-child(9) a span,
					.main-menu-wrap.fixed .main-menu ul li:nth-child(9) a span {
						margin-top: 0.3rem;
						font-size: 1.6rem;
						line-height: 2rem;
					}

					.main-menu ul li:nth-child(0).active:after,
					.main-menu ul li:nth-child(9).active:after {
						opacity: 0;
					}

			.main-menu ul li.logo {}

				.main-menu ul li.logo img {
					display: block;
					width: 120px;
					height: 108px;
					margin: 0 auto;
					transition: all 0.2s ease-out;
				}

				.main-menu ul li.logo > a {
					position: relative;
					z-index: 10;
				}

				body.home .main-menu-wrap .main-menu ul li.logo img,
				.main-menu-wrap.fixed .main-menu ul li.logo img {
					width: 56px;
					height: 50px;
				}


				.main-menu ul li.logo .menu-social {
					position: absolute;
					top: 100%;
					left: 0;
					right: 0;
					width: 100%;
					text-align: center;
					visibility: hidden;
					opacity: 0;
					-webkit-transform: scale(0.4) translateY(-11rem);
					transform: scale(0.4) translateY(-11rem);
					transition: all 0.2s ease-out;
					z-index: 5;
				}

				.main-menu ul li.logo:hover .menu-social {
					visibility: visible;
					opacity: 1;
					-webkit-transform: scale(1) translateY(0);
					transform: scale(1) translateY(0);
				}

					.main-menu ul li.logo .menu-social a {
						display: inline-block;
						width: 3.5rem;
						height: 3.5rem;
						margin: -0.5rem 0.9rem 0;
						padding: 0;
						line-height: 0;
						transition: all 0.2s ease-out;
					}

						.main-menu ul li.logo .menu-social a img {
							display: block;
							width: 3.5rem;
							height: 3.5rem;
						}

						body.home .main-menu-wrap .main-menu ul li.logo .menu-social a img,
						.main-menu-wrap.fixed .main-menu ul li.logo .menu-social a img {
							display: block;
							width: 3.5rem;
							height: 3.5rem;
							margin-top: 0.5rem;
						}


				.main-menu ul li.fb img {
					width: 46px;
					height: 45px;
					vertical-align: middle;
					transition: all 0.2s ease-out;
				}

				body.home .main-menu-wrap .main-menu ul li.fb img,
				.main-menu-wrap.fixed .main-menu ul li.fb img {
					width: 31px;
					height: 30px;
				}


		.main-menu ul li.has-submenu > a:after {
			content: "";
			position: relative;
			left: 0.6rem;
			top: -0.2rem;
			display: inline-block;
			width: 0;
			height: 0;
			border-style: solid;
			border-width: 5px 5px 0 5px;
			border-color: #fff transparent transparent transparent;
			vertical-align: middle;
			transition: all 0.2s ease-out;
		}

			.main-menu ul li.has-submenu:hover > a:after {
				border-color: #65b32f transparent transparent transparent;
			}

		.main-menu ul li.has-submenu .submenu {
			position: absolute;
			left: 0;
			right: 0;
			top: 55%;
			width: 100%;
			/* height: auto !important; */
			transition: all 0.2s ease-out;
			opacity: 0;
			visibility: hidden;
		}

			.main-menu ul li.has-submenu:hover .submenu {
				opacity: 1;
				visibility: visible;
			}

			body.home .main-menu-wrap .main-menu ul li.has-submenu .submenu,
			.main-menu-wrap.fixed .main-menu ul li.has-submenu .submenu {
				top: 70%;
			}

			.main-menu ul li.has-submenu .submenu li {
				width: 100%;
				height: auto !important;
			}

				.main-menu ul li.has-submenu .submenu li.active:after {
					bottom: 10px;
				}

				.main-menu ul li.has-submenu .submenu li a {
					height: auto !important;
					line-height: 3rem;
					text-shadow: 0 0 8px rgba(0,0,0,0.6);
				}



.waypoint {
	display: none;
}


.slideshow {
	padding: 50px 0;
}

	.slideshow .cycle-slideshow {
		width: 100%;
	}

		.slideshow .cycle-slideshow img {
			display: block;
			width: 100%;
			height: auto;
		}

		.slideshow .cycle-slideshow img:nth-child(n+2) {
			display: none;
		}

		.slideshow .cycle-pager {
			width: 100%;
			/* padding: 20px 0 0 0; */
			font-size: 50px;
			line-height: 50px;
			text-align: center;
			color: #fff;
		}

		.slideshow .cycle-pager span {
			display: inline-block;
			padding: 2px;
			opacity: 0.2;
			cursor: pointer;
			transition: all 0.2s ease-out;
		}

			.slideshow .cycle-pager span:hover {
				opacity: 0.4;
			}

			.slideshow .cycle-pager span.cycle-pager-active {
				opacity: 1;
			}


.vegg-food {}

	.vegg-food > .inner {
		position: static;
	}

	.left-content-title {
		float: left;
		width: 42%;
		padding-top: 8%;
	}

		.categories {
			margin-top: 60px;
			text-align: left;
		}

			.categories a {
				position: relative;
				display: inline-block;
				height: 60px;
				margin-right: 15px;
				margin-bottom: 10px;
				padding: 0 15px;
				font-size: 2.6rem;
				line-height: 60px;
				/*line-height: 3rem;*/
				color: #fff;
				font-family: 'IntroHeadH', sans-serif;
				background-color: #565250;
			}

			.categories a:last-child {
				margin-right: 0;
			}

				.categories a:after,
				.categories a:before {
					content: "";
					position: absolute;
					left: -7px;
					top: 0;
					display: block;
					width: 8px;
					height: 60px;
					background: url("../images/price-left-d.png");
				}

				.categories a:after {
					left: auto;
					right: -7px;
					background: url("../images/price-right-d.png");
				}

				.categories a:hover {
					color: #58b030;
					text-decoration: none;
				}

			.categories a.active {
				background-color: #58b030;
			}

				.categories a.active:after,
				.categories a.active:before {
					content: "";
					position: absolute;
					left: -7px;
					top: 0;
					display: block;
					width: 8px;
					height: 60px;
					background: url("../images/price-left-g.png");
				}

				.categories a.active:after {
					left: auto;
					right: -7px;
					background: url("../images/price-right-g.png");
				}

				.categories a.active:hover {
					color: #fff;
				}


	.left-content {
		clear: left;
		float: left;
		width: 42%;
	}

		.vegg-food .title {
			font-family: 'IntroHeadH', sans-serif;
			font-size: 8rem;
			line-height: 7rem;
			color: #fff;
			/* text-transform: uppercase; */
		}

			.vegg-food .title span {
				display: block;
				font-size: 5.5rem;
				line-height: 5rem;
			}

		.vegg-food .subtitle {
			color: #ddd;
			font-size: 2rem;
			line-height: 2.4rem;
		}

		.vegg-food h2 {
			font-size: 4.3rem;
			line-height: 4.5rem;
			margin-top: 80px;
			margin-bottom: 60px;
			text-align: center;
		}

		.vegg-food p.rotated {
			max-width: 400px;
			margin: -40px auto 40px;
			text-align: center;
		}

		.food {
			position: relative;
			float: left;
			width: 50%;
		}

		.food:nth-child(2n+1) {
			clear: left;
		}

			.food label {
				position: relative;
				display: block;
				width: 100%;
				padding: 20px;
				cursor: pointer;
			}

				.food img {
					position: relative;
					display: block;
					width: 90%;
					margin: 0 auto;
					z-index: 10;
					pointer-events: none;
				}

				.food p {
					font-size: 1.8rem;
					line-height: 2.2rem;
					color: #eee;
					text-align: center;
				}

				.food .tooltip,
				.food-type .tooltip {
					position: absolute;
					top: 40px;
					left: 62%;
					visibility: hidden;
					opacity: 0;
					transition: all 0.2s ease-out;
					pointer-events: none;
					z-index: 50;
				}

					.food .tooltip > div,
					.food-type .tooltip > div {
						width: 268px;
						padding: 15px 12% 30px 15%;
						background-image: url("../images/tooltip.png");
						background-size: 100% 100%;
					}
/*
						.food .tooltip > div:before {
							content: "";
							position: absolute;
							display: block;
							top: 30px;
							left: -50px;
							width: 62px;
							height: 33px;
							background-image: url("../images/tooltip-tip.png");
							background-repeat: no-repeat;
							z-index: -1;
						}
 */
					.food:hover .tooltip,
					.food-type:hover .tooltip {
						visibility: visible;
						opacity: 1;
					}

					.food .tooltip p,
					.food-type .tooltip p {
						text-align: left;
						/* color: #3e2218; */
						font-size: 1.6rem;
						line-height: 1.8rem;
					}

			.checkbox-food:not(:checked),
			.checkbox-food:checked {
			  	position: absolute;
			  	left: -999px;
			  	opacity: 0;
			}

				.checkbox-food:not(:checked) + label:after,
				.checkbox-food:checked + label:after {
					content: "";
					position: absolute;
					top: 13px;
					right: 18px;
					display: block;
					width: 56px;
					height: 52px;
					text-align: center;
				  	transition: all 0.2s ease-out;
				  	z-index: 5;
				}

				.checkbox-food:not(:checked) + label:after {
					background-image: url("../images/check0.png");
				}

				.checkbox-food:checked + label:after {
					background-image: url("../images/check1.png");
				}

			.food .food-discount {
				position: absolute;
				top: 14px;
				left: 22px;
				display: block;
				width: 6.8rem;
				height: 6.8rem;
				padding: 1.5rem 0 0;
				font-size: 1.6rem;
				line-height: 1;
				text-align: center;
				text-transform: uppercase;
				/* background-color: #ae0200; */
				background-image: url("../images/tooltip-red.png");
				background-size: 100%;
				/* border-radius: 50%; */
				z-index: 10;
			}

				.rozvoz .food .food-discount {
					top: 10px;
					left: 10px;
					width: 5.8rem;
					height: 5.8rem;
					padding: 1.3rem 0 0;
					font-size: 1.4rem;
				}

				.food .food-discount span {
					display: block;
					font-size: 150%;
				}

	.foods-phone-title {
		display: none;
	}

	.foods-phone {
		max-width: 700px;
		margin: 0 auto;
		display: none;
	}

		.food-pack {
			float: left;
			width: 50%;
			padding: 5px;
			text-align: center;
		}

			.food-pack img {
				display: block;
				width: 100%;
				max-width: 300px;
				margin: 0 auto;
			}

			.food-pack h3 {
				margin-top: 2rem;
				margin-bottom: 1rem;
				font-size: 3rem;
				line-height: 3.3rem;
			}

			.food-pack p {
				margin-top: 0.6rem;
			}

.green,
.bigger.green {
	color: #61bc47;
	color: #58b030;
}

	.packs {
		position: relative;
		left: 50%;
		padding: 14% 0 0 6%;
		width: 32%;
		-webkit-transform: rotate(-4deg);
		transform: rotate(-4deg);
		opacity: 0;
	}

		.food.pack {
			float: none;
			width: 100%;
			margin-bottom: -80%;
		}

			.food.pack label {
				position: relative;
				display: block;
				width: 100%;
				padding: 0;
				cursor: pointer;
			}

				.food.pack p {
					font-size: 1.8rem;
					line-height: 2.2rem;
					color: #eee;
					text-align: center;
				}

					.food.pack .tooltip {
						top: -5px;
						left: auto;
						right: 69%;
						-webkit-transform: rotate(4deg);
						transform: rotate(4deg);
						-webkit-backface-visibility: hidden;
						backface-visibility: hidden;
					}

						.food.pack .tooltip div h3,
						.food-type .tooltip div h3 {
							margin: 1.2rem 0 0 0;
							text-align: left;
							color: #fff;
							font-size: 2rem;
							line-height: 2.6rem;
							-webkit-backface-visibility: hidden;
							backface-visibility: hidden;
						}

						.food.pack .tooltip div p,
						.food-type .tooltip div p {
							text-align: left;
							/* color: #3e2218; */
							font-size: 1.6rem;
							line-height: 1.8rem;
							-webkit-backface-visibility: hidden;
							backface-visibility: hidden;
						}

						.food .tooltip img.food-attr {
							display: inline-block;
							width: 3.2rem;
							height: auto;
							margin-right: 0.6rem;
						}


				.pack .checkbox-food:not(:checked) + label:after,
				.pack .checkbox-food:checked + label:after {
					top: 2%;
					right: 4%;
				}

				.pack .checkbox-food:not(:checked) + label:after {
				    background-image: url("../images/check0b.png");
				}



		.or {
			display: block;
			width: 60px;
			height: 40px;
			margin: 30px auto;
		}


		table.menu {
			width: 100%;
			max-width: 550px;
			margin: -30px auto 0;
		}

		table.menu {
			max-width: 400px;
			margin: -10px auto 0;
		}

			.menu td {
				padding: 1.1rem 1.2rem 0.8rem;
				vertical-align: bottom;
				transition: all 0.2s ease-out;
			}

				.menu tr:hover td {
					background-color: rgba(255,255,255,0.1);
				}

				.menu td a {
					color: #fff;
					text-decoration: none;
				}

					.menu td a:hover {
						color: #fff;
						text-decoration: none;
					}

			.menu td:nth-child(1) {
				position: relative;
				/* padding: 10px 2px 0; */
				text-align: left;
				font-size: 2.2rem;
				line-height: 2.5rem;
			}

			.menu td:nth-child(2) {
				position: relative;
				width: 1px;
				/* padding: 10px 2px 0; */
				padding-bottom: 0.6rem;
				text-align: right;
				font-size: 2.7rem;
				/* line-height: 3rem; */
				/* font-size: 2.2rem; */
				line-height: 2.5rem;
				white-space: nowrap;
			}

				.menu td .small {
					font-size: 1.8rem;
				}

				.menu td:nth-child(2) img {
					position: absolute;
					right: -5.4rem;
					top: 0.5rem;
					display: block;
					width: 5.4rem;
					height: 3.1rem;
					transition: all 0.2s ease-out;
					opacity: 0;
				}

				.menu .menu-highlight td:nth-child(2) img {
					top: 1.7rem;
				}

					.menu tr:hover td:nth-child(2) img {
						opacity: 1;
					}


			.menu .menu-title td {
				padding: 40px;
				font-size: 3.6rem;
				line-height: 3.9rem;
				border-bottom: 4px solid #fff;
				font-family: 'IntroHeadH', sans-serif;
			}

			.menu .menu-highlight td:nth-child(1) {
				font-size: 2.9rem;
				line-height: 3rem;
				color: #A9D7F3;
			}
/*
				.menu .menu-highlight td span {
					display: block;
					font-size: 1.6rem;
					line-height: 2rem;
				}
*/
			.menu .menu-highlight td:nth-child(2) {
				font-size: 2.9rem;
				line-height: 3rem;
				color: #A9D7F3;
			}

		.attrs-title {
			margin-top: 7rem;
			font-size: 2rem;
			line-height: 3rem;
			text-align: center;
		}

		.rozvoz .attrs-title {
			margin-top: 12rem;
		}

			.attrs-title span {
				display: block;
				font-size: 2.8rem;
				text-transform: uppercase;
			}

		.attrs-img {
			display: block;
			width: 85%;
			max-width: 500px;
			margin: 3rem auto 5rem;
		}

		.rozvoz .attrs-img {
			max-width: 400px;
		}


	.right-food {
		float: right;
		width: 55%;
	}

		.food-preview {
			position: fixed;
			position: absolute;
			top: 70px;
			top: 0;
			right: 0;
			right: -100%;
			background-image: url("../images/board.png");
			background-position: left top;
			background-size: auto 100%;
			background-repeat: no-repeat;
			z-index: 20;
		}

			.food-preview .food-image {
				position: absolute;
				left: -1%;
				left: 100%;
				top: 8%;
				width: auto;
				height: 75%;
				padding: 0 11% 11% 0;
				background-image: url("../images/shadow.png");
				background-size: contain;
				background-repeat: no-repeat;
				/*display: none;*/
				z-index: 5;
				pointer-events: none;
			}

				.food-preview .food-image.no-shadow {
					background: transparent;
				}

				.food-preview .food-image img {
					display: block;
					width: auto;
					height: 100%;
				}

			.food-preview .mason-jar {
				position: absolute;
				left: -2%;
				top: 4%;
				display: block;
				width: auto;
				height: 80%;
				z-index: 5;
				pointer-events: none;
			}


/*
				.food-preview .food-image.bowl {
					top: 11%;
					height: 80%;
				}

				.food-preview .food-image.tortilla {
					top: 11%;
					height: 77%;
				}

				.food-preview .food-image.xl {
					top: 10%;
					height: 90%;
				}
*/
				.food-preview .food-image.visible {
					z-index: 10;
				}

			.food-how {
				position: absolute;
				left: 17%;
				bottom: 9%;
				-webkit-transform: rotate(-4deg);
				transform: rotate(-4deg);
				z-index: 2;
				font-size: 50px;
				font-family: 'IntroHeadH', sans-serif;
				color: #372119;
				display: none;
			}

			.food-price {
				position: absolute;
				left: 13%;
				bottom: 4%;
				-webkit-transform: rotate(-4deg);
				transform: rotate(-4deg);
				z-index: 2;
				display: none;
			}

				.food-price .price {
					position: relative;
					float: left;
					height: 90px;
					padding: 0 15px;
					line-height: 90px;
					font-size: 62px;
					font-family: 'IntroHeadH', sans-serif;
					background-color: #372119;
					color: #fff;
				}

					.food-price .price:after,
					.food-price .price:before {
						content: "";
						position: absolute;
						left: -7px;
						top: 0;
						display: block;
						width: 8px;
						height: 90px;
						background-image: url("../images/price-left.png");
						background-size: 100% 110px;
					}

					.food-price .price:after {
						left: auto;
						right: -7px;
						background-image: url("../images/price-right.png");
					}

					.food-price .price span {
						font-size: 20px;
					}

				.food-price .price-text {
					float: left;
					/*max-width: 300px;*/
					height: 120px;
					margin-left: 10px;
					padding: 30px 10px 20px 10px;
					background-image: url("../images/underline-brown.png");
					background-position: left 15px;
					background-repeat: repeat-x;
					color: #271109;
					font-size: 2.3rem;
					line-height: 2.7rem;
					text-shadow: 0 0 15px rgba(255,255,230,0.8);
				}


			.food-price .btn {
				position: absolute;
				top: -5rem;
				left: -0.5rem;
				display: inline-block;
				width: auto;
				min-width: auto;
				height: 4.4rem;
				margin: 0;
				padding: 0 1.5rem;
				text-align: center;
				line-height: 4rem;
				text-transform: uppercase;
				font-size: 2.4rem;
				background-color: #65b330;
				color: #fff;
				border: 0;
				border: 0.3rem solid #538F28;
				transition: all 0.2s ease-out;
			}

				.food-price .btn:hover {
					background-color: #78CA3E;
					border-color: #538F28;
					color: #fff;
				}

				.food-price .btn:active {
					background-color: #538F28;
					border-color: #4D8325;
				}

.vegg-go {
	margin-top: 100px;
}

	.book-wrap {
		float: left;
		width: 82.905982%;
		margin-left: -3%;
	}

		.book img {
			width: 100%;
			max-width: 970px;
		}

		.book .idea {
			position: absolute;
			top: 9%;
			left: 32%;
			width: 13%;
			height: auto;
			background-image: url("../images/napad0.png");
			background-size: contain;
			background-repeat: no-repeat;
			transition: all 0.2s ease-out;
		}

			@-webkit-keyframes idea {
				0%   { opacity: 0; }
				40%  { opacity: 1; }
				55%  { opacity: 0.4; }
				70%  { opacity: 1; }
				85%  { opacity: 0.6; }
				100% { opacity: 1; }
			}

			@keyframes idea {
				0%   { opacity: 0; }
				40%  { opacity: 1; }
				55%  { opacity: 0.4; }
				70%  { opacity: 1; }
				85%  { opacity: 0.6; }
				100% { opacity: 1; }
			}

			.book .idea.on {
				background-image: url("../images/napad1.png");
				-webkit-animation: idea 0.5s linear;
				animation: idea 0.5s linear;
				transition: all 0.5s ease-out;
			}

		.book-text {
			position: absolute;
			left: 9%;
			top: 23%;
			width: 37%;
			color: #3e3e3e;
			text-align: center;
		}

			.book-text h3 {
				margin-top: 3rem;
				font-size: 2.5rem;
				line-height: 2.9rem;
				color: #333;
				/* text-transform: uppercase; */
			}

			.book-text p {
				font-size: 1.4rem;
				margin-top: 1rem;
			}

			.book-text p.script {
				font-size: 1.6rem;
			}

			.book-text p.green {
				color: #418C2B;
			}

	.book-icons {
		float: right;
		width: 20.094018%;
		padding-top: 30px;
	}

		.book-icon {
			margin-bottom: 40px;
			text-align: center;
			font-size: 3.2rem;
			color: #fff;
		}

			.book-icon img {
				display: block;
				width: 90%;
				max-width: 136px;
				margin: 0 auto 15px;
			}

	.vegg-go .path {
		position: relative;
		width: 100%;
		margin-top: -60px;
		padding-bottom: 47.5%;
		background-image: url("../images/path.png");
		background-size: cover;
		background-position: center;
	}

		.vegg-go .path .path-foot {
			position: absolute;
			display: block;
			display: none;
			width: 2.08333%;
		}

			.vegg-go .path .path-foot#foot1 {
				top: 7%;
				right: 14%;
				-webkit-transform: rotate(34deg);
				transform: rotate(34deg);
			}

			.vegg-go .path .path-foot#foot2 {
				top: 33%;
				right: 18%;
				-webkit-transform: rotate(48deg);
				transform: rotate(48deg);
			}

			.vegg-go .path .path-foot#foot3 {
				top: 32%;
				right: 33%;
				-webkit-transform: rotate(84deg);
				transform: rotate(84deg);
			}

			.vegg-go .path .path-foot#foot4 {
				top: 44%;
				right: 70%;
				-webkit-transform: rotate(54deg);
				transform: rotate(54deg);
			}

			.vegg-go .path .path-foot#foot5 {
				top: 62%;
				right: 86%;
				-webkit-transform: rotate(33deg);
				transform: rotate(33deg);
			}

		.vegg-go .path .path-tortillas {
			position: absolute;
			top: 24%;
			left: 36%;
			display: block;
			width: 20%;
		}

		.vegg-go .path .path-text {
			position: absolute;
			display: block;
			color: #fff;
			font-size: 3.4rem;
			line-height: 3rem;
			opacity: 0.7;
		}

			.vegg-go .path .path-text#kde {
				top: 22%;
				right: 6%;
			}

			.vegg-go .path .path-text#nos {
				top: 77%;
				left: 5%;
			}

				.vegg-go .path .path-text#nos > div {
					position: absolute;
					right: -20%;
					bottom: -30px;
					-webkit-transform: rotate(-10deg);
					transform: rotate(-10deg);
					font-size: 2.2rem;
					color: #2da836;
				}

	.maly-hlad {
		position: absolute;
		left: 0;
		bottom: 14%;
		display: block;
		width: 15%;
		max-width: 245px;
	}

	.kde-veggime-title {
		position: absolute;
		right: 3%;
		bottom: 80px;
	}


.kde-veggime {
	border: 4px solid #69ba32;
	border-width: 4px 0;
	background-image: url("../images/bg-map.jpg");
	background-size: cover;
	background-position: center;
}

	.kde-veggime .inner {
		padding-bottom: 40px;
	}

		.map-list {
			float: left;
			width: 32%;
			max-height: 520px;
			overflow-y: scroll;
			margin: 30px -9% 30px 0;
			padding: 20px 0;
			background-color: #eae6e0;
		}

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

				.map-list ul li {
					display: block;
					width: 100%;
					list-style: none;
					margin: 0;
					padding: 0;
					padding: 0 20px;
					transition: all 0.2s ease-out;
				}

					.map-list ul li:hover {
						background-color: #686563;
					}

					.map-list ul li a {
						display: block;
						width: 100%;
						padding: 15px 10px;
						border-bottom: 2px dashed #605d59;
					}

						.map-list ul li:hover a {
							text-decoration: none;
						}

						.map-list ul li:last-child a {
							border-bottom: 0;
						}

						.map-list ul li a h3 {
							font-size: 2rem;
							line-height: 2.3rem;
							color: #5b564f;
						}

							.map-list ul li:hover a h3 {
								color: #fff;
							}

						.map-list ul li a p {
							color: #7F7C7A;
							font-size: 1.3rem;
							line-height: 1.6rem;
							margin-top: 0.2rem;
						}

						.map-list ul li a p.hours {
							margin-top: 0.6rem;
						}

/*
						.map-list ul li a p.address {
							color: #8C8987;
							font-size: 1.3rem;
							line-height: 1.6rem;
							margin-top: 0.2rem;
						}

						.map-list ul li a p.hours {
							color: #656361;
							font-size: 1.5rem;
							line-height: 1.8rem;
							margin-top: 0.2rem;
						}
*/
							.map-list ul li:hover a p {
								color: #e5e5e5;
							}


.nowrap {
	white-space: nowrap;
	/* margin-right: 15px; */
}

		.map-frame {
			position: relative;
			float: right;
			width: 76%;
			margin-top: -50px;
			margin-right: -3%;
			background-image: url("../images/map-frame.png");
			background-size: cover;
			background-position: center;
		}

			.map-frame > div {
				padding-bottom: 67.6829268%;
			}

				.map-frame > div > div {
					position: absolute;
					left: 0; right: 0; top: 0; bottom: 0;
					width: 100%;
					height: 100%;
					padding: 4% 3.5% 4% 4%;
				}

					.map-frame #map {
						width: 100%;
						height: 100%;
					}

						#map > div > div:nth-child(1) > div:nth-child(2) {
							box-shadow: inset 1px 1px 10px #000;
						}

		.map-green {
			position: absolute;
			right: -8%;
			bottom: -16%;
			width: 29%;
		}


.kontakt {
	padding-bottom: 60px;
}

	.contact-col1 {
		float: left;
		width: 30%;
	}

		.path-contact1,
		.path-contact2 {
			display: block;
			width: 85.229%;
		}

		.kontakt h2 {
			margin: -10px 0 45px 0;
		}

		.contact-phone,
		.contact-mail {
			padding: 0 0 0 45px;
			font-size: 2.8rem;
			line-height: 4rem;
			background-image: url("../images/contact-phone.png");
			background-position: left center;
			background-repeat: no-repeat;
		}

		.contact-mail {
			background-image: url("../images/contact-mail.png");
		}

			.contact-phone a,
			.contact-mail a {
				color: #fff;
			}

	.contact-col2 {
		float: left;
		width: 28%;
		padding: 14% 10px 0;
	}

		.contact-col2 .contact-box {
			background-image: url("../images/contact-left.png");
		}

	.contact-col3 {
		float: left;
		width: 42%;
		padding: 14% 10px 0;
	}

		.contact-col3 .contact-box {
			background-image: url("../images/contact-right.png");
		}

		.contact-box {
			padding: 3% 5%;
			background-position: center;
			background-repeat: no-repeat;
			background-size: 100% 100%;
			box-shadow: 2px 2px 50px #000;
		}

			.contact-box input[type="text"],
			.contact-box textarea {
				border: 0;
				background: transparent;
			}

			.contact-box input[type="text"] {
				width: 100%;
				height: 65px;
				margin-top: 16px;
				margin-bottom: 5px;
				padding: 0 20px;
				line-height: 65px;
				text-align: left;
				color: #fff;
			}

			.contact-box textarea {
				width: 100%;
				height: 242px;
				padding: 34px 20px 0;
				text-align: left;
				color: #fff;
				line-height: 1.7rem;
			}

			.kontakt input[type="submit"] {
				display: block;
				width: 160px;
				height: 60px;
				margin: 30px auto 0;
				line-height: 60px;
				text-transform: uppercase;
				font-size: 3rem;
				color: #65b330;
				border: 3px dashed #65b330;
				background: transparent;
				transition: all 0.2s ease-out;
			}

				.kontakt input[type="submit"]:hover {
					background: #65b330;
					border: 3px solid #65b330;
					color: #fff;
				}

				.kontakt input[type="submit"]:active {
					background: #538F28;
				}

	.love-us {
		margin-top: 30px;
	}

		.love-us span {
			display: inline-block;
			font-size: 5rem;
			color: #fff;
		}

		.love-us img {
			position: relative;
			top: 30px;
			display: inline-block;
			margin-left: 25px;
		}



.hidden {
	opacity: 0;
}









	.copyright {
		padding: 13px 0 10px;
		background-color: #0d0d0d;
		text-align: center;
		font-size: 16px;
		color: #bbb;
	}

		.copyright p {
			margin-top: 0;
		}

			.copyright p:nth-child(2) {
				opacity: 0.6;
			}

		.copyright a {
			color: #bbb;
		}

		.copyright .unifer {
			position: absolute;
			right: 15px;
			top: -2px;
		}

			.copyright .unifer img {
				margin-left: 5px;
				vertical-align: text-bottom;
			}


.fucking-eu-cookies.fucking-priority {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    padding: 10px 15px 10px 0;
    background-color: #151515;
    color: #ededed;
}

	.fucking-eu-cookies.fucking-priority span {
		margin-left: 15px;
		line-height: 1.5rem;
	}

	.fucking-eu-cookies.fucking-priority a {
		display: inline-block;
		margin-left: 15px;
		color: #bbb;
		text-decoration: none;
	}

		.fucking-eu-cookies.fucking-priority a:hover {
			color: #fff;
			text-decoration: none;
		}

	.fucking-eu-cookies.fucking-priority button {
		margin-left: 15px;
		padding: 5px 10px;
		background-color: #61bc47;
		color: #fff;
		border: 0;
	}



.text ul {
	margin: 1.8rem 0;
	padding: 0 0 0 8px;
	list-style: none;
}

	.text ul li {
		margin: 0 0 0 0;
		padding: 5px 0 5px 30px;
		background-image: url("../images/li.png");
		background-position: left 4px;
		background-repeat: no-repeat;
	}



.gradient {
	position: fixed;
	left: 0; right: 0; top: 0; bottom: 0;
	width: 100%;
	height: 100%;
	background: -moz-radial-gradient(center, ellipse contain, rgba(0,0,0,0.4) 0%, rgba(0,0,0,0.4) 20%, rgba(0,0,0,0.2) 100%);
	background: -webkit-radial-gradient(center, ellipse contain, rgba(0,0,0,0.4) 0%,rgba(0,0,0,0.4) 20%,rgba(0,0,0,0.2) 100%);
	background: radial-gradient(ellipse at center, contain, rgba(0,0,0,0.4) 0%,rgba(0,0,0,0.4) 20%,rgba(0,0,0,0.2) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#99000000', endColorstr='#00000000',GradientType=1 );
	z-index: -1;
	/* opacity: 0.7; */

}

.page {
	padding-top: 10px;
	padding-bottom: 80px;
}

	.page h2 {
		margin-top: 7rem;
		margin-bottom: 7rem;
		font-size: 6rem;
		line-height: 6.5rem;
		text-align: center;
	}

	.page h3 {
		margin-top: 9rem;
		margin-bottom: 6rem;
		text-align: center;
	}

	.kariera-form {
		max-width: 600px;
		margin: 30px auto;
		text-align: center;
	}

			.kariera select,
			.kariera textarea,
			.kariera input {
				display: inline-block;
				width: 40%;
				height: 30px;
				margin: 15px 1% 0;
				padding: 4px 7px;
				font-size: 18px;
				line-height: 30px;
				text-align: left;
				border: 0;
				color: #000;
				background-color: rgba(255,255,255,0.7);
				vertical-align: middle;
				transition: all 0.2s ease-out;
			}

			.kariera textarea {
				width: 100%;
				height: 90px;
				line-height: 24px;
			}

				.kariera select:hover,
				.kariera textarea:hover,
				.kariera input:hover {
					background-color: rgba(255,255,255,0.8);
				}

				.kariera select:focus,
				.kariera textarea:focus,
				.kariera input:focus {
					background-color: rgba(255,255,255,1);
				}

				.kariera select option:first-child {
					color: #ccc !important;
				}


				.kariera-kam input:nth-child(3n+4),
				.kariera-kam select:nth-child(3n+4) {
					margin-right: 0;
				}

			.kariera .file {
				display: inline-block;
				width: 99px;
				height: 112px;
				margin: 20px 2rem 60px;
				background-position: center;
				background-size: contain;
				background-repeat: no-repeat;
				overflow: hidden;
			    border: 3px solid #65b330;
				cursor: pointer;
				transition: all 0.2s ease-out;
			}

				.kariera .file:hover {
				    border: 3px dashed #65b330;
				}

				.kariera .file.selected {
				    border: 3px solid #65b330;
				}

				.kariera .file.file-photo {
					background-image: url('../images/upload-photo.png');
				}

					.kariera .file.file-photo.selected {
						background-image: url('../images/upload-photo-s.png');
					}

				.kariera .file.file-cv {
					background-image: url('../images/upload-cv.png');
				}

					.kariera .file.file-cv.selected {
						background-image: url('../images/upload-cv-s.png');
					}

				.file input {
					display: block !important;
					width: 93px !important;
					height: 106px !important;
					opacity: 0 !important;
					overflow: hidden !important;
					cursor: pointer;
				}

			.btn {
				display: block;
				min-width: 200px;
				height: 60px;
				margin: 60px auto 0;
				padding: 0 30px;
				text-align: center;
				line-height: 60px;
				text-transform: uppercase;
				font-size: 3rem;
				color: #65b330;
				border: 3px dashed #65b330;
				background: transparent;
				transition: all 0.2s ease-out;
			}

				.btn:hover {
					background: #65b330;
					border: 3px solid #65b330;
					color: #fff;
				}

				.btn:active {
					background: #538F28;
				}

				.btn.btn-alert {
					color: #888;
					border-color: #888;
				}

					.btn.btn-alert:hover {
						background-color: #888;
						border-color: #888;
						color: #fff;
					}

				.btn.btn-order {
					display: inline-block;
				}

				.btn:disabled {
					background-color: #333;
					border-color: #333;
					color: #222;
				}

/*
		.kariera-row {
			padding: 4px 0;
		}

			.multifield:only-child .remove-field {
				display: none;
			}

			.kariera select,
			.kariera textarea,
			.kariera input {
				display: inline-block;
				height: 30px;
				margin-right: 1%;
				padding: 4px 7px;
				font-size: 18px;
				line-height: 30px;
				text-align: left;
				border: 0;
				color: #000;
				background-color: rgba(255,255,255,0.7);
				vertical-align: middle;
				transition: all 0.2s ease-out;
			}

			.kariera textarea {
				width: 100%;
				height: 90px;
				line-height: 24px;
			}

				.kariera select:hover,
				.kariera textarea:hover,
				.kariera input:hover {
					background-color: rgba(255,255,255,0.8);
				}

				.kariera select:focus,
				.kariera textarea:focus,
				.kariera input:focus {
					background-color: rgba(255,255,255,1);
				}

				.kariera select option:first-child {
					color: #ccc !important;
				}

			.kariera-druh {
				width: 46%;
			}

			.kariera-col2 {
				width: 26%;
			}

			.kariera .kariera-ks {
				width: 60px;
			}

			.kariera .kariera-forma,
			.kariera .kariera-polevka,
			.kariera .kariera-teple,
			.kariera .kariera-ks,
			.kariera .kariera-jednotka {
				display: none;
			}

			.add-field, .remove-field {
				display: inline-block;
				height: 30px;
				border: 0;
				background: none;
				-webkit-appearance: none;
				vertical-align: middle;
				opacity: 0.7;
				transition: all 0.2s ease-out;
			}

				.add-field:hover, .remove-field:hover {
					opacity: 1;
				}

			.remove-field {
				width: 50px;
				padding: 0;
				background-image: url('../images/remove.png');
				background-position: center;
				background-repeat: no-repeat;
			}

			.add-field {
				margin-top: 5px;
				padding: 0 0 0 34px;
				color: #58b030;
				font-size: 18px;
				background-image: url('../images/add.png');
				background-repeat: no-repeat;
				background-position: 5px center;
			}

			.kariera-kam input,
			.kariera-kam select {
				float: left;
				display: block;
				width: 32.666%;
				margin-bottom: 10px;
			}

				.kariera-kam input:nth-child(3n+4),
				.kariera-kam select:nth-child(3n+4) {
					margin-right: 0;
				}

			.kariera input[type="submit"] {
				float: none;
				display: block;
				width: 160px;
				height: 60px;
				margin: 60px auto 0;
				padding: 0;
				text-align: center;
				line-height: 60px;
				text-transform: uppercase;
				font-size: 3rem;
				color: #65b330;
				border: 3px dashed #65b330;
				background: transparent;
				transition: all 0.2s ease-out;
			}

				.kariera input[type="submit"]:hover {
					background: #65b330;
					border: 3px solid #65b330;
					color: #fff;
				}

				.kariera input[type="submit"]:active {
					background: #538F28;
				}
*/


.rozvoz .inner {
	max-width: 880px;
}

	.rozvoz .privezeme {
		position: relative;
	}

		.rozvoz .privezeme:before {
			content: "Praha";
			position: absolute;
			left: 60%;
			right: -30%;
			bottom: 50%;
			display: block;
			/* width: 100%; */
			color: #FF0000;
			color: #58b030;
			font-size: 4rem;
			text-align: center;
			-webkit-transform: rotate(9deg);
			transform: rotate(9deg);
			-webkit-backface-visibility: hidden;
			backface-visibility: hidden;
			transition: all 0.2s ease-out;
			z-index: -1;
		}

	.sub-heading p.bigger {
		margin-bottom: 2rem;
		font-size: 170%;
		line-height: 1.2;
	}

	.rozvoz .board {
		width: 100%;
		max-width: 880px;
		margin: 0 auto;
		padding: 0 4% 2.5%;
		background-image: url("../images/delivery-board.png");
		background-size: contain;
		background-position: bottom;
		background-repeat: no-repeat;
	}

		.rozvoz .board .food-type {
			position: relative;
			display: block;
			float: left;
			/* width: 16.666%; */
			width: 14.285714285714285714285714285714%;
		}

			.rozvoz .board .food-type img {
				display: block;
				width: 85%;
				max-width: 171px;
				margin: auto;
				-webkit-transform-origin: center 96%;
				transform-origin: center 96%;
				-webkit-transform: scale(1);
				transform: scale(1);
				transition: all 0.2s ease-out;
			}

				.rozvoz .board .food-type:active img {
					-webkit-transform: scale(0.97) !important;
					transform: scale(0.97) !important;
				}

				.rozvoz .board.selected .food-type img {
					-webkit-transform: scale(0.7);
					transform: scale(0.7);
				}

				.rozvoz .board.selected .food-type.active img,
				.rozvoz .board.selected .food-type.active:hover img {
					-webkit-transform: scale(1);
					transform: scale(1);
				}

				.rozvoz .board.selected .food-type:hover img {
					-webkit-transform: scale(0.73);
					transform: scale(0.73);
				}

	.rozvoz-form {
		position: relative;
	}

		.rozvoz-form .anchor {
			position: absolute;
			top: -120px;
		}

	.rozvoz .food {
		clear: none;
		float: none;
		display: inline-block;
		width: 180px;
	}

		.rozvoz .foods {
			text-align: center;
		}

			.rozvoz .food {
				vertical-align: top;
			}

				.rozvoz .food .tooltip {
					top: 100px;
					left: 50%;
					-webkit-transform: translateX(-50%);
					transform: translateX(-50%);
				}

				.rozvoz .checkbox-food:not(:checked) + label:after,
				.rozvoz .checkbox-food:checked + label:after {
					top: 10px;
					right: 2px;
				}

				.rozvoz .checkbox-food:disabled + label:after {
					opacity: 0;
				}

			.rozvoz .checkbox-food:disabled + label {
				cursor: default;
			}

.page p {
	font-size: 1.8rem;
	line-height: 2.2rem;
}

	.sub-heading {
		margin: -6rem 0 6rem;
		/* text-align: center; */
	}

		.sub-heading-h3 {
			margin: -3rem 0 5rem;
		}

		.sub-heading p {
			max-width: 800px;
			margin: 1.4rem auto 0;
			text-align: center;
			color: #ccc;
		}

	.rozvoz-closed {
		text-align: center;
	}

		.rozvoz-closed p {
			color: #58b030;
			font-size: 2.6rem;
			line-height: 2.8rem;
		}

		.rozvoz-closed #rozvoz-countdown {
			font-size: 11rem;
		}

			.to-cart {
				display: inline-block;
				margin-top: 1rem;
				color: #65b330;
				font-size: 2.2rem;
				line-height: 2.6rem;
			}

				.to-cart:hover {
					color: #78C83C;
					text-decoration: none;
				}

				.logout img {
					display: inline-block;
					width: 1.6rem;
					height: 1.6rem;
					margin-right: 0.6rem;
				}


.cart-items {
	max-width: 700px;
	margin: 0 auto;
}

	.cart-items table {
		width: 100%;
	}

		.cart-items table td {
			padding: 0.7rem 1.2rem;
			font-size: 1.8rem;
			line-height: 2.2rem;
			vertical-align: middle;
			transition: all 0.2s ease-out;
		}

			.cart-items table td.cart-item-food-type {
			}

			.cart-items table td.cart-item-food {
			}

			.cart-items table td.cart-item-note {
				color: #888;
			}

			.cart-items table td.cart-item-price {
				width: 1px;
				text-align: right;
				white-space: nowrap;
			}

			.cart-items table td.cart-item-quantity {
				width: 110px;
				text-align: center;
			}

				.cart-items table td.cart-item-quantity a,
				.cart-items table td.cart-item-quantity span {
					display: inline-block;
					height: 2.2rem;
					line-height: 2.2rem;
					vertical-align: middle;
				}

				.cart-items table td.cart-item-quantity span {
					width: 3rem;
					text-align: center;
				}

				.cart-items table td.cart-item-quantity a {
					opacity: 0;
				}

					.cart-items table tr:hover td.cart-item-quantity a {
						opacity: 1;
					}

					.cart-items table td.cart-item-quantity a img {
						width: 2.2rem;
						height: 2.2rem;
					}

			.cart-items table tr.cart-itemstotal td {
				border-top: 6px double #666;
			}

				.cart-items.cart-items-order table tr.cart-itemstotal td {
					border-top: 2px solid #666;
				}

			.cart-items table tr.cart-ordertotal td {
				border-top: 2px solid #666;
				border-bottom: 2px solid #666;

				color: #65b330;
				font-size: 2.2rem;
				line-height: 2.8rem;
			}

				.cart-items table tr.cart-itemstotal td:last-child,
				.cart-items table tr.cart-ordertotal td:last-child {
					/* border: 0; */
				}

			.cart-items table tr.cart-discount td {
				color: #65b330;
			}

			.cart-items table tr:hover td {
				background-color: rgba(255,255,255,0.1);
			}

			.cart-items table tr:first-child:hover td {
				background-color: transparent;
			}

				.cart-items table tr:hover td:last-child,
				.cart-items table tr:hover td:last-child {
					/* background: transparent; */
				}

			.cart-items table tr:nth-child(2) td {
				border-top: 2px solid #666;
			}

/*
			.cart-items table td strong {
				font-family: 'IntroHeadH', sans-serif;
				font-weight: normal;
			}
*/
			.cart-items table td img {
				display: block;
			}


	.cart-jeste-neco {
		margin: 3.5rem auto 0;
		text-align: center;
	}

		.cart-jeste-neco .script {
			font-size: 2.2rem;
			line-height: 2.6rem;
		}

			.cart-jeste-neco .underline:after {
				bottom: -1px;
				height: 3px;
			}

		.cart-jeste-neco a {
			margin-left: 0.6rem;
			font-size: 1.8rem;
			line-height: 2.2rem;
			color: #fff;
		}


	p.not-logged-in {
		margin-top: 4rem;
		font-size: 1.8rem;
		line-height: 2.2rem;
		font-size: 2.2rem;
		line-height: 2.6rem;
		color: #fff;
	}

		p.not-logged-in a {
			color: #61bc47;
			text-decoration: none;
		}

			p.not-logged-in a:hover {
				color: #78C83C;
				text-decoration: none;
			}

		p.not-logged-in .script {
			display: inline-block;
			margin-left: 0.1rem;
			/* font-size: 2.4rem; */
		}

.white {
	color: #fff;
}

	.order-form {
		max-width: 600px;
		margin: 0 auto;
	}

		.order-form .order-input,
		.account .input {
			display: block;
			height: 30px;
			margin: 2% 1% 0;
			padding: 4px 7px;
			font-size: 18px;
			line-height: 30px;
			text-align: left;
			border: 0;
			color: #000;
			background-color: rgba(255,255,255,0.7);
			background-position: right center;
			background-repeat: no-repeat;
			vertical-align: middle;
			transition: all 0.2s ease-out;
		}

			.order-form .order-input:hover,
			.account .input:hover {
				background-color: rgba(255,255,255,0.8);
			}

			.order-form .order-input:focus,
			.account .input:focus {
				background-color: rgba(255,255,255,1);
			}

		.order-form .order-input.ok {
			background-image: url("../images/input-ok.png");
			outline: 2px solid #2d9000;
			outline-offset: 0;
			box-shadow: 0 0 15px #2d9000;
		}
		.order-form .order-input.nok {
			background-image: url("../images/input-nok.png");
			outline: 2px solid #c71010;
			outline-offset: 0;
			box-shadow: 0 0 15px #c71010;
		}

		.order-form .order-jmeno,
		.order-form .order-prijmeni,
		.order-form .order-email,
		.order-form .order-tel {
			float: left;
			width: 48%;
		}

		.order-form .order-adresa {
			clear: both;
			float: none;
			width: 98%;
			margin-top: 30px;
			margin-bottom: 30px;
		}

		.order-form .address-info {
			margin: -24px 0 15px 1%;
			padding: 0 7px;
			color: #65b330;
			font-size: 1.6rem;
			line-height: 2rem;
			display: none;
		}

			.red,
			.order-form .address-info.red {
				color: #e22;
			}

			.reddish {
				color: #b01;
			}

		.order-form .order-poznamka {
			clear: both;
			float: none;
			width: 98%;
			height: 90px;
			margin-top: 30px;
			line-height: 24px;
		}

		.order-form .note {
			margin: 1rem 1.2% 0;
			color: #aaa;
		}

		.order-form .payment-methods {
			margin-top: 40px;
		}

			.order-form .payment-methods .food {
				width: 150px;
			}

		.order-form .order-agree {
			margin-top: 40px;
		}

			.order-form .order-agree a {
				color: #65b330;
			}

		.order-form .order-hidden input {
			width: 140px;
			margin-top: 20px;
			font-size: 14px;
			opacity: 0.4;
		}


.my-orders {}

	.my-orders .cart-items table tr.canceled td:first-child {
		text-decoration: line-through;
		color: #a10;
	}

		.my-orders .cart-items table td {
			/* padding: 0.7rem 1.2rem; */
			vertical-align: top;
		}

			.my-orders .cart-items table td p {
				margin-top: 0.7rem;
			}

				.my-orders .cart-items table td p:first-child {
					margin-top: 0;
				}

			.my-orders .cart-items table tr:first-child td.orders-item-number {
				text-align: center;
			}

			.my-orders .cart-items table td.orders-item-number {
				text-align: right;
				color: #888;
			}

			.my-orders .cart-items table td.orders-item-date {
			}

			.my-orders .cart-items table td.orders-item-items {
			}

			.my-orders .cart-items table td.orders-item-price {
				width: 1px;
				text-align: right;
				white-space: nowrap;
			}

			.cart-items table td.cart-item-quantity {
				width: 110px;
				text-align: center;
			}

				.cart-items table td.cart-item-quantity a,
				.cart-items table td.cart-item-quantity span {
					display: inline-block;
					height: 2.2rem;
					line-height: 2.2rem;
					vertical-align: middle;
				}

				.cart-items table td.cart-item-quantity span {
					width: 3rem;
					text-align: center;
				}

				.cart-items table td.cart-item-quantity a {
					opacity: 0;
				}

					.cart-items table tr:hover td.cart-item-quantity a {
						opacity: 1;
					}

					.cart-items table td.cart-item-quantity a img {
						width: 2.2rem;
						height: 2.2rem;
					}

			.cart-items table tr.cart-itemstotal td {
				border-top: 6px double #666;
			}

			.cart-items table tr.cart-ordertotal td {
				border-top: 2px solid #666;
				border-bottom: 2px solid #666;

				color: #65b330;
				font-size: 2.2rem;
				line-height: 2.8rem;
			}

				.cart-items table tr.cart-itemstotal td:last-child,
				.cart-items table tr.cart-ordertotal td:last-child {
					/* border: 0; */
				}


			.cart-items table tr:hover td {
				background-color: rgba(255,255,255,0.1);
			}

			.cart-items table tr:first-child:hover td {
				background-color: transparent;
			}

				.cart-items table tr:hover td:last-child,
				.cart-items table tr:hover td:last-child {
					/* background: transparent; */
				}

			.cart-items table tr:nth-child(2) td {
				border-top: 2px solid #666;
			}



.account {}

	.account .login-register-form {
		width: 100%;
		max-width: 220px;
		margin: 0 auto;
	}

		.account .login-register-form .input {
			width: 100%;
			margin-top: 20px;
		}

/*
			.account .login-register-form .input.input-mt {
				margin-top: 40px;
			}
*/

		.account .login-register-form hr {
			width: 40px;
			height: 1px;
			margin: 20px auto 0;
			border: 0;
			background-color: #555;
			opacity: 0;
		}

		.account .login-register-form .btn {
			width: 100%;
			margin-top: 41px;
		}


.video {}

	.video .inner {
		max-width: 1170px;
	}

	.video h3 {
		font-size: 3.9rem;
	}

	.video-wrap {
		position: relative;
		width: 100%;
		padding-bottom: 82.22%;
		background-image: url("../images/video-bg.png");
		background-size: contain;
		background-position: center top;
		background-repeat: no-repeat;
	}

		.video-wrap .anchor {
			top: 4%;
		}

		.video-content {
			position: absolute;
			top: 15%;
			left: 0;
			right: 0;
			bottom: 0;
			width: 100%;
			/* height: 100%; */
		}

			.video h2 {
				margin-bottom: 4rem;
				font-size: 4.8rem;
				color: #3e2218;
			}

			.video-player {
				width: 60%;
				max-width: 630px;
				margin: 0 auto;
			}

				.embed-responsive {
					position: relative;
					display: block;
					height: 0;
					padding: 0;
					overflow: hidden;
				}

				.embed-responsive-16by9 {
					padding-bottom: 56.25%;
				}

					.embed-responsive .embed-responsive-item, .embed-responsive embed, .embed-responsive iframe, .embed-responsive object, .embed-responsive video {
						position: absolute;
						top: 0;
						bottom: 0;
						left: 0;
						width: 100%;
						height: 100%;
						border: 0;
					}

		.video-rajce,
		.video-koreni {
			position: absolute;
			display: block;
			height: auto;
		}

		.video-rajce {
			top: 75%;
			right: 75%;
			width: 28.25%;
			max-width: 322px;
		}

		.video-koreni {
			top: 30%;
			left: 94%;
			width: 18.25%;
			max-width: 208px;
		}

	.video-content .prev-next {
		margin-top: 2rem;
		text-align: center;
	}

		.video-content .prev-next img {
			display: inline-block;
			width: 4.4rem;
			height: auto;
			margin: 0.7rem;
		}

			.video-content .prev-next img.disabled {
				opacity: 0.2;
			}


	.videos {}

		.videos-item {
			display: block;
			float: left;
			width: 25%;
			padding: 1.4rem;
			background-image: url("../images/video-itembg.png");
			background-position: center top;
			background-size: 77% auto;
			background-repeat: no-repeat;
		}

			.videos-item:nth-child(4n+1) {
				clear: left;
			}

			.videos-item img {
				display: block;
				width: 100%;
				transition: all 0.2s ease-out;
			}

				.videos-item:hover img {
					box-shadow: 0 0 40px rgba(255,255,255,0.3);
				}

			.videos-item h4 {
				margin-top: 2.5rem;
				font-size: 1.8rem;
				text-align: center;
			}


.alert {
	position: relative;
	top: 30px;
	width: 90%;
	max-width: 400px;
	margin: 0 auto;
	padding: 12px 20px;
	color: #fff;
	background-color: rgba(88, 176, 48, 0.3);
	border: 2px solid #65b330;
	border-radius: 6px;
	text-align: center;
	font-size: 1.8rem;
	line-height: 2.2rem;
	z-index: 100;
}

	.alert.alert-danger {
		background-color: rgba(179, 48, 48, 0.3);
		border: 2px solid #b33030;
	}

	.alert .script {
		margin-top: 1rem;
		font-size: 2.2rem;
		line-height: 2.8rem;
		color: #fff;
	}

	.alert a {
		color: #fff;
		text-decoration: underline;
	}

.display-block {
	display: block;
}

.footer .cards img {
	display: inline-block;
	height: 3.5rem;
	margin: 1rem 0.3rem 0;
}

p.damejidlo {
	font-size: 2.4rem;
	line-height: 1.5;
}

	.damejidlo a {
		color: #58b030;
	}