@import url(font-awesome.min.css);
/* @import url("https://fonts.googleapis.com/css?family=Lato:300,400,700,300i,400i,700i"); */
@import url("https://fonts.googleapis.com/css?family=Open+Sans:300,400,400i,700,700i,800&subset=latin-ext");

/*
	Hypothesis by Pixelarity
	pixelarity.com | hello@pixelarity.com
	License: pixelarity.com/license
*/

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;}

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;
}

body {
	-webkit-text-size-adjust: none;
}

mark {
	background-color: transparent;
	color: inherit;
}

input::-moz-focus-inner {
	border: 0;
	padding: 0;
}

input, select, textarea {
	-moz-appearance: none;
	-webkit-appearance: none;
	-ms-appearance: none;
	appearance: none;
}

/* Basic */

	@-ms-viewport {
		width: device-width;
	}

	body {
		-ms-overflow-style: scrollbar;
	}

	@media screen and (max-width: 480px) {

		html, body {
			min-width: 320px;
		}

	}

	html {
		box-sizing: border-box;
	}

	*, *:before, *:after {
		box-sizing: inherit;
	}

	body {
		background: #ffffff;
	}

		body.is-preload *, body.is-preload *:before, body.is-preload *:after {
			-moz-animation: none !important;
			-webkit-animation: none !important;
			-ms-animation: none !important;
			animation: none !important;
			-moz-transition: none !important;
			-webkit-transition: none !important;
			-ms-transition: none !important;
			transition: none !important;
		}

/* Type */

	html {
		font-size: 15pt;
	}

		@media screen and (max-width: 1680px) {

			html {
				font-size: 12pt;
			}

		}

		@media screen and (max-width: 1280px) {

			html {
				font-size: 11pt;
			}

		}

		@media screen and (max-width: 980px) {

			html {
				font-size: 12pt;
			}

		}

		@media screen and (max-width: 736px) {

			html {
				font-size: 11pt;
			}

		}

		@media screen and (max-width: 360px) {

			html {
				font-size: 10pt;
			}

		}

	body {
		background-color: #ffffff;
		color: #3b3b3b;
	}

	body, input, select, textarea {
		font-family: "Open Sans", Arial, Helvetica, sans-serif;
		font-weight: 400;
		font-size: 1rem;
		line-height: 1.65;
	}

	a {
		-moz-transition: background-color 0.2s ease-in-out, border-bottom-color 0.2s ease-in-out, color 0.2s ease-in-out;
		-webkit-transition: background-color 0.2s ease-in-out, border-bottom-color 0.2s ease-in-out, color 0.2s ease-in-out;
		-ms-transition: background-color 0.2s ease-in-out, border-bottom-color 0.2s ease-in-out, color 0.2s ease-in-out;
		transition: background-color 0.2s ease-in-out, border-bottom-color 0.2s ease-in-out, color 0.2s ease-in-out;
		text-decoration: none;
		border-bottom: dotted 1px;
    outline: none;
	}

		a strong {
			-moz-transition: color 0.2s ease-in-out;
			-webkit-transition: color 0.2s ease-in-out;
			-ms-transition: color 0.2s ease-in-out;
			transition: color 0.2s ease-in-out;
		}

		a:hover {
			text-decoration: none;
			border-bottom-color: transparent;
			color: #23b1ec !important;
		}

			a:hover strong {
				color: inherit;
			}

		a.major {
			font-size: 2.25rem;
			font-weight: 200;
			line-height: 1.3;
			margin: 0 0 1.5rem 0;
			letter-spacing: -0.025rem;
		}

		@media screen and (max-width: 736px) {

			a.major {
				font-size: 1.75rem;
				letter-spacing: 0;
			}

		}

	strong, b {
		font-weight: 700;
	}

	em, i {
		font-style: italic;
	}

	p {
		margin: 0 0 2rem 0;
	}

	h1, h2, h3, h4, h5, h6 {
		font-weight: 400;
		line-height: 1.5;
		margin: 0 0 1rem 0;
	}

		h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
			color: inherit;
			text-decoration: none;
		}

	h1 {
		font-size: 3.25rem;
		font-weight: 200;
		line-height: 1.3;
		margin: 0 0 3rem 0;
		letter-spacing: -0.05rem;
	}

	h2 {
		font-size: 2.25rem;
		font-weight: 200;
		line-height: 1.3;
		margin: 0 0 1.5rem 0;
		letter-spacing: -0.025rem;
	}

	h3 {
		font-size: 1.35rem;
	}

	h4 {
		font-size: 1.1rem;
		margin: 0 0 0.65rem 0;
	}

	h5 {
		font-size: 0.9rem;
	}

	h6 {
		font-size: 0.7rem;
	}

	@media screen and (max-width: 736px) {

		h1 {
			font-size: 2.25rem;
			letter-spacing: -0.025rem;
		}

			h1 br {
				display: none;
			}

		h2 {
			font-size: 1.5rem;
			letter-spacing: -0.0125rem;
		}

			h2 br {
				display: none;
			}

		h3 {
			font-size: 1.25rem;
		}

	}

	sub {
		font-size: 0.8rem;
		position: relative;
		top: 0.5rem;
	}

	sup {
		font-size: 0.8rem;
		position: relative;
		top: -0.5rem;
	}

	blockquote {
		border-left: solid 4px;
		font-style: italic;
		margin: 0 0 2rem 0;
		padding: 0.5rem 0 0.5rem 2rem;
	}

	code {
		border-radius: 0.5rem;
		border: solid 1px;
		font-family: "Courier New", monospace;
		font-size: 0.9rem;
		margin: 0 0.25rem;
		padding: 0.25rem 0.65rem;
	}

	pre {
		-webkit-overflow-scrolling: touch;
		font-family: "Courier New", monospace;
		font-size: 0.9rem;
		margin: 0 0 2rem 0;
	}

		pre code {
			display: block;
			line-height: 1.75;
			padding: 1rem 1.5rem;
			overflow-x: auto;
		}

	hr {
		border: 0;
		border-bottom: solid 1px;
		margin: 2rem 0;
	}

		hr.major {
			margin: 3rem 0;
		}

	.align-left {
		text-align: left;
	}

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

	.align-right {
		text-align: right;
	}

	input, select, textarea {
		color: #3b3b3b;
	}

	a {
		color: #3b3b3b;
	}
  /* strong, b {	color: #3b3b3b;}   */

	h1, h2, h3, h4, h5, h6 {
		color: #3b3b3b;
	}

	blockquote {
		border-left-color: #eeeeee;
	}

	code {
		background: rgba(144, 144, 144, 0.075);
		border-color: #eeeeee;
	}

	hr {
		border-bottom-color: #eeeeee;
	}


/* Box */

	.box {
		border-radius: 0.5rem;
		border: solid 1px;
		margin-bottom: 2rem;
		padding: 1.5rem;
	}

		.box > :last-child,
		.box > :last-child > :last-child,
		.box > :last-child > :last-child > :last-child {
			margin-bottom: 0;
		}
   

		.box.alt {
			border: 0;
			border-radius: 0;
			padding: 0;
		}

	.box {
		border-color: #eeeeee;
	}

/* Button */

	input[type="submit"],
	input[type="reset"],
	input[type="button"],
	button,
	.button {
		-moz-appearance: none;
		-webkit-appearance: none;
		-ms-appearance: none;
		appearance: none;
		-moz-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
		-webkit-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
		-ms-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
		transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
		border-radius: 0.5rem;
		border: 0;
		cursor: pointer;
		display: inline-block;
		font-weight: 700;
		height: 2.75rem;
		line-height: 2.75rem;
		border-radius: 2.75rem;
		padding: 0 1.625rem;
		text-align: center;
		text-decoration: none;
		white-space: nowrap;
		font-size: 0.875rem;
		outline: 0;
	}

		input[type="submit"].icon:before,
		input[type="reset"].icon:before,
		input[type="button"].icon:before,
		button.icon:before,
		.button.icon:before {
			margin-right: 0.5rem;
		}

		input[type="submit"].fit,
		input[type="reset"].fit,
		input[type="button"].fit,
		button.fit,
		.button.fit {
			width: 100%;
		}

		input[type="submit"].small,
		input[type="reset"].small,
		input[type="button"].small,
		button.small,
		.button.small {
			font-size: 0.7rem;
			height: 2.0625rem;
			line-height: 2.0625rem;
			border-radius: 2.0625rem;
			padding: 0 1.25rem;
		}

		input[type="submit"].large,
		input[type="reset"].large,
		input[type="button"].large,
		button.large,
		.button.large {
			font-size: 1rem;
			height: 3.4375rem;
			line-height: 3.4375rem;
			border-radius: 3.4375rem;
			padding: 0 2rem;
		}

		input[type="submit"].wide,
		input[type="reset"].wide,
		input[type="button"].wide,
		button.wide,
		.button.wide {
			min-width: 12rem;
		}

		input[type="submit"].disabled, input[type="submit"]:disabled,
		input[type="reset"].disabled,
		input[type="reset"]:disabled,
		input[type="button"].disabled,
		input[type="button"]:disabled,
		button.disabled,
		button:disabled,
		.button.disabled,
		.button:disabled {
			pointer-events: none;
			opacity: 0.25;
		}

	input[type="submit"],
	input[type="reset"],
	input[type="button"],
	button,
	.button {
		background-color: transparent;
		box-shadow: inset 0 0 0 3px #23b1ec;
		color: #23b1ec !important;
	}

		input[type="submit"]:hover,
		input[type="reset"]:hover,
		input[type="button"]:hover,
		button:hover,
		.button:hover {
			background-color: rgba(35, 177, 236, 0.1);
		}

			input[type="submit"]:hover:active,
			input[type="reset"]:hover:active,
			input[type="button"]:hover:active,
			button:hover:active,
			.button:hover:active {
				background-color: rgba(35, 177, 236, 0.25);
			}

		input[type="submit"].primary,
		input[type="reset"].primary,
		input[type="button"].primary,
		button.primary,
		.button.primary {
			background-color: #23b1ec;
			box-shadow: none;
			color: #ffffff !important;
		}

			input[type="submit"].primary:hover,
			input[type="reset"].primary:hover,
			input[type="button"].primary:hover,
			button.primary:hover,
			.button.primary:hover {
				background-color: #49beef;
			}

			input[type="submit"].primary:active,
			input[type="reset"].primary:active,
			input[type="button"].primary:active,
			button.primary:active,
			.button.primary:active {
				background-color: #13a2dd;
			}

/* Form */

	form {
		margin: 0 0 2rem 0;
	}

	label {
		display: block;
		font-size: 0.9rem;
		font-weight: 400;
		margin: 0 0 1rem 0;
	}

	input[type="text"],
	input[type="password"],
	input[type="email"],
	select,
	textarea {
		-moz-appearance: none;
		-webkit-appearance: none;
		-ms-appearance: none;
		appearance: none;
		border-radius: 0.5rem;
		border: none;
		border: solid 1px;
		color: inherit;
		display: block;
		outline: 0;
		padding: 0 1rem;
		text-decoration: none;
		width: 100%;
	}

		input[type="text"]:invalid,
		input[type="password"]:invalid,
		input[type="email"]:invalid,
		select:invalid,
		textarea:invalid {
			box-shadow: none;
		}

	select {
		background-size: 1.25rem;
		background-repeat: no-repeat;
		background-position: calc(100% - 1rem) center;
		height: 2.75rem;
		padding-right: 2.75rem;
		text-overflow: ellipsis;
	}

		select:focus::-ms-value {
			background-color: transparent;
		}

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

	input[type="text"],
	input[type="password"],
	input[type="email"],
	select {
		height: 2.75rem;
	}

	textarea {
		padding: 0.75rem 1rem;
	}

	input[type="checkbox"],
	input[type="radio"] {
		-moz-appearance: none;
		-webkit-appearance: none;
		-ms-appearance: none;
		appearance: none;
		display: block;
		float: left;
		margin-right: -2rem;
		opacity: 0;
		width: 1rem;
		z-index: -1;
	}

		input[type="checkbox"] + label,
		input[type="radio"] + label {
			text-decoration: none;
			cursor: pointer;
			display: inline-block;
			font-size: 1rem;
			font-weight: 200;
			padding-left: 2.4rem;
			padding-right: 0.75rem;
			position: relative;
		}

			input[type="checkbox"] + label:before,
			input[type="radio"] + label:before {
				-moz-osx-font-smoothing: grayscale;
				-webkit-font-smoothing: antialiased;
				font-family: FontAwesome;
				font-style: normal;
				font-weight: normal;
				text-transform: none !important;
			}

			input[type="checkbox"] + label:before,
			input[type="radio"] + label:before {
				border-radius: 0.5rem;
				border: solid 1px;
				content: '';
				display: inline-block;
				height: 1.65rem;
				left: 0;
				line-height: 1.58125rem;
				position: absolute;
				text-align: center;
				top: 0;
				width: 1.65rem;
			}

		input[type="checkbox"]:checked + label:before,
		input[type="radio"]:checked + label:before {
			content: '\f00c';
		}

	input[type="checkbox"] + label:before {
		border-radius: 0.5rem;
	}

	input[type="radio"] + label:before {
		border-radius: 100%;
	}

	::-webkit-input-placeholder {
		opacity: 1.0;
	}

	:-moz-placeholder {
		opacity: 1.0;
	}

	::-moz-placeholder {
		opacity: 1.0;
	}

	:-ms-input-placeholder {
		opacity: 1.0;
	}

	label {
		color: #3b3b3b;
	}

	input[type="text"],
	input[type="password"],
	input[type="email"],
	select,
	textarea {
	/*	border-color: #eeeeee; */
    border-color: silver;
	}

		input[type="text"]:focus,
		input[type="password"]:focus,
		input[type="email"]:focus,
		select:focus,
		textarea:focus {
			border-color: #23b1ec;
			box-shadow: inset 0 0 0 1px #23b1ec;
		}

	select {
		background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' preserveAspectRatio='none' viewBox='0 0 40 40'%3E%3Cpath d='M9.4,12.3l10.4,10.4l10.4-10.4c0.2-0.2,0.5-0.4,0.9-0.4c0.3,0,0.6,0.1,0.9,0.4l3.3,3.3c0.2,0.2,0.4,0.5,0.4,0.9 c0,0.4-0.1,0.6-0.4,0.9L20.7,31.9c-0.2,0.2-0.5,0.4-0.9,0.4c-0.3,0-0.6-0.1-0.9-0.4L4.3,17.3c-0.2-0.2-0.4-0.5-0.4-0.9 c0-0.4,0.1-0.6,0.4-0.9l3.3-3.3c0.2-0.2,0.5-0.4,0.9-0.4S9.1,12.1,9.4,12.3z' fill='%23eeeeee' /%3E%3C/svg%3E");
	}

		select option {
			color: #3b3b3b;
			background: #ffffff;
		}

	input[type="checkbox"] + label,
	input[type="radio"] + label {
		color: #3b3b3b;
	}

		input[type="checkbox"] + label:before,
		input[type="radio"] + label:before {
			border-color: #eeeeee;
		}

	input[type="checkbox"]:checked + label:before,
	input[type="radio"]:checked + label:before {
		background-color: #23b1ec;
		border-color: #23b1ec;
		color: #ffffff;
	}

	input[type="checkbox"]:focus + label:before,
	input[type="radio"]:focus + label:before {
		border-color: #23b1ec;
		box-shadow: 0 0 0 1px #23b1ec;
	}

	::-webkit-input-placeholder {
		color: #acacac !important;
	}

	:-moz-placeholder {
		color: #acacac !important;
	}

	::-moz-placeholder {
		color: #acacac !important;
	}

	:-ms-input-placeholder {
		color: #acacac !important;
	}

	.formerize-placeholder {
		color: #acacac !important;
	}

/* Icon */

	.icon {
		text-decoration: none;
		border-bottom: none;
		position: relative;
	}

		.icon:before {
			-moz-osx-font-smoothing: grayscale;
			-webkit-font-smoothing: antialiased;
			font-family: FontAwesome;
			font-style: normal;
			font-weight: normal;
			text-transform: none !important;
		}

		.icon > .label {
			display: none;
		}

		.icon.major {
			display: block;
			margin: 0 0 1.25rem 0;
		}

			.icon.major:before {
				display: inline-block;
				width: 4.5rem;
				height: 4.5rem;
				line-height: 4.5rem;
				border-radius: 4.5rem;
				font-size: 1.75rem;
				text-align: center;
			}

	.icon.major:before {
		box-shadow: inset 0 0 0 3px #23b1ec;
		color: #23b1ec;
	}

