/*
Tento soubor NEUPRAVUJ přímo, jinak o změny přijdeš. Upravuj zdroje v .less souborech.
LESS compiled 13. 8. 2018 - 14:46:59
*/
.grayscale {
  filter: url(filters.svg#grayscale);
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
  filter: url(filters.svg#grayscale);
  filter: gray;
}
.grayscaleOff {
  filter: none;
  -webkit-filter: grayscale(0);
}
.flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -webkit-flexbox;
  display: -ms-flexbox;
  display: -ms-flex;
  display: -ms-box;
  display: flex;
}
.inline-block-ie {
  display: inline-block;
} 
.clearfix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}
* html .clearfix {
  zoom: 1;
}
*:first-child+html .clearfix {
  zoom: 1;
}
html,
body {
  padding: 0px;
  margin: 0px;
  font: normal normal 0.85em Arial, sans-serif;
  background: #ffffff;
  text-align: center;
}
form {
  margin: 0px;
}
table {
  border: none;
  margin: auto;
}
#obsah td {
  _font-size: 12px;
  _color: #6E523B;
}
img {
  border: none;
  vertical-align: middle;
}
input {
  vertical-align: middle;
}
a {
  text-decoration: none;
  color: black;
}
a:hover {
  text-decoration: none;
  color: #000;
}
.tbold {
  font-weight: bold;
}
.tpodtrzeny {
  text-decoration: underline;
}
.tkurziva {
  font-style: italic;
}
.tvetsi {
  font-size: 120%;
}
.tmensi {
  font-size: 80%;
}
.al {
  text-align: left;
}
.aj {
  text-align: justify;
}
.ac {
  text-align: center;
}
.ar {
  text-align: right;
}
.fl {
  float: left;
}
.fr {
  float: right;
}
.inv {
  display: none;
}
.obrl {
  float: left;
  margin-right: 10px;
  margin-top: 5px;
  margin-bottom: 5px;
}
.obrr {
  float: right;
  margin-left: 10px;
  margin-top: 5px;
  margin-bottom: 5px;
}
.cleaner {
  clear: both;
}
.lcleaner {
  clear: left;
}
.full {
  width: 100%;
}
.c {
  width: 180px;
}
.sloupec1 {
  float: left;
  width: 48%;
  _width: 46%;
}
.sloupec2 {
  float: right;
  width: 48%;
  _width: 46%;
}
.pod {
  padding-top: 10px;
  clear: both;
}
.nic {
  font-size: 1px;
}
abbr,
article,
aside,
audio,
bb,
canvas,
datagrid,
datalist,
details,
dialog,
eventsource,
figure,
footer,
header,
hgroup,
mark,
menu,
meter,
nav,
output,
progress,
section,
time,
video {
  display: block;
}
.separator1 {
  border-bottom: solid 1px black;
  margin-bottom: 5px;
  font-size: 5px;
  _width: 100%;
  _height: 10px;
  height: 10px;
}
.separator2 {
  border-bottom: dotted 1px black;
  margin-bottom: 5px;
  font-size: 5px;
  _width: 100%;
  _height: 10px;
  height: 10px;
}
.separator3 {
  border-bottom: double 3px black;
  margin-bottom: 5px;
  font-size: 5px;
  _width: 100%;
  _height: 10px;
  height: 10px;
}
.separator4 {
  border-bottom: solid 1px #d90000;
  margin-bottom: 5px;
  font-size: 5px;
  _width: 100%;
  _height: 10px;
  height: 10px;
}
.vyrazny {
  color: #2A7C87;
}
.vyraznyt,
.vyraznyt td {
  background: #999999;
}
.content {
  width: 960px;
  margin: 0 auto;
  position: relative;
}
.separator1 {
  border-bottom: solid 1px black;
  padding-bottom: 5px;
  margin-bottom: 5px;
  font-size: 2px;
  _width: 100%;
  _height: 10px;
}
.separator2 {
  border-bottom: dotted 1px black;
  padding-bottom: 5px;
  margin-bottom: 5px;
  font-size: 2px;
  _width: 100%;
  _height: 10px;
}
.separator3 {
  border-bottom: double 3px black;
  padding-bottom: 5px;
  margin-bottom: 5px;
  font-size: 2px;
  _width: 100%;
  _height: 10px;
}
.separator4 {
  border-bottom: solid 1px #d90000;
  padding-bottom: 5px;
  margin-bottom: 5px;
  font-size: 2px;
  _width: 100%;
  _height: 10px;
}
.sloupec1 {
  float: left;
  width: 49%;
  _width: 46%;
}
.sloupec2 {
  float: right;
  width: 49%;
  _width: 46%;
}
.pod {
  padding-top: 10px;
  clear: both;
}
h1 {
  font: normal bold 140% Arial, sans-serif;
  margin: 0px;
  padding: 15px 0px 15px 30px;
  font-weight: bold;
}
h2 {
  font: normal bold 130% Arial, sans-serif;
  margin: 0px;
  padding: 10px 0px 10px 0px;
  font-weight: bold;
}
h3 {
  font: normal bold 120% Arial, sans-serif;
  margin: 0px;
  padding: 10px 0px 10px 0px;
  font-weight: bold;
}
@font-face {
  font-family: 'Optimato logo';
  src: url('https://shared.optimato.cz/imgs_system/mikrologa/fonts/optimato-logo.eot');
  src: url('https://shared.optimato.cz/imgs_system/mikrologa/fonts/optimato-logo.eot?#iefix') format('embedded-opentype'), url('https://shared.optimato.cz/imgs_system/mikrologa/fonts/optimato-logo.ttf') format('truetype'), url('https://shared.optimato.cz/imgs_system/mikrologa/fonts/optimato-logo.woff') format('woff'), url('https://shared.optimato.cz/imgs_system/mikrologa/fonts/optimato-logo.svg#Optimato logo') format('svg');
  font-weight: normal;
  font-style: normal;
}
.font-logo-optimato {
  font-family: 'Optimato logo';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 16px;
  font-size: 36px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-logo-optimato {
  font-family: 'Optimato logo';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 16px;
  text-decoration: none !important;
  font-size: 36px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-logo-optimato:before {
  content: "\6f";
}
@media (max-width: 700px) {
  .container,
  .stred {
    width: 100%;
  }
  .visible-mobile {
    display: block;
  }
  .visible-tablet {
    display: none;
  }
  .visible-screen {
    display: none;
  }
  .hidden-mobile {
    display: none;
  }
  .hidden-tablet {
    display: block;
  }
  .hidden-screen {
    display: block;
  }
  .visible {
    display: block;
  }
  .hidden {
    display: none;
  }
  .container .span1,
  .container .span2,
  .container .span15,
  .container.bigger-gutter .span1,
  .container.bigger-gutter .span2,
  .container.bigger-gutter .span15,
  .container.mixed-spans .span1,
  .container.mixed-spans .span2,
  .container.mixed-spans .span15,
  .container.mixed-spans.bigger-gutter .span1,
  .container.mixed-spans.bigger-gutter .span2,
  .container.mixed-spans.bigger-gutter .span15 
		.split-main .span15,
  .container.split .split-main .container .span15:nth-child(n) {
    float: none;
    width: auto;
    clear: left;
    margin-right: 0px;
    margin-bottom: 10px;
  }
  .container.with-padding {
    padding-left: 10px;
    padding-right: 10px;
  }
  .split,
  .split.split-right {
    padding: 0px;
    margin: 0px;
  }
  .split .split-pane,
  .split .split-main,
  .split.split-right .split-pane,
  .split.split-right .split-main {
    float: none;
    clear: both;
    width: auto;
    margin-right: 0px;
    margin-left: 0px;
    padding-left: 10px;
    padding-right: 10px;
  }
  .split .split-pane .container .span1,
  .split .split-pane .container.bigger-gutter .span1,
  .split .split-main .container .span1,
  .split .split-main .container.bigger-gutter .span1,
  .split.split-right .split-pane .container .span1,
  .split.split-right .split-pane .container.bigger-gutter .span1,
  .split.split-right .split-main .container .span1,
  .split.split-right .split-main .container.bigger-gutter .span1 {
    margin-right: 0px;
  }
  .split .split-pane,
  .split.split-right .split-pane {
    margin-top: 8px;
  }
  .container.with-padding .container.split .split-pane {
    width: auto;
  }
  .two-columns {
    column-count: 1;
    column-gap: 20px;
    column-rule: none;
    column-width: auto;
    -moz-column-count: 1;
    -moz-column-gap: 20px;
    -moz-column-rule: none;
    -moz-column-width: auto;
    -webkit-column-count: 1;
    -webkit-column-gap: 20px;
    -webkit-column-rule: none;
    -webkit-column-width: auto;
  }
  .product {
    margin-top: 6px;
    float: none;
  }
}
@media (max-width: 970px) {
  .homepage-content {
    padding-left: 7px;
    padding-right: 7px;
  }
  .split .split .split-main,
  .split .split.split-right .split-main {
    float: none;
    padding: 0;
    border: none;
    margin: 0;
    width: auto;
  }
  .split .split .split-pane,
  .split .split.with-border .split-pane,
  .split .split.split-right .split-pane,
  .split .split.split-right.with-border .split-pane {
    float: none;
    padding: 0;
    border: none;
    margin: 0;
    width: auto;
    padding-top: 10px;
    margin-top: 10px;
  }
  .split .split.with-border .split-pane,
  .split .split.split-right.with-border .split-pane {
    border-top: solid 1px ;
  }
  .container.with-padding .split .split-pane {
    width: 213px;
  }
}
@media (min-width: 971px) and (max-width: 1250px) {
  .container,
  .stred {
    width: 960px;
  }
  .visible-mobile {
    display: none;
  }
  .visible-tablet {
    display: none;
  }
  .visible-screen {
    display: block;
  }
  .hidden-mobile {
    display: block;
  }
  .hidden-tablet {
    display: block;
  }
  .hidden-screen {
    display: none;
  }
  .visible {
    display: block;
  }
  .hidden {
    display: none;
  }
}
@media only all and (min-width: 701px) and (max-width: 970px) {
  .container,
  .stred {
    width: 700px;
  }
  .visible-mobile {
    display: none;
  }
  .visible-tablet {
    display: block;
  }
  .visible-screen {
    display: none;
  }
  .hidden-mobile {
    display: block;
  }
  .hidden-tablet {
    display: none;
  }
  .hidden-screen {
    display: block;
  }
  .visible {
    display: block;
  }
  .hidden {
    display: none;
  }
  .container .span1 {
    width: 214px;
    margin-right: 9px;
  }
  .container .span1:nth-child(4n),
  .container .span1:last-child {
    margin-right: 9px;
  }
  .container .span1:nth-child(4n+1),
  .container .span1:first-child {
    clear: none;
  }
  .container .span1:nth-child(3n),
  .container .span1:last-child,
  .container .span1 .last-span {
    margin-right: 0px;
  }
  .container .span1:nth-child(3n+1),
  .container .span1:first-child,
  .container .span1 .first-span {
    clear: left;
  }
  .container .span2 {
    width: auto;
    margin-right: 0px;
    float: none;
    clear: left;
  }
  .container .span15 {
    width: 324px;
    margin-right: 9px;
  }
  .container .span15:nth-child(n) {
    clear: none;
    margin-right: 9px;
  }
  .container .span15:nth-child(2n),
  .container .span15:last-child {
    margin-right: 0px;
  }
  .container .span15:nth-child(2n+1) {
    clear: left;
  }
  .container.bigger-gutter .span1 {
    width: 204px;
  }
  .container.bigger-gutter .span1:nth-child(4n),
  .container.bigger-gutter .span1:last-child {
    margin-right: 24px;
  }
  .container.bigger-gutter .span1:nth-child(4n+1),
  .container.bigger-gutter .span1:first-child {
    clear: none;
  }
  .container.bigger-gutter .span1:nth-child(3n),
  .container.bigger-gutter .span1:last-child,
  .container.bigger-gutter .span1 .last-span {
    margin-right: 0px;
  }
  .container.bigger-gutter .span1:nth-child(3n+1),
  .container.bigger-gutter .span1:first-child,
  .container.bigger-gutter .span1 .first-span {
    clear: left;
  }
  .container.bigger-gutter .span15 {
    width: 317px;
    margin-right: 23px;
  }
  .container.bigger-gutter .span15:nth-child(n) {
    clear: none;
    margin-right: 23px;
  }
  .container.bigger-gutter .span15:nth-child(2n),
  .container.bigger-gutter .span15:last-child {
    margin-right: 0px;
  }
  .container.bigger-gutter .span15:nth-child(2n+1) {
    clear: left;
  }
  .container.bigger-gutter .span2 {
    width: auto;
    margin-right: 0px;
    float: none;
    clear: left;
  }
  .container.mixed-spans .span2 {
    clear: left;
    float: none;
    margin-right: 0px;
    width: auto;
  }
  .container.mixed-spans.bigger-gutter .span2 {
    clear: left;
    float: none;
    margin-right: 0px;
    width: auto;
  }
  .split .split-main {
    width: 432px;
    margin-right: 8px;
  }
  .split .split-main .container .span1 {
    clear: none;
  }
  .split .split-main .container .span1,
  .split .split-main .container .span1:nth-child(n) {
    margin-right: 4px;
  }
  .split .split-main .container .span1:nth-child(3n) {
    margin-right: 4px;
  }
  .split .split-main .container .span1:nth-child(3n+1) {
    clear: none;
  }
  .split .split-main .container .span1:nth-child(2n) {
    margin-right: 0px;
  }
  .split .split-main .container .span1:nth-child(2n+1) {
    clear: left;
  }
  .split .split-main .container .span15,
  .split .split-main .container .span15:nth-child(n) {
    clear: left;
    width: auto;
    margin-right: 0;
    float: none;
  }
  .split .split-main .container.bigger-gutter .span1,
  .split .split-main .container.bigger-gutter .span1:nth-child(3n),
  .split .split-main .container.bigger-gutter .span1:nth-child(3n+1) {
    clear: none;
    margin-right: 25px;
  }
  .split .split-main .container.bigger-gutter .span1:nth-child(2n) {
    margin-right: 0px;
  }
  .split .split-main .container.bigger-gutter .span1:nth-child(2n+1) {
    clear: left;
  }
  .split .split-main .container.bigger-gutter .span15,
  .split .split-main .container.bigger-gutter .span15:nth-child(n) {
    clear: left;
    width: auto;
    margin-right: 0;
    float: none;
  }
  .split.split-right .split-main {
    float: left;
    margin-right: 0px;
    margin-left: 8px;
  }
  .split.split-pane-unnecessary {
    padding: 0px;
  }
  .split.split-pane-unnecessary .split-pane {
    display: none;
  }
  .split.split-pane-unnecessary .split-main {
    width: auto;
    float: none;
  }
}
@font-face {
  font-family: 'fira_sans';
  src: url('firasans-bold-webfont.woff2') format('woff2'), url('firasans-bold-webfont.woff') format('woff');
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: 'fira_sans';
  src: url('firasans-bolditalic-webfont.woff2') format('woff2'), url('firasans-bolditalic-webfont.woff') format('woff');
  font-weight: bold;
  font-style: italic;
}
@font-face {
  font-family: 'fira_sans';
  src: url('firasans-light-webfont.woff2') format('woff2'), url('firasans-light-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'fira_sans';
  src: url('firasans-lightitalic-webfont.woff2') format('woff2'), url('firasans-lightitalic-webfont.woff') format('woff');
  font-weight: normal;
  font-style: italic;
}
html,
body {
  font: normal normal 0.85em fira_sans, sans-serif;
  color: #fff;
  background: #ffffff;
}
h2 {
  font-size: 40px;
  font-weight: bold;
  text-transform: uppercase;
}
.event a {
  text-decoration: underline;
}
.event a:hover {
  text-decoration: none;
}
#frame,
#hlavicka {
  width: 100%;
}
#hlavicka {
  background-image: url('imgs/header.jpg');
  background-repeat: no-repeat;
  background-position: center;
  height: 579px;
}
#hlavicka .top {
  padding: 30px 0 55px 0;
  border-bottom: 1px solid #aaa;
}
#hlavicka .bottom {
  padding-top: 100px;
  padding-left: 100px;
  text-align: left;
  padding-right: 150px;
}
#hlavicka .bottom #top-text {
  color: white;
  font-size: 40px;
  text-transform: uppercase;
  font-weight: bold;
  line-height: 1.5em;
  text-align: left;
}
#hlavicka #logo-wrapper {
  float: left;
}
#hlavicka .right {
  float: right;
}
#hlavicka .right #languages {
  height: 79px;
  text-align: right;
}
#hlavicka .right #menu a {
  font-size: 17px;
  color: white;
  padding: 15px;
  font-weight: normal;
  transition: all 0.2s;
}
#hlavicka .right #menu a:hover {
  color: #E49E00;
}
#o-nas {
  height: 579px;
}
#o-nas .stred {
  padding: 50px 0;
}
#o-nas .stred h2 {
  color: #1f3855;
}
#o-nas .stred #casova-osa {
  position: relative;
  background-image: url('imgs/casova-osa.png');
  width: 100%;
  background-repeat: no-repeat;
  background-position: center;
  height: 250px;
  margin-top: 50px;
}
#o-nas .stred #casova-osa .event {
  width: 320px;
  line-height: 1.5em;
  color: #1f3855;
  font-size: 16px;
  text-align: left;
}
#o-nas .stred #casova-osa #event1 {
  position: absolute;
  top: 5px;
  left: 175px;
}
#o-nas .stred #casova-osa #event2 {
  position: absolute;
  top: 228px;
  left: 320px;
}
#o-nas .stred #casova-osa #event3 {
  position: absolute;
  top: 5px;
  left: 685px;
}
#o-nas .stred #casova-osa #event4 {
  position: absolute;
  top: 210px;
  left: 825px;
}
#co-nabizime {
  background-image: url('imgs/co-nabizime.jpg');
  height: 1000px;
  background-repeat: no-repeat;
  background-position: center top;
}
#co-nabizime .stred {
  padding: 145px 0;
}
#co-nabizime .stred .top {
  height: 345px;
}
#co-nabizime .stred #co-nabizime-obsah {
  margin-top: 60px;
}
#co-nabizime .stred #co-nabizime-obsah table {
  width: 100%;
  margin: auto;
}
#co-nabizime .stred #co-nabizime-obsah table tr:first-child td {
  font-weight: bold;
  font-size: 23px;
  padding-bottom: 65px;
}
#co-nabizime .stred #co-nabizime-obsah table tr td {
  padding: 0 50px 0 50px;
  color: #1f3855;
}
#co-nabizime .stred #co-nabizime-obsah table tr td ul li {
  font-size: 22px;
  margin-bottom: 60px;
  list-style-image: url('imgs/li.png');
  padding-left: 15px;
}
#co-nabizime .stred h2 {
  margin-bottom: 30px;
}
#co-nabizime .stred #co-nabizime-text {
  font-size: 33px;
  text-align: center;
  margin: auto;
  width: 800px;
}
#reference {
  min-height: 400px;
  padding: 50px;
}
#reference h2 {
  color: #1f3855;
}
#reference .stred #reference-vypis {
  margin: 20px 0px;
}
#reference .stred #reference-vypis .polozka {
  float: left;
  width: 354px;
  height: 500px;
  color: #1f3855;
  font-size: 16px;
  margin-left: 19px;
  margin-right: 19px;
}
#reference .stred #reference-vypis .polozka .nadpis {
  font-size: 19px;
  font-weight: bold;
  display: block;
  margin-top: 15px;
}
#reference .stred #reference-vypis .polozka img {
  width: 354px;
}
#banner {
  background-image: url('imgs/howden.jpg');
  height: 569px;
  background-repeat: no-repeat;
  background-position: center;
}
#banner .stred {
  padding: 100px 0;
}
#banner .stred p {
  font-size: 43px;
  width: 850px;
  margin-top: 65px;
  text-align: left;
  text-transform: uppercase;
}
#banner .stred a {
  float: left;
}
#kariera {
  height: 562px;
  background-image: url('imgs/kariera.jpg');
  background-repeat: no-repeat;
  background-position: center;
  color: #1f3855;
  font-size: 1.8em;
}
#kariera h2 {
  color: #1f3855;
}
#kariera .stred {
  padding: 60px 0;
}
#kariera .stred #kariera-obsah {
  margin-top: 30px;
  margin-bottom: 40px;
}
#kariera .stred .light-btn {
  padding-left: 80px;
  padding-right: 80px;
}
#footer {
  background-image: url('imgs/footer.jpg');
  height: 365px;
  background-repeat: no-repeat;
  background-position: center;
}
#kontakty {
  height: 315px;
}
#kontakty .stred {
  padding: 40px 0;
}
#kontakty .stred #paticka-table table {
  width: 100%;
  margin-top: 50px;
}
#kontakty a {
  color: white;
}
#kontakty a:hover {
  text-decoration: underline;
}
a:hover {
  text-decoration: none;
}
#paticka {
  background-color: #E49E00;
  min-height: 70px;
  bottom: 0;
  color: #1f3855;
}
#paticka .stred #paticka-left {
  float: left;
  padding-top: 27px;
  font-size: 14px;
  color: #1f3855;
}
#paticka .stred #paticka-left a {
  color: #1f3855;
}
#paticka .stred #paticka-right {
  padding-top: 27px;
  float: right;
}
#paticka .stred #paticka-right a {
  color: white;
}
#paticka .stred #oou,
#paticka .stred #pop {
  font-size: 16px;
  padding: 60px 200px;
  display: none;
}
.close {
  cursor: pointer;
}
.stred {
  width: 1280px;
  margin: auto;
}
.dark-btn {
  font-size: 20px;
  border: solid 2px #E49E00;
  padding: 15px 40px;
  color: white;
  font-weight: bold;
  background-color: #1f3855;
}
.light-btn {
  font-size: 20px;
  border: solid 2px #E49E00;
  padding: 15px 40px;
  font-weight: bold;
  background-color: transparent;
  color: #1f3855;
  cursor: pointer;
}
#vice-referenci-btn {
  cursor: pointer;
}
.hvr-sweep-to-right {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0,0,0,0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-sweep-to-right:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #E49E00;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 0 50%;
  transform-origin: 0 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-sweep-to-right:hover:before,
.hvr-sweep-to-right:focus:before,
.hvr-sweep-to-right:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}
button:focus {
  box-shadow: none;
}
.hvr-sweep-to-right-dark {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0,0,0,0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-sweep-to-right-dark:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #E49E00;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 0 50%;
  transform-origin: 0 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-sweep-to-right-dark:hover,
.hvr-sweep-to-right-dark:focus,
.hvr-sweep-to-right-dark:active {
  color: #1f3855;
}
.hvr-sweep-to-right-dark:hover:before,
.hvr-sweep-to-right-dark:focus:before,
.hvr-sweep-to-right-dark:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}
.form-submit-button .light-btn:hover {
  background-color: #E49E00;
}
@media (max-width: 700px) {
  .container,
  .stred {
    width: 100%;
  }
  .visible-mobile {
    display: block;
  }
  .visible-tablet {
    display: none;
  }
  .visible-screen {
    display: none;
  }
  .hidden-mobile {
    display: none;
  }
  .hidden-tablet {
    display: block;
  }
  .hidden-screen {
    display: block;
  }
  .visible {
    display: block;
  }
  .hidden {
    display: none;
  }
  .container .span1,
  .container .span2,
  .container .span15,
  .container.bigger-gutter .span1,
  .container.bigger-gutter .span2,
  .container.bigger-gutter .span15,
  .container.mixed-spans .span1,
  .container.mixed-spans .span2,
  .container.mixed-spans .span15,
  .container.mixed-spans.bigger-gutter .span1,
  .container.mixed-spans.bigger-gutter .span2,
  .container.mixed-spans.bigger-gutter .span15 
		.split-main .span15,
  .container.split .split-main .container .span15:nth-child(n) {
    float: none;
    width: auto;
    clear: left;
    margin-right: 0px;
    margin-bottom: 10px;
  }
  .container.with-padding {
    padding-left: 10px;
    padding-right: 10px;
  }
  .split,
  .split.split-right {
    padding: 0px;
    margin: 0px;
  }
  .split .split-pane,
  .split .split-main,
  .split.split-right .split-pane,
  .split.split-right .split-main {
    float: none;
    clear: both;
    width: auto;
    margin-right: 0px;
    margin-left: 0px;
    padding-left: 10px;
    padding-right: 10px;
  }
  .split .split-pane .container .span1,
  .split .split-pane .container.bigger-gutter .span1,
  .split .split-main .container .span1,
  .split .split-main .container.bigger-gutter .span1,
  .split.split-right .split-pane .container .span1,
  .split.split-right .split-pane .container.bigger-gutter .span1,
  .split.split-right .split-main .container .span1,
  .split.split-right .split-main .container.bigger-gutter .span1 {
    margin-right: 0px;
  }
  .split .split-pane,
  .split.split-right .split-pane {
    margin-top: 8px;
  }
  .container.with-padding .container.split .split-pane {
    width: auto;
  }
  .two-columns {
    column-count: 1;
    column-gap: 20px;
    column-rule: none;
    column-width: auto;
    -moz-column-count: 1;
    -moz-column-gap: 20px;
    -moz-column-rule: none;
    -moz-column-width: auto;
    -webkit-column-count: 1;
    -webkit-column-gap: 20px;
    -webkit-column-rule: none;
    -webkit-column-width: auto;
  }
  .product {
    margin-top: 6px;
    float: none;
  }
}
@media only all and (min-width: 701px) and (max-width: 970px) {
  .container,
  .stred {
    width: 700px;
  }
  .visible-mobile {
    display: none;
  }
  .visible-tablet {
    display: block;
  }
  .visible-screen {
    display: none;
  }
  .hidden-mobile {
    display: block;
  }
  .hidden-tablet {
    display: none;
  }
  .hidden-screen {
    display: block;
  }
  .visible {
    display: block;
  }
  .hidden {
    display: none;
  }
  .container .span1 {
    width: 214px;
    margin-right: 9px;
  }
  .container .span1:nth-child(4n),
  .container .span1:last-child {
    margin-right: 9px;
  }
  .container .span1:nth-child(4n+1),
  .container .span1:first-child {
    clear: none;
  }
  .container .span1:nth-child(3n),
  .container .span1:last-child,
  .container .span1 .last-span {
    margin-right: 0px;
  }
  .container .span1:nth-child(3n+1),
  .container .span1:first-child,
  .container .span1 .first-span {
    clear: left;
  }
  .container .span2 {
    width: auto;
    margin-right: 0px;
    float: none;
    clear: left;
  }
  .container .span15 {
    width: 324px;
    margin-right: 9px;
  }
  .container .span15:nth-child(n) {
    clear: none;
    margin-right: 9px;
  }
  .container .span15:nth-child(2n),
  .container .span15:last-child {
    margin-right: 0px;
  }
  .container .span15:nth-child(2n+1) {
    clear: left;
  }
  .container.bigger-gutter .span1 {
    width: 204px;
  }
  .container.bigger-gutter .span1:nth-child(4n),
  .container.bigger-gutter .span1:last-child {
    margin-right: 24px;
  }
  .container.bigger-gutter .span1:nth-child(4n+1),
  .container.bigger-gutter .span1:first-child {
    clear: none;
  }
  .container.bigger-gutter .span1:nth-child(3n),
  .container.bigger-gutter .span1:last-child,
  .container.bigger-gutter .span1 .last-span {
    margin-right: 0px;
  }
  .container.bigger-gutter .span1:nth-child(3n+1),
  .container.bigger-gutter .span1:first-child,
  .container.bigger-gutter .span1 .first-span {
    clear: left;
  }
  .container.bigger-gutter .span15 {
    width: 317px;
    margin-right: 23px;
  }
  .container.bigger-gutter .span15:nth-child(n) {
    clear: none;
    margin-right: 23px;
  }
  .container.bigger-gutter .span15:nth-child(2n),
  .container.bigger-gutter .span15:last-child {
    margin-right: 0px;
  }
  .container.bigger-gutter .span15:nth-child(2n+1) {
    clear: left;
  }
  .container.bigger-gutter .span2 {
    width: auto;
    margin-right: 0px;
    float: none;
    clear: left;
  }
  .container.mixed-spans .span2 {
    clear: left;
    float: none;
    margin-right: 0px;
    width: auto;
  }
  .container.mixed-spans.bigger-gutter .span2 {
    clear: left;
    float: none;
    margin-right: 0px;
    width: auto;
  }
  .split .split-main {
    width: 432px;
    margin-right: 8px;
  }
  .split .split-main .container .span1 {
    clear: none;
  }
  .split .split-main .container .span1,
  .split .split-main .container .span1:nth-child(n) {
    margin-right: 4px;
  }
  .split .split-main .container .span1:nth-child(3n) {
    margin-right: 4px;
  }
  .split .split-main .container .span1:nth-child(3n+1) {
    clear: none;
  }
  .split .split-main .container .span1:nth-child(2n) {
    margin-right: 0px;
  }
  .split .split-main .container .span1:nth-child(2n+1) {
    clear: left;
  }
  .split .split-main .container .span15,
  .split .split-main .container .span15:nth-child(n) {
    clear: left;
    width: auto;
    margin-right: 0;
    float: none;
  }
  .split .split-main .container.bigger-gutter .span1,
  .split .split-main .container.bigger-gutter .span1:nth-child(3n),
  .split .split-main .container.bigger-gutter .span1:nth-child(3n+1) {
    clear: none;
    margin-right: 25px;
  }
  .split .split-main .container.bigger-gutter .span1:nth-child(2n) {
    margin-right: 0px;
  }
  .split .split-main .container.bigger-gutter .span1:nth-child(2n+1) {
    clear: left;
  }
  .split .split-main .container.bigger-gutter .span15,
  .split .split-main .container.bigger-gutter .span15:nth-child(n) {
    clear: left;
    width: auto;
    margin-right: 0;
    float: none;
  }
  .split.split-right .split-main {
    float: left;
    margin-right: 0px;
    margin-left: 8px;
  }
  .split.split-pane-unnecessary {
    padding: 0px;
  }
  .split.split-pane-unnecessary .split-pane {
    display: none;
  }
  .split.split-pane-unnecessary .split-main {
    width: auto;
    float: none;
  }
}
@media (min-width: 971px) and (max-width: 1250px) {
  .container,
  .stred {
    width: 960px;
  }
  .visible-mobile {
    display: none;
  }
  .visible-tablet {
    display: none;
  }
  .visible-screen {
    display: block;
  }
  .hidden-mobile {
    display: block;
  }
  .hidden-tablet {
    display: block;
  }
  .hidden-screen {
    display: none;
  }
  .visible {
    display: block;
  }
  .hidden {
    display: none;
  }
}
@media (max-width: 970px) {
  .homepage-content {
    padding-left: 7px;
    padding-right: 7px;
  }
  .split .split .split-main,
  .split .split.split-right .split-main {
    float: none;
    padding: 0;
    border: none;
    margin: 0;
    width: auto;
  }
  .split .split .split-pane,
  .split .split.with-border .split-pane,
  .split .split.split-right .split-pane,
  .split .split.split-right.with-border .split-pane {
    float: none;
    padding: 0;
    border: none;
    margin: 0;
    width: auto;
    padding-top: 10px;
    margin-top: 10px;
  }
  .split .split.with-border .split-pane,
  .split .split.split-right.with-border .split-pane {
    border-top: solid 1px ;
  }
  .container.with-padding .split .split-pane {
    width: 213px;
  }
}
@media screen and (max-width: 1250px) {
  #frame * {
    max-width: 100%;
  }
  #o-nas .stred #casova-osa {
    background-size: 95%;
  }
  #o-nas .stred #casova-osa .event {
    width: 260px;
    font-size: 15px;
  }
  #o-nas .stred #casova-osa #event1 {
    left: 55px;
  }
  #o-nas .stred #casova-osa #event2 {
    left: 190px;
    top: 180px;
  }
  #o-nas .stred #casova-osa #event3 {
    left: 525px;
  }
  #o-nas .stred #casova-osa #event4 {
    top: 180px;
    left: 660px;
  }
  #reference .stred #reference-vypis .polozka {
    width: 28%;
  }
  #banner {
    background-size: 230%;
    height: 420px;
  }
  #banner .stred {
    padding: 0;
    float: left;
  }
  #banner .stred p {
    margin-top: 40px;
    font-size: 40px;
    padding-left: 35px;
  }
  #banner .dark-btn {
    margin-left: 35px;
  }
}
@media screen and (max-width: 970px) {
  #frame * {
    max-width: 100%;
  }
  #hlavicka .right {
    width: 82%;
  }
  #hlavicka .right #menu a {
    padding: 12px;
  }
  #hlavicka .right #languages {
    margin-right: 20px;
  }
  #hlavicka .bottom {
    padding-right: 55px;
  }
  #o-nas .stred #casova-osa .event {
    width: 205px;
    font-size: 14px;
  }
  #o-nas .stred #casova-osa #event1 {
    top: -5px;
  }
  #o-nas .stred #casova-osa #event2 {
    left: 140px;
    top: 165px;
  }
  #o-nas .stred #casova-osa #event3 {
    left: 390px;
    top: 17px;
  }
  #o-nas .stred #casova-osa #event4 {
    left: 485px;
    top: 155px;
  }
  #co-nabizime .stred #co-nabizime-obsah table tr td {
    padding: 0 20px;
  }
  #co-nabizime .stred #co-nabizime-obsah table tr td ul li {
    font-size: 17px;
    margin-bottom: 40px;
  }
  #reference {
    padding-top: 0;
  }
  #reference .stred #reference-vypis .polozka {
    margin-left: 16px;
    margin-right: 16px;
    font-size: 15px;
    height: 460px;
    overflow: scroll;
  }
  #paticka .stred #oou,
  #paticka .stred #pop {
    padding: 60px 100px;
  }
}
#nav-icon1,
#nav-icon2,
#nav-icon3,
#nav-icon4 {
  width: 40px;
  height: 35px;
  position: relative;
  margin: 50px auto;
  -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;
}
#nav-icon1 span,
#nav-icon3 span,
#nav-icon4 span {
  display: block;
  position: absolute;
  height: 5px;
  width: 100%;
  background: #E49E00;
  border-radius: 9px;
  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;
}
#nav-icon3 span:nth-child(1) {
  top: 0px;
}
#nav-icon3 span:nth-child(2),
#nav-icon3 span:nth-child(3) {
  top: 11px;
}
#nav-icon3 span:nth-child(4) {
  top: 22px;
}
#nav-icon3.open span:nth-child(1) {
  top: 11px;
  width: 0%;
  left: 50%;
}
#nav-icon3.open span:nth-child(2) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
#nav-icon3.open span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
#nav-icon3.open span:nth-child(4) {
  top: 11px;
  width: 0%;
  left: 50%;
}
#nav-icon3 {
  display: none;
  position: absolute;
  top: 0;
  right: 30px;
  margin-top: 40px;
  z-index: 2;
}
@media screen and (max-width: 700px) {
  #frame {
    overflow: hidden;
  }
  #frame * {
    max-width: 100%;
  }
  #nav-icon3 {
    display: block;
  }
  .forms-popup-container {
    z-index: 1000 !important;
  }
  .forms-popup-container .close-popup a {
    width: 35px;
    height: 35px;
    background-size: cover;
  }
  #hlavicka {
    height: 400px;
  }
  #hlavicka #logo-wrapper {
    margin-left: 30px;
  }
  #hlavicka #logo-wrapper img {
    height: 50px;
  }
  #hlavicka .bottom {
    padding-top: 15px;
    padding-left: 20px;
    padding-right: 20px;
  }
  #hlavicka .bottom #top-text {
    font-size: 28px;
  }
  #hlavicka .top {
    transition: all 0.5s;
  }
  #hlavicka.scrolled .top {
    padding: 5px 0 5px 0;
    background: #1f3855;
    position: fixed;
    width: 100%;
    z-index: 999;
  }
  #hlavicka.scrolled .top #nav-icon3 {
    margin-top: 17px;
  }
  #hlavicka.scrolled .bottom {
    padding-top: 180px;
  }
  #hlavicka.scrolled .right #languages {
    top: 17px;
  }
  #hlavicka.scrolled .right #menu {
    padding-top: 60px;
  }
  #hlavicka .right {
    display: none;
    width: 100%;
    background: #1f3855;
    position: absolute;
    top: 0;
  }
  #hlavicka .right #languages {
    position: absolute;
    left: 30px;
    top: 40px;
  }
  #hlavicka .right.open {
    display: block;
  }
  #hlavicka .right #menu {
    padding-top: 90px;
    padding-bottom: 30px;
  }
  #hlavicka .right #menu a {
    display: block;
    background-color: #1f3855;
  }
  #hlavicka .right #menu a:active,
  #hlavicka .right #menu a:hover,
  #hlavicka .right #menu a:focus {
    background-color: #E49E00;
    color: #1f3855;
  }
  #o-nas {
    height: 880px;
  }
  #o-nas .stred #casova-osa {
    background-image: url("imgs/casova-osa-mobile.png");
    height: 730px;
    background-size: contain;
    background-position: 125px 0;
  }
  #o-nas .stred #casova-osa .event {
    width: 160px;
    font-size: 13px;
  }
  #o-nas .stred #casova-osa #event1 {
    top: 20px;
    left: 200px;
  }
  #o-nas .stred #casova-osa #event2 {
    top: 120px;
    left: 40px;
    width: 140px;
  }
  #o-nas .stred #casova-osa #event3 {
    left: 190px;
    top: 395px;
  }
  #o-nas .stred #casova-osa #event4 {
    left: 20px;
    top: 495px;
    width: 140px;
  }
  #co-nabizime {
    height: 900px;
    background: none;
  }
  #co-nabizime .stred {
    padding: 20px 0;
  }
  #co-nabizime .stred .top {
    padding: 20px 10px 10px 10px;
    height: 300px;
    background-image: url('imgs/co-nabizime.jpg');
    background-repeat: no-repeat;
    background-position: center top;
  }
  #co-nabizime .stred #co-nabizime-text {
    font-size: 25px;
  }
  #co-nabizime .stred #co-nabizime-obsah table {
    position: relative;
    display: block;
    height: auto;
    float: left;
    padding: 5px;
  }
  #co-nabizime .stred #co-nabizime-obsah table tr {
    display: block;
    height: auto;
    float: left;
  }
  #co-nabizime .stred #co-nabizime-obsah table tr td {
    display: block;
    width: calc(100% - 50px);
    position: absolute;
    clear: both;
  }
  #co-nabizime .stred #co-nabizime-obsah table tr td ul li {
    margin-bottom: 10px;
  }
  #co-nabizime .stred #co-nabizime-obsah table tr:first-child td:last-child {
    top: 175px;
  }
  #co-nabizime .stred #co-nabizime-obsah table tr:first-child td {
    padding: 0;
  }
  #co-nabizime .stred #co-nabizime-obsah table tr:last-child td:first-child {
    top: 25px;
  }
  #co-nabizime .stred #co-nabizime-obsah table tr:last-child td:last-child {
    top: 260px;
  }
  #reference {
    padding: 10px 10px 30px 10px;
  }
  #reference .stred #reference-vypis .polozka {
    width: 100%;
    margin: 0;
    height: auto;
    margin-bottom: 30px;
  }
  #reference .stred #reference-vypis .polozka .nadpis {
    margin-top: 5px;
  }
  #banner {
    background-color: #1f3855;
    height: 355px;
  }
  #banner .stred {
    width: auto;
    padding: 20px 120px 0 20px;
  }
  #banner .stred p {
    margin-top: 25px;
    font-size: 24px;
    padding-left: 15px;
    width: auto;
  }
  #banner .stred .dark-btn {
    width: 255px;
    padding: 10px 30px;
    margin-left: 0px;
    margin-top: 25px;
  }
  #kariera {
    height: 580px;
    font-size: 1.6em;
  }
  #kariera .stred {
    padding-top: 20px;
  }
  #kariera .stred #kariera-obsah {
    padding: 5px;
  }
  #kontakty .stred {
    padding: 20px 0;
  }
  #kontakty .stred #paticka-table table {
    padding-left: 25%;
    margin-top: 0;
    display: block;
    height: auto;
    float: left;
  }
  #kontakty .stred #paticka-table table tbody {
    display: block;
    float: left;
  }
  #kontakty .stred #paticka-table table tr {
    display: block;
    float: left;
  }
  #kontakty .stred #paticka-table table tr td {
    width: 100%;
    display: block;
    margin: 0 auto;
    float: left;
  }
  #paticka .stred #oou,
  #paticka .stred #pop {
    padding: 40px;
  }
  #paticka .stred #paticka-left {
    padding-top: 15px;
    padding-left: 10px;
  }
  #paticka .stred #paticka-right {
    padding-top: 15px;
  }
}