.mfp-bg, svg:not(:root) {
	overflow: hidden
}
.mfp-wrap, body {
	-webkit-backface-visibility: hidden
}
.mfp-bg, .mfp-wrap {
	left: 0;
	top: 0;
	position: fixed
}
.mfp-bg, .mfp-container, .mfp-wrap {
	width: 100%;
	height: 100%
}
.mfp-container:before, .mfp-figure:after {
	content: ''
}
.mfp-close, a {
	text-decoration: none
}
.mfp-bg {
	z-index: 1042;
	background: #0b0b0b;
	opacity: .8;
	filter: alpha(opacity=80)
}
.mfp-wrap {
	z-index: 1043;
	outline: 0!important
}
.mfp-container {
	text-align: center;
	position: absolute;
	left: 0;
	top: 0;
	padding: 0 8px;
	box-sizing: border-box
}
.mfp-container, img.mfp-img {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box
}
.mfp-container:before {
	display: inline-block;
	height: 100%;
	vertical-align: middle
}
.mfp-align-top .mfp-container:before {
	display: none
}
.mfp-content {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	margin: 0 auto;
	text-align: left;
	z-index: 1045
}
.mfp-ajax-holder .mfp-content, .mfp-inline-holder .mfp-content {
	width: 100%;
	cursor: auto
}
.mfp-ajax-cur {
	cursor: progress
}
.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
	cursor: -moz-zoom-out;
	cursor: -webkit-zoom-out;
	cursor: zoom-out
}
.mfp-zoom {
	cursor: pointer;
	cursor: -webkit-zoom-in;
	cursor: -moz-zoom-in;
	cursor: zoom-in
}
.mfp-auto-cursor .mfp-content {
	cursor: auto
}
.mfp-arrow, .mfp-close, .mfp-counter, .mfp-preloader {
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none
}
.mfp-loading.mfp-figure {
	display: none
}
.mfp-hide {
	display: none!important
}
.mfp-preloader {
	color: #ccc;
	position: absolute;
	top: 50%;
	width: auto;
	text-align: center;
	margin-top: -.8em;
	left: 8px;
	right: 8px;
	z-index: 1044
}
.mfp-preloader a {
	color: #ccc
}
.mfp-close, .mfp-preloader a:hover {
	color: #fff
}
.mfp-s-error .mfp-content, .mfp-s-ready .mfp-preloader {
	display: none
}
button.mfp-arrow, button.mfp-close {
	overflow: visible;
	cursor: pointer;
	background: 0 0;
	border: 0;
	-webkit-appearance: none;
	display: block;
	outline: 0;
	padding: 0;
	z-index: 1046;
	-webkit-box-shadow: none;
	box-shadow: none
}
.mfp-figure:after, .mfp-iframe-scaler iframe {
	position: absolute;
	left: 0;
	box-shadow: 0 0 8px rgba(0,0,0,.6)
}
button::-moz-focus-inner {
	padding: 0;
	border: 0
}
.mfp-close {
	width: 44px;
	height: 44px;
	line-height: 44px;
	position: absolute;
	right: 0;
	top: 0;
	text-align: center;
	opacity: .65;
	filter: alpha(opacity=65);
	padding: 0 0 18px 10px;
	font-style: normal;
	font-size: 28px;
	font-family: Arial, Baskerville, monospace
}
body, h1, h2, h3 {
	font-family: Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif
}
.mfp-close:focus, .mfp-close:hover {
	opacity: 1;
	filter: alpha(opacity=100)
}
.mfp-close:active {
	top: 1px
}
.mfp-close-btn-in .mfp-close {
	color: #333
}
.mfp-iframe-holder .mfp-close, .mfp-image-holder .mfp-close {
	color: #fff;
	right: -6px;
	text-align: right;
	padding-right: 6px;
	width: 100%
}
.mfp-counter {
	position: absolute;
	top: 0;
	right: 0;
	color: #ccc;
	font-size: 12px;
	line-height: 18px;
	white-space: nowrap
}
.mfp-figure, img.mfp-img {
	line-height: 0
}
.mfp-arrow {
	position: absolute;
	opacity: .65;
	filter: alpha(opacity=65);
	margin: -55px 0 0;
	top: 50%;
	padding: 0;
	width: 90px;
	height: 110px;
	-webkit-tap-highlight-color: transparent
}
.mfp-arrow:active {
	margin-top: -54px
}
.mfp-arrow:focus, .mfp-arrow:hover {
	opacity: 1;
	filter: alpha(opacity=100)
}
.mfp-arrow .mfp-a, .mfp-arrow .mfp-b, .mfp-arrow:after, .mfp-arrow:before {
	content: '';
	display: block;
	width: 0;
	height: 0;
	position: absolute;
	left: 0;
	top: 0;
	margin-top: 35px;
	margin-left: 35px;
	border: inset transparent
}
.mfp-arrow .mfp-a, .mfp-arrow:after {
	border-top-width: 13px;
	border-bottom-width: 13px;
	top: 8px
}
.mfp-arrow .mfp-b, .mfp-arrow:before {
	border-top-width: 21px;
	border-bottom-width: 21px;
	opacity: .7
}
.mfp-arrow-left {
	left: 0
}
.mfp-arrow-left .mfp-a, .mfp-arrow-left:after {
	border-right: 17px solid #fff;
	margin-left: 31px
}
.mfp-arrow-left .mfp-b, .mfp-arrow-left:before {
	margin-left: 25px;
	border-right: 27px solid #3f3f3f
}
.mfp-arrow-right {
	right: 0
}
.mfp-arrow-right .mfp-a, .mfp-arrow-right:after {
	border-left: 17px solid #fff;
	margin-left: 39px
}
.mfp-arrow-right .mfp-b, .mfp-arrow-right:before {
	border-left: 27px solid #3f3f3f
}
img, legend {
	border: 0
}
.mfp-iframe-holder {
	padding-top: 40px;
	padding-bottom: 40px
}
.mfp-iframe-holder .mfp-content {
	line-height: 0;
	width: 100%;
	max-width: 900px
}
.mfp-image-holder .mfp-content, img.mfp-img {
	max-width: 100%
}
.mfp-iframe-holder .mfp-close {
	top: -40px
}
.mfp-iframe-scaler {
	width: 100%;
	height: 0;
	overflow: hidden;
	padding-top: 56.25%
}
.mfp-iframe-scaler iframe {
	display: block;
	top: 0;
	width: 100%;
	height: 100%;
	background: #000
}
.mfp-figure:after, img.mfp-img {
	display: block;
	width: auto;
	height: auto
}
img.mfp-img {
	box-sizing: border-box;
	padding: 40px 0;
	margin: 0 auto
}
.mfp-figure:after {
	top: 40px;
	bottom: 40px;
	right: 0;
	z-index: -1;
	background: #444
}
.mfp-figure small {
	color: #bdbdbd;
	display: block;
	font-size: 12px;
	line-height: 14px
}
.mfp-figure figure {
	margin: 0
}
.mfp-bottom-bar {
	margin-top: -36px;
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	cursor: auto
}
.mfp-gallery .mfp-image-holder .mfp-figure, a {
	cursor: pointer
}
.mfp-title {
	text-align: left;
	line-height: 18px;
	color: #f3f3f3;
	word-wrap: break-word;
	padding-right: 36px
}
html, mark {
	color: #000
}
@media screen and (max-width:800px) and (orientation:landscape), screen and (max-height:300px) {
.mfp-img-mobile .mfp-image-holder {
	padding-left: 0;
	padding-right: 0
}
.mfp-img-mobile img.mfp-img {
	padding: 0
}
.mfp-img-mobile .mfp-figure:after {
	top: 0;
	bottom: 0
}
.mfp-img-mobile .mfp-figure small {
	display: inline;
	margin-left: 5px
}
.mfp-img-mobile .mfp-bottom-bar {
	background: rgba(0,0,0,.6);
	bottom: 0;
	margin: 0;
	top: auto;
	padding: 3px 5px;
	position: fixed;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}
.mfp-img-mobile .mfp-bottom-bar:empty {
	padding: 0
}
.mfp-img-mobile .mfp-counter {
	right: 5px;
	top: 3px
}
.mfp-img-mobile .mfp-close {
	top: 0;
	right: 0;
	width: 35px;
	height: 35px;
	line-height: 35px;
	background: rgba(0,0,0,.6);
	position: fixed;
	text-align: center;
	padding: 0
}
}
body, html {
	height: 100%
}
.container, h2 div, h3 div, sub, sup {
	position: relative
}
@media all and (max-width:900px) {
.mfp-arrow {
	-webkit-transform: scale(.75);
	transform: scale(.75)
}
.mfp-arrow-left {
	-webkit-transform-origin: 0;
	transform-origin: 0
}
.mfp-arrow-right {
	-webkit-transform-origin: 100%;
	transform-origin: 100%
}
.mfp-container {
	padding-left: 6px;
	padding-right: 6px
}
}
.mfp-ie7 .mfp-img {
	padding: 0
}
.mfp-ie7 .mfp-bottom-bar {
	width: 600px;
	left: 50%;
	margin-left: -300px;
	margin-top: 5px;
	padding-bottom: 5px
}
body, figure {
	margin: 0
}
.mfp-ie7 .mfp-container {
	padding: 0
}
.mfp-ie7 .mfp-content {
	padding-top: 44px
}
.mfp-ie7 .mfp-close {
	top: 0;
	right: 0;
	padding-top: 0
}
/*! normalize.css v2.1.1 | MIT License | git.io/normalize */
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
	display: block
}
audio, canvas, video {
	display: inline-block
}
audio:not([controls]) {
	display: none;
	height: 0
}
[hidden] {
	display: none
}
html {
	background: #fff;
	font-family: sans-serif;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
	font-size: 16px;
	line-height: 1.6
}
body {
	font-weight: 400;
	font-size: .9em
}
a:focus {
	outline: dotted thin
}
a:active, a:hover {
	outline: 0
}
abbr[title] {
	border-bottom: 1px dotted
}
b, strong {
	font-weight: 700
}
.pricing--tableInner th, h1, h2, h3 {
	font-weight: 400
}
dfn {
	font-style: italic
}
hr {
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	height: 0
}
mark {
	background: #ff0
}
code, kbd, pre, samp {
	font-family: monospace, serif;
	font-size: 1em
}
pre {
	white-space: pre-wrap
}
q {
	quotes: "\201C" "\201D" "\2018" "\2019"
}
small {
	font-size: 80%
}
sub, sup {
	font-size: 75%;
	line-height: 0;
	vertical-align: baseline
}
sup {
	top: -.5em
}
sub {
	bottom: -.25em
}
fieldset {
	border: 1px solid silver;
	margin: 0 2px;
	padding: .35em .625em .75em
}
legend {
	padding: 0
}
button, input, select, textarea {
	font-family: inherit;
	font-size: 100%;
	margin: 0
}
button, input {
	line-height: normal
}
button, select {
	text-transform: none
}
button, html input[type=button], input[type=reset], input[type=submit] {
	-webkit-appearance: button;
	cursor: pointer
}
input[type=checkbox], input[type=radio] {
	box-sizing: border-box;
	padding: 0
}
input[type=search] {
	-webkit-appearance: textfield
}
input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration {
	-webkit-appearance: none
}
button::-moz-focus-inner, input::-moz-focus-inner {
	border: 0;
	padding: 0
}
textarea {
	overflow: auto;
	vertical-align: top
}
table {
	border-collapse: collapse;
	border-spacing: 0
}
*,:after,:before {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}
ul {
	padding-left: 0;
	list-style: none
}
a {
	color: inherit
}
.container {
	width: 90%;
	max-width: 800px;
	padding: 3.6rem 0;
	margin: auto
}
.heroImg img, .pictures img {
	display: block;
	max-width: 100%
}
.container>:first-child {
	margin-top: 0
}
h1, h2, h3, h4, h5, h6, p, ul {
	margin: 1.8rem 0 0
}
h1, h2, h3, h4, h5, h6 {
	line-height: 1.2
}
h1, h2, h3 {
	text-align: center
}
h1 {
	font-size: 3.2em;
	letter-spacing: .2em
}
h2 div, h3 div {
	z-index: 1
}
@media (min-width:500px) {
.container {
	width: 80%
}
html {
	line-height: 1.8
}
body {
	font-size: 1em
}
h2 span, h3 span {
	padding: 0 .5em
}
h2 span:after, h3 span:after {
	content: "";
	position: absolute;
	top: 50%;
	z-index: -1;
	display: block;
	width: 100%;
	height: 1px
}
}
h2 {
	font-size: 1.7em
}
h2 small {
	display: block;
	font-size: 16px
}
h3 {
	font-size: 1.2em
}
a:hover {
	text-decoration: underline
}
::selection {
	background-color: #76c043;
	color: #fff
}
.about, .header {
	color: #444
}
.header {
	position: fixed;
	top: 0;
	z-index: 2;
	width: 100%;
	background-color: #f2f2f2;
	-moz-box-shadow: 0 1px 1px 0 rgba(0,0,0,.2);
	-webkit-box-shadow: 0 1px 1px 0 rgba(0,0,0,.2);
	box-shadow: 0 1px 1px 0 rgba(0,0,0,.2);
	-moz-transition: height .3s;
	-o-transition: height .3s;
	-webkit-transition: height .3s;
	transition: height .3s
}
.about, .about h2 span, .about h3 span {
	background-color: #fff
}
.header .container {
	padding: 0
}
.header a {
	text-decoration: none
}
.header+* {
	margin-top: 129px;
	transition: all .3s
}
.header+*, .header--bar {
	-moz-transition: all .3s;
	-o-transition: all .3s;
	-webkit-transition: all .3s
}
.header h1 {
	position: absolute;
	top: -9999px
}
.header img {
	height: 90%;
	margin-top: 4%
}
.header-small+* {
	margin-top: 49px
}
.header-small .header--bar {
	height: 50px;
	line-height: 50px
}
@media (min-width:700px) {
.header-small .header--nav {
	line-height: 50px
}
}
.header--bar {
	height: 130px;
	line-height: 130px;
	transition: all .3s
}
.header--logo {
	display: inline-block;
	height: 100%
}
.header--navBtn {
	position: absolute;
	top: 0;
	right: -1em;
	padding: 0 1em;
	font-size: 2.5em;
	text-align: center
}
.header--navBtn:before {
	content: "≡"
}
.header--nav {
	max-height: 0;
	margin: auto -13%;
	overflow: hidden;
	text-align: right;
	transition: all .3s
}
.header--nav, .header--nav span {
	-moz-transition: all .3s;
	-o-transition: all .3s;
	-webkit-transition: all .3s
}
@media (min-width:700px) {
.header--bar {
	float: left
}
.header--navBtn {
	display: none
}
.header--nav {
	float: right;
	max-height: none;
	margin: auto;
	line-height: 130px
}
}
.header--nav ul {
	margin-top: 0;
	padding: 1em 0
}
@media (min-width:700px) {
.header--nav ul {
	padding: 0
}
.header--nav li {
	display: inline-block;
	float: left
}
}
.header--nav li:nth-child(1) .header--navItem-isCurrent span, .header--nav li:nth-child(1):hover span {
	border-color: #ee372f
}
.header--nav li:nth-child(2) .header--navItem-isCurrent span, .header--nav li:nth-child(2):hover span {
	border-color: #fece06
}
.header--nav li:nth-child(3) .header--navItem-isCurrent span, .header--nav li:nth-child(3):hover span {
	border-color: #76c043
}
.header--nav li:nth-child(4) .header--navItem-isCurrent span, .header--nav li:nth-child(4):hover span {
	border-color: inherit
}
.header--nav a {
	display: block;
	padding: .4em 10%
}
@media (min-width:700px) {
.header--nav a {
	padding: 0 1em
}
.header--nav a:hover span {
	padding-bottom: .3em
}
}
.header--nav span {
	display: inline-block;
	padding: .3em .5em;
	line-height: 0.5;
	border-right: 2px solid transparent;
	transition: all .3s
}
@media (min-width:700px) {
.header--nav span {
	padding: 0 .1em .8em;
	border-right: 0;
	border-bottom: 2px solid transparent
}
.header--navItem-isCurrent span {
	padding-bottom: .2em
}
}
.header--navIsOpen .header--nav {
	max-height: 300px
/* původně 260px */

}
.header--navIsOpen .header--navBtn {
	font-size: 2em
}
.header--navIsOpen .header--navBtn:before {
	content: "✕"
}
.heroImg .container {
	padding-top: 0;
	padding-bottom: 0
}
.heroImg img {
	height: auto
}
.about h2 span:after, .about h3 span:after {
	background-color: #eee
}
.pricing, .pricing h2 span, .pricing h3 span {
	background-color: #f2f2f2
}
.about ul {
	margin-left: 1.2em;
	list-style-type: circle
}
.about a {
	color: #76c043
}
.about a:hover {
	color: #6aaf3b
}
.pricing {
	color: #444
}
.pricing h2 span:after, .pricing h3 span:after {
	background-color: #ddd
}
.pictures, .pictures h2 span {
	background-color: #fff
}
.pricing h3 {
	margin-top: 3.6rem
}
.pricing--tableWrapper {
	position: relative;
	margin-top: 1.8rem;
	margin-left: -5%;
	margin-right: -5%
}
@media (min-width:500px) {
.pricing--tableWrapper {
	margin-left: -10%;
	margin-right: -10%
}
}
.pricing--tableInner {
	overflow: auto
}
.pricing--tableInner table {
	margin-left: auto;
	margin-right: auto;
	line-height: 1.2
}
.pricing--tableInner thead {
	color: #76c043
}
.pricing a {
	color: #76c043
}
.pricing a:hover {
	color: #6aaf3b
}
.contact, .pictures {
	color: #444
}
.pricing--tableInner thead tr {
	border-color: #6aaf3b
}
.pricing--tableInner tbody {
	white-space: nowrap;
	text-align: center
}
.pricing--tableInner tbody td:first-child {
	text-align: left
}
.pricing--tableInner tfoot {
	font-size: .9em;
	line-height: normal
}
.pricing--tableInner tfoot tr {
	border: none
}
.pricing--tableInner th:first-child {
	border-top-left-radius: 4px
}
.pricing--tableInner th:last-child {
	border-top-right-radius: 4px
}
.pricing--tableInner th span:first-child:after {
	content: "—";
	display: block;
	line-height: 1
}
.contact--row:after, .grid:after {
	content: "";
	clear: both
}
.pricing--tableInner tr {
	border-bottom: 1px solid #d9d9d9
}
.pricing--tableInner td, .pricing--tableInner th {
	padding: .7em 1em
}
.pictures h2 span:after {
	background-color: #eee
}
.contact, .contact h2 span {
	background-color: #f2f2f2
}
.pictures ul {
	margin: 1.8rem 0 0 -.9rem;
	overflow: hidden
}
.pictures li {
	padding: .9rem 0 0 .9rem
}
@media (min-width:500px) {
.pictures li {
	display: block;
	float: left;
	width: 50%
}
}
@media (min-width:700px) {
.pictures li {
	width: 33.333%
}
}
.pictures img {
	padding: 4px;
	margin: auto;
	border: 1px solid #ddd;
	border-radius: 4px
}
.contact h2 span:after {
	background-color: #ddd
}
.contact a {
	color: #76c043
}
.contact--row:after {
	display: table
}
@media (min-width:500px) {
.contact--col {
	float: left;
	width: 50%
}
}
.contact--cr img, .map {
	width: 100%
}
.contact--cr {
	margin-top: 1.8rem
}
@media (min-width:500px) {
.contact--cr {
	padding-left: 1.8rem
}
}

.footer {
	background-color: #444;
	color: #f2f2f2
}
.footer li {
	display: inline-block;
	margin-right: 2em
}
.designedBy {
	background-color: #383838;
	color: #d9d9d9;
	font-size: .7rem;
	text-align: right
}
.designedBy .container {
	padding: .9rem
}
.designedBy a {
	color: #76c043
}
.grid:after {
	display: table
}
.grid-1-2 {
	width: 50%;
	float: left
}
.grid-1-3 {
	width: 33.33%;
	float: left
}
.grid-2-3 {
	width: 66.66%;
	float: left
}
.grid-1-4 {
	width: 25%;
	float: left
}
.grid-2-4 {
	width: 50%;
	float: left
}
.grid-3-4 {
	width: 75%;
	float: left
}
.grid-1-5 {
	width: 20%;
	float: left
}
.grid-2-5 {
	width: 40%;
	float: left
}
.grid-3-5 {
	width: 60%;
	float: left
}
.grid-4-5 {
	width: 80%;
	float: left
}