/* Image */

	.image {
		border: 0;
		display: inline-block;
		position: relative;
	}

		.image img {
			display: block;
		}

		.image.left, .image.right {
			max-width: 40%;
		}

			.image.left img, .image.right img {
				width: 100%;
			}

		.image.left {
			float: left;
			margin: 0 1.5rem 1rem 0;
			top: 0.25rem;
			max-width: 35%;
		}

		.image.right {
			float: right;
			margin: 0 0 1rem 1.5rem;
			top: 0.25rem;
			max-width: 35%;
		}

		.image.fit {
			display: block;
			margin: 0 0 2rem 0;
			width: 100%;
		}

			.image.fit img {
				width: 100%;
			}

		.image.main {
			display: block;
			margin: 0 0 3rem 0;
			width: 100%;
		}

			.image.main img {
				width: 100%;
			}

			@media screen and (max-width: 736px) {

				.image.main {
					margin: 0 0 2rem 0;
				}

			}

	a.image {
		overflow: hidden;
	}

		a.image img {
			-moz-transition: -moz-transform 0.2s ease-in-out;
			-webkit-transition: -webkit-transform 0.2s ease-in-out;
			-ms-transition: -ms-transform 0.2s ease-in-out;
			transition: transform 0.2s ease-in-out;
			width: 100%;
		}

		a.image:hover img {
			-moz-transform: scale(1.05);
			-webkit-transform: scale(1.05);
			-ms-transform: scale(1.05);
			transform: scale(1.05);
		}

/* List */

	ol {
		list-style: decimal;
		margin: 0 0 2rem 0;
		padding-left: 1.25rem;
	}

		ol li {
			padding-left: 0.25rem;
		}

	ul {
		list-style: disc;
		margin: 0 0 2rem 1rem;
		padding-left: 1rem;
	}

		ul li {
			padding-left: 0.5rem;
		}

		ul.alt {
			list-style: none;
			padding-left: 0;
		}

			ul.alt li {
				border-top: solid 1px;
				padding: 0.5rem 0;
			}

				ul.alt li:first-child {
					border-top: 0;
					padding-top: 0;
				}

	dl {
		margin: 0 0 2rem 0;
	}

		dl dt {
			display: block;
			font-weight: 400;
			margin: 0 0 1rem 0;
		}

		dl dd {
			margin-left: 2rem;
		}

	ul.alt li {
		border-top-color: #eeeeee;
	}

/* Actions */

	ul.actions {
		display: -moz-flex;
		display: -webkit-flex;
		display: -ms-flex;
		display: flex;
		cursor: default;
		list-style: none;
		margin-left: -1rem;
		padding-left: 0;
	}

		ul.actions li {
		/*	padding: 0 0 0 1rem; */
      padding: 0.5rem;
			vertical-align: middle;
      
      display: inline-block;
		}

		ul.actions.special {
			-moz-justify-content: center;
			-webkit-justify-content: center;
			-ms-justify-content: center;
			justify-content: center;
			width: 100%;
			margin-left: 0;
      
      display: contents;
		}

			ul.actions.special li:first-child {
		/*		padding-left: 0; */
        padding-left: 2rem
			}

		ul.actions.stacked {
			-moz-flex-direction: column;
			-webkit-flex-direction: column;
			-ms-flex-direction: column;
			flex-direction: column;
			margin-left: 0;
		}

			ul.actions.stacked li {
				padding: 1.3rem 0 0 0;
			}

				ul.actions.stacked li:first-child {
					padding-top: 0;
				}

		ul.actions.fit {
			width: calc(100% + 1rem);
		}

			ul.actions.fit li {
				-moz-flex-grow: 1;
				-webkit-flex-grow: 1;
				-ms-flex-grow: 1;
				flex-grow: 1;
				-moz-flex-shrink: 1;
				-webkit-flex-shrink: 1;
				-ms-flex-shrink: 1;
				flex-shrink: 1;
				width: 100%;
			}

				ul.actions.fit li > * {
					width: 100%;
				}

			ul.actions.fit.stacked {
				width: 100%;
			}

/* Icons */

	ul.icons {
		cursor: default;
		list-style: none;
		padding-left: 0;
	}

		ul.icons li {
			display: inline-block;
			padding: 0 1.25rem 0 0;
		}

			ul.icons li:last-child {
				padding-right: 0;
			}

			ul.icons li .icon:before {
				font-size: 1.5rem;
			}

/* Links */

	ul.links {
		list-style: none;
		padding-left: 0;
	}

		ul.links li {
			text-decoration: none;
			margin-top: 1rem;
			position: relative;
			padding-left: 1rem;
		}

			ul.links li:before {
				-moz-osx-font-smoothing: grayscale;
				-webkit-font-smoothing: antialiased;
				font-family: FontAwesome;
				font-style: normal;
				font-weight: normal;
				text-transform: none !important;
			}

			ul.links li:before {
				content: '\f105';
				position: absolute;
				top: 0;
				left: 0;
			}

			ul.links li:first-child {
				margin-top: 0;
			}

/* Section/Article */

	section.special, article.special {
		text-align: center;
	}

	header h1 + p {
		font-size: 1.5rem;
		margin: -2rem 0 4rem 0;
	}

	header h2 + p {
		font-size: 1.25rem;
		margin: 0 0 3rem 0;
	}

	@media screen and (max-width: 736px) {

		header h1 + p {
			font-size: 1.25rem;
		}

		header h2 + p {
			font-size: 1rem;
		}

	}

/* Table */

	.table-wrapper {
		-webkit-overflow-scrolling: touch;
		overflow-x: auto;
	}

	table {
		margin: 0 0 2rem 0;
		width: 100%;
	}

		table tbody tr {
			border: solid 1px;
			border-left: 0;
			border-right: 0;
		}

		table td {
			padding: 0.75rem 0.75rem;
		}

		table th {
			font-size: 0.9rem;
			font-weight: 400;
			padding: 0 0.75rem 0.75rem 0.75rem;
			text-align: left;
		}

		table thead {
			border-bottom: solid 2px;
		}

		table tfoot {
			border-top: solid 2px;
		}

		table.alt {
			border-collapse: separate;
		}

			table.alt tbody tr td {
				border: solid 1px;
				border-left-width: 0;
				border-top-width: 0;
			}

				table.alt tbody tr td:first-child {
					border-left-width: 1px;
				}

			table.alt tbody tr:first-child td {
				border-top-width: 1px;
			}

			table.alt thead {
				border-bottom: 0;
			}

			table.alt tfoot {
				border-top: 0;
			}

	table tbody tr {
		border-color: #eeeeee;
	}
 /*
		table tbody tr:nth-child(2n + 1) {
			background-color: rgba(144, 144, 144, 0.075);
		}
 */
	table th {
		color: #3b3b3b;
	}

	table thead {
		border-bottom-color: #eeeeee;
	}

	table tfoot {
		border-top-color: #eeeeee;
	}

	table.alt tbody tr td {
		border-color: #eeeeee;
	}

/* Spotlight */

	.spotlight {
		display: -moz-flex;
		display: -webkit-flex;
		display: -ms-flex;
		display: flex;
		-moz-align-items: center;
		-webkit-align-items: center;
		-ms-align-items: center;
		align-items: center;
		margin: 0 0 2rem 0;
	}

		.spotlight > * {
			-moz-flex-grow: 1;
			-webkit-flex-grow: 1;
			-ms-flex-grow: 1;
			flex-grow: 1;
			-moz-flex-shrink: 1;
			-webkit-flex-shrink: 1;
			-ms-flex-shrink: 1;
			flex-shrink: 1;
			width: 100%;
		}

		.spotlight > ul {
			list-style: none;
			margin: 0;
			padding: 0;
		}

			.spotlight > ul > li {
				border-top: solid 1px #eeeeee;
				margin: 2rem 0 0 0;
				padding: 2rem 0 0 0;
			}

				.spotlight > ul > li > :last-child {
					margin-bottom: 0;
				}

				.spotlight > ul > li:first-child {
					border-top: 0;
					margin-top: 0;
					padding-top: 0;
				}

			.spotlight > ul:first-child {
				text-align: right;
			}

			.spotlight > ul:last-child {
				text-align: left;
			}

		.spotlight > .image {
			margin: 0 4rem;
		}

			.spotlight > .image img {
				border-radius: 100%;
				width: 100%;
			}

		@media screen and (max-width: 980px) {

			.spotlight {
				-moz-flex-wrap: wrap;
				-webkit-flex-wrap: wrap;
				-ms-flex-wrap: wrap;
				flex-wrap: wrap;
			}

				.spotlight > ul {
					-moz-order: 2;
					-webkit-order: 2;
					-ms-order: 2;
					order: 2;
					width: calc(50% - 1rem);
				}

					.spotlight > ul:first-child {
						text-align: center;
						margin-right: 1rem;
					}

					.spotlight > ul:last-child {
						text-align: center;
						margin-left: 1rem;
					}

				.spotlight > .image {
					-moz-order: 1;
					-webkit-order: 1;
					-ms-order: 1;
					order: 1;
					margin: 0 0 3rem 0;
					width: 100%;
				}

					.spotlight > .image img {
						width: 18rem;
						margin-left: auto;
						margin-right: auto;
					}

		}

		@media screen and (max-width: 736px) {

			.spotlight > .image {
				margin: 0 0 2rem 0;
			}

				.spotlight > .image img {
					width: 14rem;
				}

		}

		@media screen and (max-width: 480px) {

			.spotlight > ul {
				width: 100%;
			}

				.spotlight > ul > li:first-child {
					border-top: solid 1px #eeeeee;
					margin-top: 2rem;
					padding-top: 2rem;
				}

				.spotlight > ul:first-child {
					margin-right: 0;
				}

					.spotlight > ul:first-child > li:first-child {
						border-top: 0;
						margin-top: 0;
						padding-top: 0;
					}

				.spotlight > ul:last-child {
					margin-left: 0;
				}

		}

/* Posts */

	.posts {
		display: -moz-flex;
		display: -webkit-flex;
		display: -ms-flex;
		display: flex;
		-moz-flex-wrap: wrap;
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-moz-align-items: -moz-stretch;
		-webkit-align-items: -webkit-stretch;
		-ms-align-items: -ms-stretch;
		align-items: stretch;
		margin: 0 0 2rem 0;
	}

		.posts > * {
			-moz-flex-shrink: 1;
			-webkit-flex-shrink: 1;
			-ms-flex-shrink: 1;
			flex-shrink: 1;
			-moz-flex-grow: 0;
			-webkit-flex-grow: 0;
			-ms-flex-grow: 0;
			flex-grow: 0;
		}

		.posts > * {
			width: 33.3333333333%;
		}

		.posts > * {
			padding: 1.5rem;
			width: calc(33.3333333333% + 1rem);
		}

		.posts > :nth-child(-n + 3) {
			padding-top: 0;
		}

		.posts > :nth-last-child(-n + 3) {
			padding-bottom: 0;
		}

		.posts > :nth-child(3n + 1) {
			padding-left: 0;
		}

		.posts > :nth-child(3n) {
			padding-right: 0;
		}

		.posts > :nth-child(3n + 1),
		.posts > :nth-child(3n) {
			width: calc(33.3333333333% + -0.5rem);
		}

		.posts > div > article {
			background-color: #ffffff;
			margin: 0 0 3rem 0;
		}

			.posts > div > article > .image {
				width: 100%;
			}

				.posts > div > article > .image img {
					width: 100%;
				}

			.posts > div > article > .content {
				padding: 2rem 2rem 0.1rem 2rem ;
			}

			.posts > div > article:last-child {
				margin-bottom: 0;
			}

		@media screen and (max-width: 1280px) {

			.posts {
				display: -moz-flex;
				display: -webkit-flex;
				display: -ms-flex;
				display: flex;
				-moz-flex-wrap: wrap;
				-webkit-flex-wrap: wrap;
				-ms-flex-wrap: wrap;
				flex-wrap: wrap;
				-moz-align-items: -moz-stretch;
				-webkit-align-items: -webkit-stretch;
				-ms-align-items: -ms-stretch;
				align-items: stretch;
			}

				.posts > * {
					-moz-flex-shrink: 1;
					-webkit-flex-shrink: 1;
					-ms-flex-shrink: 1;
					flex-shrink: 1;
					-moz-flex-grow: 0;
					-webkit-flex-grow: 0;
					-ms-flex-grow: 0;
					flex-grow: 0;
				}

				.posts > * {
					width: 33.3333333333%;
				}

				.posts > * {
					padding: 1rem;
					width: calc(33.3333333333% + 0.6666666667rem);
				}

				.posts > :nth-child(-n + 3) {
					padding-top: 0;
				}

				.posts > :nth-last-child(-n + 3) {
					padding-bottom: 0;
				}

				.posts > :nth-child(3n + 1) {
					padding-left: 0;
				}

				.posts > :nth-child(3n) {
					padding-right: 0;
				}

				.posts > :nth-child(3n + 1),
				.posts > :nth-child(3n) {
					width: calc(33.3333333333% + -0.3333333333rem);
				}

				.posts > div > article {
					margin: 0 0 2rem 0;
				}

		}

		@media screen and (max-width: 980px) {

			.posts {
				display: -moz-flex;
				display: -webkit-flex;
				display: -ms-flex;
				display: flex;
				-moz-flex-wrap: wrap;
				-webkit-flex-wrap: wrap;
				-ms-flex-wrap: wrap;
				flex-wrap: wrap;
				-moz-align-items: -moz-stretch;
				-webkit-align-items: -webkit-stretch;
				-ms-align-items: -ms-stretch;
				align-items: stretch;
				text-align: center;
			}

				.posts > * {
					-moz-flex-shrink: 1;
					-webkit-flex-shrink: 1;
					-ms-flex-shrink: 1;
					flex-shrink: 1;
					-moz-flex-grow: 0;
					-webkit-flex-grow: 0;
					-ms-flex-grow: 0;
					flex-grow: 0;
				}

				.posts > * {
					width: 100%;
				}

				.posts > * {
					padding: 1rem;
					width: calc(100% + 2rem);
				}

				.posts > :nth-child(-n + 1) {
					padding-top: 0;
				}

				.posts > :nth-last-child(-n + 1) {
					padding-bottom: 0;
				}

				.posts > :nth-child(1n + 1) {
					padding-left: 0;
				}

				.posts > :nth-child(1n) {
					padding-right: 0;
				}

				.posts > :nth-child(1n + 1),
				.posts > :nth-child(1n) {
					width: calc(100% + 1rem);
				}

				.posts ul.actions {
					-moz-justify-content: center;
					-webkit-justify-content: center;
					-ms-justify-content: center;
					justify-content: center;
					width: 100%;
					margin-left: 0;
				}

					.posts ul.actions li:first-child {
						padding-left: 0;
					}

				.posts > div > article {
					margin: 0 auto 2rem auto;
					max-width: 30rem;
				}

					.posts > div > article:last-child {
						margin-bottom: 2rem;
					}

				.posts > div:last-child > article:last-child {
					margin-bottom: 0;
				}

		}

		@media screen and (max-width: 736px) {

			.posts {
				display: -moz-flex;
				display: -webkit-flex;
				display: -ms-flex;
				display: flex;
				-moz-flex-wrap: wrap;
				-webkit-flex-wrap: wrap;
				-ms-flex-wrap: wrap;
				flex-wrap: wrap;
				-moz-align-items: -moz-stretch;
				-webkit-align-items: -webkit-stretch;
				-ms-align-items: -ms-stretch;
				align-items: stretch;
			}

				.posts > * {
					-moz-flex-shrink: 1;
					-webkit-flex-shrink: 1;
					-ms-flex-shrink: 1;
					flex-shrink: 1;
					-moz-flex-grow: 0;
					-webkit-flex-grow: 0;
					-ms-flex-grow: 0;
					flex-grow: 0;
				}

				.posts > * {
					width: 100%;
				}

				.posts > * {
					padding: 0.75rem;
					width: calc(100% + 1.5rem);
				}

				.posts > :nth-child(-n + 1) {
					padding-top: 0;
				}

				.posts > :nth-last-child(-n + 1) {
					padding-bottom: 0;
				}

				.posts > :nth-child(1n + 1) {
					padding-left: 0;
				}

				.posts > :nth-child(1n) {
					padding-right: 0;
				}

				.posts > :nth-child(1n + 1),
				.posts > :nth-child(1n) {
					width: calc(100% + 0.75rem);
				}

				.posts > div > article {
					margin: 0 auto 1.5rem auto;
					max-width: 22rem;
				}

					.posts > div > article:last-child {
						margin-bottom: 1.5rem;
					}

				.posts > div:last-child > article:last-child {
					margin-bottom: 0;
				}

		}

