/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */

/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS and IE text size adjust after device orientation change,
 *    without disabling user zoom.
 */

html {
  font-family: sans-serif; /* 1 */
  -ms-text-size-adjust: 100%; /* 2 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/**
 * Remove default margin.
 */

body {
  margin: 0;
}

/* HTML5 display definitions
   ========================================================================== */

/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11
 * and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}

/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */

audio,
canvas,
progress,
video {
  display: inline-block; /* 1 */
  vertical-align: baseline; /* 2 */
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */

audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22.
 */

[hidden],
template {
  display: none;
}

/* Links
   ========================================================================== */

/**
 * Remove the gray background color from active links in IE 10.
 */

a {
  background-color: transparent;
}

/**
 * Improve readability of focused elements when they are also in an
 * active/hover state.
 */

a:active,
a:hover {
  outline: 0;
}

/* Text-level semantics
   ========================================================================== */

/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */

abbr[title] {
  border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */

b,
strong {
  font-weight: bold;
}

/**
 * Address styling not present in Safari and Chrome.
 */

dfn {
  font-style: italic;
}

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/**
 * Address styling not present in IE 8/9.
 */

mark {
  background: #ff0;
  color: #000;
}

/**
 * Address inconsistent and variable font size in all browsers.
 */

small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

/* Embedded content
   ========================================================================== */

/**
 * Remove border when inside `a` element in IE 8/9/10.
 */

img {
  border: 0;
}

/**
 * Correct overflow not hidden in IE 9/10/11.
 */

svg:not(:root) {
  overflow: hidden;
}

/* Grouping content
   ========================================================================== */

/**
 * Address margin not present in IE 8/9 and Safari.
 */

figure {
  margin: 1em 40px;
}

/**
 * Address differences between Firefox and other browsers.
 */

hr {
  box-sizing: content-box;
  height: 0;
}

/**
 * Contain overflow in all browsers.
 */

pre {
  overflow: auto;
}

/**
 * Address odd `em`-unit font size rendering in all browsers.
 */

code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

/* Forms
   ========================================================================== */

/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */

/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */

button,
input,
optgroup,
select,
textarea {
  color: inherit; /* 1 */
  font: inherit; /* 2 */
  margin: 0; /* 3 */
}

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */

button {
  overflow: visible;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */

button,
select {
  text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */

button,
html input[type="button"], /* 1 */
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button; /* 2 */
  cursor: pointer; /* 3 */
}

/**
 * Re-set default cursor for disabled elements.
 */

button[disabled],
html input[disabled] {
  cursor: default;
}

/**
 * Remove inner padding and border in Firefox 4+.
 */

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

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */

input {
  line-height: normal;
}

/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */

input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome.
 */

input[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  box-sizing: content-box; /* 2 */
}

/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * Define consistent border, margin, and padding.
 */

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */

legend {
  border: 0; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */

textarea {
  overflow: auto;
}

/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */

optgroup {
  font-weight: bold;
}

/* Tables
   ========================================================================== */

/**
 * Remove most spacing between table cells.
 */

table {
  border-collapse: collapse;
  border-spacing: 0;
}

td,
th {
  padding: 0;
}

/* hamburger */

#ham {   
    top: 1em;
    right: 2em;
    bottom: 0;
    position: fixed;
    padding:10px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    cursor: pointer;
    z-index:101
}
#ham-inside {width:22px; height: 18px; position:relative; }
#ham span{
  display: block;
  position: absolute;
  height: 2px;
  width: 100%;
  /*background: #282828;*/
  background: #61c250;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}
#ham span:nth-child(1) {
  top: 0px;
}

#ham span:nth-child(2),#ham span:nth-child(3) {
  top: 7px;
}

#ham span:nth-child(4) {
  top: 14px;
}

#ham.open span:nth-child(1) {
  top: 18px;
  width: 0%;
  left: 50%;
}

#ham.open span:nth-child(2) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

#ham.open span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

#ham.open span:nth-child(4) {
  top: 18px;
  width: 0%;
  left: 50%;
}

/* fonts */


@font-face {
font-family: 'wulkan';
src: url('../fonts/Wulkan Display Regular.otf');
}