/* Header */

	@-moz-keyframes reveal-header {
		0% {
			top: -4em;
			opacity: 0;
		}

		100% {
			top: 0;
			opacity: 1;
		}
	}

	@-webkit-keyframes reveal-header {
		0% {
			top: -4em;
			opacity: 0;
		}

		100% {
			top: 0;
			opacity: 1;
		}
	}

	@-ms-keyframes reveal-header {
		0% {
			top: -4em;
			opacity: 0;
		}

		100% {
			top: 0;
			opacity: 1;
		}
	}

	@keyframes reveal-header {
		0% {
			top: -4em;
			opacity: 0;
		}

		100% {
			top: 0;
			opacity: 1;
		}
	}

	body {
		padding-top: 3.25rem;
	}

		@media screen and (max-width: 736px) {

			body {
				padding-top: 44px;
			}

		}

	#header {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
	/*	height: 3.25rem; */
    height: 4.25rem;
		line-height: 3.25rem;
		background-color: #ffffff;
		box-shadow: 0 0 0.5rem 0 rgba(0, 0, 0, 0.125);
		cursor: default;
		z-index: 10000;
	}
  
  #header.orgHeader.alt { height: 5.25rem; }

		#header a {
			display: block;
			height: inherit;
			line-height: inherit;
			border-bottom: 0;
		}
    
    #header a.logoText {
    
      letter-spacing: -0.025rem;
   /*   display: flex; */
      display: inline-flex;
      font-size: 110%;
      color: gray;
    }
    
    #header a.logoText img { margin-right: 0.5em; max-height: 3.2em; }

		#header > .logo {
			position: absolute;
      top:0.5em; 
    
			left: 1rem;
		}
    
    #header > .logo.uvod { top: 0; }

			#header > .logo strong {
				font-weight: 700;
			}
      
      #header > .logo img {
			/*	max-height: 2.5em; */
        max-height: 3.5em;
			}
      
     
      
      #header.orgHeader.alt > .logo { top:0.5em; left: 1rem; }
      
      #header.orgHeader.alt > .logo img { max-height: 4.5em;}

		#header > nav {
			position: absolute;
			right: 0;
		}

			#header > nav > ul {
				list-style: none;
				padding: 0;
				margin: 0;
			}

				#header > nav > ul > li {
					position: relative;
					display: inline-block;
					margin: 0 1.5rem;
					padding: 0;
				}

					#header > nav > ul > li > a {
						overflow: hidden;
					}

						#header > nav > ul > li > a.icon:before {
							float: right;
							margin-left: 0.75rem;
							line-height: inherit;
							color: #acacac;
						}

						#header > nav > ul > li > a.icon:hover:before {
							color: inherit;
						}

					#header > nav > ul > li > ul {
						display: none;
					}

					#header > nav > ul > li.current:after {
						content: '';
						display: block;
						position: absolute;
						bottom: 0;
						left: 0;
						width: 100%;
						height: 3px;
					/*	background-color: #23b1ec; */
					}
          
          #header > nav > ul > li.current.mh:after {  background-color: #5fb536; }
          #header > nav > ul > li.current.mas:after {  background-color: #00b3ef; }
          #header > nav > ul > li.current.hra:after {  background-color: #fdb113; }
          
          
          .button.titulkaMH {            
                 box-shadow: inset 0 0 0 3px #fff;
                 color: #fff !important;              
           }
    

					#header > nav > ul > li.current > a {
						font-weight: 700;
					}

					#header > nav > ul > li.active > a {
						color: #23b1ec;
					}

			.dropotron {
				background-color: #ffffff;
				border-radius: 0.5rem;
				box-shadow: 0 0.075rem 0.75rem 0 rgba(0, 0, 0, 0.125);
				list-style-type: none;
				margin: -0.5rem 0 0 1px;
				min-width: 10rem;
				padding: 0.5rem 0;
			}

				.dropotron.level-0 {
					margin-top: 1.125rem;
					margin-left: 0;
				}

					.dropotron.level-0:before {
						-moz-transform: rotate(45deg);
						-webkit-transform: rotate(45deg);
						-ms-transform: rotate(45deg);
						transform: rotate(45deg);
						background-color: #ffffff;
						box-shadow: -2px -2px 3px -1px rgba(0, 0, 0, 0.1);
						content: '';
						position: absolute;
						top: -0.375rem;
						right: 2rem;
						width: 0.75rem;
						height: 0.75rem;
					}

				.dropotron li {
					border-top: solid 1px #eeeeee;
					padding: 0;
					position: relative;
				}

					.dropotron li:first-child {
						border-top: none;
					}

					.dropotron li.active > a {
						color: #23b1ec;
					}

				.dropotron a {
					color: #3b3b3b;
					padding: 0.5rem 1rem;
					text-decoration: none !important;
					border: 0;
				}

					.dropotron a:active, .dropotron a:hover, .dropotron a:focus {
						color: #23b1ec;
					}

		#header.reveal {
			-moz-animation: reveal-header 0.5s ease;
			-webkit-animation: reveal-header 0.5s ease;
			-ms-animation: reveal-header 0.5s ease;
			animation: reveal-header 0.5s ease;
		}

		#header.alt {
			-moz-animation: none;
			-webkit-animation: none;
			-ms-animation: none;
			animation: none;
			box-shadow: none;
			background-color: transparent;
			position: absolute;
		}

			#header.alt > .logo {
				top: 0.5rem;
				left: 2rem;
			}

			#header.alt > nav {
				top: 1rem;
				right: 1rem;
			}

			#header.alt > .navPanelToggle {
				top: 1rem;
				right: 1rem;
			}

		#header > .navPanelToggle {
			-moz-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, top 0.2s ease-in-out, right 0.2s ease-in-out;
			-webkit-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, top 0.2s ease-in-out, right 0.2s ease-in-out;
			-ms-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, top 0.2s ease-in-out, right 0.2s ease-in-out;
			transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, top 0.2s ease-in-out, right 0.2s ease-in-out;
			text-decoration: none;
			display: none;
			position: absolute;
			top: 0;
			right: 0;
			height: inherit;
			line-height: inherit;
			padding: 0 1rem;
			outline: 0;
		}

			#header > .navPanelToggle:before {
				-moz-osx-font-smoothing: grayscale;
				-webkit-font-smoothing: antialiased;
				font-family: FontAwesome;
				font-style: normal;
				font-weight: normal;
				text-transform: none !important;
			}

			#header > .navPanelToggle:before {
				content: '\f0c9';
				margin: 0 0 0 0.625rem;
				float: right;
			}

		@media screen and (max-width: 980px) {

			#header > nav {
				display: none;
			}

			#header > .navPanelToggle {
				display: block;
			}

		}

		@media screen and (max-width: 736px) {

			#header {
				height: 44px;
				line-height: 44px;
			}

				#header > .logo {
					left: 1rem;
				}

					#header > .logo .extra {
						display: none;
					}
          
          #header > .logo img {
            max-height: 2.5em;
          
        }

		}

		@media screen and (max-width: 480px) {

			#header.alt > .logo {
				top: 0;
				left: 1rem;
			}

			#header.alt > .navPanelToggle {
				top: 0;
				right: 0;
			}

		}

/* Banner */

	#banner {
		position: relative;
		cursor: default;
	}

		#banner:after {
			-moz-transition: opacity 3s ease-in-out;
			-webkit-transition: opacity 3s ease-in-out;
			-ms-transition: opacity 3s ease-in-out;
			transition: opacity 3s ease-in-out;
			-moz-transition-delay: 0.5s;
			-webkit-transition-delay: 0.5s;
			-ms-transition-delay: 0.5s;
			transition-delay: 0.5s;
			content: '';
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			background-color: #f7f7f7;
			opacity: 0.5;
		}

    #banner.bannerOrg {
    
                background-position: 0 -200px;
                background-repeat: no-repeat;
                background-attachment: fixed;
                background-size: cover;
    }

	  #banner.bannerOrg.mh { 
      background-image: url(images/bg/03.jpg);      
    }
    
    #banner.bannerOrg.mas { 
      background-image: url(images/bg/02.jpg);      
    }
    
    #banner.bannerOrg.hra { 
      background-image: url(images/bg/01.jpg);      
    }

		#banner header p {
			margin-bottom: 2rem;
		}

		#banner .content {
		/*	padding: 11rem 0 5.5rem 0 ; */
      padding: 5.0rem 0 ;
			text-align: center;
			position: relative;
			z-index: 1;
		}

			#banner .content.primary {
				-moz-transition: -moz-transform 0.75s ease-out, opacity 1.25s ease;
				-webkit-transition: -webkit-transform 0.75s ease-out, opacity 1.25s ease;
				-ms-transition: -ms-transform 0.75s ease-out, opacity 1.25s ease;
				transition: transform 0.75s ease-out, opacity 1.25s ease;
			}

      #banner .content.primary.mh { background-color: rgba(96,182,55,0.7); }
      #banner .content.primary.mas {background-color: rgba(35,177,236,0.7); }
      #banner .content.primary.hra { background-color: rgba(253,177,19,0.7); }

      #banner .content.primary header, #banner .content.primary h1 { color: #fff; }

      #banner .content.primary header p { max-width: 800px; margin: 0 auto 2rem auto; }
      
      #banner .content.primary button { color: #fff !important; border-color: #fff !important; }


      .actionsContainer { margin: 0 auto; max-width: 960px; }
      
     /* subpages graficke zahlavi */
      
      #banner.bannerOrgSub {
    
                  background-position: 50% 0;
                  background-repeat: no-repeat;
                  background-attachment: fixed;
                  background-size: cover;
      }
      
      #banner.bannerOrgSub h1 { margin: 0; }
  
  
      
      #banner.bannerOrgSub.masOspolku { 
        background-image: url(images/bg/mas/o-spolku.jpg);      
      }
      
      #banner.bannerOrgSub.masKontakty { 
        background-image: url(images/bg/mas/kontakty.jpg);         
        background-position: 50% -200px;    
      }
      
      #banner.bannerOrgSub.masDPMAS { 
        background-image: url(images/bg/mas/dotacni-programy-mas.jpg); 
        background-position: 50% 100%;
      }
      
      #banner.bannerOrgSub.masProjekty { 
        background-image: url(images/bg/mas/projekty.jpg); 
        background-position: 50% -200px;
      }
      
      #banner.bannerOrgSub.hraOagenture { 
        background-image: url(images/bg/hra/01.jpg); 
        background-position: 50% 0;
      }
      
      #banner.bannerOrgSub.hraSluzby { 
        background-image: url(images/bg/hra/02.jpg); 
        background-position: 50% -300px;
      }
      
      #banner.bannerOrgSub.hraProjekty { 
        background-image: url(images/bg/hra/03.jpg); 
        background-position: 50% -200px;
      }
      
      #banner.bannerOrgSub.hraReference { 
        background-image: url(images/bg/hra/04.jpg); 
        background-position: 50% -400px;
      }
   
      

			#banner .content.secondary {
				padding: 4.5rem 0 2.5rem 0 ;
				background-color: rgba(255, 255, 255, 0.85);
			}

		#banner .features {
			display: -moz-flex;
			display: -webkit-flex;
			display: -ms-flex;
			display: flex;
		}

			#banner .features > section {
				padding: 0 2rem;
			}

		#header + #banner {
			margin-top: 2.25rem;
		}
    
   .headerLogoBox { padding: 1em 0 0 0; background-color: #fff; } 
   .headerLogoBox img { display: block; margin: 0 auto; width: 100%; max-width: 1200px; }
    
    .headerLogoBox.gp img { max-width: 150px; }

		body.is-preload #banner:after {
			opacity: 1;
		}

		body.is-preload #banner .content.primary {
			-moz-transform: translateY(0.5rem);
			-webkit-transform: translateY(0.5rem);
			-ms-transform: translateY(0.5rem);
			transform: translateY(0.5rem);
			opacity: 0;
		}

		@media screen and (max-width: 1280px) {

			#banner .content {
				padding: 2.5rem 0;
			}

				#banner .content.secondary {
					padding: 3rem 0 1rem 0 ;
				}

		}

		@media screen and (max-width: 980px) {

			#banner .content {
				padding: 11.5rem 0 6rem 0 ;
			}
      
      #banner.bannerOrgSub  .content { padding: 3rem 0; }

				#banner .content.secondary {
					padding: 3rem 0 1rem 0 ;
				}

			#banner .features > section {
				padding: 0 1rem;
			}

		}

		@media screen and (max-width: 736px) {

			#banner .content {
				padding: 6.5rem 1.5rem 1rem 1.5rem ;
			}

				#banner .content.secondary {
					padding: 2.25rem 0 0.25rem 0 ;
				}

			#banner .features > section {
				padding: 0 0.5rem;
			}

		}

		@media screen and (max-width: 480px) {

			#banner .content {
				padding: 9.5rem 1.5rem 4rem 1.5rem ;
			}

				#banner .content.secondary {
					padding: 3rem 0 1rem 0 ;
				}

			#banner .features {
				display: block;
			}

				#banner .features > section {
					border-top: solid 1px #eeeeee;
					margin: 2rem 0 0 0;
					padding: 2rem 1rem 0 1rem;
				}

					#banner .features > section:first-child {
						border-top: 0;
						margin-top: 0;
						padding-top: 0;
					}

		}

/* Wrapper */

	.inner {
		margin: 0 auto;
		width: 68rem;
		max-width: calc(100% - 6rem);
	}

	@-moz-keyframes tab-title {
		0% {
			-moz-transform: translateY(0.325rem);
			-webkit-transform: translateY(0.325rem);
			-ms-transform: translateY(0.325rem);
			transform: translateY(0.325rem);
		}

		100% {
			-moz-transform: translateY(1px);
			-webkit-transform: translateY(1px);
			-ms-transform: translateY(1px);
			transform: translateY(1px);
		}
	}

	@-webkit-keyframes tab-title {
		0% {
			-moz-transform: translateY(0.325rem);
			-webkit-transform: translateY(0.325rem);
			-ms-transform: translateY(0.325rem);
			transform: translateY(0.325rem);
		}

		100% {
			-moz-transform: translateY(1px);
			-webkit-transform: translateY(1px);
			-ms-transform: translateY(1px);
			transform: translateY(1px);
		}
	}

	@-ms-keyframes tab-title {
		0% {
			-moz-transform: translateY(0.325rem);
			-webkit-transform: translateY(0.325rem);
			-ms-transform: translateY(0.325rem);
			transform: translateY(0.325rem);
		}

		100% {
			-moz-transform: translateY(1px);
			-webkit-transform: translateY(1px);
			-ms-transform: translateY(1px);
			transform: translateY(1px);
		}
	}

	@keyframes tab-title {
		0% {
			-moz-transform: translateY(0.325rem);
			-webkit-transform: translateY(0.325rem);
			-ms-transform: translateY(0.325rem);
			transform: translateY(0.325rem);
		}

		100% {
			-moz-transform: translateY(1px);
			-webkit-transform: translateY(1px);
			-ms-transform: translateY(1px);
			transform: translateY(1px);
		}
	}

	#wrapper > .main {
		background-color: #ffffff;
	}
  
  #wrapper > .main.adminlogin {
		background-color: #f7f7f7;
    padding: 4em 0;
    
	}

		#wrapper > .main > header {
			padding: 6rem 0 4rem 0 ;
			text-align: center;
			cursor: default;
		}
    
    #wrapper > .main > header.subpage {
			padding: 4rem 0 2rem 0 ;
			text-align: left;
		
		}

			#wrapper > .main > header > * {
				width: 42.5rem;
				max-width: calc(100% - 6rem);
				margin-left: auto;
				margin-right: auto;
			}

			#wrapper > .main > header > :last-child {
				margin-bottom: 2rem;
			}

			#wrapper > .main > header.accent1 {
				background-color: #23b1ec;
				color: rgba(255, 255, 255, 0.75);
			}

				#wrapper > .main > header.accent1 input, #wrapper > .main > header.accent1 select, #wrapper > .main > header.accent1 textarea {
					color: #ffffff;
				}

				#wrapper > .main > header.accent1 a {
					color: #23b1ec;
				}

				#wrapper > .main > header.accent1 strong, #wrapper > .main > header.accent1 b {
					color: #ffffff;
				}

				#wrapper > .main > header.accent1 h1, #wrapper > .main > header.accent1 h2, #wrapper > .main > header.accent1 h3, #wrapper > .main > header.accent1 h4, #wrapper > .main > header.accent1 h5, #wrapper > .main > header.accent1 h6 {
					color: #ffffff;
				}

				#wrapper > .main > header.accent1 blockquote {
					border-left-color: rgba(255, 255, 255, 0.25);
				}

				#wrapper > .main > header.accent1 code {
					background: rgba(255, 255, 255, 0.075);
					border-color: rgba(255, 255, 255, 0.25);
				}

				#wrapper > .main > header.accent1 hr {
					border-bottom-color: rgba(255, 255, 255, 0.25);
				}

				#wrapper > .main > header.accent1 .box {
					border-color: rgba(255, 255, 255, 0.25);
				}

				#wrapper > .main > header.accent1 input[type="submit"],
				#wrapper > .main > header.accent1 input[type="reset"],
				#wrapper > .main > header.accent1 input[type="button"],
				#wrapper > .main > header.accent1 button,
				#wrapper > .main > header.accent1 .button {
					background-color: transparent;
					box-shadow: inset 0 0 0 3px #ffffff;
					color: #ffffff !important;
				}

					#wrapper > .main > header.accent1 input[type="submit"]:hover,
					#wrapper > .main > header.accent1 input[type="reset"]:hover,
					#wrapper > .main > header.accent1 input[type="button"]:hover,
					#wrapper > .main > header.accent1 button:hover,
					#wrapper > .main > header.accent1 .button:hover {
						background-color: rgba(255, 255, 255, 0.1);
					}

						#wrapper > .main > header.accent1 input[type="submit"]:hover:active,
						#wrapper > .main > header.accent1 input[type="reset"]:hover:active,
						#wrapper > .main > header.accent1 input[type="button"]:hover:active,
						#wrapper > .main > header.accent1 button:hover:active,
						#wrapper > .main > header.accent1 .button:hover:active {
							background-color: rgba(255, 255, 255, 0.25);
						}

					#wrapper > .main > header.accent1 input[type="submit"].primary,
					#wrapper > .main > header.accent1 input[type="reset"].primary,
					#wrapper > .main > header.accent1 input[type="button"].primary,
					#wrapper > .main > header.accent1 button.primary,
					#wrapper > .main > header.accent1 .button.primary {
						background-color: #ffffff;
						box-shadow: none;
						color: #23b1ec !important;
					}

						#wrapper > .main > header.accent1 input[type="submit"].primary:hover,
						#wrapper > .main > header.accent1 input[type="reset"].primary:hover,
						#wrapper > .main > header.accent1 input[type="button"].primary:hover,
						#wrapper > .main > header.accent1 button.primary:hover,
						#wrapper > .main > header.accent1 .button.primary:hover {
							background-color: rgba(255, 255, 255, 0.9);
						}

						#wrapper > .main > header.accent1 input[type="submit"].primary:active,
						#wrapper > .main > header.accent1 input[type="reset"].primary:active,
						#wrapper > .main > header.accent1 input[type="button"].primary:active,
						#wrapper > .main > header.accent1 button.primary:active,
						#wrapper > .main > header.accent1 .button.primary:active {
							background-color: rgba(255, 255, 255, 0.75);
						}

				#wrapper > .main > header.accent1 label {
					color: #ffffff;
				}

				#wrapper > .main > header.accent1 input[type="text"],
				#wrapper > .main > header.accent1 input[type="password"],
				#wrapper > .main > header.accent1 input[type="email"],
				#wrapper > .main > header.accent1 select,
				#wrapper > .main > header.accent1 textarea {
					border-color: rgba(255, 255, 255, 0.25);
				}

					#wrapper > .main > header.accent1 input[type="text"]:focus,
					#wrapper > .main > header.accent1 input[type="password"]:focus,
					#wrapper > .main > header.accent1 input[type="email"]:focus,
					#wrapper > .main > header.accent1 select:focus,
					#wrapper > .main > header.accent1 textarea:focus {
						border-color: #ffffff;
						box-shadow: inset 0 0 0 1px #ffffff;
					}

				#wrapper > .main > header.accent1 select {
					background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' preserveAspectRatio='none' viewBox='0 0 40 40'%3E%3Cpath d='M9.4,12.3l10.4,10.4l10.4-10.4c0.2-0.2,0.5-0.4,0.9-0.4c0.3,0,0.6,0.1,0.9,0.4l3.3,3.3c0.2,0.2,0.4,0.5,0.4,0.9 c0,0.4-0.1,0.6-0.4,0.9L20.7,31.9c-0.2,0.2-0.5,0.4-0.9,0.4c-0.3,0-0.6-0.1-0.9-0.4L4.3,17.3c-0.2-0.2-0.4-0.5-0.4-0.9 c0-0.4,0.1-0.6,0.4-0.9l3.3-3.3c0.2-0.2,0.5-0.4,0.9-0.4S9.1,12.1,9.4,12.3z' fill='rgba(255, 255, 255, 0.25)' /%3E%3C/svg%3E");
				}

					#wrapper > .main > header.accent1 select option {
						color: #ffffff;
						background: #23b1ec;
					}

				#wrapper > .main > header.accent1 input[type="checkbox"] + label,
				#wrapper > .main > header.accent1 input[type="radio"] + label {
					color: rgba(255, 255, 255, 0.75);
				}

					#wrapper > .main > header.accent1 input[type="checkbox"] + label:before,
					#wrapper > .main > header.accent1 input[type="radio"] + label:before {
						border-color: rgba(255, 255, 255, 0.25);
					}

				#wrapper > .main > header.accent1 input[type="checkbox"]:checked + label:before,
				#wrapper > .main > header.accent1 input[type="radio"]:checked + label:before {
					background-color: #ffffff;
					border-color: #ffffff;
					color: #23b1ec;
				}

				#wrapper > .main > header.accent1 input[type="checkbox"]:focus + label:before,
				#wrapper > .main > header.accent1 input[type="radio"]:focus + label:before {
					border-color: #ffffff;
					box-shadow: 0 0 0 1px #ffffff;
				}

				#wrapper > .main > header.accent1 ::-webkit-input-placeholder {
					color: rgba(255, 255, 255, 0.5) !important;
				}

				#wrapper > .main > header.accent1 :-moz-placeholder {
					color: rgba(255, 255, 255, 0.5) !important;
				}

				#wrapper > .main > header.accent1 ::-moz-placeholder {
					color: rgba(255, 255, 255, 0.5) !important;
				}

				#wrapper > .main > header.accent1 :-ms-input-placeholder {
					color: rgba(255, 255, 255, 0.5) !important;
				}

				#wrapper > .main > header.accent1 .formerize-placeholder {
					color: rgba(255, 255, 255, 0.5) !important;
				}

				#wrapper > .main > header.accent1 .icon.major:before {
					box-shadow: inset 0 0 0 3px #ffffff;
					color: #ffffff;
				}

				#wrapper > .main > header.accent1 ul.alt li {
					border-top-color: rgba(255, 255, 255, 0.25);
				}

				#wrapper > .main > header.accent1 table tbody tr {
					border-color: rgba(255, 255, 255, 0.25);
				}

					#wrapper > .main > header.accent1 table tbody tr:nth-child(2n + 1) {
						background-color: rgba(255, 255, 255, 0.075);
					}

				#wrapper > .main > header.accent1 table th {
					color: #ffffff;
				}

				#wrapper > .main > header.accent1 table thead {
					border-bottom-color: rgba(255, 255, 255, 0.25);
				}

				#wrapper > .main > header.accent1 table tfoot {
					border-top-color: rgba(255, 255, 255, 0.25);
				}

				#wrapper > .main > header.accent1 table.alt tbody tr td {
					border-color: rgba(255, 255, 255, 0.25);
				}

				#wrapper > .main > header.accent1 + .inner {
					padding-top: 6rem;
				}

				#wrapper > .main > header.accent1 + .tabs > .titles {
					background-color: #23b1ec;
				}

					#wrapper > .main > header.accent1 + .tabs > .titles:before {
						background-color: #23b1ec;
					}

					#wrapper > .main > header.accent1 + .tabs > .titles > .title {
						color: #ffffff;
					}

						#wrapper > .main > header.accent1 + .tabs > .titles > .title.active {
							color: #23b1ec;
							background-color: #ffffff;
							box-shadow: none;
						}

			#wrapper > .main > header.accent2 {
				background-color: #80bb2d;
				color: rgba(255, 255, 255, 0.75);
			}

				#wrapper > .main > header.accent2 input, #wrapper > .main > header.accent2 select, #wrapper > .main > header.accent2 textarea {
					color: #ffffff;
				}

				#wrapper > .main > header.accent2 a {
					color: #23b1ec;
				}

				#wrapper > .main > header.accent2 strong, #wrapper > .main > header.accent2 b {
					color: #ffffff;
				}

				#wrapper > .main > header.accent2 h1, #wrapper > .main > header.accent2 h2, #wrapper > .main > header.accent2 h3, #wrapper > .main > header.accent2 h4, #wrapper > .main > header.accent2 h5, #wrapper > .main > header.accent2 h6 {
					color: #ffffff;
				}

				#wrapper > .main > header.accent2 blockquote {
					border-left-color: rgba(255, 255, 255, 0.25);
				}

				#wrapper > .main > header.accent2 code {
					background: rgba(255, 255, 255, 0.075);
					border-color: rgba(255, 255, 255, 0.25);
				}

				#wrapper > .main > header.accent2 hr {
					border-bottom-color: rgba(255, 255, 255, 0.25);
				}

				#wrapper > .main > header.accent2 .box {
					border-color: rgba(255, 255, 255, 0.25);
				}

				#wrapper > .main > header.accent2 input[type="submit"],
				#wrapper > .main > header.accent2 input[type="reset"],
				#wrapper > .main > header.accent2 input[type="button"],
				#wrapper > .main > header.accent2 button,
				#wrapper > .main > header.accent2 .button {
					background-color: transparent;
					box-shadow: inset 0 0 0 3px #ffffff;
					color: #ffffff !important;
				}

					#wrapper > .main > header.accent2 input[type="submit"]:hover,
					#wrapper > .main > header.accent2 input[type="reset"]:hover,
					#wrapper > .main > header.accent2 input[type="button"]:hover,
					#wrapper > .main > header.accent2 button:hover,
					#wrapper > .main > header.accent2 .button:hover {
						background-color: rgba(255, 255, 255, 0.1);
					}

						#wrapper > .main > header.accent2 input[type="submit"]:hover:active,
						#wrapper > .main > header.accent2 input[type="reset"]:hover:active,
						#wrapper > .main > header.accent2 input[type="button"]:hover:active,
						#wrapper > .main > header.accent2 button:hover:active,
						#wrapper > .main > header.accent2 .button:hover:active {
							background-color: rgba(255, 255, 255, 0.25);
						}

					#wrapper > .main > header.accent2 input[type="submit"].primary,
					#wrapper > .main > header.accent2 input[type="reset"].primary,
					#wrapper > .main > header.accent2 input[type="button"].primary,
					#wrapper > .main > header.accent2 button.primary,
					#wrapper > .main > header.accent2 .button.primary {
						background-color: #ffffff;
						box-shadow: none;
						color: #80bb2d !important;
					}

						#wrapper > .main > header.accent2 input[type="submit"].primary:hover,
						#wrapper > .main > header.accent2 input[type="reset"].primary:hover,
						#wrapper > .main > header.accent2 input[type="button"].primary:hover,
						#wrapper > .main > header.accent2 button.primary:hover,
						#wrapper > .main > header.accent2 .button.primary:hover {
							background-color: rgba(255, 255, 255, 0.9);
						}

						#wrapper > .main > header.accent2 input[type="submit"].primary:active,
						#wrapper > .main > header.accent2 input[type="reset"].primary:active,
						#wrapper > .main > header.accent2 input[type="button"].primary:active,
						#wrapper > .main > header.accent2 button.primary:active,
						#wrapper > .main > header.accent2 .button.primary:active {
							background-color: rgba(255, 255, 255, 0.75);
						}

				#wrapper > .main > header.accent2 label {
					color: #ffffff;
				}

				#wrapper > .main > header.accent2 input[type="text"],
				#wrapper > .main > header.accent2 input[type="password"],
				#wrapper > .main > header.accent2 input[type="email"],
				#wrapper > .main > header.accent2 select,
				#wrapper > .main > header.accent2 textarea {
					border-color: rgba(255, 255, 255, 0.25);
				}

					#wrapper > .main > header.accent2 input[type="text"]:focus,
					#wrapper > .main > header.accent2 input[type="password"]:focus,
					#wrapper > .main > header.accent2 input[type="email"]:focus,
					#wrapper > .main > header.accent2 select:focus,
					#wrapper > .main > header.accent2 textarea:focus {
						border-color: #ffffff;
						box-shadow: inset 0 0 0 1px #ffffff;
					}

				#wrapper > .main > header.accent2 select {
					background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' preserveAspectRatio='none' viewBox='0 0 40 40'%3E%3Cpath d='M9.4,12.3l10.4,10.4l10.4-10.4c0.2-0.2,0.5-0.4,0.9-0.4c0.3,0,0.6,0.1,0.9,0.4l3.3,3.3c0.2,0.2,0.4,0.5,0.4,0.9 c0,0.4-0.1,0.6-0.4,0.9L20.7,31.9c-0.2,0.2-0.5,0.4-0.9,0.4c-0.3,0-0.6-0.1-0.9-0.4L4.3,17.3c-0.2-0.2-0.4-0.5-0.4-0.9 c0-0.4,0.1-0.6,0.4-0.9l3.3-3.3c0.2-0.2,0.5-0.4,0.9-0.4S9.1,12.1,9.4,12.3z' fill='rgba(255, 255, 255, 0.25)' /%3E%3C/svg%3E");
				}

					#wrapper > .main > header.accent2 select option {
						color: #ffffff;
						background: #80bb2d;
					}

				#wrapper > .main > header.accent2 input[type="checkbox"] + label,
				#wrapper > .main > header.accent2 input[type="radio"] + label {
					color: rgba(255, 255, 255, 0.75);
				}

					#wrapper > .main > header.accent2 input[type="checkbox"] + label:before,
					#wrapper > .main > header.accent2 input[type="radio"] + label:before {
						border-color: rgba(255, 255, 255, 0.25);
					}

				#wrapper > .main > header.accent2 input[type="checkbox"]:checked + label:before,
				#wrapper > .main > header.accent2 input[type="radio"]:checked + label:before {
					background-color: #ffffff;
					border-color: #ffffff;
					color: #80bb2d;
				}

				#wrapper > .main > header.accent2 input[type="checkbox"]:focus + label:before,
				#wrapper > .main > header.accent2 input[type="radio"]:focus + label:before {
					border-color: #ffffff;
					box-shadow: 0 0 0 1px #ffffff;
				}

				#wrapper > .main > header.accent2 ::-webkit-input-placeholder {
					color: rgba(255, 255, 255, 0.5) !important;
				}

				#wrapper > .main > header.accent2 :-moz-placeholder {
					color: rgba(255, 255, 255, 0.5) !important;
				}

				#wrapper > .main > header.accent2 ::-moz-placeholder {
					color: rgba(255, 255, 255, 0.5) !important;
				}

				#wrapper > .main > header.accent2 :-ms-input-placeholder {
					color: rgba(255, 255, 255, 0.5) !important;
				}

				#wrapper > .main > header.accent2 .formerize-placeholder {
					color: rgba(255, 255, 255, 0.5) !important;
				}

				#wrapper > .main > header.accent2 .icon.major:before {
					box-shadow: inset 0 0 0 3px #ffffff;
					color: #ffffff;
				}

				#wrapper > .main > header.accent2 ul.alt li {
					border-top-color: rgba(255, 255, 255, 0.25);
				}

				#wrapper > .main > header.accent2 table tbody tr {
					border-color: rgba(255, 255, 255, 0.25);
				}

					#wrapper > .main > header.accent2 table tbody tr:nth-child(2n + 1) {
						background-color: rgba(255, 255, 255, 0.075);
					}

				#wrapper > .main > header.accent2 table th {
					color: #ffffff;
				}

				#wrapper > .main > header.accent2 table thead {
					border-bottom-color: rgba(255, 255, 255, 0.25);
				}

				#wrapper > .main > header.accent2 table tfoot {
					border-top-color: rgba(255, 255, 255, 0.25);
				}

				#wrapper > .main > header.accent2 table.alt tbody tr td {
					border-color: rgba(255, 255, 255, 0.25);
				}

				#wrapper > .main > header.accent2 + .inner {
					padding-top: 6rem;
				}

				#wrapper > .main > header.accent2 + .tabs > .titles:before {
					background-color: #80bb2d;
				}

				#wrapper > .main > header.accent2 + .tabs > .titles > .title {
					color: #ffffff;
				}

					#wrapper > .main > header.accent2 + .tabs > .titles > .title.active {
						color: #80bb2d;
						background-color: #ffffff;
						box-shadow: none;
					}

		#wrapper > .main > .inner {
			padding: 0rem 0 4rem 0 ;
		}

			#wrapper > .main > .inner > .image.main:last-child {
				margin-bottom: -4rem;
			}

			#wrapper > .main > .inner > .content {
				padding: 3rem 3rem 1rem 3rem ;
				background-color: #ffffff;
			}

				#wrapper > .main > .inner > .content > .image.main:first-child {
					margin-top: -3rem;
					margin-left: -3rem;
					width: calc(100% + 6rem);
				}

			#wrapper > .main > .inner.alt {
				padding: 3rem 0 !important;
			}

		#wrapper > .main > .tabs {
			width: 68rem;
			margin: -1.95rem auto 0 auto;
			max-width: calc(100% - 6rem);
		}

			#wrapper > .main > .tabs > .titles {
				display: -moz-flex;
				display: -webkit-flex;
				display: -ms-flex;
				display: flex;
				-moz-user-select: none;
				-webkit-user-select: none;
				-ms-user-select: none;
				user-select: none;
				list-style: none;
				padding: 0;
				margin: 0;
			}

				#wrapper > .main > .tabs > .titles:before {
					content: '';
					display: block;
					left: 0;
					width: 100%;
					height: 5.5rem;
					position: absolute;
					z-index: 0;
				}

				#wrapper > .main > .tabs > .titles > .title {
					-moz-transition-property: color, background-color, box-shadow;
					-webkit-transition-property: color, background-color, box-shadow;
					-ms-transition-property: color, background-color, box-shadow;
					transition-property: color, background-color, box-shadow;
					-moz-transition-duration: 0.2s;
					-webkit-transition-duration: 0.2s;
					-ms-transition-duration: 0.2s;
					transition-duration: 0.2s;
					-moz-flex-grow: 1;
					-webkit-flex-grow: 1;
					-ms-flex-grow: 1;
					flex-grow: 1;
					-moz-flex-shrink: 1;
					-webkit-flex-shrink: 1;
					-ms-flex-shrink: 1;
					flex-shrink: 1;
					padding: 0;
					width: 100%;
					text-align: center;
					height: 5.5rem;
					line-height: 5.5rem;
					font-weight: 400;
					font-size: 1.35rem;
					position: relative;
					z-index: 1;
				}

					#wrapper > .main > .tabs > .titles > .title.active {
						box-shadow: 0 3px 0 0 #23b1ec;
						-moz-animation: tab-title 0.5s ease forwards;
						-webkit-animation: tab-title 0.5s ease forwards;
						-ms-animation: tab-title 0.5s ease forwards;
						animation: tab-title 0.5s ease forwards;
					}

			#wrapper > .main > .tabs > .panels > .panel {
				padding: 6rem 0 4rem 0 ;
				-moz-transition: opacity 0.2s ease-in-out;
				-webkit-transition: opacity 0.2s ease-in-out;
				-ms-transition: opacity 0.2s ease-in-out;
				transition: opacity 0.2s ease-in-out;
				opacity: 0;
			}

				#wrapper > .main > .tabs > .panels > .panel.active {
					opacity: 1;
				}

		#wrapper > .main.accent1 {
			background-color: #23b1ec;
			color: rgba(255, 255, 255, 0.75);
		}

			#wrapper > .main.accent1 input, #wrapper > .main.accent1 select, #wrapper > .main.accent1 textarea {
				color: #ffffff;
			}

			#wrapper > .main.accent1 a {
				color: #23b1ec;
			}

			#wrapper > .main.accent1 strong, #wrapper > .main.accent1 b {
				color: #ffffff;
			}

			#wrapper > .main.accent1 h1, #wrapper > .main.accent1 h2, #wrapper > .main.accent1 h3, #wrapper > .main.accent1 h4, #wrapper > .main.accent1 h5, #wrapper > .main.accent1 h6 {
				color: #ffffff;
			}

			#wrapper > .main.accent1 blockquote {
				border-left-color: rgba(255, 255, 255, 0.25);
			}

			#wrapper > .main.accent1 code {
				background: rgba(255, 255, 255, 0.075);
				border-color: rgba(255, 255, 255, 0.25);
			}

			#wrapper > .main.accent1 hr {
				border-bottom-color: rgba(255, 255, 255, 0.25);
			}

			#wrapper > .main.accent1 .box {
				border-color: rgba(255, 255, 255, 0.25);
			}

			#wrapper > .main.accent1 input[type="submit"],
			#wrapper > .main.accent1 input[type="reset"],
			#wrapper > .main.accent1 input[type="button"],
			#wrapper > .main.accent1 button,
			#wrapper > .main.accent1 .button {
				background-color: transparent;
				box-shadow: inset 0 0 0 3px #ffffff;
				color: #ffffff !important;
			}

				#wrapper > .main.accent1 input[type="submit"]:hover,
				#wrapper > .main.accent1 input[type="reset"]:hover,
				#wrapper > .main.accent1 input[type="button"]:hover,
				#wrapper > .main.accent1 button:hover,
				#wrapper > .main.accent1 .button:hover {
					background-color: rgba(255, 255, 255, 0.1);
				}

					#wrapper > .main.accent1 input[type="submit"]:hover:active,
					#wrapper > .main.accent1 input[type="reset"]:hover:active,
					#wrapper > .main.accent1 input[type="button"]:hover:active,
					#wrapper > .main.accent1 button:hover:active,
					#wrapper > .main.accent1 .button:hover:active {
						background-color: rgba(255, 255, 255, 0.25);
					}

				#wrapper > .main.accent1 input[type="submit"].primary,
				#wrapper > .main.accent1 input[type="reset"].primary,
				#wrapper > .main.accent1 input[type="button"].primary,
				#wrapper > .main.accent1 button.primary,
				#wrapper > .main.accent1 .button.primary {
					background-color: #ffffff;
					box-shadow: none;
					color: #23b1ec !important;
				}

					#wrapper > .main.accent1 input[type="submit"].primary:hover,
					#wrapper > .main.accent1 input[type="reset"].primary:hover,
					#wrapper > .main.accent1 input[type="button"].primary:hover,
					#wrapper > .main.accent1 button.primary:hover,
					#wrapper > .main.accent1 .button.primary:hover {
						background-color: rgba(255, 255, 255, 0.9);
					}

					#wrapper > .main.accent1 input[type="submit"].primary:active,
					#wrapper > .main.accent1 input[type="reset"].primary:active,
					#wrapper > .main.accent1 input[type="button"].primary:active,
					#wrapper > .main.accent1 button.primary:active,
					#wrapper > .main.accent1 .button.primary:active {
						background-color: rgba(255, 255, 255, 0.75);
					}

			#wrapper > .main.accent1 label {
				color: #ffffff;
			}

			#wrapper > .main.accent1 input[type="text"],
			#wrapper > .main.accent1 input[type="password"],
			#wrapper > .main.accent1 input[type="email"],
			#wrapper > .main.accent1 select,
			#wrapper > .main.accent1 textarea {
				border-color: rgba(255, 255, 255, 0.25);
			}

				#wrapper > .main.accent1 input[type="text"]:focus,
				#wrapper > .main.accent1 input[type="password"]:focus,
				#wrapper > .main.accent1 input[type="email"]:focus,
				#wrapper > .main.accent1 select:focus,
				#wrapper > .main.accent1 textarea:focus {
					border-color: #ffffff;
					box-shadow: inset 0 0 0 1px #ffffff;
				}

			#wrapper > .main.accent1 select {
				background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' preserveAspectRatio='none' viewBox='0 0 40 40'%3E%3Cpath d='M9.4,12.3l10.4,10.4l10.4-10.4c0.2-0.2,0.5-0.4,0.9-0.4c0.3,0,0.6,0.1,0.9,0.4l3.3,3.3c0.2,0.2,0.4,0.5,0.4,0.9 c0,0.4-0.1,0.6-0.4,0.9L20.7,31.9c-0.2,0.2-0.5,0.4-0.9,0.4c-0.3,0-0.6-0.1-0.9-0.4L4.3,17.3c-0.2-0.2-0.4-0.5-0.4-0.9 c0-0.4,0.1-0.6,0.4-0.9l3.3-3.3c0.2-0.2,0.5-0.4,0.9-0.4S9.1,12.1,9.4,12.3z' fill='rgba(255, 255, 255, 0.25)' /%3E%3C/svg%3E");
			}

				#wrapper > .main.accent1 select option {
					color: #ffffff;
					background: #23b1ec;
				}

			#wrapper > .main.accent1 input[type="checkbox"] + label,
			#wrapper > .main.accent1 input[type="radio"] + label {
				color: rgba(255, 255, 255, 0.75);
			}

				#wrapper > .main.accent1 input[type="checkbox"] + label:before,
				#wrapper > .main.accent1 input[type="radio"] + label:before {
					border-color: rgba(255, 255, 255, 0.25);
				}

			#wrapper > .main.accent1 input[type="checkbox"]:checked + label:before,
			#wrapper > .main.accent1 input[type="radio"]:checked + label:before {
				background-color: #ffffff;
				border-color: #ffffff;
				color: #23b1ec;
			}

			#wrapper > .main.accent1 input[type="checkbox"]:focus + label:before,
			#wrapper > .main.accent1 input[type="radio"]:focus + label:before {
				border-color: #ffffff;
				box-shadow: 0 0 0 1px #ffffff;
			}

			#wrapper > .main.accent1 ::-webkit-input-placeholder {
				color: rgba(255, 255, 255, 0.5) !important;
			}

			#wrapper > .main.accent1 :-moz-placeholder {
				color: rgba(255, 255, 255, 0.5) !important;
			}

			#wrapper > .main.accent1 ::-moz-placeholder {
				color: rgba(255, 255, 255, 0.5) !important;
			}

			#wrapper > .main.accent1 :-ms-input-placeholder {
				color: rgba(255, 255, 255, 0.5) !important;
			}

			#wrapper > .main.accent1 .formerize-placeholder {
				color: rgba(255, 255, 255, 0.5) !important;
			}

			#wrapper > .main.accent1 .icon.major:before {
				box-shadow: inset 0 0 0 3px #ffffff;
				color: #ffffff;
			}

			#wrapper > .main.accent1 ul.alt li {
				border-top-color: rgba(255, 255, 255, 0.25);
			}

			#wrapper > .main.accent1 table tbody tr {
				border-color: rgba(255, 255, 255, 0.25);
			}

				#wrapper > .main.accent1 table tbody tr:nth-child(2n + 1) {
					background-color: rgba(255, 255, 255, 0.075);
				}

			#wrapper > .main.accent1 table th {
				color: #ffffff;
			}

			#wrapper > .main.accent1 table thead {
				border-bottom-color: rgba(255, 255, 255, 0.25);
			}

			#wrapper > .main.accent1 table tfoot {
				border-top-color: rgba(255, 255, 255, 0.25);
			}

			#wrapper > .main.accent1 table.alt tbody tr td {
				border-color: rgba(255, 255, 255, 0.25);
			}

			#wrapper > .main.accent1 > .tabs > .titles > .title.active {
				box-shadow: 0 3px 0 0 #ffffff;
			}

		#wrapper > .main.accent2 {
			background-color: #80bb2d;
			color: rgba(255, 255, 255, 0.75);
		}

			#wrapper > .main.accent2 input, #wrapper > .main.accent2 select, #wrapper > .main.accent2 textarea {
				color: #ffffff;
			}

			#wrapper > .main.accent2 a {
				color: #23b1ec;
			}

			#wrapper > .main.accent2 strong, #wrapper > .main.accent2 b {
				color: #ffffff;
			}

			#wrapper > .main.accent2 h1, #wrapper > .main.accent2 h2, #wrapper > .main.accent2 h3, #wrapper > .main.accent2 h4, #wrapper > .main.accent2 h5, #wrapper > .main.accent2 h6 {
				color: #ffffff;
			}

			#wrapper > .main.accent2 blockquote {
				border-left-color: rgba(255, 255, 255, 0.25);
			}

			#wrapper > .main.accent2 code {
				background: rgba(255, 255, 255, 0.075);
				border-color: rgba(255, 255, 255, 0.25);
			}

			#wrapper > .main.accent2 hr {
				border-bottom-color: rgba(255, 255, 255, 0.25);
			}

			#wrapper > .main.accent2 .box {
				border-color: rgba(255, 255, 255, 0.25);
			}

			#wrapper > .main.accent2 input[type="submit"],
			#wrapper > .main.accent2 input[type="reset"],
			#wrapper > .main.accent2 input[type="button"],
			#wrapper > .main.accent2 button,
			#wrapper > .main.accent2 .button {
				background-color: transparent;
				box-shadow: inset 0 0 0 3px #ffffff;
				color: #ffffff !important;
			}

				#wrapper > .main.accent2 input[type="submit"]:hover,
				#wrapper > .main.accent2 input[type="reset"]:hover,
				#wrapper > .main.accent2 input[type="button"]:hover,
				#wrapper > .main.accent2 button:hover,
				#wrapper > .main.accent2 .button:hover {
					background-color: rgba(255, 255, 255, 0.1);
				}

					#wrapper > .main.accent2 input[type="submit"]:hover:active,
					#wrapper > .main.accent2 input[type="reset"]:hover:active,
					#wrapper > .main.accent2 input[type="button"]:hover:active,
					#wrapper > .main.accent2 button:hover:active,
					#wrapper > .main.accent2 .button:hover:active {
						background-color: rgba(255, 255, 255, 0.25);
					}

				#wrapper > .main.accent2 input[type="submit"].primary,
				#wrapper > .main.accent2 input[type="reset"].primary,
				#wrapper > .main.accent2 input[type="button"].primary,
				#wrapper > .main.accent2 button.primary,
				#wrapper > .main.accent2 .button.primary {
					background-color: #ffffff;
					box-shadow: none;
					color: #80bb2d !important;
				}

					#wrapper > .main.accent2 input[type="submit"].primary:hover,
					#wrapper > .main.accent2 input[type="reset"].primary:hover,
					#wrapper > .main.accent2 input[type="button"].primary:hover,
					#wrapper > .main.accent2 button.primary:hover,
					#wrapper > .main.accent2 .button.primary:hover {
						background-color: rgba(255, 255, 255, 0.9);
					}

					#wrapper > .main.accent2 input[type="submit"].primary:active,
					#wrapper > .main.accent2 input[type="reset"].primary:active,
					#wrapper > .main.accent2 input[type="button"].primary:active,
					#wrapper > .main.accent2 button.primary:active,
					#wrapper > .main.accent2 .button.primary:active {
						background-color: rgba(255, 255, 255, 0.75);
					}

			#wrapper > .main.accent2 label {
				color: #ffffff;
			}

			#wrapper > .main.accent2 input[type="text"],
			#wrapper > .main.accent2 input[type="password"],
			#wrapper > .main.accent2 input[type="email"],
			#wrapper > .main.accent2 select,
			#wrapper > .main.accent2 textarea {
				border-color: rgba(255, 255, 255, 0.25);
			}

				#wrapper > .main.accent2 input[type="text"]:focus,
				#wrapper > .main.accent2 input[type="password"]:focus,
				#wrapper > .main.accent2 input[type="email"]:focus,
				#wrapper > .main.accent2 select:focus,
				#wrapper > .main.accent2 textarea:focus {
					border-color: #ffffff;
					box-shadow: inset 0 0 0 1px #ffffff;
				}

			#wrapper > .main.accent2 select {
				background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' preserveAspectRatio='none' viewBox='0 0 40 40'%3E%3Cpath d='M9.4,12.3l10.4,10.4l10.4-10.4c0.2-0.2,0.5-0.4,0.9-0.4c0.3,0,0.6,0.1,0.9,0.4l3.3,3.3c0.2,0.2,0.4,0.5,0.4,0.9 c0,0.4-0.1,0.6-0.4,0.9L20.7,31.9c-0.2,0.2-0.5,0.4-0.9,0.4c-0.3,0-0.6-0.1-0.9-0.4L4.3,17.3c-0.2-0.2-0.4-0.5-0.4-0.9 c0-0.4,0.1-0.6,0.4-0.9l3.3-3.3c0.2-0.2,0.5-0.4,0.9-0.4S9.1,12.1,9.4,12.3z' fill='rgba(255, 255, 255, 0.25)' /%3E%3C/svg%3E");
			}

				#wrapper > .main.accent2 select option {
					color: #ffffff;
					background: #80bb2d;
				}

			#wrapper > .main.accent2 input[type="checkbox"] + label,
			#wrapper > .main.accent2 input[type="radio"] + label {
				color: rgba(255, 255, 255, 0.75);
			}

				#wrapper > .main.accent2 input[type="checkbox"] + label:before,
				#wrapper > .main.accent2 input[type="radio"] + label:before {
					border-color: rgba(255, 255, 255, 0.25);
				}

			#wrapper > .main.accent2 input[type="checkbox"]:checked + label:before,
			#wrapper > .main.accent2 input[type="radio"]:checked + label:before {
				background-color: #ffffff;
				border-color: #ffffff;
				color: #80bb2d;
			}

			#wrapper > .main.accent2 input[type="checkbox"]:focus + label:before,
			#wrapper > .main.accent2 input[type="radio"]:focus + label:before {
				border-color: #ffffff;
				box-shadow: 0 0 0 1px #ffffff;
			}

			#wrapper > .main.accent2 ::-webkit-input-placeholder {
				color: rgba(255, 255, 255, 0.5) !important;
			}

			#wrapper > .main.accent2 :-moz-placeholder {
				color: rgba(255, 255, 255, 0.5) !important;
			}

			#wrapper > .main.accent2 ::-moz-placeholder {
				color: rgba(255, 255, 255, 0.5) !important;
			}

			#wrapper > .main.accent2 :-ms-input-placeholder {
				color: rgba(255, 255, 255, 0.5) !important;
			}

			#wrapper > .main.accent2 .formerize-placeholder {
				color: rgba(255, 255, 255, 0.5) !important;
			}

			#wrapper > .main.accent2 .icon.major:before {
				box-shadow: inset 0 0 0 3px #ffffff;
				color: #ffffff;
			}

			#wrapper > .main.accent2 ul.alt li {
				border-top-color: rgba(255, 255, 255, 0.25);
			}

			#wrapper > .main.accent2 table tbody tr {
				border-color: rgba(255, 255, 255, 0.25);
			}

				#wrapper > .main.accent2 table tbody tr:nth-child(2n + 1) {
					background-color: rgba(255, 255, 255, 0.075);
				}

			#wrapper > .main.accent2 table th {
				color: #ffffff;
			}

			#wrapper > .main.accent2 table thead {
				border-bottom-color: rgba(255, 255, 255, 0.25);
			}

			#wrapper > .main.accent2 table tfoot {
				border-top-color: rgba(255, 255, 255, 0.25);
			}

			#wrapper > .main.accent2 table.alt tbody tr td {
				border-color: rgba(255, 255, 255, 0.25);
			}

			#wrapper > .main.accent2 > .tabs > .titles > .title.active {
				box-shadow: 0 3px 0 0 #ffffff;
			}

		#wrapper > .main.alt {
    
      position: relative;
      z-index: 100;
      /*
      background-image: url(../../images/bg/02.jpg);
      background-position: 0 50%;
      background-repeat: no-repeat;
      background-size: cover;
      */
		/*	background-color: #f5f5f5; */
		}
    
   #wrapper > .main.altGr { background-color: #f7f7f7; }
   
   #wrapper > .main.alt.aktualityTitulka {background-color: #f7f7f7; }
   
   /* http://www.codeblocq.com/2016/08/Turn-an-image-to-Black-and-White-on-hover-with-CSS/ */
   
   #wrapper > .main > .inner.featuredProjects { padding-top:2rem; text-align: center; }
   
   .inner.featuredProjects a {outline: none; border: 0;  }
   
   
   
   .inner.featuredProjects img { 
     margin: 1rem;
     max-width: 150px;
     transition: filter .5s ease-in-out;
     -webkit-filter: grayscale(100%); /* Ch 23+, Saf 6.0+, BB 10.0+ */
     filter: grayscale(100%); /* FF 35+ */
     outline: none;
   
    }
   .inner.featuredProjects img:hover {
     -webkit-filter: grayscale(0%); /* Ch 23+, Saf 6.0+, BB 10.0+ */
      filter: grayscale(0%); /* FF 35+ */
    }
    
    .inner.featuredProjects img.mw160 { max-width: 160px; }
   
  #loadBgImg {  
      width: 0.1px;
      height: 0.1px;
      opacity: 0;
      overflow: hidden;
      position: absolute;
      z-index: -1;
  } 
    
  #contentImg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -10;
    background-image: url(images/bg/02.jpg);
    background-position: 50% 50%;
    background-repeat: no-repeat;
  /*  background-attachment: fixed;*/
    background-size: cover;
  }

	@media screen and (max-width: 1280px) {

		.inner {
			max-width: calc(100% - 4rem);
		}

		#wrapper > .main > header {
			padding: 4rem 0 2rem 0 ;
		}

			#wrapper > .main > header > * {
				max-width: calc(100% - 4rem);
			}

			#wrapper > .main > header.accent1 + .inner {
				padding-top: 4rem;
			}

			#wrapper > .main > header.accent2 + .inner {
				padding-top: 4rem;
			}

			#wrapper > .main > header.alt {
				background-color: #f7f7f7;
			}

		#wrapper > .main > .inner {
			padding: 0rem 0 2rem 0 ;
		}

			#wrapper > .main > .inner > .image.main:last-child {
				margin-bottom: -2rem;
			}

			#wrapper > .main > .inner > .content {
				padding: 2rem 2rem 0.1rem 2rem ;
			}

				#wrapper > .main > .inner > .content > .image.main:first-child {
					margin-top: -2rem;
					margin-left: -2rem;
					width: calc(100% + 4rem);
				}

      /* editx */
			#wrapper > .main > .inner.alt {
			 /*	padding: 2rem 0 !important; */
         padding: 2rem 0 4rem 0 !important;
			}

		#wrapper > .main > .tabs {
			margin: -1.3rem auto 0 auto;
			max-width: calc(100% - 4rem);
		}

			#wrapper > .main > .tabs > .panels > .panel {
				padding: 4rem 0 2rem 0 ;
			}

	}

	@media screen and (max-width: 980px) {

		.inner {
			max-width: calc(100% - 4rem);
		}

		#wrapper > .main > header {
			padding: 4rem 0 2rem 0 ;
		}

			#wrapper > .main > header > * {
				max-width: calc(100% - 4rem);
			}

			#wrapper > .main > header.accent1 + .inner {
				padding-top: 4rem;
			}

			#wrapper > .main > header.accent2 + .inner {
				padding-top: 4rem;
			}

			#wrapper > .main > header.alt {
				background-color: #f7f7f7;
			}

		#wrapper > .main > .inner {
			padding: 0rem 0 2rem 0 ;
		}

			#wrapper > .main > .inner > .image.main:last-child {
				margin-bottom: -2rem;
			}

			#wrapper > .main > .inner > .content {
				padding: 2rem 2rem 0.1rem 2rem ;
			}

				#wrapper > .main > .inner > .content > .image.main:first-child {
					margin-top: -2rem;
					margin-left: -2rem;
					width: calc(100% + 4rem);
				}

			#wrapper > .main > .inner.alt {
				padding: 2rem 0 !important;
			}

		#wrapper > .main > .tabs {
			margin: -1.3rem auto 0 auto;
			max-width: calc(100% - 4rem);
		}

			#wrapper > .main > .tabs > .titles:before {
				height: 4.125rem;
			}

			#wrapper > .main > .tabs > .titles > .title {
				height: 4.125rem;
				line-height: 4.125rem;
				font-size: 1.25rem;
			}

			#wrapper > .main > .tabs > .panels > .panel {
				padding: 4rem 0 2rem 0 ;
			}

	}

	@media screen and (max-width: 736px) {

		.inner {
			max-width: calc(100% - 3rem);
		}

		#wrapper > .main > header {
			padding: 3rem 0 1rem 0 ;
		}

			#wrapper > .main > header > * {
				max-width: calc(100% - 3rem);
			}

			#wrapper > .main > header.accent1 + .inner {
				padding-top: 3rem;
			}

			#wrapper > .main > header.accent2 + .inner {
				padding-top: 3rem;
			}

			#wrapper > .main > header.alt {
				background-color: #f7f7f7;
			}

		#wrapper > .main > .inner {
			padding: 0rem 0 1rem 0 ;
		}

			#wrapper > .main > .inner > .image.main:last-child {
				margin-bottom: -1rem;
			}

			#wrapper > .main > .inner > .content {
				padding: 1.5rem 1.5rem 0.1rem 1.5rem ;
			}

				#wrapper > .main > .inner > .content > .image.main:first-child {
					margin-top: -1.5rem;
					margin-left: -1.5rem;
					width: calc(100% + 3rem);
				}

			#wrapper > .main > .inner.alt {
				padding: 1.5rem 0 !important;
			}

		#wrapper > .main > .tabs {
			margin: -0.9375rem auto 0 auto;
			max-width: calc(100% - 3rem);
		}

			#wrapper > .main > .tabs > .titles:before {
				height: 3.4375rem;
			}

			#wrapper > .main > .tabs > .titles > .title {
				height: 3.4375rem;
				line-height: 3.4375rem;
				font-size: 1rem;
				letter-spacing: 0;
			}

				#wrapper > .main > .tabs > .titles > .title .extra {
					display: none;
				}

			#wrapper > .main > .tabs > .panels > .panel {
				padding: 3rem 0 1rem 0 ;
			}

	}

	@media screen and (max-width: 480px) {

		#wrapper > .main > .tabs > .titles {
			-moz-justify-content: center;
			-webkit-justify-content: center;
			-ms-justify-content: center;
			justify-content: center;
		}

			#wrapper > .main > .tabs > .titles > .title {
				width: auto;
				-moz-flex-grow: 0;
				-webkit-flex-grow: 0;
				-ms-flex-grow: 0;
				flex-grow: 0;
				-moz-flex-shrink: 0;
				-webkit-flex-shrink: 0;
				-ms-flex-shrink: 0;
				flex-shrink: 0;
				padding: 0 1.5rem;
			}

	}