@font-face {
font-family: 'nimbussansdot-regu';
src: url('../fonts/nimbussansdot-regu.eot'); /* IE9 Compat Modes */
src: url('../fonts/nimbussansdot-regu.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('../fonts/nimbussansdot-regu.woff2') format('woff2'), /* Super Modern Browsers */
url('../fonts/nimbussansdot-regu.woff') format('woff'), /* Pretty Modern Browsers */
url('../fonts/nimbussansdot-regu.ttf')  format('truetype');
}

@font-face {
font-family: 'nimbussansdot-ligh';
src: url('../fonts/nimbussansdot-ligh.eot'); /* IE9 Compat Modes */
src: url('../fonts/nimbussansdot-ligh.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('../fonts/nimbussansdot-ligh.woff2') format('woff2'), /* Super Modern Browsers */
url('../fonts/nimbussansdot-ligh.woff') format('woff'), /* Pretty Modern Browsers */
url('../fonts/nimbussansdot-ligh.ttf')  format('truetype');
}

@font-face {
font-family: 'nimbussansdot-bold';
src: url('../fonts/nimbussansdot-bold.eot'); /* IE9 Compat Modes */
src: url('../fonts/nimbussansdot-bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('../fonts/nimbussansdot-bold.woff2') format('woff2'), /* Super Modern Browsers */
url('../fonts/nimbussansdot-bold.woff') format('woff'), /* Pretty Modern Browsers */
url('../fonts/nimbussansdot-bold.ttf')  format('truetype');
}

@font-face {
font-family: 'nimbussansdot-boldcond';
src: url('../fonts/nimbussansdot-boldcond.eot'); /* IE9 Compat Modes */
src: url('../fonts/nimbussansdot-boldcond.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('../fonts/nimbussansdot-boldcond.woff2') format('woff2'), /* Super Modern Browsers */
url('../fonts/nimbussansdot-boldcond.woff') format('woff'), /* Pretty Modern Browsers */
url('../fonts/nimbussansdot-boldcond.ttf')  format('truetype');
}

@font-face {
font-family: 'galano-reg';
src: url('../fonts/GalanoGrotesque-Regular.eot'); /* IE9 Compat Modes */
src: url('../fonts/GalanoGrotesque-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('../fonts/GalanoGrotesque-Regular.woff2') format('woff2'), /* Super Modern Browsers */
url('../fonts/GalanoGrotesque-Regular.woff') format('woff'), /* Pretty Modern Browsers */
url('../fonts/GalanoGrotesque-Regular.ttf')  format('truetype');
}

@font-face {
font-family: 'galano-medium';
src: url('../fonts/GalanoGrotesque-Medium.eot'); /* IE9 Compat Modes */
src: url('../fonts/GalanoGrotesque-Medium.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('../fonts/GalanoGrotesque-Medium.woff2') format('woff2'), /* Super Modern Browsers */
url('../fonts/GalanoGrotesque-Medium.woff') format('woff'), /* Pretty Modern Browsers */
url('../fonts/GalanoGrotesque-Medium.ttf')  format('truetype');
}


@font-face {
font-family: 'galano-bold';
src: url('../fonts/GalanoGrotesque-Bold.eot'); /* IE9 Compat Modes */
src: url('../fonts/GalanoGrotesque-Bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('../fonts/GalanoGrotesque-Bold.woff2') format('woff2'), /* Super Modern Browsers */
url('../fonts/GalanoGrotesque-Bold.woff') format('woff'), /* Pretty Modern Browsers */
url('../fonts/GalanoGrotesque-Bold.ttf')  format('truetype');
}


@font-face {
font-family: 'galano-italic';
src: url('../fonts/GalanoGrotesque-Italic.eot'); /* IE9 Compat Modes */
src: url('../fonts/GalanoGrotesque-Italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('../fonts/GalanoGrotesque-Italic.woff2') format('woff2'), /* Super Modern Browsers */
url('../fonts/GalanoGrotesque-Italic.woff') format('woff'), /* Pretty Modern Browsers */
url('../fonts/GalanoGrotesque-Bold.ttf')  format('truetype');
}

@font-face {
font-family: 'galano-semi';
src: url('../fonts/GalanoGrotesque-SemiBold.eot'); /* IE9 Compat Modes */
src: url('../fonts/GalanoGrotesque-SemiBold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('../fonts/GalanoGrotesque-SemiBold.woff2') format('woff2'), /* Super Modern Browsers */
url('../fonts/GalanoGrotesque-SemiBold.woff') format('woff'), /* Pretty Modern Browsers */
url('../fonts/GalanoGrotesque-SemiBold.ttf')  format('truetype');
}

/* main styles */

/*@import url("//maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css");*/
* {
	box-sizing: border-box;
}
/* green - #61c250/#4D8B37, blue - #263f6a/#202937, green0 - #96D600, gray - #C4CCD4/#EEEEEE/#FBFBFB */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, .tile.text time, 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;
	outline: 0;
	vertical-align: baseline;
    scroll-behavior: smooth;
}
img {
	width: 100%;
	display: block;
}
.fit {
	max-width: 100%;
	width: auto;
}
:focus {
	outline: 0;
}
ol, ul {
	list-style: none;
}
.breadcrumb {
	margin: 0 0 1em 0;
}
.container {
	z-index: 0;
}
.tbord {
	border-top: 1px solid #999;
}
.bbord {
	border-bottom: 1px solid #999;
}
.vcent {
	display: flex;
	justify-content: center;
	align-items: center;
}
.vertical-center {
	margin: 0;
	position: absolute;
	top: 50%;
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}
.circle {
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
}
.round {
	-moz-border-radius: 1.6rem;
	-webkit-border-radius: 1.6rem;
	border-radius: 1.6rem;
}
.shadow {
    box-shadow: 1rem 1rem 1rem 0 #ddd;
}
img.scroll {
	position: absolute;
	top: 86%;
	margin: 0 49%;
	z-index: 9999;
	width: 2%;
}
#news {
	background-color: #fbfbfb;
}
.news {
    display: inline-block;
	width: 30%;
    /*min-height: 36em;*/
	margin: 0 3% 3% 0;
	padding: 2em;
    vertical-align: top;
	background-color: #e5e5e5;
}
.news:hover {
	background-color: #d6d6d6;
}
.news p a {
    text-decoration: underline;
    /*font-weight: bold;*/
}
.news h3 + p {
    margin-bottom: 3em;
}
.news h3 {
    margin-bottom: 1em;
    margin-top: 2em;
}
.news-item h1 {
    margin: 0.8em 0;
}
.news ul ul {
	list-style: circle outside;
}
a {
	color: #263f6a;
    /*color: #61c250;*/
	text-decoration: none;
	font-family: 'galano-medium', Helvetica, sans-serif, Arial;
}
a.std {
	text-decoration: underline;
}
a.anchor {
	display: block;
	position: relative;
	top: 2em;
	visibility: hidden;
}
#kontakt a.anchor {
	top: -10em;
}
#kontakt h3,
.inzerat .col h3, h4, .vpravo h3, .topnews h3, .topnews span, .topnews p, .historie h3 {
	color: #263f6a;
}
.clear {
	clear: both;
}
b, strong {
	font-family: 'galano-semi', Helvetica, sans-serif, Arial;
	font-weight: normal;
}
body, html {
	height: 100%;
	color: #263f6a;
}
/*stop font resizse ios - better to have thin in media queries*/
.clearfix:after {
	content: "";
	display: table;
	clear: both;
}
html {
	height: 100%;
}
@media (min-width:1em) {
.row {
	width: 100%;
	display: table;
	table-layout: fixed;
}
.col {
	display: table-cell;
}
}
.wide {
	width: 100%;
	max-width: 100%;
}
img.atop {
	position: absolute;
	top: 8em;
}
.center {
	text-align: center;
}
.left {
	text-align: left;
}
.right {
	text-align: right;
}
.padt {
	padding-top: 4rem;
}
.padr {
	/*padding-right: 4rem;*/
	padding-right: 3rem;
}
.padb {
	padding-bottom: 4rem;
}
.padl {
	/*padding-left: 4rem;*/
	padding-left: 3rem;
}
.padl5 {
	padding-left: 5vw;
}
.padr5 {
	padding-right: 5vw;
}
.big-padt {
	padding-top: 6rem;
}
.big-padb {
	padding-bottom: 6rem;
}
.big-padr {
	padding-right: 6rem;
}
.big-padl {
	padding-left: 6rem;
}
.small-padt {
	padding-top: 2rem;
}
.small-padb {
	padding-bottom: 2rem;
}
.small-padr {
	padding-right: 2rem;
}
.small-padl {
	padding-left: 2rem;
}
.tiny-padt {
	padding-top: 1rem;
}
.black, a.black, .black a, .black h1, .black h2, .black h3, .black h4, .black h5 {
	color: black;
}
.white, a.white, .white a, .white h1, .white h2, .white h3, .white h4, .white h5 {
	color: white;
}
.bgblue .white, .bgblue a.white, .bgblue .white a, .bgblue .white h1, .bgblue .white h2, .bgblue .white h3, .bgblue .white h4, .bgblue .white h5 {
	color: white;
	/*color: #C4CCD4;*/
}
.blue, a.blue, .blue a, .blue h1, .blue h2, .blue h3, .blue h4, .blue h5 {
	color: #263E6A;
}
.green, a.green, .green a, .green h1, .green h2, .green h3, .green h4, .green h5 {
	color: #61c250;
}
.green2, a.green2, .green2 a, .green2 h1, .green2 h2, .green2 h3, .green2 h4, .green2 h5 {
	color: #4D8B37;
}
.gray, a.gray, .gray a, .gray h1, .gray h2, .gray h3, .gray h4, .gray h5 {
	color: #C4CCD4;
}
.gray2, a.gray2, .gray2 a, .gray2 h1, .gray2 h2, .gray2 h3, .gray2 h4, .gray2 h5 {
	color: #aaa;
}
.normal {
	text-transform: none;
}
.upper {
	text-transform: uppercase;
}
.lower {
	text-transform: lowercase;
}
.container {
	padding: 0;
	width: 90%;
	margin: auto;
	height: 100%;
	position: relative;
	overflow: hidden;
}
.lcont {
	padding-left: 13%;
}
.rcont {
	padding-right: 13%;
}
.container2 {
	padding: 0;
	width: 77%;
	margin: auto;
	height: 100%;
	position: relative;
	overflow: hidden;
}
.container2 .col.bggray3 {
    padding: 4% 2%;
}
.bgtrans, a.bgtrans, button.bgtrans {
	background-color: transparent;
}
.bgwhite, a.bgwhite, button.bgwhite {
	background-color: white;
}
.bggreen, a.bggreen, button.bggreen, .button.bggreen {
	background-color: #61C250;
}
.bgblue, a.bgblue, button.bgblue {
	background-color: #202937;
}
.bggray0 {
	background-color: #FBFBFB;
}
.bggray1 {
	background-color: #F3F2F1;
}
.bggray2 {
	background-color: #DADFE3;
}
.bggray3 {
	background-color: #E5E5E5;
}
.vgrad {
    background-image: linear-gradient(#F3F2F1, #FFFFFF);
}
.vgrad60 {
    background-image: linear-gradient(#F3F2F1 0%, #FFFFFF 60%, #FFFFFF 100%);
}
.vgrad80 {
    background-image: linear-gradient(#F3F2F1 0%, #FFFFFF 80%, #FFFFFF 100%);
}
.pr1:hover, .pr2:hover, .pr3:hover {
	background-color: #999;
	cursor: pointer;
}
.member, .member div.container {
	background-color: #1F4363;
	overflow:: hidden;
}
.vysledky, .breadcrumb, .breadcrumb a {
	color: #ccc;
}
body {
	font-family: 'galano-reg', Helvetica, sans-serif, Arial;
	font-weight: normal;
	font-style: normal;
	font-size: 14px;
	font-size: 1.0vw;
	color: #263f6a;
	background-color: #FFFFFF;
	line-height: 1.5em;
	height: auto;
	position: relative;
}
.vpravo {
	line-height: 1.4em;
}
.trans1 {
    animation: trans1-frames 1s linear;
}
@keyframes trans1-frames {
    0% {opacity: 0; transform: translateY(2rem);}
    100% {opacity: 1; transform: translateY(0);}
}
.tr2 {
    /*text-align: center;
    padding-top: 1em;*/
}
.tr2 .img {
    position: relative;
    display:inline-block;
    vertical-align:top;
    overflow:hidden;
}
.tr2 .img:after {
    content:"";
    position:absolute;
    display:block;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background-image: linear-gradient(to right, transparent 34%, #ccc 34%, #ccc 66%, #F3F2F1 66%);
    background-repeat: no-repeat;
    background-size: 300%;
    background-position: right center;
}
.tr2.bg2 .img:after {
    background-image: linear-gradient(to right, transparent 34%, #ccc 34%, #ccc 66%, #E5E5E5 66%);
}
.tr2.bgb .img:after {
    background-image: linear-gradient(to right, transparent 34%, #ccc 34%, #ccc 66%, #202937 66%);
}
.tr2.trans2 .img:after {
    background-position: left center;
    transition: all 1s linear;
}
p {
	/*line-height: 1.8em;*/
	margin-top: 1em;
	margin-bottom: 1em;
}
h1 {
	/*font-size: 3.6em;*/
	font-size: 3em;
	font-weight: bold;
	font-weight: 900;
	line-height: 1.1em;
    /*margin: 0;*/
    margin: 0.9em 0 0.7em 0;
	/*margin-bottom: 0.3em;*/
	/*font-family: 'wulkan', times;*/
	font-family: 'galano-bold', Helvetica, sans-serif, Arial;
}
.home2 h1 {width:60%;}
h2 {
	font-size: 3.8em;
	/*font-weight: bold;*/
	font-weight: 600;
	/*color: #61c250;*/
	line-height: 1.0em;
	text-transform: none;
	letter-spacing: 0;
    margin: 0.9em 0 0.7em 0;
	/*margin-bottom: 1em;*/
	/*font-family: 'wulkan', times;*/
	font-family: 'galano-reg', Helvetica, sans-serif, Arial;
	/*font-family: 'galano-semi', Helvetica, sans-serif, Arial;*/
	/*font-family: 'galano-bold', Helvetica, sans-serif, Arial;*/
}
h3 {
	margin: 0 0 1.0em 0;
	font-size: 2.0em;
	line-height: 1.4em;
	font-weight: bold;
	letter-spacing: 0.02em;
	font-family: 'galano-semi', Helvetica, sans-serif, Arial;
}
h3.wulkan {
	/*font-family: 'wulkan', times;*/
	margin: 1.2em 0 1em;
	font-size: 3em;
	line-height: 1.2em;
	font-weight: normal;
	letter-spacing: normal;
}
.about2 h2, .about7 h2 {
	font-size: 4em;
}
.about2 .row {
	padding-top: 6%;
    padding-bottom: 6%;
}
.green, .number .green {
	color: #61c250;
}
.blue, .number .blue {
	color: #263f6a;
}
.title1 {
	/*color: #5FA745;*/
	color: #61c250;
	font-size: 0.9em;
	font-family: 'galano-semi', Helvetica, sans-serif, Arial;
	font-weight: 900;
    margin: 0;
	/*letter-spacing: 0.05em;
*/
	/*margin-bottom: 2em;*/
	text-transform: uppercase;
}
.fa-chevron-right::before {
	content: "\f054";
	font-size: 0.6em;
	margin-top: -1em;
	position: relative;
	top: -0.2em;
}
.box-text {
	display: table-cell;
	background-color: #fff;
	font-size: 1.1em;
	/*float: left;
*/
	margin: 0;
	padding: 5% 5% 5% 5%;
	width: 50%;
	box-sizing: border-box;
}
.box-text h2 {
	color: #263f6a;
	font-size: 1.7em;
	font-weight: normal;
	font-family: 'galano-semi', Helvetica, sans-serif, Arial;
	letter-spacing: 0.02em;
}
.box-img {
	position: relative;
	display: table-cell;
	background-repeat: no-repeat;
	background-position: left top;
	background-size: cover;
	/*float: left;
*/
	margin: 0;
	padding: 0;
	width: 50%;
	height: 30em;
	box-sizing: border-box;
}
.tag {
	position: absolute;
	font-size: 1em;
	bottom: 3.4em;
	left: 1.3em;
}
.mh3 {
    min-height: 3.4em;
}
.mh4 {
    min-height: 4.4em;
}
.mh5 {
    min-height: 5.4em;
}
.lh06 {
    line-height: 0.6em;
}
.lh08 {
    line-height: 0.8em;
}
.lh10 {
    line-height: 1.0em;
}
.lh12 {
    line-height: 1.2em;
}
.lh14 {
    line-height: 1.4em;
}
.lh16 {
    line-height: 1.6em;
}
.lh18 {
    line-height: 1.8em;
}
.lh20 {
    line-height: 2.0em;
}
.fs05 {
	font-size: 0.5em;
}
.fs06 {
	font-size: 0.6em;
}
.fs07 {
	font-size: 0.7em;
}
.fs08 {
	font-size: 0.8em;
}
.fs09 {
	font-size: 0.9em;
}
.fs10 {
	font-size: 1.0em;
}
.fs11 {
	font-size: 1.1em;
}
.fs12 {
	font-size: 1.2em;
}
.fs13 {
	font-size: 1.3em;
}
.fs14 {
	font-size: 1.4em;
}
.fs15 {
	font-size: 1.5em;
}
.fs16 {
	font-size: 1.6em;
}
.fs18 {
	font-size: 1.8em;
}
.fs20 {
	font-size: 2.0em;
}
.fs30 {
	font-size: 3.0em;
}
.fs40 {
	font-size: 4.0em;
}
.fs50 {
	font-size: 5.0em;
}
.s1 {
	font-size: 8.0em;
}
.s2 {
	font-size: 7.0em;
}
.s3 {
	font-size: 6.0em;
}
.s4 {
	font-size: 5.0em;
}
.s5 {
	font-size: 4.0em;
}
.logo {
	width: 9em;
	display: block;
	position: absolute;
	top: 5.5em;
	left: 4%;
	z-index: 2;
}
.topbar > a:first-child {
  position: absolute;
  display: inline-block;
  width: auto;
  min-width: 13.6em;
  height: 2.5em;
  top: 0;
  left: 0;
  margin: 0;
  padding: 0;
  /*border: 2px solid pink;*/
}
.logo-home {
	position: absolute;
	left: 5vw;
	z-index: 2;
	top: 1.2em;
}
.vw10 {
    width:10vw;
    height:auto;
}
.logosize {
    width:14vw;
    height:auto;
}
#ham {
	display: none;
	position: absolute;
	right: 10px;
	top: 1em;
    margin-bottom: 1.4em;
    background-color: rgba(240,240,240,0.6);
}
#ham .ham-frame {
	border: 1px solid #144356;
	width: 47px;
	height: 44px;
	position: absolute;
	top: -10px;
	left: -12px;
}
#ham .span-change {
	background-color: #144356
}
.menu {
	width: 100%;
	/*height: calc(100% - 4em);*/
	background: #ffffff;
	position: absolute;
	top: 4.6em;
	left: 0;
	text-align: center;
	opacity: 0;
	visibility: hidden;
	transition: opacity 0.5s, visibility 0s 0.5s;
	z-index: 9;
}
.menu li.parent a {
	text-decoration: none;
	color: #263f6a;
    font-weight: normal;
    font-size: 0.8em;
}
.menu li {
    padding: 0 0 0.1em;
	border-bottom: 1px solid #ccc;
}
.open-menu {
	opacity: 1;
	visibility: visible;
	transition: opacity 0.5s;
}
.topbar {
	padding: 0 10%;
	box-sizing: border-box;
	width: 100%;
	height: 4.6em;
	overflow: hidden;
	position: fixed;
	margin-bottom: 0;
	z-index: 998;
	/*background: #202937;*/
    background: #FFFFFF;
}
#frm-menu input {
	position: fixed;
	display: none;
	top: 4em;
	right: 3em;
	width: 18em;
	text-align: left;
}
#frm-menu input.open {
	display: block;
	position: absolute;
	top: 1em;
    top: calc(2.4em - 2.5vw)
	height: 5vw;
	right: 4em;
	width: 8em;
	width: 20vw;
}
#lang {
	position: absolute;
	top: 1.0em;
	right: 9em;
	right: 9.5vw;
	/*right: calc(5% + 4.2em);
*/
	z-index: 2222;
}
#lang ul {
	margin: 0;
	padding: 0;
	line-height: 1em;
	text-decoration: none;
}
#lang ul a {
	text-decoration: none;
	color: #263f6a;
}
#lang ul a.active {
	color: #61c250;
}
#search {
	position: absolute;
	top: 0;
	right: 0;
	display: inline-block;
    margin: 1.5em 3.2em 0 0;
    padding: 1px 0 0 2.6em;
	border-left: 1px solid #999;
}
#search a {
}
#search img {
	width: 1.5em;
    transition: all 0.1s ease;
}
#search img:hover {
	/*fill: green;*/
    /*filter: invert(67%) sepia(8%) saturate(3192%) hue-rotate(65deg) brightness(100%) contrast(81%);*/
    filter: invert(57%) sepia(61%) saturate(423%) hue-rotate(65deg) brightness(103%) contrast(92%);
}
.vysledky {
	margin-bottom: 1.2em;
}
#spacer {
	padding-top: 4em;
}
nav {
	font-size: 1.5em;
	font-weight: 800;
	color: #144356;
	line-height: 2em;
	transition: all 0.5s;
	list-style-type: none;
	padding: 0;
	opacity: 1;
}
nav ul, nav ul li {
	list-style-type: none;
	padding: 0;
}
#topbar {
	transition: all 0.5s;
}
#topnav {
	font-family: 'galano-reg', Helvetica, sans-serif, Arial;
	font-size: 1em;
	text-transform: none;
	line-height: 0.8em;
	font-weight: 500;
	letter-spacing: 0;
	text-align: center;
	position: fixed;
	right: 4.8em;
	top: 0;
    padding: 0.8em 0 0 0;
	z-index: 101;
	transition: all 0.5s;
}
#topnav ul {
	margin: 0;
	padding: 0;
}
#topnav li.parent {
	display: inline-block;
	margin: 0 2em 0 1em;
	padding: 0;
    /*position: relative;*/
}
#topnav li.parent a.top {
	color: #263f6a;
	/*text-transform: uppercase;*/
    background: linear-gradient(to right, #263f6a 50%, transparent 50%);
    background-size: 200% 1px;
    background-position: right bottom;
    background-repeat: no-repeat;
    padding-bottom: 10px;
    line-height: 2.6em;
}
#topnav li.active a.top {
	/*color: #61c250;*/
    background-position:left bottom;
}
#topnav li.parent a:hover, #topnav li.parent.active a:hover {
	/*color: #61c250;*/
    background-position:left bottom;
}
#topnav li ul.sub {
	font-family: 'galano-reg', Helvetica, sans-serif, Arial;
	font-size: 1.0em;
	line-height: 1.0em;
	position: absolute;
    /*left: 0;*/
	width: auto;
	display: none;
	text-align: left;
	z-index: 999;
    padding: 0 1em;
    margin-left: -1em;
	background-color: rgba(38,47,62,0.9);
	transition: all 0.5s;
}
#topnav li ul.sub li {
    margin-left: 0;
}
#topnav li ul.sub a {
	display: block;
	float: none;
	border-top: 1px solid #888;
	text-transform: none;
	width: 100%;
    color: #E6ECF2;
    padding: 0.5rem 0 0.7rem 0;
}
#topnav li ul.sub li:first-of-type a {
	border-top: 1px solid #202937;
}
#topnav li:hover ul.sub {
	display: block;
    background-position:left bottom;
}
.padr1 {
	padding-right: 1em;
}
.logo-nav {
	margin-bottom: 2em;
}
.swiper-container {
	width: 100%;
}
.swiper-slide {
	overflow: hidden;
	text-align: center;
	font-size: 18px;
	background: transparent;
}
.swiper-container-horizontal>.swiper-scrollbar {
	display: none;
}
.slide-cont {
	width: 100%;
	vertical-align: middle;
	overflow: hidden;
	max-height: 80%;
	max-height: calc(100vh - 6em);
}
.slide-cont video {
	z-index: 1;
	width: 100%;
	left: 0;
}
.slide-cont img {
	width: 100%;
	left: 0;
}
.vpravo .slide-cont h4 {
	text-transform: none;
	margin: 1em 0;
}
.slide-text {
	z-index: 5;
	box-sizing: border-box;
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	text-transform: uppercase;
	text-align: left;
	padding: 0 20%;
}
.slide-text p {
	font-size: 3.2vw;
	font-family: 'galano-reg', Helvetica, sans-serif, Arial;
	color: white;
	line-height: 1.1em;
	letter-spacing: 0;
}
.slide-text span {
}
.slide-text .s3 {
	font-size: 0.7em;
	display: block;
	margin-top: 1.2em;
}
.slide-text .button {
	margin-top: 2em;
	background-color: transparent;
	border: 1px solid #fff;
	display: none;
}
.slide-text .button a:hover {
	background-color: #61c250;
}
.swiper-button-next, .swiper-button-prev {
    top: auto;
    bottom: 0;
    right: auto;
    width: 41px;
    height: 41px;
    background-size: auto auto;
    margin-top: 0;
    /*background-position: bottom left;*/
	/*width: 64px;
	height: 69px;
	background-size: 26px 37px;*/
}
.swiper-button-next {
	background-image: url('../img/ico-sipka-doprava.gif');
    left: 43px;
}
.swiper-button-prev {
	background-image: url('../img/ico-sipka-doleva.gif');
    left: 0;
}
.swiper-pagination {
	text-align: left;
	padding-left: 20%;
	padding-bottom: 1em;
	width: auto;
	/*position: absolute;
*/
}
.swiper-pagination-bullet {
	background: #eee;
	opacity: 1
}
.swiper-pagination-bullet-active {
	background: #61c250;
}
.swiper-pagination-bullet {
	width: 0.5em;
	height: 0.5em;
}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
	margin: 0 0.3em;
}
.anim-up {
	transform: translateY(10em);
}
.anim-down {
	transform: translateY(-10em);
}
.slide-up {
	transform: translateY(0);
	transition: all 1800ms ease;
/* custom */
}
.slide-left {
	transform: translateX(-69em);
}
.slide-right {
	transform: translateX(0);
	transition: all 800ms ease;
/* custom */
}
.scale {
	transform: scale(0.8,0.8);
	transition: all 800ms ease;
}
.scale-up {
	transform: scale(1,1);
}
.rowo {
	overflow: hidden;
}
.col50 {
	float: left;
	width: 50%;
	box-sizing: border-box;
}
.number {
	margin: 0 0 0.8rem 0;
    padding: 0;
	font-size: 3em;
    line-height: 1.2em;
    display: inline-block;
	/*font-family: 'wulkan', times;*/
}
.p1 {
	width: 1%;
}
.p2 {
	width: 2%;
}
.p3 {
	width: 3%;
}
.p4 {
	width: 4%;
}
.pp {
	width: 3em;
}
.p5 {
	width: 5%;
}
.p6 {
	width: 6%;
}
.p7 {
	width: 7%;
}
.p8 {
	width: 8%;
}
.p9 {
	width: 9%;
}
.p10 {
	width: 10%;
}
.p15 {
	width: 15%;
}
.p20 {
	width: 20%;
}
.p25 {
	width: 25%;
}
.p30 {
	width: 30%;
}
.p33 {
	width: 33%;
}
.p40 {
	width: 40%;
}
.p45 {
	width: 45%;
}
.p50 {
	width: 50%;
	/*height: 12em;*/
}
.p60 {
	width: 60%;
}
.p70 {
	width: 70%;
}
.p80 {
	width: 80%;
}
.p90 {
	width: 90%;
}
.p100 {
	width: 100%;
}
.p33 img {
	/*height: 2em;
*/
}
.p50 img {
	/*height: 2em;
*/
}
.p100 img {
	/*height: 2em;
*/
}
.p20 .number {
}
.p25 .number {
	height: 14%;
}
.p33 .number {
	height: 14%;
}
.p50 .number {
	margin: 0;
}
.p100 .number {
	/*height: 12%;
*/
	margin: 0;
}
#career .number {
	/*color: #96d600;
	font-size: 4em;
	height: 1.8em;
*/
	margin: 0;
}
.foot {
	/*padding: 1em 0 0;*/
	background: #f3f2f1;
	/*color: #263f6a;*/
	color: #fff;
	font-size: .8em;
	z-index: 999;
	line-height: 2em;
}
.foot a {
	/*color: #263f6a;*/
	text-decoration: underline;
	color: #fff;
}
.foot .container {
	overflow: hidden;
	padding: 0 0 2em 0;
	/*width: 90%;
*/
}
.foot .footrow {
	padding: 6em 0 6em 0;
}
.foot .row1 {
	height: 20em;
}
.foot .col1 {
	margin-top: 0;
}
.foot .col3 {
	margin-top: 0;
}
.foot .col4 {
	margin-top: 0;
}
.foot .title2 {
	display: block;
	width: 90%;
	border-bottom: 1px solid #263f6a;
	margin-bottom: 1.4em;
	line-height: 2em;
}
.foot-logo {
	display: inline-block;
	height: auto;
	vertical-align: top;
}
.foot .container img {
	max-height: 2.8em;
	width: auto;
}
.foot .loga img {
	margin-right: 2em;
}
.foot3 {
	background: #61c251;
	padding: 1em 0;
	color: white;
}
.foot3 a {
	margin-right: 2em;
	vertical-align: top;
    text-decoration: underline;
}
.foot3 a:hover {
	color: #eee;
}
.foot3 a.soc-icon {
	padding: 0;
	display: inline;
	margin-right: 0.2em;
	margin-top: 5px;
	vertical-align: top;
}
.foot3 img.soc-icon {
	height: auto;
	display: inline-block;
}
.fleft {
	float: left;
}
.foot-center {
	display: inline-block;
}
.foot-right {
	display: inline-block;
	float: right;
	/*margin-right: 15%;*/
	/*vertical-align: bottom;*/
	vertical-align: top;
}
.foot-right a {
	margin-right: 2em;
	color: white;
	font-size: 80%;
}
.col + .cl {
}
.col + .cc {
	width: 30%;
}
.col + .cr {
	width: 35%;
}
.shift {
    margin:-8em 0 0 auto;
}
.invest1 {
    background-image: url('../img/sedmicka.png');
    background-position: right 7vw top 50em; 
    background-repeat: no-repeat; 
    background-size: 40% auto;
    /*background-image: url('../img/sedmicka.png'), url('../img/assets-diagram.svg');
    background-position: right 7vw top 50em, center bottom -10em; 
    background-repeat: no-repeat; 
    background-size: 40% auto, 100% auto;*/
}
.invest1 .gbox {
    position: relative;
    top: -18em;
}
.invest2 {
    margin-top: -10em;
}
.invest4 .gbox {
    position: relative;
    top: -22em;
}
.invest3n {
    background: transparent url('../img/img-invest3n.jpg') no-repeat right 10vw top 9vw;
    background-size: 56%; 
}
.invest4n {
    background: #202937 url('../img/img-invest4n.jpg') no-repeat right 10vw top 9vw;
    background-size: 56%; 
}
.case {
    color: #93A5B6;
    width:100%;
    border-bottom: 1px solid #93A5B6;
    padding-bottom: 4px;
    margin-bottom: 2em;
}
.study {
    position: relative;
    left: -9vw;
    border: 1px solid #93A5B6;
    padding: 2em 2em 0 9vw;
    width: 120%;
    margin-bottom: 4em;
    background: transparent url("../img/bg-impact-ruzek.gif") right bottom no-repeat;
    background-position: right -1px bottom;
}
.ruzek1 {
    position: absolute;
    right: -1px;
    bottom: -1px;
    height: 30px;
    width: 26px;
    border-bottom: 1px solid #e5e5e5;
    border-right: 1px solid #e5e5e5;
}
.box {
	margin: 0;
	padding: 0 0 0.2rem 0;
	display: flex;
	justify-content: center;
	align-items: center;
	/*display: block;
*/
	width: 3rem;
	height: 3rem;
	border: 1px solid #C4CCD4;
	text-align: center;
}
.box.active {
	background-color: #C4CCD4;
	color: #202937;
}
.button.slim, a.button.slim, button.button.slim {
    padding: 0.4em 1.5em 0.5em;
}
.greenline {
    background:#e5e5e5 linear-gradient(to right, transparent 3rem, #61c251 0) top left no-repeat;
    background-size:8rem 5px;
}
.ke-stazeni, .odkaz {
	font-family: 'galano-medium', Helvetica, sans-serif, Arial;
	display: table-cell;
	float: left;
	text-decoration: none;
	padding: 1em 2em 1em 5em;
	font-size: 1em;
	line-height: 1em;
	background: white url('../img/bg-doc.png') center center no-repeat;
	background-size: 100% auto;
	width: 17em;
	margin: 0 1em 2em 0;
	box-sizing: border-box;
	min-height: 6em;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: flex-start;
	-ms-flex-pack: flex-start;
	justify-content: flex-start;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
a.ke-stazeni, a.odkaz {
	color: #144356
}
.download .ke-stazeni {
	width: 24.4%;
	padding-right: 3em;
}
.odkaz {
	background: white url('../img/bg-link.png') center center no-repeat;
	background-size: 100% auto;
}
.sekce {
	display: none;
}
.vpravo h4 {
	line-height: 1.4em;
}
.vpravo input[type=text], .vpravo input[type=email], .vpravo textarea {
	width: 100%;
	margin-bottom: 1em;
}
.button {
	display: inline-block;
	margin: 0.5em 0 0 0;
    padding: 0.9em 3em 1em 3em;
    transition: all 0ms ease;
}
a.button, .button a {
	text-decoration: none;
    /*background: linear-gradient(to right, #202937 51%, transparent 51%);
    background-size: 200% 100%;
    background-position:right bottom;*/
}
.button:hover, a.button:hover, button.button:hover {
	/*background-color: #1C8904;*/
	/*background-color: #777;*/
    /*background-position:left bottom;
	color: white;
    transition: all 0.6s ease;*/
    background: #202937;
    border: 1px solid #202937;
	color: white;
    transition: all 0.6s ease;
}
a.button.blueborderxxx {
    background: linear-gradient(to right, #202937 50%, transparent 50%);
    background-size: 200% 100%;
    background-position:right bottom;
	/*background-color: #263f6a;
	color: white;*/
}
a.button.blueborderxxx:hover {
	/*background-color: #263f6a;*/
    background-position:left bottom;
	color: white;
    transition: all 0.6s ease;
}
button.button {
    background: transparent;
    /*background: linear-gradient(to right, #202937 50%, transparent 50%);
    background-size: 200% 100%;
    background-position:right bottom;*/
	/*background-color: #263f6a;
	color: white;*/
}
input.button.bgbluexxx {
    background: linear-gradient(to right, #E6ECF2 50%, #202937 50%);
    background-size: 200% 100%;
    background-position:right bottom;
	/*background-color: #263f6a;
	color: white;*/
}
input.button.bgbluexxx:hover {
	/*background-color: #263f6a;*/
    background-position:left bottom;
	color: #202937;
    transition: all 0.6s ease;
}
.vice, .hide {
	display: none;
}
.galerie a {
	display: inline-block;
	width: 14em;
	height: 14em;
	margin: 0 0.5em 0.5em 0;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	/*background-attachment: fixed;
*/
}
.vtop {
	vertical-align: top;
}
.vmid {
	vertical-align: middle;
}
.vbot {
	vertical-align: bottom;
}
.it .row-files .vtop a.button {
	display: table-cell;
	width: 20em;
}
.whiteborder, a.whiteborder {
	border: 1px solid white;
}
.greenborder, a.greenborder {
	border: 1px solid #61c250;
}
.blueborder, a.blueborder {
	border: 1px solid #263f6a;
}
.grayborder, a.grayborder {
	border: 1px solid #C4CCD4;
}
.nofloat, a.nofloat, .content a.nofloat {
	float: none;
	clear: both;
	margin: auto;
}
a.w20em {
	display: table-cell;
	width: 20em;
}
.tabulka {
	width: 100%;
	border-top: 1px solid black;
	text-align: left;
}
.tabulka td {
	padding: 0.5em 1.0em;
	border-bottom: 1px solid black;
	border-left: 1px solid black;
}
.tabulka th {
	color: #61c250;
	text-transform: uppercase;
	padding: 0.5em 1.0em;
	border-bottom: 1px solid black;
	border-left: 1px solid black;
}
.tabulka td:nth-of-type(1), .tabulka th:nth-of-type(1) {
	border-left: none;
	padding-left: 0;
}
.icon-zadost {
	float: left;
	margin-right: 0.5em;
	width: 1.3em;
	display: block;
	height: auto;
	max-width: none;
}
.quote {
	font-size: 1.2em;
	font-style: italic;
	padding-top: 1.8em;
	padding-right: 2em;
}
.inline {
	display: inline-block;
}
.inbg {
	display: inline-block;
	background: #f3f2f1;
	padding-right: 0.5em;
    position: relative;
    bottom:-1.5em;
}
.bgblue .inbg {
	background: #202937;
}
.bgbody {
	background-color: #f3f2f1;
}
.flag {
	width: 4em;
	display: block;
	margin-bottom: 1em
}
.foreign {
	background: #fbfbfb;
	background: #fbfbfb;
	padding: 1em 2em;
	margin-bottom: 1em;
}
.duvody {
	font-size: 1.4em
}
.spaced .col {
	padding: 0 .5em
}
.aktivity .text {
	height: 31em;
}
.quote-img {
	margin: auto;
}
.fwbold {
    font-weight: bold;
}
.doc {
    padding: 1em 0 1em 0;
    border-bottom: 1px solid #ccc;
	font-size: 1.2em;
	line-height: 1.8em;
    font-weight: bold;
}
.doc a:hover, .doc:hover a, .doc:hover {
	text-decoration: none;
    color: #61c250;
    cursor: pointer;
}
.icodoc {
	background: transparent url("../img/ico-doc.png") no-repeat left top;
	background-position: left top 4px;
	background-size: 1.1em;
    padding-left: 2em;
}
.doc:hover .icodoc, a.icodoc:hover {
	background-image: url("../img/ico-doc-green.png");
}
.icodown {
    background: transparent url("../img/ico-download.svg") no-repeat right bottom;
    background-image: url("../img/ico-download.svg"), url("../img/ico-download.svg");
    background-position: right 5.8em bottom, right 5.8em bottom;
    background-size: 1.6em;
    padding-left: 2em;
    /*transition: background-position 0.5s linear;*/
}
.doc:hover .icodown, a.icodown:hover {
    background-image: url("../img/ico-down-arrow-green.svg"), url("../img/ico-down-bottom-green.svg");
    background-position: right 5.8em bottom -0.3em, right 5.8em bottom;
    transition: background-position 0.5s linear;
}
.top-bgimg {
    display: block;
    position: relative;
    top: 0;
    width: 100%;
    background-color: #333;
    background-position: bottom center;
    background-size: cover;
}
.top-bgimg h1 {
    margin: 10rem 0 6rem; color: #E6ECF2;
}
a:hover, a.colorbox:hover, a.iframe:hover, .foot a:hover, .gray a:hover, .white a:hover, .blue a:hover {
	/*color: #7f7f7f;*/
    color: #61c250;
	/*text-decoration: underline;*/
}
.galmed {
	font-family: 'galano-medium', Helvetica, sans-serif, Arial;
}
.home {
    /*margin-bottom: 2em;*/
}
.intro {
  margin: 0 0 0 0;
  padding: 0;
  width: 100%;
  height: auto;
  overflow: hidden;
}
#intro-video {
  display: block;
  width: 100%;
  object-fit: cover;
  padding: 0 0 0 24%;
  position: absolute;
  right: 0;
  top: 10vw;
  z-index: -1;
  background-color: #202937;
  overflow: hidden;
  border-bottom:50px solid #202937;
}
.princip1 {
  margin-top:10em;
}
.princip2 {
  margin-top:20em;
}
.home {
}
.home1 {
    position:absolute;
    top:18vw;
    z-index:10;
    /*width: 50%;*/
}
.home2 {
    position:absolute;
    top: 12%;
    top: 12vw;
    left: 0;
    /*z-index:10;*/
    width: 74%;
    width: 74vw;
    margin: 0 auto;
    padding-left: 13%;
    padding-left: 13vw;
    z-index: 8;
}
.content ul li {
    list-style:square; 
    margin-left:2em;
}
.impblock {
    margin: 0 6.5%;
    padding: 0 0 0 6.5%;
}
.abs, .absol {
    position: absolute;
}
.tbl {color:white; text-align:center; border-spacing:5px; border-collapse:separate;}
.tbl tr.hdr {background-color:#183653;}
.tbl th {color:#C4CCD4; background-color:#183653; padding:0.5em 2em 0.7em; font-weight:normal;}
.tbl td {border-bottom:1px solid #999; padding:0.5em 2em 0.7em;}
.tbl td.left, .tbl th.left {padding-left:1em;}
.bgblue2 {background-color:#183653;}

@media screen and (max-width:900px) {
.col + .cl, .col + .cr, p.p30 {
	width: 95%;
}
body, .title1 {
	font-size: 1rem;
}
.col {
    display: block;
	width: 100%;
}
.topbar {
	position: fixed;
}
#ham {
	display: block;
}
#spacer {
	padding-top: 4em;
}
#topnav {
    display: none;
	/*position: relative;*/
}
.abs {
    position: relative;
    margin: 1em 0;
}
.content {
	padding: 2em 0 0 0
}
.logo-home {
    /*left: 1em;*/
	top: 1em;
    top: calc(2.4em - 2.5vw)
}
.logosize {
    width: 10rem;
}
h1, .home1 h1 {
	font-size: 140%;
}
h2 {
	font-size: 240%;
}
.w900hide, .col.w900hide, .doc .col.w900hide {
	display: none;
}
.container {
    padding: 1em;
	width: 100%;
}
.padt, .big-padt, .small-padt, .padt900 {
	padding-top: 1em;
}
.padb, .big-padb, .small-padb, .padb900 {
	padding-bottom: 1em;
}
.padl, .big-padl, .small-padl, .padl900, .padlb, .padl3 {
	padding-left: 1em;
}
.padr, .big-padr, .small-padr, .padr900 {
	padding-right: 1em;
}
.big-padt900 {
	padding-top: 2em;
}
.big-padb900 {
	padding-bottom: 2em;
}
.center900 {
    text-align: center;
}
.rcont {
	padding-right: 1em;
}
.lcont {
	padding-left: 1em;
}
.container .lcont {
	padding-left: 1em;
}
}


/*
    Colorbox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxWrapper {max-width:none;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}

/* 
    User Style:
    Change the following styles to modify the appearance of Colorbox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:url(images/overlay.png) repeat 0 0;}
#colorbox{outline:0;}
	#cboxTopLeft{width:21px; height:21px; background:url(images/controls.png) -100px 0 no-repeat;}
	#cboxTopRight{width:21px; height:21px; background:url(images/controls.png) -129px 0 no-repeat;}
	#cboxBottomLeft{width:21px; height:21px; background:url(images/controls.png) -100px -29px no-repeat;}
	#cboxBottomRight{width:21px; height:21px; background:url(images/controls.png) -129px -29px no-repeat;}
	#cboxMiddleLeft{width:21px; background:url(images/controls.png) left top repeat-y;}
	#cboxMiddleRight{width:21px; background:url(images/controls.png) right top repeat-y;}

	#cboxTopCenter{height:21px; background:url(images/border.png) 0 0 repeat-x;}
	#cboxBottomCenter{height:21px; background:url(images/border.png) 0 -29px repeat-x;}

	#cboxContent{background:#fff;}
		#cboxLoadedContent{margin-top:34px;}
                #cboxTitle{position:absolute; top:0; left:0; text-align:center; width:100%; line-height:25px; color:#333; background-color:rgba(255,255,255,0.8);}
                #cboxCurrent{position:absolute; top:0; left:58px; color:#333; line-height:25px;}
                #cboxSlideshow{position:absolute; top:0; right:30px; color:#0092ef;}
                #cboxPrevious{position:absolute; top:0; left:0px; background:url(images/controls.png) -75px 0px no-repeat; width:25px; height:25px; text-indent:-9999px; border:0;}
                #cboxPrevious.hover{background-position:-75px -25px;}
                #cboxNext{position:absolute; top:0; left:27px; background:url(images/controls.png) -50px 0px no-repeat; width:25px; height:25px; text-indent:-9999px; border:0;}
                #cboxNext.hover{background-position:-50px -25px;}
		#cboxLoadingOverlay{background:url(images/loading_background.png) center center no-repeat;}
                #cboxLoadingGraphic{background:url(images/loading.gif) center center no-repeat;}
		#cboxClose{position:absolute; top:0; right:0; background:url(images/controls.png) -25px -2px no-repeat; width:24px; height:24px; text-indent:-9999px; border:0;}
		#cboxClose.hover{background-position:-25px -27px;}

/*
  The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill
  when an alpha filter (opacity change) is set on the element or ancestor element.  This style is not applied to or needed in IE9.
  See: http://jacklmoore.com/notes/ie-transparency-problems/
*/
.cboxIE #cboxTopLeft,
.cboxIE #cboxTopCenter,
.cboxIE #cboxTopRight,
.cboxIE #cboxBottomLeft,
.cboxIE #cboxBottomCenter,
.cboxIE #cboxBottomRight,
.cboxIE #cboxMiddleLeft,
.cboxIE #cboxMiddleRight {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);
}