/* Footer */

	#footer {
		padding: 6rem 0 4rem 0 ;
/*		background-color: #ffffff; */
    background-color: #f7f7f7;
    border-top: 1px solid rgba(150,150,150,0.2);
	}

		#footer > .inner {
			display: -moz-flex;
			display: -webkit-flex;
			display: -ms-flex;
			display: flex;
		}

    #footer > .inner ul.icons li .icon::before {
        font-size: 2.5rem;
        padding: 0.5em 1em;
        background-color: #3b5998;
        color: #fff;
    }

			#footer > .inner h4 {
				margin: 0 0 1.5rem 0;
			}

			#footer > .inner > * {
				-moz-flex-grow: 1;
				-webkit-flex-grow: 1;
				-ms-flex-grow: 1;
				flex-grow: 1;
				-moz-flex-shrink: 1;
				-webkit-flex-shrink: 1;
				-ms-flex-shrink: 1;
				flex-shrink: 1;
				width: 30%;
				margin: 0 1rem;
			}

				#footer > .inner > * > :last-child {
					margin-bottom: 0;
				}

				#footer > .inner > *.narrow {
					width: 28%;
				}

			#footer > .inner > :first-child {
				margin-left: 0;
			}

			#footer > .inner > :last-child {
				margin-right: 0;
			}

    #footer p.rh { font-size: 90%; }

		#footer .copyright {
			color: #acacac;
			margin-top: 4.5rem;
			text-align: center;
		} 
    
    #footer > .inner ul.links li {
						padding-top: 0;
            padding-bottom: 0;
            margin-top:0.35em;
            margin-bottom: 0.35em;
		}
    
    #footer > .inner h4.mh  { color: #5fb536; }
    #footer > .inner h4.mas  { color: #00b3ef; }
    #footer > .inner h4.hra  { color: #fdb113; }
    
    #footer > .inner ul.links.mh li:before { color: #5fb536; }
    #footer > .inner ul.links.mas li:before { color: #00b3ef; }
    #footer > .inner ul.links.hra li:before { color: #fdb113; }


		@media screen and (max-width: 1280px) {

			#footer {
				padding: 4rem 0 2rem 0 ;
			}

				#footer .copyright {
					margin-top: 3rem;
				}

		}

		@media screen and (max-width: 980px) {

			#footer {
				padding: 4rem 0 2rem 0 ;
				text-align: center;
			}

				#footer > .inner {
					-moz-flex-wrap: wrap;
					-webkit-flex-wrap: wrap;
					-ms-flex-wrap: wrap;
					flex-wrap: wrap;
				}

					#footer > .inner ul.links li {
						padding-left: 0;
					}

						#footer > .inner ul.links li:before {
							display: none;
						}

					#footer > .inner > * {
						width: 100%;
						margin: 0 0 3rem 0;
					}

						#footer > .inner > *.narrow {
							width: 50%;
						}

				#footer .copyright {
					margin-top: 3rem;
				}

		}

		@media screen and (max-width: 736px) {

			#footer {
				padding: 3rem 0 1rem 0 ;
			}

				#footer > .inner > * {
					margin: 0 0 2.25rem 0;
				}

				#footer .copyright {
					margin-top: 2.25rem;
				}

		}

		@media screen and (max-width: 480px) {

			#footer > .inner > * {
				border-bottom: solid 1px #eeeeee;
				padding-bottom: 2.25rem;
			}

				#footer > .inner > *.narrow {
					width: 100%;
				}

				#footer > .inner > *:last-child {
					border-bottom: 0;
					padding-bottom: 0;
				}

		}

/* Nav Panel */

	#wrapper {
		-moz-transition: opacity 0.5s ease;
		-webkit-transition: opacity 0.5s ease;
		-ms-transition: opacity 0.5s ease;
		transition: opacity 0.5s ease;
	}

	#navPanel {
		-moz-transform: translateX(100%);
		-webkit-transform: translateX(100%);
		-ms-transform: translateX(100%);
		transform: translateX(100%);
		-moz-transition: -moz-transform 0.5s ease, box-shadow 0.5s ease, visibility 0.5s;
		-webkit-transition: -webkit-transform 0.5s ease, box-shadow 0.5s ease, visibility 0.5s;
		-ms-transition: -ms-transform 0.5s ease, box-shadow 0.5s ease, visibility 0.5s;
		transition: transform 0.5s ease, box-shadow 0.5s ease, visibility 0.5s;
		-webkit-overflow-scrolling: touch;
		background: #23b1ec;
		box-shadow: none;
		color: rgba(255, 255, 255, 0.75);
		height: 100%;
		max-width: 80%;
		overflow-y: auto;
		position: fixed;
		right: 0;
		top: 0;
		visibility: hidden;
		width: 20em;
		z-index: 10002;
	}

		#navPanel nav {
			padding: 3em 2em;
		}

		#navPanel .link {
			-moz-transition: color 0.2s;
			-webkit-transition: color 0.2s;
			-ms-transition: color 0.2s;
			transition: color 0.2s;
			border-top: solid 1px rgba(255, 255, 255, 0.25);
			border-bottom: 0;
			color: inherit !important;
			display: block;
			padding: 0.75em 0;
			text-decoration: none;
		}

			#navPanel .link:first-child {
				border-top: 0;
			}

			#navPanel .link.depth-0 {
				color: #ffffff !important;
				font-weight: 400;
			}

			#navPanel .link:active, #navPanel .link:focus, #navPanel .link:hover {
				color: #ffffff !important;
			}

			#navPanel .link .indent-1 {
				display: inline-block;
				width: 1.25em;
			}

			#navPanel .link .indent-2 {
				display: inline-block;
				width: 2.5em;
			}

		#navPanel .close {
			text-decoration: none;
			-moz-transition: color 0.2s ease-in-out;
			-webkit-transition: color 0.2s ease-in-out;
			-ms-transition: color 0.2s ease-in-out;
			transition: color 0.2s ease-in-out;
			-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
			border: 0;
			color: rgba(255, 255, 255, 0.5);
			cursor: pointer;
			display: block;
			height: 3.25em;
			line-height: 3.25em;
			padding-right: 1.25em;
			position: absolute;
			right: 0;
			text-align: right;
			top: 0;
			vertical-align: middle;
			width: 7em;
		}

			#navPanel .close:before {
				-moz-osx-font-smoothing: grayscale;
				-webkit-font-smoothing: antialiased;
				font-family: FontAwesome;
				font-style: normal;
				font-weight: normal;
				text-transform: none !important;
			}

			#navPanel .close:before {
				content: '\f00d';
				font-size: 1.25em;
			}

			#navPanel .close:hover {
				color: #ffffff !important;
			}

			@media screen and (max-width: 736px) {

				#navPanel .close {
					height: 4em;
					line-height: 4em;
				}

			}

		@media screen and (max-width: 736px) {

			#navPanel nav {
				padding: 2.5em 1.75em;
			}

		}

	body.is-navPanel-visible #wrapper {
		pointer-events: none;
		cursor: default;
		opacity: 0.25;
	}

	body.is-navPanel-visible #navPanel {
		-moz-transform: translateX(0);
		-webkit-transform: translateX(0);
		-ms-transform: translateX(0);
		transform: translateX(0);
		visibility: visible;
	}
  
  
/* added content */

#wrapper > .main > .inner > .content.titulkaRozcestnik { background-color: transparent; min-height: 410px; }

.titulkaBox {

  background-color: #fff;
  padding: 3em 2.0em;
  border-width: 0 0 4px 0;
  border-style: solid;
  height: 380px;
  min-height: 380px !important;
  opacity: 0.8;
}

.titulkaBox.mh { border-color: #5fb536; }
.titulkaBox.mas { border-color: #00b3ef; } 
.titulkaBox.hra { border-color: #fdb113; }  

.titulkaBox:hover {
   box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.35);
   border: 0;
   opacity: 1.0;
}

.titulkaBox:hover h3 { color: #3b3b3b; }
                 
.titulkaBox img {
 display: block;
 margin: 0 auto 0.5em auto;
 }
.titulkaBox img.mh { max-height: 150px; }
.titulkaBox img.mas { max-height: 100px; margin-top: 2.9em; margin-bottom: 4.5em; } 
.titulkaBox img.hra { max-height: 150px; }  

.titulkaBox h3 { 
margin: 3em 0 0 0; 
padding: 1em 0 0 0; 
border-top: 1px solid rgba(150,150,150,0.3); 
text-align: center;
color: #616161;
} 

.titulkaBox.mh:hover h3 { border-color: #5fb536; }
.titulkaBox.mas:hover h3 { border-color: #00b3ef; } 
.titulkaBox.hra:hover h3 { border-color: #fdb113; } 

@media screen and (max-width: 980px) {

		.titulkaBox {
				         margin: 0 0 2em 0;
		}

}

/* subpage */

#subpage h1 { padding-top: 1em; }



ul.detmenu { list-style-type: none; margin-left: 0; }
ul.detmenu li { padding: 0.5em 0.2em 0.5em 0.4em; border-top: 1px solid rgba(150,150,150,0.3); }
ul.detmenu li:first-child { border: 0; }

ul.detmenu li.active { position: relative; }
ul.detmenu.mh li.active { background-color: rgba(96,182,55,0.2);  }
ul.detmenu.mas li.active { background-color: rgba(35,177,236,0.2);  }
ul.detmenu.hra li.active { background-color: rgba(253,177,19,0.2);   }

ul.detmenu li.active:after  {
  position: absolute;
  top: 8px;
  right: 5px;
  font-size: 0.95rem;
  text-align: right;
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  text-transform: none !important;   
  content: "\f054";
} 

ul.detmenu.mh li.active:after { color: #5fb536; }
ul.detmenu.mas li.active:after { color: #00b3ef;  }
ul.detmenu.hra li.active:after { color: #fdb113;  }

ul.detmenu a { display: block; border: 0; }

ul.ciselne { list-style-type: decimal; }
ul.ciselne ol { list-style-type: lower-alpha; margin-left: 0.5em;}
ul.ciselne ol li { padding: 0.5em 0 0 0.3em;  }

.subBox { padding: 1em 0; margin: 0 0 1em 0; border-bottom: 1px solid rgba(150,150,150,0.3); }
.subBox.last { border: 0; margin: 0; }

.subBox img.flRight { float: right; margin: 0 0 2em 2em; max-width: 200px; }

ul.downlist { list-style-type: none; }

.chyba { font-weight: 700; color: red; }
.singlePageInfo { margin: 3em 0; }


/* hospodareni */

.hospodareni { border: 1px solid rgba(150,150,150,0.2); margin: 0 0 2em 0; border-collapse: unset; }

.hospodareni table { width: 100%; border-collapse: unset; }
.hospodareni td { padding: 8px; background-color: #fff; }

.hospodareni td.hLab { background-color: #eee; padding: 10px 8px; font-weight: bold;  }
.hospodareni td.hLab2 { background-color: #eee; padding: 10px 8px; font-weight: 300; font-size: 20px; text-align: center;  }
.hospodareni td.rok { font-weight: bold; padding-top: 13px; }


.hospodareni ul { list-style-type: none; margin: 0 0 0 1em; padding: 0;  }
.hospodareni li { padding: 5px 0; }
.hospodareni ul span { display: block; color: gray; font-size: 11px; padding-left: 20px; }


ul.nolist { list-style-type: none; }
ul.nolist li { padding: 0.3em 0; }

.hospodareni span.tempDatumSmall { display: inline; color: green; font-weight: bold; font-size: 12px; }


/* Povinně zveřejňované informace */

table.pzi { width: 100%; background-color: silver; border-collapse: unset; border-spacing: 1px; }
table.pzi td { padding: 10px; background-color: #fff; }

/* seznam - clenske obce, katalog firem */

ul.noListBig { list-style-type: none; margin: 0; padding: 0 0 0 30px; font-size: 14px; }
ul.noListBig li { padding: 5px 0; border-bottom: 1px solid white;  margin: 0;  display: block; }
ul.noListBig a {   margin: 0; font-weight: bold; font-size: 112%;}
ul.noListBig a:hover {  /*background-image: url(/images/icons/folderop.gif);*/  }
ul.noListBig span { color: gray; font-size: 12px; margin-left: 15px; }
ul.noListBig.projectsList li { padding: 2em 0; }

ul.noListBig.projectsList a {

   color: #3b3b3b;
   font-size: 2.25rem;
font-weight: 200;
line-height: 1.3;

margin: 0 0 0.5rem 0;
letter-spacing: -0.025rem;
}

ul.noListBig div.info { display: contents;   margin-top: 0.2rem;  }
ul.noListBig div.info span { font-size: 1.05rem; color: #fff; padding: 3px 6px; border-radius: 5px; white-space:nowrap;  }
ul.noListBig div.info.mh span { background-color: rgba(96,182,55,0.5); }
ul.noListBig div.info.mas span { background-color: rgba(35,177,236,0.5); }
ul.noListBig div.info.hra span { background-color: rgba(253,177,19,0.5); } 


table.rozpocet td { padding: 5px 0; white-space: nowrap; }
table.rozpocet td.rolab { text-align: right; padding-right: 10px; font-weight: bold; }

table.termin { border-collapse: unset; }
table.termin td { padding: 5px 0; }
table.termin td.tl { text-align: right; padding-right: 5px; color: gray; }


table.obce-kontakty { width: 100%; }
table.obce-kontakty td { font-size: 11px; padding: 2px 0; }
table.obce-kontakty td.khead { font-size: 12px; font-weight: bold; }
table.obce-kontakty td.funkce { font-size: 12px; font-style: italic; }
table.obce-kontakty td.klab { color: gray; text-align: right; padding-right: 6px; }
table.obce-kontakty td.kspace { padding: 0; }


.subNavi { margin: 1em 0 1.5em 0; }

.subNavi .icon { font-size: 90%; margin: 0 0.2em; }
.subNavi.mh .icon { color: #5fb536; }
.subNavi.mas .icon { color: #00b3ef; }
.subNavi.hra .icon { color: #fdb113; }



/* Grantovy program */

.gpLogo { display: block; margin: 0 0 1em 0; }

h3.gploga { 
font-size: 11px; 
color: #4f4f4f;
 margin: 1.5em 0 2em 0; 
 padding: 5px 0 0 0;
 border-top: 1px solid rgba(150,150,150,0.3); 
 }

table#gplogos { margin: 0 0 15px 0; }
table#gplogos img { border: 0; }
table#gplogos td.pov { padding-right:50px; padding-bottom:15px;}
table#gplogos td.vahala { padding-right:50px; }
table#gplogos td.cement { padding-right:30px; }
table#gplogos td.schafer { text-align: right; }
table#gplogos td.zelezo { text-align: right; }

.logoGrid img { display: block; margin: 1.5em auto; }   
.logoGrid a { border: 0; }  

.cb { clear: both; }


.projektUdajBox { margin: 0 0 2em 0; }
.projektUdajBox h3 { 
padding: 0.5em 0 0 0; 
margin: 0 0 1em 0; 
border-top: 1px solid rgba(150,150,150,0.3); 
font-size: 1.05rem; 
color: #5fb536;
}

table.rozpocet { border-collapse: unset; width: auto; }
table.rozpocet td { padding: 5px 0; white-space: nowrap; }
table.rozpocet td.rolab { text-align: right; padding-right: 10px; font-weight: bold; }


table.obce-kontakty { width: 100%; border-collapse: unset; border-spacing: 0; }
table.obce-kontakty td { font-size: 13px; padding: 2px 0; }
table.obce-kontakty td.khead { font-size: 13px; font-weight: bold; }
table.obce-kontakty td.funkce { font-size: 13px; font-style: italic; }
table.obce-kontakty td.klab { color: gray; text-align: right; padding-right: 6px; }
table.obce-kontakty td.kspace { padding: 0; }

.gpMinule h3 { font-size: 1.05rem;  margin: 0 0 1em 0; padding: 0.5em 0 0 0;  }

img.masLogaTitulka { display: block; margin: 0 0 30px 0; }

img.eusmo { display: block; margin: 0 0 2em 0; max-width: 100%; }

/* Foto / video */


.fotoGalBox { margin: 2em 0 0 0; }
.fotoGalBox img { float: left; margin: 0 0.8em 0 0; width: 150px; }
.fotoGalBox { font-weight: bold; font-size: 110%; } 
.fotoGalBox p { color: gray; font-weight: normal; font-size: 80%; padding: 0; margin: 0.5em 0 0 0; }

.galinfo { margin: 0; }

.fotogalerieThumbsWrap img { max-height: 150px; margin: 0.5em 0.5em 0 0; float: left; max-width: 100%; }


.videoWrapBox { padding-top: 2em; }

/* video wrapper */

.videoWrapper {
	position: relative;
  padding-bottom: 53.25%; /* 16:9 */
	padding-bottom: 51.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}  


/* DUS */

.dusMenu ul { list-style-type: none; margin: 0; padding: 0; }
.dusMenu li { padding: 0; margin: 0; border-bottom: 1px solid white; }
.dusMenu ul a {  display: block; background: url(/images/icons/odkaz.gif) 0 50% no-repeat; padding: 10px 0 10px 25px; border: 0;  margin: 0;}
.dusMenu ul a.active, .dusMenu ul a.active2 { font-weight: bold; text-decoration: none; background-color: #eee; color: black; border: 0; }

.dusMenu li ul { list-style-type: none; margin: 0; padding: 0; }
.dusMenu li ul li { border-color: #eee; }
.dusMenu li ul a { font-size: 11px; background-image: none; padding: 5px 0 5px 25px; background-color: #eee; border: 0; color: black; text-decoration:none; font-weight: normal; }
.dusMenu li ul a:hover { background-color: white; color: black; }

.dusMenu li ul a.podrubrika_active { color: black; background: url(/images/menuar.gif) 98% 50% no-repeat; background-color: white;  text-decoration: none; font-weight: bold; }

.dusMenu h3.ploga { font-size: 0.95rem; padding: 0; margin: 2em 0 0.5em 0; }

table.duslogos { margin: 0 0 15px 0; border-spacing: 0; border-collapse: unset; }
table.duslogos img, table.duslogos a { border: 0; }
table.duslogos td.pov { padding-right:50px; padding-bottom:15px;}
table.duslogos td.vahala { padding-right:50px; }
table.duslogos td.cement { padding-right:30px; vertical-align: middle; }
table.duslogos td.schafer { text-align: center;padding-top: 10px; }
table.duslogos td.zelezo { text-align: center; padding-top: 10px;}

p.helpInfo { margin: 1em 0 0 0; font-size: 90%; }

.dusMainPage h2 { margin: 0 0 0.5em 0; padding: 0; font-size: 1.85rem;  }
.dusMainPage h2 a { color: #5fb536; }

.pklist { margin: 0 0 1.5em 0; color: gray;}
.pklist a { font-size: 14px; color: gray; border: 0; }

h2.dusfoto { margin: 1em 0 0.5em 0; }

/* boxy s informacemi */

.dusNaviBar { margin: 0 0 1.5em 0; }

.sBox { padding: 0 0 1em 0; margin: 0 0 1em 0; border-bottom: 1px solid rgba(150,150,150,0.3);  }
.sBox h2 { font-size: 1.65rem; margin: 0 0 1em 0; padding: 0; color: #5fb536; font-weight: bold; }



.sBox p { margin: 0; padding: 0; font-size: 14px; }
.sBox p.pvyz { font-weight: bold; color: gray; }

.sBox a.celyText { font-size: 12px; text-decoration: none; border-bottom: 1px dotted #03C; }

.sBox table.sKontakty {border-spacing: 0; border-collapse: unset;   }
.sBox table.sKontakty td { padding: 3px 0; font-size: 14px; }
.sBox table.sKontakty td.sKontLab { text-align: right; padding-right: 8px; color: gray; font-weight: bold; white-space: nowrap; }
.sBox table.sKontakty a.ext { background: url(/images/icons/extlink.png) 100% 50% no-repeat; padding-right: 15px;  }

table.formTab {border-spacing: 0; border-collapse: unset;   }
table.formTab td { padding: 0 0 10px 0; line-height: 1.5;}
table.formTab td.formLab { padding-right: 10px; text-align: right; font-weight: bold; white-space: nowrap; color: #383838;}
table.formTab td.formLab2 { padding-right: 10px; text-align: right; font-style: italic; white-space: nowrap; color: gray;}

table.formTab a.ext { background: url(/images/icons/extlink.png) 100% 50% no-repeat; padding-right: 15px; }

table.formTab table.cSkup { display: inline; }
table.formTab table.cSkup td { padding: 2px; font-size: 14px; }
table.formTab table.cSkup input { margin: 0; }


.vystBox2 { margin: 0 0 10px 0; border: 10px solid #F5F5EE; padding: 0 0 10px 0; }

.vystBox2 h2 { font-size: 16px; margin: 0 0 10px 0; padding: 0 0 10px 10px; background-color: #F5F5EE }
.vystBox2 table { width: 90%; margin: 0 auto; }

.detailyButBox { text-align: center; }
.detailyButBox a { 
                   border: 1px solid rgba(150,150,150,0.3); 
                   padding: 0.2em 1.2em;
                   border-radius: 0.9em;
                   position: relative;
                   padding-left: 40px;                   
}

.detailyButBox a:before  {
  position: absolute;
  top: 0;
  left: 15px;
  font-size: 0.95rem;
  text-align: right;
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  text-transform: none !important;
  color: gray;
  content: "\f078";
}

.detailyButBox a.displayed:before { content: "\f077"; } 

/*
a.pdf, a.doc {  padding-left: 25px; }

a.pdf:before, a.doc:before  {
  position: absolute;
  top: 0;
  left: 0;
  font-size: 0.95rem;
  text-align: right;
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  text-transform: none !important;
  color: gray; 
}

a.pdf:before  { content: "\f1c1"; }
a.doc:before  { content: "\f1c2"; }
*/

/* Kontakty */

.zamDetailBox h3 { font-size: 90%; color: gray; }

.kontakty h2 {
    font-size: 1.8rem;
    font-weight: 400;    
    margin: 0 0 1.5rem 0;
  
}

.kontakty.mh h2 { color: #5fb536; }

.kontakty table { border-collapse: unset; }

p.adresa { font-size: 110%; }

table.kontaktTab { border-spacing: 0; border-collapse: unset; }
table.kontaktTab td { padding: 0.3em 0; }
table.kontaktTab td.lab { text-align: right; padding-right: 0.5em; font-weight: bold; color: gray; }


.kontaktOsoba { margin: 0; padding: 1.5em 0; border-top: 1px solid rgba(150,150,150,0.3); }
.kontaktOsoba.first { border: 0; }
.kontaktOsoba .fce { color: gray; /* font-weight: bold; */ margin: 0 0 0.3em 0; padding: 0; }
.kontaktOsoba h3 { font-weight: bold; }


/* MAS */

.masUzemi { float: right; margin: 0 0 1.5em 1.5em; width: 300px; }
.masUzemi.topMarg {  margin-top: 2em; }

@media screen and (max-width: 700px) {
    .masUzemi { float: none; margin: 1em auto; width: 400px; max-width: 100%; display: block; }
}


.tabulka td.tablab { background-color: #eee; font-size: 80%; }
.tabulka td.tablab2 { background-color: #eee; font-weight:bold; }

.masdpBox { padding: 1.5em 0; border-top: 1px solid rgba(150,150,150,0.3);  margin: 0; }
/* .masdpBox h2 { font-size: 80%; } */

/* HRA */

h1.destMan { background: url(/images/loga/czpleu_destmanagement_small.png) 100% 15px no-repeat; }
@media screen and (max-width: 1040px) {
    h1.destMan { background-size: 400px; }
}

@media screen and (max-width: 980px) {
    h1.destMan { background-size: unset; background-position: 0 100%; padding-bottom: 60px; }
}

@media screen and (max-width: 520px) {
    h1.destMan { background-size: 100%; }
}

span.docSize { margin-left: 8px; font-size: 90%; color: gray; }

img.destManLogoSide { display: block; margin: 2.6em auto 0 auto; width: 80%; max-width: 150px; }

@media screen and (max-width: 980px) {
   img.destManLogoSide { float: left; display: inline-block; margin: 0.5em 0 2.5em 2.5em; max-width: 80px; }
}

/* Aktuality */

.messageError { color: red; }
.singleError {  text-align: center; font-size: 120%; margin: 3.0em 0 4.0em 0;  }

.messageOk { color: green; }

.aktualityDalsiWrap { text-align: center; padding: 1em 0; margin: 1em 0; }
.aktualityDalsiWrap a { padding: 0.8em 2em; color: #fff; font-size: 16pt; background-color: #23b1ec; border: 1px solid #23b1ec;  }
.aktualityDalsiWrap a:hover { color: #23b1ec; background-color: #fff;  }

.grid {  
  margin: 1em auto 0 auto;
 
} 

.grid:after {
  content: '';
  display: block;
  clear: both;
}

.grid-sizer,
.grid-item {
  width: calc(33% - 20px);
}
 
.grid-item {         
           float: left;  
           margin-bottom: 30px;
} 

@media screen and (max-width: 965px) {

   .grid-sizer, .grid-item {  width: calc(50% - 20px); }
  
}

@media screen and (max-width: 450px) {

   .grid-sizer, .grid-item {  width: 100%; }
  
}


.aktualitaSmallBox { margin: 0 0 2em 0; }

.aktualitaSmallBox .aImgBox { 
        
	float: left;
  width: calc(25% - 10px);
  margin: 0 1em 0 0;
  padding-top: 7px;
}

.aktualitaSmallBox .aImgBox img {
	
  display: block;
  width: 100%;   
    
}

.aktualitaSmallBox .aBodyBox { 
        
	float: right;
  width: calc(75% - 10px);
  margin: 0;

}

.aktualitaSmallBox h3 { color: unset; margin-bottom: 0.8rem; }
.aktualitaSmallBox p.aktDatum { color: silver; margin: 0; }


.aktualitaBox {
background-color: #fff;
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.35);
border-radius: 0.5em;
overflow: hidden;
}

.aktualitaBox img {
			-moz-transition: -moz-transform 0.2s ease-in-out;
			-webkit-transition: -webkit-transform 0.2s ease-in-out;
			-ms-transition: -ms-transform 0.2s ease-in-out;
			transition: transform 0.2s ease-in-out;
			width: 100%;
      border-top-left-radius: 0.5em;
      border-top-right-radius: 0.5em;
		}

.aktualitaBox:hover img {
			-moz-transform: scale(1.05);
			-webkit-transform: scale(1.05);
			-ms-transform: scale(1.05);
			transform: scale(1.05);
		}
.aktContent { padding: 0.8em; }

.aktualitaBox:hover h3 { color: unset; }

.aktualitaBox p { color: #000; opacity: 0.5; margin-bottom: 0; padding-bottom: 0; }
.aktualitaBox:hover p  { opacity: 0.9; }

.aktualitaBox p.aktDatum { font-size: 80%; color: gray; font-weight: bold; margin: 0.3 0; }

p.vlozeno { font-style: italic; }

.aktualitaBody p { line-height: 1.7; font-size: 110%; }
.aktualitaBody p.perex { font-weight: bold; font-size: 120%; }
.aktualitaBody .kontaktTab { margin-top: 2.5em; }

img.ogPhoto { display:block; max-width: 100%; margin: 0 auto 2em auto; }
img.onlyPhoto { display:block; max-width: 100%; margin: 1em auto 0 auto; }

/* dokumenty php dir */

.docBox { 
margin: 1em 0 2em 0; 
/* border: 1px solid #f9f8ef; */
border: 0; 
 transition: all .6s;
 overflow: hidden;
}
.docBox.opened { 
/* border-color: #c2c1b4; */
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.35); 
}

.docBox.opened.plainBox { box-shadow: none; }

.docBox h3 { 
background: url(/images/icons/attachment.gif) 10px 50% no-repeat; 
font-size: 1.05rem;
padding: 0.5em 0.5em 0.5em 2.2em; 
margin: 0;
font-weight: bold;
background-color: #f9f8ef;
}

.docBox h3 a { position: relative; padding-right: 40px; border: 0; display: block;  }
.docBox h3 a:before  {
  position: absolute;
  top: 0;
  right: 10px;
  font-size: 0.95rem;
  text-align: right;
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  text-transform: none !important;
  color: gray;
  content: "\f078";
}

.docBox h3.opened { background-color: #fff; }
.docBox h3.opened a:before { content: "\f077"; } 

.docBoxWrap { padding: 1em 0; }
.docBoxWrap p { padding: 0.5em 0 0.5em 1em; margin: 0;  }
.docBoxWrap em { font-size: 90%; color: gray; font-style: normal; margin-left: 0.2em; }

.docBoxWrap p.error { padding: 2em 1em; color: red; }
.docBoxWrap img { display: block; margin: 2em auto; }

.docBox ul { margin: 0 0.5em 0 1em; padding: 0; list-style-type: none; }
.docBox li { padding: 0.3em 0; }
.docBox li span { color: silver; font-size: 90%; }

a.rounded { 
 /*Border radius*/
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;	
	font-size: 12px;
	padding: 5px 10px;
		
	text-align:center; color: #735d20; 	
 	font-weight: bold;
	
	/*Background*/
	background: #EDEDED; /*Fallback*/
	background: -webkit-gradient(
					linear,
					left top,
					left bottom,
					color-stop(.2, #ffffff),
					color-stop(1, #E5E5E5)
				);
	background: -moz-linear-gradient(
					center top,
					#ffffff 20%,
					#E5E5E5 100%
				); 
  border: 1px solid #C4C4C4;
	border-top-color: #E4E4E4;
	border-left-color: #E4E4E4;
	text-decoration: none;	

 } 
 
a.rounded:hover {
     	/*Background*/
	background: #cecccc; /*Fallback*/
	background: -webkit-gradient(
					linear,
					left top,
					left bottom,
					color-stop(.2, #f5f5f5),
					color-stop(1, #cecccc)
				);
	background: -moz-linear-gradient(
					center top,
					#f5f5f5 20%,
					#cecccc 100%
				); 
   color: black;
} 


/*
mh  rgba(96,182,55,0.7); #5fb536   
mas background-color: rgba(35,177,236,0.7);  #00b3ef
hra  background-color: rgba(253,177,19,0.7); }  #fdb113
*/

/* Admin */

.loginWrap { padding: 2em;
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.15);
background-color: #fff;
max-width: 300px;
margin: 3em auto;
 }
 
 
.loginWrap input[type="text"], .loginWrap input[type="password"] {
  font-size:  16px; 
  padding:  20px 0px 20px 0; 
  height:  56px; 
  border:  none; 
  border-bottom:  solid 1px rgba(0,0,0,.1); 
  background:  #fff; 
 /* min-width:  280px; */ 
  width:  100%; 
  box-sizing:  border-box; 
  transition:  all .3s linear; 
  color:  #000; 
  font-weight:  400; 
  -webkit-appearance:  none; 
  border-radius: 0; 
}

.loginWrap input[type="text"]:focus, .loginWrap input[type="password"]:focus {
 outline: none; 
 border: 0; 
 border-bottom:  solid 1px rgba(0,0,0,.1);
 border-radius: 0;
 
 box-shadow: unset;
} 

.loginWrap form { margin: 0; } 
.loginWrap input { display: block; margin: 0 0 1em 0;  }
.loginWrap input[type="submit"] { margin: 0; }

.loginWrap .floating-label {
  position:  relative; 
  margin-bottom:  10px; 
}


.loginWrap .floating-label label {
    position:  absolute; 
    top: calc(50% - 14px);
    left:  0; 
    opacity:  0; 
    transition:  all .3s ease; 
    color: #00a6eb;
    font-weight: bold;    
}

  
.loginWrap .floating-label input:not(:placeholder-shown)
 {
    padding:  28px 0px 12px 10px; 
}

.loginWrap .floating-label input:not(:placeholder-shown) + label
 {
    transform:  translateY(-10px); 
    opacity:  .7; 
  }
  
.loginWrap .floating-label span { 
  margin-left: 0.5em;
  color: red;
  position:  absolute;
  top: calc(50% - 24px);
  right:  0;
  font-weight: normal;
}  



.loginWrap ul.actions  { margin: 0; }

#signOutButton { padding-left: 20px; color: #606060; }

#signOutButton:before {
    position: absolute;
    font-family: FontAwesome;
    font-size:90%;
    color: #c3c3c3;
    font-weight: normal;
    top: 0;
    left: 0;
    content: "\f011";
  }
  
#signOutButton.userSignOut { padding-left: 15px; } 
#signOutButton.userSignOut:before { top: 1px; }   

#signOutButton:hover, #signOutButton:hover:before  { color: red; }

.aktBox {   
   border-top: 1px solid rgba(144, 144, 144, 0.25);
   padding: 2.0em 0;
   margin: 0;  
}

.toggleBoxes .aktBox { border-top: 0; padding: 1.0em 0; }
.toggleBoxes .toggleBut { 

    position: relative; 
    padding-left: 30px;
    font-size: 0.7em;
 }

.toggleBoxes .toggleBut:before  {
  position: absolute;
  top: 7px;
  left: 0;
  font-size: 0.95rem;
  text-align: right;
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  text-transform: none !important;
  color: gray;
  content: "\f078";
  
  transition: 0.70s;
  -webkit-transition: 0.70s;
  -moz-transition: 0.70s;
  -ms-transition: 0.70s;
  -o-transition: 0.70s;
  
}

.toggleBoxes .toggleBut.displayed { border: 0; font-weight: bold; }
.toggleBoxes .toggleBut.displayed:before {
 /*content: "\f077"; */
 /*transform: rotate(180deg);  */
  transition: 0.70s;
  -webkit-transition: 0.70s;
  -moz-transition: 0.70s;
  -ms-transition: 0.70s;
  -o-transition: 0.70s;
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg); 
  
  } 

.aktImg { width: 200px; float: left; margin: 0 1.0em 0 0; height: 100%;  }
.aktImg img { width: 100%; }

.aktBox h4.zarazeni span { border-radius: 5px; padding: 5px 10px; color: #fff; background-color: green; }

.aktBox p { padding: 0; margin: 0.5em 0 0 0; }

.aktBox p.datumAkt {  font-size: 11pt; margin: 0; padding: 1em 0 0.5em 0; color: gray;  }
.aktBox p.datumAkt strong { color: green; font-weight: bold; }
.aktBox h2 { padding: 0; margin: 0 0 0.5em 0; }
.aktBox h2.indiv { font-weight: 500; }
.aktBox h2 em { font-size: 90%; }


.aktBox table { margin: 1em 0 0 0.8em; border-collapse: unset; }
.aktBox table td { padding: 0.3em 0; vertical-align: top; }
.aktBox table td.feLab { text-align: right; white-space: nowrap; padding-right: 0.8em; color: gray; font-weight: bold; }

img.projektHeaderTab { display: block; max-height: 50px; max-width: 700px; }

.aktBox ul.actions { margin-bottom: 0; }

.ui-corner-all { border-bottom: 0; }

#headerLogoFileOutput { margin: 0; }
#headerLogoFileOutput img { display: block; margin: 0 auto 2em auto; max-width: 100%; }

.formElementBox { margin: 0 0 2.0em 0; position: relative;  }
.formElementBox h3 { margin: 0; padding: 0; color: #A93400; }
.formElementBox h3 span.formLabelInfo { font-size: 0.65em; color: gray; }
/* .formElementBox input, .formElementBox textarea { font-size: 13.5pt; } */

.formElementBoxLeft { float: left; width: calc(50% - 20px); }
.formElementBoxRight { float: right; width: calc(50% - 20px); }

@media screen and (max-width: 500px) {

   .formElementBoxLeft, .formElementBoxRight {  float: none; width: 100%; }
   .formElementBoxLeft { margin-bottom: 1em; }
}

.formElementBox select { width: auto; }

.formElementBox input.datumInput { width: auto; }

.formElementBox.submitBox { text-align: center; max-width: unset;}

.txtbold { font-weight: bold; }

.formElementBox .actions { margin-top: 1.0em; }

.formElementBox span.error {   
  color: red; 
  position: absolute; 
  top: 0;
  right:  0;     
  opacity:  1;    
}

.formElementBox span.error:before {

        font-family: FontAwesome;
				font-style: normal;
				font-weight: normal;
				text-transform: none !important;
        color:red;
       content: '\f0a7';
       font-size: 18px;
      margin-right: 0.5em;

}

.formElementBox table { margin: 1em 0 0 0.8em; border-collapse: unset; width: auto; }
.formElementBox table td { padding: 0.3em 0; vertical-align: top; }
.formElementBox table td.feLab { text-align: right; white-space: nowrap; padding-right: 0.8em; padding-top: 0.5em; }

.formElementBox table td input[type="text"] { width: unset;  display: inline;}

.kontaktyForm { list-style-type: none; margin: 2em 0 0 0; padding: 0; }
.kontaktyForm li { padding: 0 0 2em 0; }
.kontaktyForm label { margin-bottom: 0; }
.kontaktyForm input[type="text"] { 
display: block; 
margin: 0 0 0 2.5em; 
padding: 0; 
border: 0; 
border-bottom: 1px solid silver;  
border-radius: unset;
}

.kontaktyForm input[type="text"]:focus {
		  border-color: #23b1ec;
			box-shadow: unset;
}

.fileInf { padding-left: 2.5em; }

.souborWrap { margin: 0 0 0.5em 0; padding: 0.5em 0; }

#filePreview {  }


.newDocUpload { padding: 1em; border: 1px solid #eee; border-radius: 1em; }
.newDocUpload h4 { color: gray; }
.newDocUpload input[type="text"] { width: auto; font-size: 13pt; }
.newDocUpload p { margin-bottom: 0.5em; }

.inputfile {
    width: 0.1px;
    height: 0.1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1;
}

.inputfile + label {
    max-width: 80%;
    font-size: 1.05rem;    
    font-weight: 700;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer;
    display: inline-block;
    overflow: hidden;
    padding: 0.625rem 1.25rem;
    margin: 10px auto;   
}


.inputfile:focus + label,
.inputfile.has-focus + label {
    outline: none; 
    outline: -webkit-focus-ring-color auto 5px;
}

.inputfile + label * {
    /* pointer-events: none; */
    /* in case of FastClick lib use */
}

.inputfile + label svg {
    width: 1.2em;
    height: 1.2em;
    vertical-align: middle;
    fill: currentColor;
    margin-top: -0.25em;    
    margin-right: 0.25em;    
}

.inputfile-1 + label {
     color: #414141;
    border: 2px solid currentColor;
}

.inputfile-1:focus + label,
.inputfile-1.has-focus + label,
.inputfile-1 + label:hover {
      color: #616161;
}


.inputfile-2 + label {
     color: #414141;
    border: 1px solid currentColor;
    border-radius: 1em;
    
    font-size: 0.85rem;    
  
    padding: 0.525rem 1.05rem;
    margin: 10px auto; 
    color: #509ed8; 
}

.inputfile-2:focus + label,
.inputfile-2.has-focus + label,
.inputfile-2 + label:hover {
      color: #616161;
}

#postImageLabel {  }

#uploadImageBut {
    font-size: 1.05rem; 
    font-weight: 700;
    padding: 0.625rem 1.25rem;  
    margin: 0 0 0 1.0em;
    color: #414141;
    border: 2px solid currentColor;
    display: none; 
}

#uploadImageBut .icon { padding-right: 10px; }

#loadingAnimation { margin: 20px auto 30px auto; display: block; z-index:5000; }

.submitOk { padding: 5.0em 0; text-align:center; color: green; font-size: 20px; font-weight: bold; }
#formSubmitResult { display: none; }

.mce-container button,
.xdsoft_datetimepicker button { box-shadow: unset; color: unset; }

#output img { display: block; max-width: 100%; }

ul.multiUploadDir {
    list-style:none;
    margin: 0.8em 0 0 0;
padding: 0;  
}

ul.multiUploadDir .icon {  font-size: 17px; margin: 0 3px 0 0; }

ul.multiUploadContainer {
    list-style:none;
    margin:0;   
}

ul.multiUploadContainer li{       
 
    padding:15px 0;
    min-height: 72px; 
    position: relative;   
}

ul.multiUploadContainer li a { border: 0; } 

ul.multiUploadContainer li a.button {
  display: none;
  height: 2.25rem;
  line-height: 2.15rem;
  font-size: 80%;
  margin: 0.6em auto;  
  width: max-content;
}

ul.multiUploadContainer li input.popis,
ul.multiUploadContainer li input.popisDoc {
    display: block;
    width:100%;
    border: 0;
    padding: 0;
    border-bottom: 1px solid rgba(150,150,150,0.3);
    border-radius: 0;
}

ul.multiUploadContainer li input.popisDoc { margin-top:0.5em; }

ul.multiUploadContainer li input.popis:focus,
ul.multiUploadContainer li input.popisDoc:focus {
  		border-color: #23b1ec;
			box-shadow: unset;
}

ul.multiUploadContainer li .messageOk, 
ul.multiUploadContainer li .messageError { text-align: center; font-size: 90%; font-weight: bold; margin: 0.5em 0; }

ul.multiUploadContainer li img { 
   display: inline;
   max-width: 85px;
   max-height: 48px;
   min-height: 48px;  
}

ul.multiUploadContainer li p {
    
    width: calc(100% - 140px);
    overflow: hidden;
    white-space: nowrap;    
    color:#7f7f7f;
    font-size: 14px;
    font-weight: bold;
    position: absolute;
    top: 20px;
    left: 100px;
}

ul.multiUploadContainer li i {
    font-weight: normal;
    font-style:normal;
    color: silver;
    display:block;
}

ul.multiUploadContainer li canvas {
    top: 15px;
    left: 0;
    position: absolute;     
}

ul.multiUploadContainer li span {
    width: 15px;
    height: 12px;
    background: url('../img/icons.png') no-repeat;
    position: absolute;
    top: 34px;
    right: 0;
    cursor:pointer;
}


ul.multiUploadContainer li span.delBut {
   background-image: none; 
   top: 24px;
   width: 22px;
   height: 22px;     
}

ul.multiUploadContainer li span.delBut .icon { font-size: 22px; }
ul.multiUploadContainer li span.delBut:hover .icon { color: red; }

ul.multiUploadContainer li.error p {
    color:red;
}

input.bigButton {
  font-size: 130%;
  height: 5.0rem;
  padding: 0 3.5rem;
}

input.bigButton.saveButon {

padding-left: 4.5rem;
 position: relative;
}

input.saveButon:before {

     font-family: FontAwesome;
		font-style: normal;
		font-weight: normal;
		text-transform: none !important;
     height: 1.65rem;
		left: 0;
		line-height: 1.58125rem;
		position: absolute;
	  color: gray;
		top: 15px;
		left: 0.5rem;
    /* content: '\f0c7'; */
    content: '\f1c1';
    
}

.sekceBox { margin: 0 0 2em 0; }

.noDbResult { color: gray; }

a.toolIcon { margin-left:0.6em; border: 0; font-size: 20px; }

p.docHolder em { color: gray; font-style: normal; }

.formLoading { margin: 0.5em 0 0.5em 2em; width: 32px; height: 32px; }

.imgUploadBox { position: relative; }

.deleteButton {
    display: inline-block;
    border: 0;  
    text-decoration: none;
    position: absolute;
    left: 50%;
    bottom: 0.8em;
    
}

.deleteButton:before {
    background-color:#fff;

    box-shadow: 0px 0px 6px 0px  rgba(0,0,0,0.55);
    top: 4px;
    left: 4px;
    display: inline-block;
    width: 3.0rem;
    height: 3.0rem;
    line-height: 3.0rem;
    border-radius: 3.0rem;
    font-size: 1.25rem;
    text-align: center;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-transform: none !important;
    content: "\f1f8";
    color: gray;
    box-sizing: inherit;
    -webkit-transition: content 2s;
    transition: content 2s;
    text-decoration: none;
}

.deleteButton:hover:before { color: #fff; background-color: red; }