<br />
<b>Deprecated</b>:  Using ${var} in strings is deprecated, use {$var} instead in <b>/var/www/vhosts/system-animato-5.php/production_utf8/mod/classes/lessc.0.4.php</b> on line <b>1212</b><br />
<br />
<b>Deprecated</b>:  Using ${var} in strings is deprecated, use {$var} instead in <b>/var/www/vhosts/system-animato-5.php/production_utf8/mod/classes/lessc.0.4.php</b> on line <b>1557</b><br />
<br />
<b>Deprecated</b>:  Using ${var} in strings is deprecated, use {$var} instead in <b>/var/www/vhosts/system-animato-5.php/production_utf8/mod/classes/lessc.0.4.php</b> on line <b>1557</b><br />
/*
Tento soubor NEUPRAVUJ přímo, jinak o změny přijdeš. Upravuj zdroje v .less souborech.
LESS compiled 9. 11. 2026 - 14:20:58
*/
.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: 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-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";
}
.header-photo__wrapper {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  width: 100%;
  height: 600px;
  margin-bottom: 50px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  text-decoration: none;
}
.header-photo__wrapper:hover {
  text-decoration: none;
}
.header-box {
  background: rgba(43,62,80,0.9);
  color: white;
  width: 400px;
  padding: 50px;
  position: relative;
  right: 100px;
}
.header-box .header-box-text {
  font-size: 26px;
  font-weight: bold;
  padding-bottom: 50px;
}
.header-box .btn {
  color: white;
  background: #E30414;
  padding: 15px 40px;
  text-decoration: none;
  font-size: 15px;
  transition: 0.3s;
  width: fit-content;
}
.header-box .btn:hover {
  background: #a8030f;
}
.header-box p {
  padding: 0;
  margin: 0;
}
@media only screen and (max-width: 760px) {
  .header-photo__wrapper {
    height: 400px;
    justify-content: center;
  }
  .header-box {
    right: 0;
    width: 80%;
  }
}
@media only screen and (max-width: 540px) {
  .header-photo__wrapper {
    margin-bottom: 0px;
  }
  .header-box {
    padding: 30px;
  }
  .header-box .header-box-text {
    font-size: 20px;
  }
  .header-box .btn {
    padding: 10px 20px;
  }
}
#hlavicka-stred #menu-new {
  position: relative;
  padding-bottom: 10px;
  padding-top: 15px;
}
#hlavicka-stred #menu-new a {
  color: #131f2d;
  font-size: 16px;
  display: block;
  float: left;
  text-transform: uppercase;
  text-decoration: none;
  border-bottom: 2px solid transparent;
}
#hlavicka-stred #menu-new a span {
  display: block;
  padding: 7px 14px;
}
#hlavicka-stred #menu-new a.on {
  border-bottom: 2px solid #e30613;
}
#hlavicka-stred #menu-new a,
#hlavicka-stred #menu-new a:after,
#hlavicka-stred #menu-new a:before {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}
#hlavicka-stred #menu-new a {
  text-decoration: none;
  z-index: 1;
  margin: 0;
  padding: 0;
  border: 0 none;
  position: relative;
  outline: none;
}
#hlavicka-stred #menu-new a:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 2px;
  bottom: -2px;
  left: 0;
  background: #e30613;
  visibility: hidden;
  transform: scaleX(0);
  transition: .25s linear;
}
#hlavicka-stred #menu-new a:hover:before,
#hlavicka-stred #menu-new a:focus:before {
  visibility: visible;
  transform: scaleX(1);
}
#hlavicka-stred #menu-new a#pull {
  display: none;
  color: #393939;
  border-bottom: none;
}
#hlavicka-stred #menu-new a#pull span {
  padding: 7px 10px;
  border: none;
}
#hlavicka-new {
  background-color: white;
}
.hlavicka-stred-new {
  min-height: 106px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 20px 0px;
}
#hledej-new {
  margin-right: 20px;
}
.hlavicka-stred-new #home {
  padding: 0 !important;
}
.hlavicka-stred-new .menu-wrapper {
  padding-bottom: 20px;
}
.hlavicka-stred-new .hledej-wrapper {
  display: flex;
  margin-bottom: 10px;
  justify-content: space-between;
  flex-wrap: wrap;
}
.hlavicka-stred-new  .hledej-wrapper .hledej-right {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.hlavicka-stred-new  .hledej-wrapper .hledej-right #lang a {
  font-size: 14px;
  text-decoration: none;
}
.hlavicka-stred-new  .hledej-wrapper input {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.hlavicka-stred-new input[type="text"] {
  width: 330px;
  height: 35px;
}
.hlavicka-stred-new input[type="submit"] {
  width: 90px;
  height: 39px;
  margin-left: -5px;
  background-color: #2B3E50;
  border: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.hlavicka-stred-new .hledej-wrapper .x {
  background-color: #E30414 !important;
}
.hlavicka-stred-new #menu-new a {
  margin-right: 20px !important;
}
.hlavicka-stred-new #menu {
  float: none !important;
}
.hlavicka-stred-new .btn {
  background-color: #e30613;
  color: white;
  text-decoration: none;
  display: flex;
  align-items: center;
  padding: 0px 20px;
  font-size: 16px;
  font-weight: bold;
  height: 100%;
  margin-left: 20px;
  min-height: 40px;
  transition: 0.3s;
}
.hlavicka-stred-new .btn:hover {
  background-color: #a8030f;
}
.hlavicka-stred-new .btn img {
  margin-left: 10px;
}
.hledej-right__div {
  display: flex;
}
@media only screen and (max-width: 540px) {
  .hlavicka-stred-new {
    flex-direction: column;
  }
  .hlavicka-stred-new .hledej-wrapper {
    flex-direction: column;
    margin-left: 0px;
  }
  .hlavicka-stred-new  .hledej-wrapper .hledej-right {
    flex-direction: column;
    width: 100%;
  }
  .hlavicka-stred-new .btn {
    margin-left: 0px;
    font-size: 13px;
  }
  .hledej-right__div {
    margin-bottom: 10px;
    display: flex;
    align-items: center;
    justify-content: space-around;
    width: 100%;
  }
  .hledej-right__div .hledej-lupa {
    margin-right: 0px;
    margin-bottom: 10px;
  }
}
#hlavicka-new #menu {
  position: relative;
  top: 10px;
}
.top__wrapper #hledej-new {
  display: none;
}
#hledej-new form {
  margin-left: 10px;
}
.top__wrapper .hledej-wrapper {
  display: none;
}
.hledej-lupa {
  margin-right: 20px;
}
.visible {
  display: block !important;
}
.hlavicka-stred-new #menu {
  width: 100%;
}
.home__wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.eu-fond__wrapper {
  display: flex;
  align-items: center;
  border: 1px solid #D7DCDD;
  padding: 10px;
  width: 90%;
}
.eu-fond__wrapper .eu-fond-img {
  width: 300px;
  margin-right: 40px;
}
.eu-fond__wrapper .eu-fond-img img {
  width: 100%;
}
.eu-fond__wrapper .eu-fond-text__wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 70%;
  font-size: 14px;
}
.eu-fond__wrapper .eu-fond-text__wrapper .btn {
  background-color: #e30613;
  padding: 15px 25px;
  color: white;
  text-decoration: none;
  transition: 0.3s;
  text-transform: uppercase;
}
.eu-fond__wrapper .eu-fond-text__wrapper .btn:hover {
  background-color: #2c3e50;
}
@media only screen and (max-width: 960px) {
  .hlavicka-stred-new {
    flex-direction: column;
    padding-top: 20px;
    padding-bottom: 0px;
  }
  .eu-fond__wrapper .eu-fond-text__wrapper {
    flex-direction: column;
    align-items: flex-start;
  }
  .eu-fond__wrapper {
    padding: 20px;
  }
  .eu-fond__wrapper .eu-fond-text__wrapper .btn {
    margin-top: 20px;
  }
}
@media only screen and (max-width: 760px) {
  .hlavicka-stred-new .menu-wrapper {
    width: 100%;
    padding-bottom: 0;
  }
  .eu-fond__wrapper {
    margin-top: 30px;
  }
  #hlavicka-stred #menu-new a#pull {
    display: block;
    width: 100%;
    position: relative;
    background: #D7DCDD;
  }
  #hlavicka-stred #menu-new a#pull:after {
    content: "";
    background: url('imgs/nav-icon.png') no-repeat;
    width: 30px;
    height: 30px;
    display: inline-block;
    position: absolute;
    right: 15px;
    top: 8px;
  }
  #hlavicka-stred #menu-new #menu-in {
    display: none;
  }
  #hlavicka-stred #home {
    width: 100%;
    display: flex;
    justify-content: space-around;
    align-items: center;
  }
  #hlavicka-stred #home .home__mobile {
    display: flex;
  }
}
@media only screen and (max-width: 540px) {
  #hlavicka-new .hledej-wrapper {
    align-items: center;
  }
  #hlavicka-new #hledej-new {
    width: 100%;
    margin-top: 20px;
    display: none;
    order: 2;
  }
  .hlavicka-stred-new input[type="text"] {
    width: 90%;
    appearance: none;
  }
  .hlavicka-stred-new input[type="submit"] {
    position: absolute;
    margin-left: -80px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
  }
  .top__wrapper {
    width: 100%;
  }
  .top__wrapper #home {
    width: 20% !important;
  }
  .top__wrapper .hledej-wrapper {
    display: flex !important;
    flex-direction: row !important;
  }
  .top__wrapper .hledej-wrapper .hledej-right {
    flex-direction: row !important;
  }
  .top__wrapper #hledej-new {
    display: block;
  }
  .menu-wrapper .hledej-wrapper {
    display: none;
  }
  .menu-wrapper .visible-hledej {
    display: flex !important;
    margin-top: 20px;
  }
  .top {
    display: flex;
    align-items: center;
    position: relative;
    justify-content: space-around;
    margin-bottom: 10px;
  }
  .top__wrapper #home img {
    width: 80px;
  }
  .top__wrapper .hledej-wrapper {
    margin-bottom: 0px;
  }
  .top__wrapper .hledej-wrapper .hledej-right .btn {
    padding: 0px 10px;
    font-size: 14px;
    min-height: 30px;
  }
  .eu-fond__wrapper {
    flex-direction: column;
    border: none;
    border-top: 1px solid #D7DCDD;
  }
  .eu-fond__wrapper .eu-fond-img {
    margin-right: 0px;
  }
  .eu-fond__wrapper .eu-fond-text__wrapper {
    align-items: center;
    text-align: center;
  }
  .hledej__desctop {
    display: none;
  }
}
@media only screen and (min-width: 540px) {
  .hledej-lupa {
    display: none;
  }
  .home__mobile {
    display: none !important;
  }
  #hlavicka-new #hlavicka-stred #menu {
    top: 10px;
  }
  .c-hero {
    margin-bottom: 50px;
  }
}
.c-hero .nav-button {
  position: absolute;
  height: 80px;
  width: 30px;
  top: 35%;
  z-index: 3;
  display: block;
  font-size: 20px;
  line-height: 1;
  box-sizing: border-box;
  padding-top: 30px;
  text-align: center;
  color: ;
  transition: all 0.3s;
}
.c-hero .nav-button:hover {
  color: ;
}
.c-hero .nav-button:hover .icon {
  animation: moving-swiper-button 0.7s infinite linear;
}
.c-hero .button-prev {
  left: 10px;
  transform: rotate(180deg);
  margin-top: 30px;
}
.c-hero .button-next {
  right: 10px;
}
@media only screen and (min-width: 540px) {
  .c-hero {
    position: relative;
    z-index: 1;
    margin-top: -18px;
    display: block;
  }
  .c-hero .slide {
    position: relative;
    color: white;
    font-size: 20px;
    background-color: #CCC;
    line-height: 1px;
    font-weight: bold;
  }
  .c-hero .slide h1,
  .c-hero .slide h2,
  .c-hero .slide h3,
  .c-hero .slide h4 {
    color: white;
  }
  .c-hero .slide h1,
  .c-hero .slide h2 {
    font-size: 30px;
    margin-bottom: 0.7em;
    line-height: 1.2;
  }
  .c-hero .slide img {
    max-width: 100%;
  }
  .c-hero .slide .label {
    position: absolute;
    left: 70px;
    top: 40px;
    bottom: 40px;
    width: 400px;
    display: flex;
    align-items: center;
    line-height: 1.5;
  }
  .c-hero .swiper-container-horizontal .slide .label-in {
    opacity: 0;
  }
  .c-hero .swiper-container-horizontal .slide.swiper-slide-prev .label-in,
  .c-hero .swiper-container-horizontal .slide.swiper-slide-next .label-in {
    transition: opacity 0.4s;
  }
  .c-hero .swiper-container-horizontal .slide.swiper-slide-active .label-in {
    opacity: 1;
    transition: opacity 0.4s;
  }
  .c-hero .preloader {
    position: absolute;
    width: 40px;
    height: 40px;
    border-radius: 50px;
    left: calc(30%);
    top: calc(30%);
    background-color: #fff;
    animation: pulsing-preloader 0.5s infinite alternate;
  }
  .c-hero .nav-button {
    top: 40%;
  }
  .c-hero .button-prev {
    left: 50px;
    transform: rotate(180deg);
    margin-top: 30px;
  }
  .c-hero .button-next {
    right: 50px;
  }
}
@media only screen and (min-width: 1280px) {
  .c-hero .slide {
    min-height: 475px;
  }
  .c-hero .slide h1,
  .c-hero .slide h2 {
    font-size: 42px;
  }
  .c-hero .slide .label {
    width: 500px;
  }
}
@media only screen and (max-width: 1280px) {
  .c-hero .slide {
    min-height: 286px;
  }
}
@media only screen and (max-width: 960px) {
  .c-hero .slide {
    font-size: 17px;
    min-height: 222px;
  }
  .c-hero .slide h1,
  .c-hero .slide h2 {
    font-size: 27px;
  }
}
@keyframes moving-swiper-button {
  .c-hero 0% {
    transform: none;
  }
  .c-hero 25% {
    transform: translateX(3px);
  }
  .c-hero 75% {
    transform: translateX(-3px);
  }
  .c-hero 100% {
    transform: none;
  }
}
@keyframes pulsing-preloader {
  .c-hero from {
    transform: none;
  }
  .c-hero to {
    transform: scale(0.5);
  }
}
.c-hero .swiper-box {
  width: 100%;
  height: 10px;
  background: #2c3e50;
  display: flex;
}
.c-hero .swiper-box .swiper-pagination-bullet {
  width: 100%;
  height: 10px;
  border-radius: 0px;
  background: #e30613;
}
.c-hero .header-photo__wrapper {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  width: 100%;
  height: 600px;
  margin-bottom: 50px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  text-decoration: none;
}
.c-hero .header-photo__wrapper:hover {
  text-decoration: none;
}
.c-hero .header-box {
  background: rgba(43,62,80,0.9);
  color: white;
  width: 400px;
  padding: 50px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}
.c-hero .header-box .header-box-text {
  font-size: 26px;
  font-weight: bold;
  padding-bottom: 50px;
  line-height: 35px;
}
.c-hero .header-box .btn {
  color: white;
  background: #E30414;
  padding: 20px 40px;
  text-decoration: none;
  font-size: 15px;
  transition: 0.3s;
  width: fit-content;
  margin: 0 auto;
}
.c-hero .header-box .btn:hover {
  background: #a8030f;
}
.c-hero .header-box p {
  padding: 0;
  margin: 0;
}
@media only screen and (max-width: 760px) {
  .c-hero .header-photo__wrapper {
    height: 400px;
    justify-content: center;
  }
  .c-hero .header-box {
    right: 0;
    width: 60%;
  }
}
@media only screen and (max-width: 540px) {
  .c-hero .header-photo__wrapper {
    margin-bottom: 0px;
  }
  .c-hero .header-box {
    padding: 15px;
    left: 0;
  }
  .c-hero .header-box .header-box-text {
    font-size: 16px;
  }
  .c-hero .header-box .btn {
    padding: 10px 10px;
    font-size: 12px;
  }
}
@media only screen and (min-width: 541px) and (max-width: 702px) {
  .hlavicka-stred-new input[type="text"] {
    width: 50% !important;
  }
}
@font-face {
  font-family: open-regular;
  src: url('fonty/OpenSans-Regular-webfont.eot');
  src: local('˘'), url('fonty/OpenSans-Regular-webfont.woff') format('woff'), url('fonty/OpenSans-Regular-webfont.ttf') format('truetype'), url('fonty/OpenSans-Regular-webfont.svg#webfontHKvaFuAl') format('svg');
}
@font-face {
  font-family: open-semibold;
  src: url('fonty/OpenSans-Semibold-webfont.eot');
  src: local('˘'), url('fonty/OpenSans-Semibold-webfont.woff') format('woff'), url('fonty/OpenSans-Semibold-webfont.ttf') format('truetype'), url('fonty/OpenSans-Semibold-webfont.svg#webfontHKvaFuAl') format('svg');
}
html,
body {
  font: normal normal 0.85em Arial, sans-serif;
  color: #000;
  background: #d7dcdd;
  text-align: left;
  font-family: open-regular, Arial, sans-serif;
}
a {
  text-decoration: underline;
  color: black;
}
a:hover {
  text-decoration: underline;
  color: #E30613;
}
.nadpis2 {
  color: #131f2d;
  font-size: 30px;
  text-transform: uppercase;
}
.bile {
  color: #FFF;
}
.h1 {
  text-transform: none;
  font-size: 20px;
  padding-top: 8px;
}
h1,
h2,
h3 {
  font-weight: normal;
  margin: 0;
  padding: 0;
  font-family: open-regular, Arial, sans-serif;
}
.good_chyba {
  border-radius: 1px;
  border: 1px solid #EA1920;
  padding: 5px 5px 5px 10px;
  margin-bottom: 10px;
  background: #F4C1C3;
}
.good a.button {
  background: #ea0900;
  border-radius: 1px;
  width: 200px;
  margin: auto;
  height: 30px;
  line-height: 200%;
  font-size: 14px;
  color: #FFF;
  margin-top: 10px;
}
.good a:hover.button {
  background: #970606;
}
.sloupec1 {
  width: 47%;
}
.sloupec2 {
  width: 47%;
}
.input {
  background: #FFF;
  border: 1px solid #808b96;
  height: 24px;
  padding: 1px 8px;
}
a.button,
.button {
  background: #e30613;
  border: 1px solid #9a1c2b;
  color: #FFF;
  height: 28px;
  cursor: pointer;
}
a.button.x,
a.button:hover,
.button.x,
.button:hover {
  background: #13202e;
  border-color: #000;
}
a.button {
  text-decoration: none;
  padding: 5px;
}
.vyrazny {
  color: #e30613;
}
strong {
  font-family: open-semibold;
}
.stred {
  max-width: 1280px;
  margin: auto;
}
#hlavicka {
  background: #ffffff;
  min-height: 106px;
}
#produkty-tit {
  background: #FFF url("imgs/produkty-pruh.png") left top repeat-x;
  min-height: 278px;
}
@media (max-width: 760px) {
  #produkty-tit {
    padding-bottom: 30px;
  }
}
@media (max-width: 760px) {
  #produkty-tit .nadpis2 {
    font-size: 20px !important;
    padding-top: 19Px !important;
  }
}
#cervene-pozadi {
  background: #e30613;
  min-height: 90px;
  border-bottom: 1px solid #725260;
}
#paticka {
  background: #13202E;
}
#kontakty-pozadi {
  background: #2c3e50;
  color: #FFF;
}
#kontakty-pozadi a {
  color: #FFF;
}
#kontakty-pozadi a:hover {
  color: #e30613;
}
#hlavicka-stred {
  position: relative;
}
#hlavicka-stred #home {
  padding: 30px 0 0;
}
#hlavicka-stred #home img {
  transform: scale(1);
  transition: all 1s;
}
#hlavicka-stred #home:hover img {
  transform: scale(0.98);
}
#hlavicka-stred #eshop {
  position: absolute;
  top: 0px;
  right: 390px;
  background: #e30613;
  padding: 23px 15px 14px 15px;
  color: #FFF;
}
#hlavicka-stred #eshop img {
  margin-left: 10px;
}
#hlavicka-stred #eshop:hover {
  color: #000;
}
#hlavicka-stred #poptavka-odkaz {
  right: 300px;
  position: absolute;
  top: 18px;
  background: #EDEDED;
  padding: 5px 10px;
}
#hlavicka-stred #socialni-site {
  position: absolute;
  top: 17px;
  right: 72px;
}
#hlavicka-stred #socialni-site img {
  margin-left: 3px;
}
#hlavicka-stred #vlajecky {
  position: absolute;
  top: 20px;
  right: 20px;
}
#hlavicka-stred #menu {
  float: right;
  position: relative;
  top: -20px;
}
#hlavicka-stred #menu a {
  color: #131f2d;
  font-size: 16px;
  display: block;
  float: left;
  text-transform: uppercase;
  text-decoration: none;
  border-bottom: 2px solid transparent;
}
#hlavicka-stred #menu a span {
  display: block;
  padding: 7px 14px;
}
#hlavicka-stred #menu a.on {
  border-bottom: 2px solid #e30613;
}
#hlavicka-stred #menu a,
#hlavicka-stred #menu a:after,
#hlavicka-stred #menu a:before {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}
#hlavicka-stred #menu a {
  text-decoration: none;
  z-index: 1;
  margin: 0;
  padding: 0;
  border: 0 none;
  position: relative;
  outline: none;
}
#hlavicka-stred #menu a:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 2px;
  bottom: -2px;
  left: 0;
  background: #e30613;
  visibility: hidden;
  transform: scaleX(0);
  transition: .25s linear;
}
#hlavicka-stred #menu a:hover:before,
#hlavicka-stred #menu a:focus:before {
  visibility: visible;
  transform: scaleX(1);
}
#hlavicka-stred #menu a#pull {
  display: none;
  color: #393939;
  border-bottom: none;
}
#hlavicka-stred #menu a#pull span {
  padding: 7px 0px;
  padding-top: 12px;
  border: none;
}
#telo-tit {
  min-height: 370px;
}
#telo-tit #reseni {
  width: 1280px;
  margin: 25px 0;
  position: relative;
}
#telo-tit #cisilka {
  position: absolute;
  top: 0;
  right: 0;
}
#telo-tit #cisilka a:first-child {
  border-top: none;
}
#telo-tit #cisilka a {
  display: block;
  text-decoration: none;
  background: #990100;
  padding: 7px 0px 8px 0;
  width: 36px;
  text-align: center;
  font-size: 14px;
  color: #FFF;
  border-top: 1px solid #b90504;
  line-height: 20px;
}
#telo-tit #cisilka a.on,
#telo-tit #cisilka a:hover {
  background: #e30613;
}
#telo-tit #reseni-in {
  width: 1244px;
}
#telo-tit #reseni-in .slidehide-group {
  width: 100%;
  max-height: 324px;
}
#telo-tit #reseni-in .katalog-polozka {
  background: #e30613;
  width: 100%;
  height: 323px;
  position: relative;
}
#telo-tit #reseni-in .katalog-polozka .katalog-polozka-nadpis {
  color: #FFF;
  font-size: 24px;
  width: 380px;
  position: absolute;
  top: 40px;
  right: 40px;
  display: block;
  height: 260px;
}
#telo-tit #reseni-in .katalog-polozka .katalog-polozka-nadpis a {
  background-color: #fff;
  box-shadow: 2px 2px 2px rgba(0,0,0,0.56);
  color: #131f2d;
  font-family: open-semibold, Arial, sans-serif;
  font-size: 14px;
  text-decoration: none;
  padding: 15px 0;
  display: block;
  width: 220px;
  text-align: center;
  position: absolute;
  bottom: 20px;
}
#telo-tit #reseni-in .katalog-polozka .katalog-polozka-nadpis a:hover {
  color: #E30613;
  box-shadow: none;
}
#telo-tit .eu-bile {
  background: #FFF;
  padding: 15px;
  width: 200px;
  z-index: 10;
  position: absolute;
  bottom: 0;
  left: 0;
  display: block;
  text-decoration: none;
  font-size: 10px;
}
#telo-tit .eu-bile img {
  margin-bottom: 4px;
}
#telo-tit #aktuality {
  max-width: 1280px;
  position: relative;
  animation: animationAktuality 0.5s 0.5s both;
}
#telo-tit #aktuality .nadpis2 {
  margin-left: 10px;
}
#telo-tit #aktuality .aktuality-obal {
  margin-top: 20px;
}
#telo-tit #aktuality .aktuality .aktuality-nadpis {
  font-size: 15px;
  color: #131f2d;
  padding: 0px 5px 0px 0;
  max-width: 480px;
  display: block;
}
#telo-tit #aktuality .aktuality .aktuality-nadpis span {
  color: #e1232e;
  padding: 10px 8px 10px 0;
  text-align: right;
  width: 42px;
  display: inline-block;
  font-size: 13px;
  margin-right: 20px;
}
#telo-tit #aktuality .aktuality .aktuality-nadpis:hover {
  background: #FFF;
  text-decoration: none;
}
#telo-tit #aktuality .aktuality .aktuality-nadpis:hover span {
  background: #e30613 !important;
  color: #FFF !important;
}
#telo-tit #aktuality .aktuality .aktuality-popis {
  background: #FFF;
  max-width: 740px;
  position: absolute;
  top: 32px;
  left: 480px;
  padding: 30px 35px;
  height: 220px;
  display: none;
}
#telo-tit #aktuality .aktuality .aktuality-popis img {
  float: right;
  margin-left: 25px;
  max-width: 228px;
}
#telo-tit #aktuality .aktuality .aktuality-popis a {
  text-decoration: none;
  font-size: 15px;
  color: #131f2d;
  line-height: 140%;
  width: 740px;
  display: block;
  overflow: hidden;
  height: 220px;
}
#telo-tit #aktuality .aktuality .aktuality-popis .nadpis-h2 {
  font-size: 17px;
  color: #e30613;
  margin-bottom: 6px;
}
#telo-tit #aktuality .aktuality:hover .aktuality-popis,
#telo-tit #aktuality .aktuality.on .aktuality-popis {
  display: block;
}
@keyframes animationAktuality {
  0% {
    opacity: 0;
    transform: translateY(30px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
#telo #vlevo {
  float: left;
  width: 240px;
  padding-bottom: 30px;
}
#telo #vpravo {
  float: right;
  width: 1020px;
}
#telo #stred {
  margin-left: auto;
  margin-right: auto;
  width: 1020px;
}
#telo-top {
  background: #2D3E50;
}
#menu-podstranky a#menu-pod {
  display: none;
  color: #FFF;
  border-bottom: none;
}
#menu-podstranky a#menu-pod span {
  padding: 7px 0px;
  padding-top: 10px;
  border: none;
}
#obsah {
  background: #FFF;
  width: 100%px;
  min-height: 800px;
  margin-top: 33px;
  color: #2c3d4f;
  font-size: 14px;
  line-height: 165%;
  padding-bottom: 30px;
  position: relative;
}
#obsah .logo-studie {
  position: absolute;
  top: 50px;
  right: 50px;
}
#obsah .text35 {
  padding: 0 35px 35px 35px;
}
#obsah .formsCheckboxTableNadpis {
  font-weight: bold;
  font-size: 14px;
}
#obsah .formsCheckboxTable {
  margin-bottom: 10px !important;
}
#obsah .formsCheckboxTable {
  margin-left: 24px !important;
}
#obsah .forms-siroky ul {
  margin: 10px 0 0 0;
}
#obsah table.tabulka {
  margin: 0;
  border-left: 1px solid #d7dcdd;
  border-top: 1px solid #d7dcdd;
}
#obsah table.tabulka td {
  padding: 10px 20px;
  border-bottom: 1px solid #d7dcdd;
  border-right: 1px solid #d7dcdd;
}
#obsah table.tabulka tr:nth-child(even) {
  background: #f2f2f2;
}
#obsah table.tabulka tr:nth-child(odd) {
  background: #FFFFFF;
}
#obsah table.tabulka tr:first-child {
  background: #2c3e50;
  color: #e3e5e8;
}
#obsah h1 {
  color: #131f2d;
  font-size: 30px;
  font-family: open-semibold, Arial, sans-serif;
  margin-bottom: 15px;
  font-weight: normal;
  margin-top: 20px;
  width: 90%;
}
#obsah h2 {
  color: #2c3d4f;
  font-size: 24px;
  font-family: open-semibold, Arial, sans-serif;
  margin-bottom: 10px;
  font-weight: normal;
}
#obsah h3 {
  color: #e30613;
  font-size: 18px;
  font-family: open-semibold, Arial, sans-serif;
  margin-bottom: 5px;
  font-weight: normal;
}
#obsah ul:not(.tag-editor) {
  padding: 0;
  margin: 15px 0 20px 20px;
}
#obsah ul:not(.tag-editor) li {
  list-style-type: none;
  margin-bottom: 10px;
  padding-left: 20px;
  margin-left: 4px;
  position: relative;
}
#obsah ul:not(.tag-editor) li:before {
  content: '';
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5px 0 5px 6px;
  border-color: transparent transparent transparent #e30615;
  position: absolute;
  left: 0;
  top: 7px;
}
#obsah div {
  max-width: 100%;
}
#obsah img {
  max-width: 100%;
}
#obsah .polozka {
  margin-bottom: 20px;
  border-bottom: 1px solid #D7DCDD;
  padding-bottom: 0px;
}
#obsah .polozka a {
  text-decoration: none;
  display: block;
}
#obsah .polozka a strong {
  text-decoration: underline;
  font-size: 16px;
}
#obsah .polozka a:hover {
  color: #E30613;
}
#social {
  height: 38px;
  width: 220px;
  position: relative;
  float: left;
  margin-left: 10px;
}
#social.tit {
  float: right;
  margin-top: 25px;
}
#social #facebook-like {
  position: absolute;
  top: 22px;
  left: 0px;
}
#social #google-plus {
  position: absolute;
  top: 22px;
  left: 130px;
}
#operace {
  float: right;
  position: relative;
  margin: 20px 0;
}
#operace #sendlink a:hover,
#operace #printer a:hover {
  color: #E30613 !important;
}
#operace #sendlink a:hover em,
#operace #printer a:hover em {
  background-position: left top;
}
#operace #sendlink {
  float: left;
}
#operace #sendlink a {
  padding: 0 4px 0 4px;
}
#operace #sendlink a em {
  background: url("imgs/poslat.png") left bottom no-repeat;
  width: 24px;
  height: 19px;
  display: inline-block;
  margin-right: 10px;
  position: relative;
  top: 5px;
}
#operace #printer {
  float: left;
  margin-right: 30px;
}
#operace #printer a {
  padding: 0 4px 0 4px;
}
#operace #printer a em {
  background: url("imgs/print.png") left bottom no-repeat;
  width: 21px;
  height: 20px;
  display: inline-block;
  margin-right: 10px;
  position: relative;
  top: 5px;
}
#drobecky {
  margin-bottom: 30px;
  display: flex;
  align-items: center;
  font-size: 14px;
  padding: 35px;
  flex-wrap: wrap;
}
#drobecky.drobecka-new {
  padding: 65px 60px 0 60px !important;
}
@media (max-width: 800px) {
  #drobecky.drobecka-new {
    padding: 30px 30px 0 30px !important;
  }
}
#drobecky svg {
  margin: 0 8px;
}
#drobecky .strong {
  font-family: 'Public Sans', sans-serif;
  font-weight: 600;
}
#drobecky a {
  color: #595959;
  font-family: 'Public Sans', sans-serif;
}
#drobecky a:hover {
  color: #e30613;
}
#drobecky .tbold {
  color: #e30613;
}
#submenu1 {
  background: #2D3E50;
}
#submenu1 a {
  color: #FFF;
  font-size: 16px;
  float: left;
  display: block;
  font-family: open-semibold, Arial, sans-serif;
  margin-right: 30px;
  margin-top: 3px;
  text-decoration: none;
  height: 48px;
}
#submenu1 a span {
  display: block;
  padding: 10px 25px;
}
#submenu1 a:hover,
#submenu1 a.on {
  color: #2c3d4f;
  background: #d7dcdd;
}
#submenu2 {
  margin-top: 33px;
}
#submenu2 a {
  display: block;
  background: #e30613;
  margin-bottom: 1px;
  text-decoration: none;
  color: #FFF;
  font-family: open-semibold, Arial, sans-serif;
  font-size: 14px;
  position: relative;
}
#submenu2 a .sipecka-submenu {
  width: 7px;
  height: 14px;
  background: url("imgs/sipecka-submenu-hover.png") left center no-repeat;
  display: none;
  position: absolute;
  right: -7px;
  top: 12px;
}
#submenu2 a:hover,
#submenu2 a.on {
  background: #2c3e50;
}
#submenu2 a:hover .sipecka-submenu,
#submenu2 a.on .sipecka-submenu {
  display: block;
}
#submenu2 a.uroven_2,
#submenu2 a.uroven_odkazu3 {
  font-size: 13px;
}
#submenu2 a.uroven_2 .vnitrni,
#submenu2 a.uroven_odkazu3 .vnitrni {
  display: block;
  padding: 10px 15px 10px 25px;
}
#submenu2 a.uroven_3,
#submenu2 a.uroven_odkazu4 {
  font-size: 12px;
}
#submenu2 a.uroven_3 .sipecka-submenu,
#submenu2 a.uroven_odkazu4 .sipecka-submenu {
  top: 10px;
}
#submenu2 a.uroven_3 .vnitrni,
#submenu2 a.uroven_odkazu4 .vnitrni {
  display: block;
  padding: 8px 15px 8px 35px;
}
#submenu2 a.uroven_4,
#submenu2 a.uroven_odkazu5 {
  font-size: 11px;
}
#submenu2 a.uroven_4 .vnitrni,
#submenu2 a.uroven_odkazu5 .vnitrni {
  display: block;
  padding: 6px 15px 6px 45px;
}
#kariera {
  background: #3f59d2;
  padding: 20px 15px 10px 15px;
  color: #FFF;
  position: absolute;
  right: 800px;
  top: 0px;
}
#kariera img {
  margin-left: 10px;
}
#kariera:hover {
  background: #E30613;
}
#hledej {
  margin-top: 33px;
  border: 1px solid #aeaeae;
  height: 29px;
  background: #FFF;
  max-width: 234px;
  position: absolute;
  top: -18px;
  right: 520px;
}
#hledej .input {
  width: 181px;
  height: 27px;
  border: none;
}
#hledej .button {
  background: #e30613 url("imgs/lupa.png") center bottom no-repeat;
  width: 34px;
  font-size: 0;
  height: 29px;
  border: none;
}
#hledej .button:hover {
  background-position: center top;
}
#aktuality-obs {
  background: #FFF;
  margin-top: 33px;
  line-height: 160%;
  padding-bottom: 15px;
  width: 234px;
}
#aktuality-obs .nadpis3 {
  font-size: 16px;
  color: #d7dbdd;
  background: #2c3e50;
  text-transform: uppercase;
  padding: 15px 17px;
}
#aktuality-obs a {
  text-decoration: none;
  font-size: 12px;
  color: #2c3d4f;
  margin-top: 12px;
  display: block;
}
#aktuality-obs a .aktuality-nadpis {
  color: #2c3d4f;
  font-family: open-semibold, Arial, sans-serif;
  margin-left: 10px;
  margin-bottom: 5px;
  text-decoration: underline;
  font-size: 13px;
  padding-right: 20px;
}
#aktuality-obs a .aktuality-nadpis span {
  color: #e30613;
  width: 38px;
  display: block;
  float: left;
  font-family: open-regular, Arial, sans-serif;
  margin-bottom: 30px;
}
#aktuality-obs a .aktuality-podnadpis {
  padding: 0 17px 0 48px;
  display: block;
}
#aktuality-obs a:hover {
  color: #e30613;
}
#aktuality-obs a:hover .aktuality-nadpis {
  color: #e30613;
}
#cervene-pozadi-stred {
  color: #FFF;
  font-size: 18px;
  padding-top: 18px;
}
#cervene-pozadi-stred .textik-vyhody {
  background: url("imgs/check.png") left center no-repeat;
  width: 25%;
  padding-left: 3%;
  margin-right: 5%;
}
#kontakty {
  padding-top: 20px;
  float: left;
  max-width: 815px;
  height: 220px;
}
#kontakty #praha {
  width: 103px;
  background: url("imgs/praha.png") center bottom no-repeat;
}
#kontakty #brno {
  width: 184px;
  background: url("imgs/brno.png") center bottom no-repeat;
  position: relative;
}
#kontakty #bratislava {
  width: 143px;
  background: url("imgs/bratislava.png") center bottom no-repeat;
}
#kontakty a,
#kontakty .mesto-obr {
  height: 152px;
  display: block;
  float: left;
  font-size: 18px;
  text-align: center;
  margin: 28px 45px 0 45px;
  text-transform: uppercase;
  text-decoration: none;
}
#kontakty a .mesto,
#kontakty .mesto-obr .mesto {
  text-decoration: underline;
}
#kontakty a .tel,
#kontakty .mesto-obr .tel {
  font-size: 12px;
  display: block;
}
#newsletter {
  max-width: 415px;
  float: right;
  font-size: 14px;
  padding-top: 45px;
}
#newsletter .vyrazny {
  color: #FFF;
  font-size: 16px;
  text-transform: uppercase;
  margin-bottom: 30px;
  display: block;
}
#newsletter .news {
  margin-top: 20px;
}
#newsletter .news .input {
  width: 258px;
  height: 36px;
}
#newsletter .news .button {
  width: 125px;
  height: 40px;
}
#paticka {
  color: #FFF;
}
#paticka a {
  color: #FFF;
}
#paticka a:hover {
  color: #e30613;
}
#paticka #paticka-paticka {
  padding-top: 20px;
}
#paticka #paticka-left {
  float: left;
}
#paticka #paticka-right {
  float: right;
}
#paticka #infolinka {
  color: #85d938;
  text-transform: uppercase;
  font-size: 26px;
  font-family: open-semibold, Arial, sans-serif;
  position: relative;
  top: -10px;
  text-shadow: 0.5px 0.5px 0px #FFF;
  margin-right: 25px;
}
#paticka #socialni-site {
  margin-right: 47px;
}
#paticka #socialni-site img {
  margin-left: 14px;
}
#paticka #socialni-site a {
  display: block;
  float: left;
  position: relative;
  top: -6px;
  margin: 0 3px;
}
.eshop #obsah {
  background: none;
}
.eshop #obsah .text35 {
  padding: 0 0 0 7px;
}
.eshop #obsah #drobecky {
  background: #FFF;
  padding: 4px 10px;
  margin-right: 5px;
}
.zobrazit_detail #obsah,
.poptavka #obsah {
  background: #FFF;
}
.zobrazit_detail #obsah .text35,
.poptavka #obsah .text35 {
  padding: 0 25px;
}
.zobrazit_detail #obsah h2,
.poptavka #obsah h2 {
  margin-top: 35px;
}
.zobrazit_detail #drobecky,
.poptavka #drobecky {
  margin: 16px 20px 0px 20px !important;
  background: none;
  padding: 0;
}
#produkty-tit-stred {
  padding-top: 10px;
}
#produkty-tit-stred a.kategorie-tit {
  float: left;
  display: block;
  text-decoration: none;
  cursor: pointer;
  width: 125px;
  height: 162px;
  margin-top: 13px;
  padding-top: 50px;
  text-align: center;
}
#produkty-tit-stred a.kategorie-tit h2 {
  font-size: 16px;
  text-transform: uppercase;
  color: #13202e;
  height: 50px;
}
#produkty-tit-stred a.kategorie-tit img {
  width: 67px;
  transform: scale(0.9);
  transition: all 1s;
}
#produkty-tit-stred a.kategorie-tit:hover {
  background: url("imgs/sipka-kategorie.png") center top no-repeat;
}
#produkty-tit-stred a.kategorie-tit:hover img {
  transform: scale(1.1);
}
#eshop-kategorie {
  margin-top: 3px;
}
#eshop-kategorie a.kategorie-tit {
  float: left;
  display: block;
  text-decoration: none;
  width: 125px;
  height: 95px;
  text-align: center;
  padding-top: 18px;
  cursor: pointer;
}
#eshop-kategorie a.kategorie-tit .nadpis-h2 {
  font-size: 16px;
  color: #FFF;
  height: 40px;
  font-family: open-semibold, Arial, sans-serif;
  line-height: 110%;
}
#eshop-kategorie a.kategorie-tit img {
  width: 37px;
  transform: scale(0.9);
  transition: all 0.5s;
}
#eshop-kategorie a.kategorie-tit:hover,
#eshop-kategorie a.kategorie-tit.on {
  background: #d7dcdd;
}
#eshop-kategorie a.kategorie-tit:hover .nadpis-h2,
#eshop-kategorie a.kategorie-tit.on .nadpis-h2 {
  color: #2c3e50;
}
#eshop-kategorie a.kategorie-tit:hover img,
#eshop-kategorie a.kategorie-tit.on img {
  transform: scale(1.1);
}
#kategorie .kategorie-polozka {
  float: left;
  background: #FFF;
  width: 298px;
  height: 180px;
  display: block;
  text-decoration: none;
  padding: 15px;
  margin: 0 7px 7px 0;
  border: 1px solid transparent;
}
#kategorie .kategorie-polozka h2 {
  color: #e30613;
  font-size: 22px;
  font-weight: normal;
  min-height: 60px;
  display: block;
}
#kategorie .kategorie-polozka .obrazek {
  float: left;
  margin-right: 5px;
  max-width: 90px;
  max-height: 90px;
}
#kategorie .kategorie-polozka .obrazek img {
  transform: scale(0.9);
  transition: all 0.5s;
}
#kategorie .kategorie-polozka .popis {
  height: 75px;
  display: block;
  font-size: 12px;
  overflow: hidden;
}
#kategorie .kategorie-polozka .popis img {
  display: none;
}
#kategorie .kategorie-polozka .zjistit-vice {
  background: #2c3e50;
  color: #FFF;
  font-size: 14px;
  font-family: open-semibold, Arial, sans-serif;
  padding: 5px 15px;
  float: right;
  margin-top: 10px;
}
#kategorie .kategorie-polozka:hover {
  border-color: #2c3e50;
}
#kategorie .kategorie-polozka:hover .zjistit-vice {
  background: #e30613;
}
#kategorie .kategorie-polozka:hover img {
  transform: scale(1);
}
#nadpis-kategorie {
  margin-top: 30px;
}
#rozsireny-popis,
#kategorie-popis {
  margin-bottom: 30px;
}
#produkty .kat-produkt,
#souvisejici .kat-produkt {
  float: left;
  width: 500px;
  background: #FFF;
  margin: 0 7px 7px 0;
  text-decoration: none;
  border: 1px solid transparent;
  min-height: 220px;
}
#produkty .kat-produkt:hover .obrazek,
#souvisejici .kat-produkt:hover .obrazek {
  transform: scale(1);
}
#produkty .kat-produkt.bez,
#souvisejici .kat-produkt.bez {
  margin-right: 0;
}
#produkty .kat-produkt .text,
#souvisejici .kat-produkt .text {
  padding: 15px;
}
#produkty .kat-produkt h2,
#souvisejici .kat-produkt h2 {
  color: #e30613;
  font-size: 16px;
  font-weight: normal;
  margin-bottom: 14px;
  margin-top: 0;
  height: 25px;
  width: 100%;
  display: block;
  overflow: hidden;
}
#produkty .kat-produkt .obrazek,
#souvisejici .kat-produkt .obrazek {
  float: left;
  max-width: 150px;
  max-height: 150px;
  margin-right: 10px;
  transform: scale(0.95);
  transition: all 0.5s;
}
#produkty .kat-produkt .obrazek img,
#souvisejici .kat-produkt .obrazek img {
  height: 150px;
  object-fit: contain;
}
#produkty .kat-produkt .popis,
#souvisejici .kat-produkt .popis {
  height: 95px;
  font-size: 12px;
  overflow: hidden;
}
#produkty .kat-produkt .zjistit-vice,
#souvisejici .kat-produkt .zjistit-vice {
  background: #2c3e50;
  color: #FFF;
  font-size: 14px;
  font-family: open-semibold, Arial, sans-serif;
  padding: 5px 15px;
  float: right;
  margin-top: 10px;
}
#produkty .kat-produkt:hover,
#souvisejici .kat-produkt:hover {
  border-color: #2c3e50;
}
#produkty .kat-produkt:hover .zjistit-vice,
#souvisejici .kat-produkt:hover .zjistit-vice {
  background: #e30613;
}
#souvisejici {
  margin-top: 50px;
}
#souvisejici .kat-produkt {
  width: 476px;
  border: 1px solid #d7dcdd;
}
#dokumenty h2,
#souvisejici h2 {
  margin-bottom: 25px;
}
#poptavka {
  background-color: #e30513;
  box-shadow: 0 1px 1px rgba(0,0,0,0.56);
  text-decoration: none;
  color: #FFF;
  padding: 10px 18px;
  font-size: 15px;
  float: right;
  margin: 20px 0;
}
#poptavka:hover {
  background: #2C3E50;
}
#produkt-popis {
  border-top: 1px solid #d7dcdd;
  margin-top: 30px;
}
#produkt-popis h2 {
  margin: 25px 0 25px 0;
}
#produkt-popis table {
  margin: 0;
  border-left: 1px solid #d7dcdd;
  border-top: 1px solid #d7dcdd;
  width: 100%;
  border-spacing: 0;
  border-collapse: 0;
}
#produkt-popis table td,
#produkt-popis table th {
  padding: 10px 20px;
  border-bottom: 1px solid #d7dcdd;
  border-right: 1px solid #d7dcdd;
}
#produkt-popis table tr:nth-child(even) {
  background: #f2f2f2;
}
#produkt-popis table tr:nth-child(odd) {
  background: #FFFFFF;
}
#produkt-popis table tr:first-child {
  background: #2c3e50;
  color: #e3e5e8;
}
.poptavka-table,
.poptavka-osobni-udaje {
  border: none;
  width: 94%;
}
.poptavka-table td,
.poptavka-osobni-udaje td {
  padding: 3px 0 3px 5px !important;
}
.poptavka-table .input,
.poptavka-osobni-udaje .input {
  height: 18px;
  width: 50px;
  border: 1px solid #808B96;
}
.poptavka-tr-spodni .button {
  display: inline-block;
  padding: 0 15px;
  text-decoration: none;
  line-height: 250%;
  box-shadow: 0 1px 1px rgba(0,0,0,0.56);
  border: none;
}
.poptavka-tr-spodni .button.x,
.poptavka-tr-spodni .button:hover {
  color: #FFF;
}
.poptavka-osobni-udaje {
  background: #f9f8f8;
  padding: 20px;
  border: 1px solid #2D3E50;
}
.poptavka-osobni-udaje .input {
  height: 18px;
  width: 50%;
}
.poptavka-osobni-udaje textarea.input {
  width: 65%;
}
.poptavka-odeslat {
  margin: 20px 0;
}
.stahnout {
  font-size: 14px;
  width: 50%;
  float: left;
}
.stahnout img {
  margin-right: 10px;
}
.stahnout:hover {
  color: #E30613;
}
#produkt #produkt-vlevo {
  float: left;
  width: 265px;
}
#produkt #produkt-vlevo #produkt-obrazek {
  text-align: center;
  margin: 0;
}
#produkt #produkt-vlevo #produkt-obrazek a {
  width: 234px;
  display: block;
  padding: 38px 0;
}
#produkt #produkt-vlevo #dalsi-obrazky .mal-obrazek a {
  float: left;
  margin: 10px 10px 0 0;
  width: 70px;
  height: 60px;
  text-align: center;
  padding-top: 10px;
}
#produkt #produkt-vpravo {
  float: right;
  width: 72%;
}
#produkt #produkt-vpravo #parametry {
  margin: 30px 0;
  font-size: 12px;
}
#produkt #produkt-vpravo #parametry table {
  margin: 0;
  border-collapse: 0;
  border-spacing: 0;
  width: 100%;
  background: #F2F2F2;
}
#produkt #produkt-vpravo #parametry table td {
  padding: 2px 10px;
  border-bottom: 1px solid #d7dcdd;
  vertical-align: top;
}
#produkt #produkt-vpravo #parametry table tr:first-child  td {
  border-top: 1px solid #d7dcdd;
}
#produkt #produkt-vpravo #parametry table tr:nth-child(even) {
  background: #f2f2f2;
}
#produkt #produkt-vpravo #parametry table tr:nth-child(odd) {
  background: #FFFFFF;
}
#filtr {
  margin-top: 25px;
}
#filtr .nadpis3 {
  color: #2c3d4f;
  font-size: 18px;
  margin-bottom: 15px;
}
#filtr .nazev-parametru {
  background: #2c3e50;
  padding: 5px 10px;
  color: #ffffff;
  font-size: 14px;
  cursor: pointer;
}
#filtr .nazev-parametru em {
  background: url("imgs/sipecka-submenu.png") left bottom no-repeat;
  display: inline-block;
  width: 10px;
  height: 10px;
  margin-right: 10px;
}
#filtr .nazev-parametru:hover {
  color: #E30613;
}
#filtr .nazev-parametru.klik em {
  background: url("imgs/sipecka-submenu.png") left top no-repeat;
}
#filtr .parametr-hodnota {
  background: #FFF;
  border-bottom: 1px solid #d7dcdd;
  padding: 5px 10px;
}
#filtr .filtruj {
  padding: 0 30px;
  margin: 5px 0;
}
#filtr .vypnout-filtr {
  margin-left: 30px;
  background: url("imgs/delete.png") left center no-repeat;
  padding-left: 25px;
}
#filtr .vypnout-filtr:hover {
  color: #E30613;
}
#filtr .parametry.rozbalena {
  display: block !important;
}
.type-uschovna .input {
  max-width: calc(96%);
}
.type-uschovna .h-protected {
  margin-bottom: 0;
  display: block;
}
@media (max-width: 760px) {
  .type-uschovna #obsah h1 {
    font-size: 16px;
  }
}
.type-uschovna .form-wrap {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start;
}
.uschovna-posli {
  background: #F7F7F7;
  border: 1px solid #D1D1D1;
  padding: 15px;
  max-width: calc(70%);
}
.uschovna-posli div {
  margin-bottom: 10px;
}
.uschovna-posli .c {
  text-align: right;
  width: 180px;
  vertical-align: top;
}
.uschovna-posli .button {
  text-transform: uppercase;
  background-color: red;
  color: white;
  text-decoration: none;
  display: flex;
  align-items: center;
  padding: 0px 10px;
  font-size: 13px;
  font-weight: normal;
  height: 100%;
  min-height: 34px;
  transition: 0.3s;
  border: none;
}
.uschovna-posli .button:hover {
  background: #AA0F13 !important;
}
.uschovna-posli .button.x {
  background: #AA0F13 !important;
}
.uschovna-posli a {
  word-wrap: break-word;
}
.uschovna-posli .input {
  max-width: calc(96%);
  border: 1px solid #303030 !important;
  padding: 4px;
}
.upload #obsah .button.x {
  background: #AA0F13 !important;
}
.upload #obsah .good {
  margin-bottom: 20px;
  clear: both;
}
.upload #obsah form {
  background: #F7F7F7;
  border: 1px solid #D1D1D1;
  padding: 15px;
}
.upload #obsah form h2 {
  margin: 0 0 10px 0 !important;
}
.upload #obsah .uschovna-odeslat {
  background: #e30613;
  border: 1px solid #9a1c2b;
  color: #FFF;
  cursor: pointer;
  text-decoration: none;
  padding: 10px 25px 10px 25px;
  display: inline-block;
}
.upload #obsah .uschovna-odeslat.x,
.upload #obsah .uschovna-odeslat:hover {
  background: #13202e;
  border-color: #000;
}
.radek {
  width: 100%;
  border: 1px solid #e8e8e8;
  border-top: none;
  box-shadow: 2px 4px 4px #ABABAA;
}
.pozice {
  background: #2D3E50;
  color: #FFF;
  padding: 6px 25px;
  text-transform: uppercase;
  font-size: 14px;
  text-shadow: 0 1px 1px rgba(0,0,0,0.2);
  font-family: open-semibold, Arial, sans-serif;
}
.pozice .fr {
  color: #FFF;
  font-size: 12px;
  text-transform: none;
}
.pozice .fr:hover {
  color: #E30613;
}
.radek:nth-child(odd) .radek-kontakt {
  background: #F2F2F2;
}
.radek:nth-child(even) .radek-kontakt {
  background: #FFF;
}
.pozice-podskupinka {
  background: #A3A5A8;
  color: #FFF;
  padding: 4px 25px;
  text-transform: uppercase;
  font-size: 13px;
  text-shadow: 0 1px 1px rgba(0,0,0,0.2);
  font-family: open-semibold, Arial, sans-serif;
}
.radek-kontakt {
  color: #2c3d4f;
}
.radek-kontakt .jmeno-linka {
  border-bottom: 1px solid #2D3E50;
  margin: 10px 25px 20px 25px;
  padding-bottom: 5px;
  width: 722px;
}
.radek-kontakt .jmeno {
  font-size: 20px;
  font-family: open-semibold, Arial, sans-serif;
  width: 300px;
  float: left;
}
.radek-kontakt .pozice-typ {
  float: right;
  color: #2C3D4F;
  font-family: open-semibold, Arial, sans-serif;
  width: 420px;
  position: relative;
  top: 3px;
  text-align: right;
}
.radek-kontakt .foto {
  margin: 10px;
  width: 150px;
}
.radek-kontakt .kontakt-tabulka {
  width: 580px;
  float: left;
  padding: 8px 0;
  font-size: 14px;
  line-height: 140%;
}
.radek-kontakt .kontakt-tabulka .kontakty-data {
  width: 55%;
  float: left;
}
.radek-kontakt .kontakt-tabulka .kontakty-kody {
  width: 30%;
  float: left;
}
.radek-kontakt .kontakt-tabulka table td {
  padding: 4px 25px !important;
}
.radek-kontakt .kontakt-tabulka .sloupek1 {
  width: 280px;
}
.radek-kontakt .kontakt-tabulka .sloupek2 {
  width: 140px;
}
.radek-kontakt .kontakt-tabulka .popisek {
  width: 60px;
}
.radek-kontakt .kontakt-tabulka strong {
  font-family: open-semibold, Arial, sans-serif !important;
  font-weight: normal;
}
.radek-kontakt .kod-popis {
  text-decoration: underline;
  cursor: pointer;
  font-size: 13px;
}
.radek-kontakt .kod-popis:hover {
  font-family: open-regular, Arial, sans-serif !important;
}
.radek-kontakt .kod-in {
  position: relative;
}
.radek-kontakt .kod-in .obrazek-kod {
  position: absolute;
  left: -85px;
  top: -100px;
  background: #FFF;
  border: 1px solid #D4E3F1;
  cursor: pointer;
}
#oddeleni {
  margin-bottom: 30px;
}
#oddeleni .kotva {
  width: 31.1%;
  float: left;
  display: block;
  background: #F2F2F2;
  margin: 5px 5px 0 0;
  text-decoration: none;
  padding: 3px 8px;
  box-shadow: 1px 1px 1px #CCC;
}
#oddeleni .kotva .fr {
  display: none;
}
#oddeleni .kotva:hover {
  background: #2D3E50;
  color: #FFF;
}
.galerie td {
  padding: 4px !important;
}
.galerie img {
  padding: 3px;
  border: 1px solid #bababa;
}
.ui-autocomplete {
  padding: 5px 15px;
  background: none repeat scroll 0 0 #eeecec;
  left: -1px;
  position: absolute;
  top: 46px;
  width: 227px;
  z-index: 999999;
  display: none;
  max-height: 200px;
  overflow: auto;
  clear: both;
  border: 1px solid #000 !important;
  border-radius: 0px !important;
}
.ui-autocomplete {
  float: left;
  left: -420px;
}
.ui-autocomplete h3 {
  margin: 15px 0 5px;
  padding: 0;
  font-size: 14px;
  border-bottom: 1px solid transparent;
  overflow: hidden;
  clear: both;
}
.ui-autocomplete a {
  margin: 0;
  padding-bottom: 3px;
  text-decoration: none;
  display: block;
  color: #003a81;
  border-bottom: 1px solid transparent;
  overflow: hidden;
  clear: both;
  border-radius: 0px !important;
  cursor: pointer;
}
.ui-autocomplete li:hover {
  background: none;
  color: #003a81;
  border: none;
  border-bottom: 1px solid transparent;
}
.ui-autocomplete li:hover a:hover {
  border: none;
  border-bottom: 1px solid transparent;
  border-top: 1px solid transparent;
  color: #E2001A;
}
.ui-corner-all {
  border-radisu: 0 !important;
}
.ui-widget-content {
  background: #FFF !important;
}
.ui-autocomplete br {
  display: none;
}
.ui-autocompletet a strong {
  background: #e2001a;
  color: #fff;
}
.ui-autocomplete a:hover {
  text-decoration: underline;
}
.ramecek {
  border: 8px solid #f3f5f5;
}
.section {
  margin: 0 -35px;
  padding: 35px;
}
.section--color-gray {
  background: #f3f5f5;
}
.section--padding-none {
  padding-bottom: 0;
  padding-top: 0;
}
@media (min-width: 540px) {
  .list-columns-2 ul,
  .list-columns-2 ol,
  .list-columns-3 ul,
  .list-columns-3 ol,
  .list-columns-4 ul,
  .list-columns-4 ol {
    column-count: 2;
    column-gap: 30px;
  }
}
@media (min-width: 860px) {
  .list-columns-3 ul,
  .list-columns-3 ol {
    column-count: 3;
  }
  .list-columns-4 ul,
  .list-columns-4 ol {
    column-count: 3;
  }
}
#zaujala {
  margin-top: 30px;
}
#zaujala h2 {
  margin-bottom: 35px;
}
#zaujala .obrazek-vlevo {
  width: 25%;
  text-align: center;
  padding-top: 60px;
}
#zaujala .zaujala-text {
  width: 70%;
}
#zaujala .nadpis {
  font-size: 18px;
  height: 60px;
  line-height: 134%;
}
#obsah .cerveny-odkaz {
  background-color: #e30513;
  box-shadow: 0 1px 1px rgba(0,0,0,0.56);
  color: #FFF;
  padding: 15px 0px;
  text-decoration: none !important;
  display: inline-block;
  width: 185px;
  text-align: center;
}
#obsah .cerveny-odkaz:hover {
  background-color: #fc0110;
  color: #FFF;
}
#jak-funguje img {
  position: relative;
  z-index: 2;
}
#jak-funguje img.fl {
  margin-right: 20px;
}
#jak-funguje #text-1 {
  background: url("imgs/linky-1.png") 82% 100% no-repeat;
}
#jak-funguje #text-2 {
  background: url("imgs/linky-2.png") 28% 100% no-repeat;
}
#jak-funguje #text-3 {
  background: url("imgs/linky-1.png") 81% 100% no-repeat;
}
#jak-funguje .sedy-obdelnik {
  background: #d7dcdd;
  padding: 20px 20px 20px 20px;
  width: 66%;
  position: relative;
  top: 60px;
  z-index: 1;
}
#jak-funguje .sedy-obdelnik.levy {
  margin-left: 50px;
}
#jak-funguje .sedy-obdelnik.pravy {
  margin-left: 250px;
  width: 45%;
  position: relative;
  top: 90px;
  z-index: 1;
}
#jak-funguje .sedy-obdelnik.velky {
  width: 89%;
  margin-left: 60px;
  position: relative;
  top: 85px;
  z-index: 1;
}
#skaldove-hospodarstvi {
  background: url("imgs/skladove-hospodarstvi.png") no-repeat;
  height: 1020px;
  margin-top: 50px;
}
#skaldove-hospodarstvi #sklad-1 {
  padding: 570px 0 0 330px;
}
#skaldove-hospodarstvi #sklad-2 {
  padding: 220px 0 60px 120px;
  max-width: 550px;
}
#prinos-pro-zakaznika {
  background: url("imgs/evidence-sklad-zasob.png") right top no-repeat;
  height: 520px;
  margin-top: 30px;
}
#prinos-pro-zakaznika #prinos-1 {
  padding: 0 0 0 0;
}
#prinos-pro-zakaznika #prinos-2 {
  padding: 20px 0 0 0;
  max-width: 510px;
}
#prinosy-pro-zakaznika-etiketa {
  background: url("imgs/oznacovani-palet.png") right 50px no-repeat;
  height: 830px;
  margin: 20px 0 40px 0;
}
#prinosy-pro-zakaznika-etiketa #etiketa-2 {
  padding: 260px 0 0 0;
  max-width: 69%;
}
#tisk-linkou {
  margin: 40px 0 0 0;
}
#tisk-linkou #tisk-linkou-1 {
  background: url("imgs/tisk-etiket-vyrobni-linkou-1.png") left top no-repeat;
  height: 346px;
}
#tisk-linkou #tisk-linkou-1 #textik-1 {
  float: right;
  max-width: 62%;
}
#tisk-linkou #textik-2 {
  padding: 20px 0;
}
#tisk-linkou #tisk-linkou-2 {
  background: url("imgs/tisk-etiket-vyrobni-linkou-2.png") 111px top no-repeat;
  height: 650px;
}
#tisk-linkou #tisk-linkou-2 #textik-3 {
  float: left;
  max-width: 48%;
  padding-top: 40px;
}
#online-system {
  margin: 20px 0;
}
#online-system .sedy-obdelnik {
  background: #d7dcdd;
  padding: 20px 20px 20px 20px;
  width: 90%;
  position: relative;
  top: 60px;
  z-index: 1;
}
#online-system .sedy-obdelnik.levy {
  margin-left: 50px;
}
#online-system img {
  position: relative;
  z-index: 2;
}
#online-system img.fl {
  margin-right: 20px;
}
#online-system #textik-stred {
  margin: 35px 0 0 0;
}
#online-system #wifi {
  margin: 25px 0 20px 0;
  max-width: 70%;
}
#online-system #wifi .sedy-obdelnik {
  top: 22px;
}
#online-system #textik-dole {
  background: url("imgs/online-system-1.png") left top no-repeat;
  height: 453px;
}
#online-system #textik-dole #text {
  padding: 325px 0 0 0;
  max-width: 59%;
}
#automat-znaceni {
  background: url("imgs/system-znaceni.png") no-repeat;
  height: 680px;
  margin: 30px 0;
}
#automat-znaceni #text {
  float: right;
  max-width: 62%;
}
#kontrola .sedy-obdelnik {
  background: #d7dcdd;
  padding: 20px 20px 20px 20px;
  width: 90%;
  position: relative;
  top: 60px;
  z-index: 1;
}
#kontrola .sedy-obdelnik.levy {
  margin-left: 50px;
}
#kontrola img {
  position: relative;
  z-index: 2;
}
#kontrola img.fl {
  margin-right: 20px;
}
#kontrola #palety {
  margin-bottom: 25px;
}
#kontrola #kontrola-3 {
  background: url("imgs/kontrola-a-sledovani-materialu-2.png") left 40px no-repeat;
  height: 550px;
  margin-top: 50px;
}
#kontrola #kontrola-3 #text {
  float: left;
  max-width: 60%;
}
#kontrola #kontrola-4 {
  margin-bottom: 40px;
}
#kontrola #kontrola-4 #text {
  padding-left: 130px;
  margin: 20px 0 40px 0;
}
#kontrola #kontrola-4 img {
  margin-left: 10px;
}
#rfid {
  background: url("imgs/rfid-expedicni-brana-2.png") 50px bottom no-repeat;
  height: 1020px;
  max-width: 960px;
  margin: 30px 0;
}
#rfid .sedy-obdelnik {
  background: #d7dcdd;
  padding: 20px 20px 20px 20px;
  width: 90%;
  position: relative;
  top: 130px;
  z-index: 1;
}
#rfid .sedy-obdelnik.levy {
  margin-left: 50px;
}
#rfid img {
  position: relative;
  z-index: 2;
}
#rfid img.fl {
  margin-right: 20px;
}
#rfid #text-1 {
  padding: 20px 0 0 450px;
}
#rfid #text-2 {
  position: relative;
  top: -80px;
}
#rfid #text-3 {
  padding: 20px 0 0 450px;
  position: relative;
  top: -200px;
}
#rfid #text-4 {
  max-width: 430px;
  position: relative;
  top: -160px;
}
#rfid #text-5 {
  max-width: 620px;
  float: right;
  position: relative;
  top: -50px;
}
@-webkit-keyframes dp-animation-color-my {
  from {
    background-color: #E2001A !important;
  }
  to {
    box-shadow: rgba(226,0,26,0.3) 0 0 14px !important;
    background-color: #E2001A !important;
  }
}
@keyframes dp-animation-color-my {
  from {
    background-color: #E2001A !important;
  }
  to {
    box-shadow: rgba(226,0,26,0.3) 0 0 14px !important;
    background-color: #E2001A !important;
  }
}
#mod-depository #uploader {
  height: 240px !important;
}
#mod-depository .center a.button,
#mod-depository .center input.button {
  background: #E2001A !important;
  border-color: #af0014 !important;
}
#mod-depository .center a.button:hover,
#mod-depository .center input.button:hover {
  background: #3f59d2 !important;
  border-color: #2a43b4 !important;
}
#mod-depository h2.styled span.icon {
  background: #e2001a !important;
}
#mod-depository .steps a.active {
  color: #e2001a !important;
}
#mod-depository .steps a.active .circle {
  background: #e2001a !important;
}
#mod-depository .steps a.ok {
  color: #e2001a !important;
}
#mod-depository .steps a.ok .circle {
  background: #e2001a !important;
}
#mod-depository #durability .value strong {
  color: #e2001a !important;
}
#mod-depository #dp-slider-box .min,
#mod-depository #dp-slider-box .max {
  color: #e2001a !important;
}
#mod-depository #alert .alert label .text {
  color: #e2001a !important;
}
#mod-depository .color {
  color: #e2001a !important;
}
#mod-depository fieldset label {
  color: #e2001a !important;
}
#mod-depository fieldset .row h3 {
  color: #e2001a;
}
#mod-depository .timeline .icon span {
  color: #e2001a !important;
}
#mod-depository a#mod-depository-start.button {
  background: #e2001a !important;
  border-color: #af0014 !important;
}
#mod-depository a#mod-depository-start.button:hover {
  background: #3f59d2 !important;
  border-color: #2a43b4 !important;
}
#mod-depository a#mod-depository-start.button.dp-pulsing-button {
  animation: dp-animation-color-my infinite 1s !important;
}
#dp-slider .ui-slider-handle {
  background: url("imgs/dot.png") !important;
}
#mod-depository .tag-editor {
  border: 1px solid #dae4eb;
}
.cervene-pozadi-new {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0px 30px;
}
@media (max-width: 540px) {
  .cervene-pozadi-new {
    padding: 20px 30px;
  }
}
.cervene-pozadi-new .stred {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-top: 0px !important;
}
@media (max-width: 540px) {
  .cervene-pozadi-new .stred {
    flex-direction: column;
  }
}
.cervene-pozadi-new .stred .textik-vyhody {
  width: 100% !important;
}
@media (max-width: 540px) {
  .cervene-pozadi-new .stred .textik-vyhody {
    background: none !important;
    text-align: center;
    margin-bottom: 20px;
  }
}
.cervene-pozadi-new .stred .button {
  width: 200px;
  height: 39px;
  display: flex;
  font-size: 16px;
  align-items: center;
  justify-content: center;
  background-color: #2B3E50;
  border: none;
  -webkit-appearance: none;
  transition: 0.3s;
}
.cervene-pozadi-new .stred .button:hover {
  box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5);
}
.bile-pozadi {
  background: white;
  padding: 15px 0px;
}
.bile-pozadi .unie {
  width: 200px;
}
.bile-pozadi .mpo {
  width: 100px;
}
.bile-pozadi .item {
  display: flex;
  justify-content: center;
}
.bile-pozadi .stred {
  display: grid;
  grid-template-columns: 350px 350px 350px;
  align-items: center;
  flex-wrap: wrap;
  justify-content: center;
}
@media (max-width: 960px) {
  .bile-pozadi .stred {
    flex-direction: column;
    display: flex;
  }
}
.bile-pozadi .stred .item-text {
  font-size: 10px;
  display: block;
  text-align: center;
}
@media (max-width: 960px) {
  .bile-pozadi .stred .item-text {
    margin: 20px 0px;
  }
}
.clients {
  background: #13202E;
  padding: 30px 0px;
  position: relative;
}
.clients-stred {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  width: 90% !important;
}
@media (max-width: 540px) {
  .clients-stred {
    flex-direction: column;
    justify-content: center;
  }
}
.clients-item {
  width: 150px;
  opacity: 0.7;
}
@media (max-width: 540px) {
  .clients-item {
    width: 150px;
    margin-bottom: 40px;
  }
  .clients-item:last-child {
    margin-bottom: 0px;
  }
}
.clients-item img {
  width: 100%;
}
.clients-item.aim {
  width: 60px;
}
.clients-item.ic {
  width: 120px;
}
.footer-new {
  background: #13202E;
  padding: 50px 0px 20px 0px;
  color: white;
  position: relative;
}
.footer-new:after {
  content: '';
  position: absolute;
  right: 60px;
  bottom: 0px;
  background-image: url("../imgs/petrov.svg");
  background-size: cover;
  background-repeat: no-repeat;
  width: 300px;
  height: 300px;
  opacity: 0.5;
}
@media (max-width: 760px) {
  .footer-new .animato {
    margin-top: 10px;
  }
}
.footer-new .stred {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  position: relative;
  z-index: 2;
}
@media (max-width: 760px) {
  .footer-new .stred {
    flex-direction: column;
    width: 90% !important;
  }
}
.footer-new a {
  color: white;
}
.footer-new #newsletter {
  padding-top: 0px;
  float: none;
  font-size: 14px;
}
@media (max-width: 760px) {
  .footer-new #newsletter {
    margin-bottom: 30px;
  }
}
.footer-new #newsletter .button {
  -webkit-appearance: none;
}
@media (max-width: 760px) {
  .footer-new #newsletter .input {
    width: 48% !important;
  }
}
.footer-new #newsletter .vyrazny {
  margin-bottom: 20px;
}
@media (max-width: 760px) {
  .footer-new .uzitecne-odkazy {
    margin-bottom: 30px;
  }
}
.footer-new .uzitecne-odkazy strong {
  font-weight: bold;
  font-size: 16px;
  padding-bottom: 20px;
  display: flex;
}
.footer-new .uzitecne-odkazy a {
  font-size: 14px;
  text-decoration: none;
  padding-bottom: 5px;
  display: flex;
}
.footer-new .uzitecne-odkazy a:hover {
  text-decoration: underline;
}
.footer-new .footer-social {
  display: flex;
  font-size: 14px;
}
.footer-new .footer-social strong {
  font-weight: bold;
  font-size: 16px;
  padding-bottom: 20px;
  display: flex;
}
.footer-new .footer-social .social {
  margin-right: 20px;
}
.footer-new .copyright {
  margin-top: 50px;
}
.footer-new .copyright .text {
  font-size: 14px;
  color: gray;
}
.stred a h2 {
  width: 100px;
  margin: 0 auto;
}
@media (max-width: 760px) {
  #menu-pod {
    height: 100% !important;
  }
  #menu-pod span {
    line-height: 20px;
    width: 80%;
  }
}
.testimonials .swiper-pagination {
  margin-top: 20px;
  position: relative;
}
.testimonials .swiper-pagination-bullet-active {
  background: #000;
}
.testimonials__quote {
  font-size: 16px;
  font-style: italic;
  letter-spacing: .3px;
  line-height: 1.8;
}
.testimonials__quote:before,
.testimonials__quote:after {
  display: inline-block;
  font-size: 35px;
  height: 16px;
  letter-spacing: 0;
  line-height: 28px;
  overflow: hidden;
  vertical-align: middle;
  width: 20px;
}
.testimonials__quote:before {
  content: '\201C';
}
.testimonials__quote:after {
  content: '\201D';
}
.testimonials__author {
  align-items: center;
  display: flex;
  font-size: 11px;
  font-style: normal;
  line-height: 1.6;
  position: relative;
  min-height: 72px;
}
.testimonials__avatar {
  flex: 0 0 72px;
  height: 72px;
  outline: none;
  margin-right: 18px;
  max-width: 72px !important;
}
.testimonials__avatar[src="%obrazek-reference-src%"] {
  display: none;
}
.testimonials__name {
  display: block;
  font-size: 14px;
  font-family: open-semibold;
}
.testimonials__meta {
  display: block;
}
.grid__headline {
  margin-bottom: 30px;
}
.grid__row {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: -15px;
}
.grid__column {
  box-sizing: border-box;
  display: flex;
  flex: 1 0 100%;
  max-width: 100%;
  padding: 15px;
}
@media (min-width: 540px) {
  .grid__column {
    flex-basis: 50%;
    max-width: 50%;
  }
}
@media (min-width: 960px) {
  .grid__column {
    flex-basis: 33.333%;
    max-width: 33.333%;
  }
}
.grid__column__inner {
  border: 1px solid #f3f5f5;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  flex: 1 0 100%;
  max-width: 100%;
  padding: 30px;
  text-align: center;
}
.grid__column__inner:link {
  color: inherit;
}
.grid__column__inner:link,
.grid__column__inner:hover,
.grid__column__inner:focus {
  text-decoration: none;
}
.grid__column__inner > * {
  flex: 0 0 auto;
  margin-bottom: 0;
}
.grid__column__inner > *:first-child {
  margin-top: 0;
}
.grid__bottom {
  margin-top: auto;
  padding-top: 20px;
}
.grid__top {
  margin-bottom: auto;
}
.grid__middle {
  margin-bottom: auto;
  margin-top: auto;
}
.grid__icon {
  height: auto;
  margin: 0 auto 15px;
  max-width: 80% !important;
  width: 120px;
}
.stred a.kategorie-polozka h2 {
  width: 100%;
  margin: 0;
  margin-bottom: 0 !important;
}
.aktuality-obsah-new .polozka .flex {
  align-items: center;
}
@media (max-width: 540px) {
  .aktuality-obsah-new .polozka .flex {
    flex-direction: column;
  }
}
.aktuality-obsah-new .polozka .flex img {
  margin-right: 30px;
  width: 300px;
}
@media (max-width: 540px) {
  .aktuality-obsah-new .polozka .flex img {
    margin-right: 0px;
    margin-bottom: 30px;
  }
}
.aktuality-obsah-new .polozka .flex .text {
  width: 65%;
}
@media (max-width: 540px) {
  .aktuality-obsah-new .polozka .flex .text {
    text-align: center;
  }
}
.aktuality-obsah-new .polozka .date {
  padding-bottom: 20px;
  display: flex;
}
@media (max-width: 540px) {
  .aktuality-obsah-new .polozka .date {
    align-items: center;
    justify-content: center;
  }
}
@media (min-width: 750px) {
  .mobile-tag {
    display: none;
  }
}
@media (max-width: 750px) {
  .desktop-tag {
    display: none;
  }
}
.mapa-eprin__wrapper {
  background: white;
  padding: 32px 0;
  border-bottom: 1px solid #13202E;
}
.mapa-eprin__wrapper h2 {
  font-size: 32px;
  text-align: center;
  padding-bottom: 42px;
  font-weight: bold;
  color: #13202E;
}
.mapa-eprin__img {
  margin: 0 auto;
}
.mapa-eprin__img img {
  width: 80%;
  display: flex;
  margin: 0 auto;
}
.mapa-eprin__img.czech img {
  width: 60%;
}
.new-layout {
  display: grid;
  grid-template-columns: 308px 1fr;
  grid-column-gap: 19px;
  margin-bottom: 30px;
}
@media (max-width: 800px) {
  .new-layout {
    grid-template-columns: 1fr;
  }
}
.new-layout .col-1 {
  grid-area: 0.25;
  margin-top: 33px;
}
@media (max-width: 800px) {
  .new-layout .col-1 {
    padding: 0 20px 20px 20px;
  }
}
.new-layout .col-2 {
  grid-area: 0.055555555555556;
}
@media (max-width: 800px) {
  .new-layout .col-2 {
    padding: 0 20px;
  }
}
@media (min-width: 800px) {
  .new-layout .aktuality-mobile {
    display: none;
  }
}
.new-layout .aktuality-desktop {
  width: 100% !important;
}
@media (max-width: 800px) {
  .new-layout .aktuality-desktop {
    display: none;
  }
}
.new-obsah {
  padding: 0 60px 60px 60px;
}
@media (max-width: 800px) {
  .new-obsah {
    padding: 0 30px 30px 30px;
  }
}
.new-obsah h1 {
  font-family: 'Public Sans', sans-serif !important;
  font-weight: 600 !important;
  font-size: 36px !important;
  line-height: 42px !important;
}
.new-obsah-detail .container {
  padding: 60px;
  font-family: 'Public Sans', sans-serif !important;
  font-weight: 400;
}
@media (max-width: 800px) {
  .new-obsah-detail .container {
    padding: 15px 30px;
  }
}
.new-obsah-detail #jak-funguje {
  max-width: 900px;
  margin: 0 auto;
}
@media (max-width: 800px) {
  .new-obsah-detail #jak-funguje #text-1,
  .new-obsah-detail #jak-funguje #text-2,
  .new-obsah-detail #jak-funguje #text-3,
  .new-obsah-detail #jak-funguje #text-4 {
    display: flex;
  }
}
.filter__wrapper {
  background: white;
  padding: 30px;
  font-family: 'Public Sans', sans-serif;
}
.filter__title {
  font-weight: 600;
  font-size: 20px;
  line-height: 28px;
  font-family: 'Public Sans', sans-serif;
  margin-bottom: 15px;
}
.filter__category {
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
  font-family: 'Public Sans', sans-serif;
  padding-bottom: 13px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
}
.filter__category img {
  transition: .3s;
}
@media (max-width: 800px) {
  .filter__category img {
    transform: rotate(180deg);
  }
}
.filter__category.active img {
  transform: rotate(180deg);
}
@media (max-width: 800px) {
  .filter__category.active img {
    transform: rotate(0deg);
  }
}
.filter__items {
  display: flex;
  flex-direction: column;
  margin-bottom: 30px;
}
@media (max-width: 800px) {
  .filter__animate {
    display: none;
  }
}
.filter__item {
  font-size: 16px;
  color: #595959;
  line-height: 24px;
  margin-bottom: 13px;
  cursor: pointer;
  position: relative;
  padding-left: 40px;
  padding-top: 4px;
  transition: .3s;
}
.filter__item:hover {
  color: #2D3E50;
}
.filter__item input {
  position: absolute;
  z-index: -1;
  opacity: 0;
}
.filter__item .control_indicator {
  position: absolute;
  top: 2px;
  left: 0;
  height: 24px;
  width: 24px;
  background: #ffffff;
  border: 1px solid #CCCCCC;
  border-radius: 4px;
  transition: .3s;
}
.filter__item:hover input ~ .control_indicator {
  border: 1px solid #2D3E50;
}
.filter__item input:checked ~ .control_indicator {
  background: #2D3E50;
  border: 1px solid #2D3E50;
}
.filter__item .control_indicator:after {
  box-sizing: unset;
  content: '';
  position: absolute;
  display: none;
}
.filter__item input:checked ~ .control_indicator:after {
  display: block;
}
.filter__item .control_indicator:after {
  left: 4px;
  top: 4px;
  width: 16px;
  height: 16px;
  background-image: url("../imgs/checkbox.svg");
  background-position: center;
  background-size: cover;
}
.filter__item input:disabled ~ .control_indicator:after {
  border-color: #7b7b7b;
}
.filter__active--items {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin-left: -5px;
  margin-bottom: 16px;
}
.filter__active--item {
  background: #2D3E50;
  color: white;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  margin: 5px;
}
.filter__active--item .delete {
  padding: 5px 10px;
  display: flex;
  align-items: center;
  cursor: pointer;
}
.filter__active--item .text {
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 10px;
}
.article__wrapper {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
}
@media (max-width: 1280px) {
  .article__wrapper {
    grid-template-columns: 1fr;
  }
}
.article__item {
  background: #F5F5F5;
  border-radius: 4px;
  font-family: 'Public Sans', sans-serif;
  position: relative;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  filter: drop-shadow(0px 4px 4px rgba(0,0,0,0.25));
  text-decoration: none;
  color: #2D3E50;
}
.article__item:hover {
  color: #2D3E50;
  text-decoration: none;
}
.article__item:hover .article__title {
  color: #c1c3d5;
}
.article__top {
  padding: 20px 26px;
  height: 240px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  color: white;
}
@media (max-width: 800px) {
  .article__top {
    height: 100%;
  }
}
.article__bck-img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #2D3E50;
  opacity: .8;
}
.article__date {
  font-size: 14px;
  line-height: 20px;
  margin-bottom: 110px;
  position: relative;
  z-index: 2;
}
@media (max-width: 800px) {
  .article__date {
    font-size: 11px;
  }
}
.article__title {
  font-weight: 600;
  font-size: 20px;
  line-height: 28px;
  text-decoration: underline;
  position: relative;
  z-index: 2;
  transition: .3s;
}
@media (max-width: 800px) {
  .article__title {
    font-size: 16px;
  }
}
.article__content {
  background: #E5E5E5;
  padding: 20px 26px;
  height: 50%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
@media (max-width: 800px) {
  .article__content {
    height: 100%;
  }
}
.article__description {
  font-size: 14px;
  line-height: 24px;
  margin-bottom: 10px;
}
@media (max-width: 800px) {
  .article__description {
    font-size: 12px;
    line-height: 20px;
  }
}
.article__tag {
  margin-right: 16px;
  font-weight: 600;
  line-height: 24px;
  white-space: nowrap;
}
@media (max-width: 800px) {
  .article__tag {
    font-size: 12px;
    line-height: 20px;
  }
}
.pagination__wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: 'Public Sans', sans-serif;
  margin-top: 80px;
}
.pagination__prev {
  display: flex;
  align-items: center;
  font-size: 16px;
  text-decoration: none;
  color: #2D3E50 !important;
  font-weight: 600;
  margin-right: 25px;
}
.pagination__prev img {
  transform: rotate(-90deg);
  margin-right: 8px;
}
.pagination__next {
  display: flex;
  align-items: center;
  font-size: 16px;
  text-decoration: none;
  color: #2D3E50 !important;
  font-weight: 600;
  margin-left: 25px;
}
.pagination__next img {
  transform: rotate(90deg);
  margin-left: 8px;
}
.pagination__number {
  width: 45px;
  height: 45px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  text-decoration: none;
  border-radius: 4px;
  transition: .3s;
  margin: 0 2px;
}
.pagination__number:hover {
  text-decoration: none;
  color: white;
  background: #2D3E50;
}
.pagination__number.on {
  background: #2D3E50 !important;
  color: white !important;
}
.detail__back {
  text-decoration: none;
  display: flex;
  align-items: center;
  font-family: 'Public Sans', sans-serif;
  font-size: 16px;
  font-weight: 24px;
  font-weight: 600;
  color: #13202E;
  margin-bottom: 25px;
  padding: 0 60px;
}
@media (max-width: 800px) {
  .detail__back {
    padding: 0 30px;
  }
}
.detail__back:hover {
  color: #13202E;
}
.detail__back img {
  transform: rotate(-90deg);
  margin-right: 10px;
}
.detail__title--wrapper {
  display: flex;
  padding: 0 60px;
  margin-bottom: 50px;
}
@media (max-width: 800px) {
  .detail__title--wrapper {
    flex-direction: column;
    padding: 0 30px;
  }
}
.detail__title--title {
  padding: 26px;
  border-right: 1px solid #13202E;
  width: 50%;
}
@media (max-width: 800px) {
  .detail__title--title {
    width: 100%;
    border-right: none;
    padding: 0;
    margin-bottom: 20px;
  }
}
.detail__title--title h1 {
  font-family: 'Public Sans', sans-serif !important;
  font-weight: 400 !important;
  font-size: 30px !important;
  line-height: 41px !important;
  width: 100% !important;
  color: #131F2D;
  margin-bottom: 10px;
  margin-top: 0 !important;
}
.detail__title--tags {
  display: flex;
  flex-wrap: wrap;
  font-family: 'Public Sans', sans-serif;
  margin-left: -5px;
}
.detail__title--tags .tag {
  background: #F1F6F6;
  padding: 8px 12px;
  font-size: 12px;
  line-height: 16px;
  color: #3B3B3B;
  border-radius: 50px;
  margin: 5px;
}
.detail__title--description {
  padding: 10px 20px;
  width: 50%;
  color: #2C3D4F;
  font-size: 14px;
  font-family: 'Public Sans', sans-serif;
  line-height: 23px;
}
@media (max-width: 800px) {
  .detail__title--description {
    width: 100%;
    padding: 0;
  }
}
.detail__title--buttons {
  display: flex;
  align-items: center;
  margin-top: 20px;
  margin-left: -5px;
}
.detail__title--buttons .button {
  height: auto;
  border: none;
  padding: 10px;
  font-size: 14px;
  line-height: 23px;
  margin: 5px;
}
.new-layout-detail {
  margin-bottom: 90px;
}
@media (max-width: 1024px) {
  .new-layout-detail {
    width: 95% !important;
  }
}
.new-layout-detail #obsah {
  padding-bottom: 0;
}
.new-layout-detail a.button {
  height: auto;
  border: none;
  padding: 10px;
  font-size: 14px;
  line-height: 23px;
  margin: 5px;
  border: 1px solid #E30513;
  font-family: 'Public Sans', sans-serif;
  font-weight: 600;
  transition: .3s;
}
.new-layout-detail a.button:hover {
  border: 1px solid #2D3E50;
  background: #2D3E50;
}
.new-layout-detail a.button.button-bd {
  background: white;
  border: 1px solid #E30513;
  color: #E30513;
}
.new-layout-detail a.button.button-bd:hover {
  border: 1px solid #2D3E50;
  color: white;
  background: #2D3E50;
}
.arguments__wrapper {
  background: #13202E;
  display: grid;
  font-family: 'Public Sans', sans-serif;
  padding: 26px;
}
@media (max-width: 800px) {
  .arguments__wrapper {
    padding-top: 50px;
  }
}
.arguments__wrapper.grid-1 {
  grid-template-columns: 1fr;
}
.arguments__wrapper.grid-2 {
  grid-template-columns: 1fr 1fr;
}
@media (max-width: 800px) {
  .arguments__wrapper.grid-2 {
    grid-template-columns: auto;
  }
}
.arguments__wrapper.grid-3 {
  grid-template-columns: 1fr 1fr 1fr;
}
@media (max-width: 800px) {
  .arguments__wrapper.grid-3 {
    grid-template-columns: auto;
  }
}
.arguments__item {
  padding: 26px;
  text-align: center;
  border-right: 1px solid rgba(255,255,255,0.3);
}
@media (max-width: 800px) {
  .arguments__item {
    border-right: none;
    padding: 0;
    margin-bottom: 30px;
  }
}
.arguments__item:last-child {
  border: none;
}
.arguments__title {
  color: #E30613;
  font-size: 40px;
  line-height: 23px;
  font-weight: 600;
  margin-bottom: 16px;
}
.arguments__text {
  color: white;
  font-size: 14px;
  line-height: 23px;
}
.columns__wrapper {
  background: #F1F6F6;
}
.columns__content {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
}
@media (max-width: 800px) {
  .columns__content {
    grid-template-columns: auto;
    gap: 0;
    margin-top: 30px;
  }
}
@media (max-width: 800px) {
  .columns__content ul {
    margin-bottom: 0 !important;
    margin-top: 0 !important;
  }
}
.info-box__wrapper {
  background: #E3EDEF;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 800px) {
  .info-box__wrapper {
    padding: 30px;
  }
}
.info-box__text {
  font-size: 24px;
  line-height: 23px;
  font-family: 'Public Sans', sans-serif;
  text-align: center;
}
@media (max-width: 800px) {
  .info-box__text {
    font-size: 20px;
  }
}
.video__wrapper {
  background: #F1F6F6;
}
.video__video {
  width: 100%;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 25px;
}
.video__video iframe {
  width: 100%;
  height: 400px;
}
.img-text__wrapper {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 40px;
}
@media (max-width: 800px) {
  .img-text__wrapper {
    grid-template-columns: auto;
  }
}
.img-text__wrapper.bck-white {
  background: white;
}
.img-text__wrapper.bck-gray {
  background: #F1F6F6;
}
.img-text__wrapper.img-right .img-text__img {
  order: 2;
}
.img-text__wrapper.img-right .img-text__content {
  order: 1;
}
@media (max-width: 800px) {
  .img-text__wrapper.img-left .img-text__img {
    order: 2;
  }
}
@media (max-width: 800px) {
  .img-text__wrapper.img-left .img-text__content {
    order: 1;
  }
}
.img-text__img img {
  border-radius: 4px;
  margin-bottom: 10px;
}
.img-text__content {
  font-family: 'Public Sans', sans-serif;
  font-size: 14px;
  line-height: 23px;
}
.img-text__content h1,
.img-text__content h2,
.img-text__content h3 {
  margin-bottom: 20px !important;
}
.img-text__buttons {
  display: flex;
  align-items: center;
  margin-top: 20px;
  margin-left: -5px;
}
.img-text__buttons .button {
  margin: 5px !important;
}
.new-img__inside {
  width: 100%;
  height: 400px;
}
@media (max-width: 800px) {
  .new-img__inside {
    height: auto;
  }
}
.new-img__inside img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 4px;
}
.new-form__wrapper .forms-submit-button {
  text-align: left !important;
}
.new-form__wrapper .greyform-submit {
  background-color: #E30613 !important;
  border: none;
  box-shadow: none;
  text-shadow: none;
  font-family: 'Public Sans', sans-serif;
  transition: .3s;
}
.new-form__wrapper .greyform-submit:hover {
  border: none;
  box-shadow: none;
  text-shadow: none;
  background-color: #2D3E50 !important;
  background-position: unset;
}
.new-form__wrapper input,
.new-form__wrapper textarea {
  width: 60% !important;
}
@media (max-width: 800px) {
  .new-form__wrapper input,
  .new-form__wrapper textarea {
    width: 100% !important;
  }
}
.studies__wrapper {
  background: #F1F6F6;
}
@media (max-width: 800px) {
  .studies__wrapper {
    padding-bottom: 30px !important;
  }
}
.studies__title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 25px;
}
.studies__title h2 {
  font-family: 'Public Sans', sans-serif;
  font-size: 24px;
  line-height: 23px;
  margin-bottom: 0 !important;
}
.studies__more {
  font-family: 'Public Sans', sans-serif;
  font-size: 16px;
  display: flex;
  align-items: center;
  text-decoration: none;
  color: #13202E;
}
.studies__more:hover {
  color: #13202E;
}
.studies__more img {
  transform: rotate(90deg);
  margin-left: 10px;
}
.studies__articles {
  display: grid;
  grid-template-columns: auto auto auto;
  gap: 20px;
}
@media (min-width: 540px) and (max-width: 960px) {
  .studies__articles {
    grid-template-columns: auto auto;
  }
}
@media (max-width: 540px) {
  .studies__articles {
    grid-template-columns: auto;
  }
}
.link-6 {
  color: #e30613 !important;
  transition: .3s;
}
.video-hp {
  margin-bottom: 50px;
  display: flex;
}
@media (max-width: 540px) {
  .video-hp {
    margin-bottom: 0;
  }
}
@media (max-width: 540px) {
  .video-hp .video-desktop {
    display: none;
  }
}
@media (min-width: 540px) {
  .video-hp .video-mobile {
    display: none;
  }
}
@media (min-width: 960px) {
  #kontakty .mesto-obr-brno {
    position: absolute;
    left: -25px;
  }
}
@media (max-width: 1280px) {
  #hlavicka #menu {
    position: relative;
    top: -30px;
  }
  .stred {
    width: 980px;
  }
  .katalog-polozka-obrazek img {
    max-width: 600px;
  }
  #reseni {
    width: 980px !important;
  }
  #reseni-in {
    width: 980px !important;
  }
  .katalog-polozka {
    max-height: 242px;
  }
  .katalog-polozka-nadpis {
    max-width: 300px !important;
    height: 200px !important;
    font-size: 18px !important;
  }
  .katalog-polozka-nadpis a {
    padding: 5px 5px !important;
  }
  #hlavicka-stred #socialni-site img {
    margin-left: 5px;
    width: 20px;
  }
  #hlavicka-stred #poptavka-odkaz {
    right: 220px;
    top: 15px;
  }
  #hlavicka-stred #eshop {
    right: 300px;
  }
  #hlavicka-stred #kariera {
    right: 400px;
  }
  #cisilka a {
    padding: 3px 5px !important;
  }
  #telo-tit {
    min-height: 630px;
  }
  #produkty-tit-stred .kategorie-tit {
    width: 105px !important;
  }
  #kontakty a {
    margin: 48px 10px 0 10px;
  }
  iframe {
    max-width: 100%;
  }
  #eshop-kategorie .kategorie-tit {
    width: 105px !important;
  }
  #eshop-kategorie .kategorie-tit .nadpis-h2 {
    font-size: 14px !important;
  }
  #vpravo {
    width: 720px !important;
  }
  #vlevo #hledej {
    width: 100% !important;
  }
  #vlevo #hledej .input {
    width: 75% !important;
    float: left !important;
  }
  #vlevo #hledej .button {
    float: right;
  }
  #kategorie .kategorie-polozka {
    width: 27.5%;
  }
  #kategorie .kategorie-polozka h2 {
    font-size: 16px;
    margin-bottom: 5px;
    height: 40px;
  }
  #produkty .kat-produkt,
  #souvisejici .kat-produkt {
    width: 48%;
  }
  #produkt #produkt-vpravo {
    float: right;
    width: 60%;
  }
  #souvisejici .kat-produkt {
    width: 328px;
  }
  #submenu1 a {
    font-size: 15px;
    margin-right: 15px;
  }
  #submenu1 a span {
    padding: 10px 15px;
  }
  .aktuality-popis {
    max-width: 430px !important;
    font-size: 12px !important;
  }
  .aktuality-popis a {
    width: 430px !important;
  }
  .aktuality-popis img {
    width: 30%;
  }
  #cervene-pozadi-stred .textik-vyhody {
    padding-left: 4%;
    font-size: 14px;
    width: 24%;
  }
  .pozice-podskupinka {
    background: #A3A5A8;
    color: #FFF;
    padding: 4px 25px;
    text-transform: uppercase;
    font-size: 13px;
    text-shadow: 0 1px 1px rgba(0,0,0,0.2);
    font-family: open-semibold, Arial, sans-serif;
  }
  .radek-kontakt {
    color: #2c3d4f;
  }
  .radek-kontakt .jmeno-linka {
    border-bottom: 1px solid #2D3E50;
    margin: 10px 25px 20px 5px;
    padding-bottom: 5px;
    max-width: 420px;
  }
  .radek-kontakt .jmeno {
    font-size: 14px;
    font-family: open-semibold, Arial, sans-serif;
    width: 200px;
    float: left;
  }
  .radek-kontakt .pozice-typ {
    float: right;
    color: #2C3D4F;
    font-family: open-semibold, Arial, sans-serif;
    width: 200px;
    position: relative;
    top: 3px;
    text-align: right;
    font-size: 11px;
  }
  .radek-kontakt .foto {
    margin: 10px;
    width: 150px;
  }
  .radek-kontakt .kontakt-tabulka {
    width: 380px;
    float: left;
    padding: 8px 0;
    font-size: 14px;
    line-height: 140%;
  }
  .radek-kontakt .kontakt-tabulka .kontakty-data {
    width: 55%;
    float: left;
  }
  .radek-kontakt .kontakt-tabulka .kontakty-kody {
    width: 30%;
    float: left;
  }
  .radek-kontakt .kontakt-tabulka table td {
    padding: 4px 5px !important;
  }
  .radek-kontakt .kontakt-tabulka .sloupek1 {
    width: 280px;
  }
  .radek-kontakt .kontakt-tabulka .sloupek2 {
    width: 140px;
  }
  .radek-kontakt .kontakt-tabulka .popisek {
    width: 60px;
  }
  .radek-kontakt .kontakt-tabulka strong {
    font-family: open-semibold, Arial, sans-serif !important;
    font-weight: normal;
  }
  .radek-kontakt .kod-popis {
    text-decoration: underline;
    cursor: pointer;
    font-size: 13px;
  }
  .radek-kontakt .kod-popis:hover {
    font-family: open-light, Arial, sans-serif !important;
  }
  .radek-kontakt .kod-in {
    position: relative;
  }
  .radek-kontakt .kod-in .obrazek-kod {
    position: absolute;
    left: -85px;
    top: -100px;
    background: #FFF;
    border: 1px solid #D4E3F1;
    cursor: pointer;
  }
  #zaujala {
    margin-top: 30px;
  }
  #zaujala h2 {
    margin-bottom: 35px;
  }
  #zaujala .obrazek-vlevo {
    width: 25%;
    text-align: center;
    padding-top: 60px;
  }
  #zaujala .zaujala-text {
    width: 70%;
  }
  #zaujala .cerveny-odkaz {
    background-color: #e30513;
    box-shadow: 0 1px 1px rgba(0,0,0,0.56);
    color: #FFF;
    padding: 5px 0px;
    text-decoration: none !important;
    display: inline-block;
    width: 150px;
    text-align: center;
  }
  #zaujala .cerveny-odkaz:hover {
    background-color: #fc0110;
    color: #FFF;
  }
  #zaujala .nadpis {
    font-size: 14px;
    height: 60px;
    line-height: 134%;
  }
  #jak-funguje img {
    position: relative;
    z-index: 2;
    width: 27%;
  }
  #jak-funguje img.fl {
    margin-right: 20px;
  }
  #jak-funguje #text-1 {
    background: url("imgs/linky-1.png") 86% 100% no-repeat;
    height: 240px;
  }
  #jak-funguje #text-2 {
    background: url("imgs/linky-2.png") 18% 100% no-repeat;
    height: 220px;
  }
  #jak-funguje #text-3 {
    background: url("imgs/linky-1.png") 81% 100% no-repeat;
    height: 300px;
  }
  #jak-funguje .sedy-obdelnik {
    background: #d7dcdd;
    padding: 10px;
    width: 76%;
    position: relative;
    top: 15px;
    z-index: 1;
  }
  #jak-funguje .sedy-obdelnik.levy {
    margin-left: 50px;
  }
  #jak-funguje .sedy-obdelnik.pravy {
    margin-left: 160px;
    width: 65%;
    position: relative;
    top: 30px;
    z-index: 1;
  }
  #jak-funguje .sedy-obdelnik.velky {
    width: 89%;
    margin-left: 60px;
    position: relative;
    top: 10px;
    z-index: 1;
  }
  #skaldove-hospodarstvi {
    background: url("imgs/skladove-hospodarstvi.png") no-repeat;
    height: 760px;
    margin-top: 50px;
    -webkit-background-size: 100%;
    -moz-background-size: 100%;
    background-size: 100%;
    -webkit-background-size: ;
    -moz-background-size: ;
    background-size: ;
  } 
  #skaldove-hospodarstvi #sklad-1 {
    padding: 385px 0 0 230px;
  }
  #skaldove-hospodarstvi #sklad-2 {
    padding: 120px 0 60px 120px;
    max-width: 550px;
  }
  #prinos-pro-zakaznika {
    background: url("imgs/evidence-sklad-zasob.png") right top no-repeat;
    height: 520px;
    margin-top: 30px;
    -webkit-background-size: 45%;
    -moz-background-size: 45%;
    background-size: 45%;
    -webkit-background-size: ;
    -moz-background-size: ;
    background-size: ;
  } 
  #prinos-pro-zakaznika #prinos-1 {
    padding: 0 0 0 0;
  }
  #prinos-pro-zakaznika #prinos-2 {
    padding: 20px 0 0 0;
    max-width: 100%;
  }
  #prinosy-pro-zakaznika-etiketa {
    background: url("imgs/oznacovani-palet.png") right 90px no-repeat;
    height: 960px;
    margin: 20px 0 40px 0;
    -webkit-background-size: 100%;
    -moz-background-size: 100%;
    background-size: 100%;
    -webkit-background-size: ;
    -moz-background-size: ;
    background-size: ;
  } 
  #prinosy-pro-zakaznika-etiketa #etiketa-2 {
    padding: 220px 0 0 0;
    max-width: 64%;
  }
  #tisk-linkou {
    margin: 40px 0 0 0;
  }
  #tisk-linkou #tisk-linkou-1 {
    background: url("imgs/tisk-etiket-vyrobni-linkou-1.png") left bottom no-repeat;
    height: 346px;
    -webkit-background-size: 80%;
    -moz-background-size: 80%;
    background-size: 80%;
    -webkit-background-size: ;
    -moz-background-size: ;
    background-size: ;
  } 
  #tisk-linkou #tisk-linkou-1 #textik-1 {
    float: right;
    max-width: 62%;
  }
  #tisk-linkou #textik-2 {
    padding: 10px 0;
  }
  #tisk-linkou #tisk-linkou-2 {
    background: url("imgs/tisk-etiket-vyrobni-linkou-2.png") 128px bottom no-repeat;
    height: 460px;
    -webkit-background-size: 80%;
    -moz-background-size: 80%;
    background-size: 80%;
    -webkit-background-size: ;
    -moz-background-size: ;
    background-size: ;
  } 
  #tisk-linkou #tisk-linkou-2 #textik-3 {
    float: left;
    max-width: 64%;
    padding-top: 5px;
  }
  #online-system {
    margin: 20px 0;
  }
  #online-system .sedy-obdelnik {
    background: #d7dcdd;
    padding: 10px;
    width: 90%;
    position: relative;
    top: 10px;
    z-index: 1;
  }
  #online-system .sedy-obdelnik.levy {
    margin-left: 70px;
  }
  #online-system img {
    position: relative;
    z-index: 2;
    width: 35%;
  }
  #online-system img.fl {
    margin-right: 15px;
  }
  #online-system #textik-stred {
    margin: 35px 0 0 0;
  }
  #online-system #wifi {
    margin: 25px 0 20px 0;
    max-width: 95%;
  }
  #online-system #wifi .sedy-obdelnik {
    top: 22px;
  }
  #online-system #wifi img {
    width: 16%;
  }
  #online-system #textik-dole {
    background: url("imgs/online-system-1.png") left top no-repeat;
    height: 340px;
    -webkit-background-size: 100%;
    -moz-background-size: 100%;
    background-size: 100%;
    -webkit-background-size: ;
    -moz-background-size: ;
    background-size: ;
  } 
  #online-system #textik-dole #text {
    padding: 215px 0 0 0;
    max-width: 59%;
  }
  #automat-znaceni {
    background: url("imgs/system-znaceni.png") left bottom no-repeat;
    height: 680px;
    margin: 30px 0;
    -webkit-background-size: 100%;
    -moz-background-size: 100%;
    background-size: 100%;
    -webkit-background-size: ;
    -moz-background-size: ;
    background-size: ;
  } 
  #automat-znaceni #text {
    float: right;
    max-width: 62%;
  }
  #kontrola .sedy-obdelnik {
    background: #d7dcdd;
    padding: 20px 20px 20px 20px;
    width: 90%;
    position: relative;
    top: 30px;
    z-index: 1;
  }
  #kontrola .sedy-obdelnik.levy {
    margin-left: 50px;
  }
  #kontrola img {
    position: relative;
    z-index: 2;
    width: 40%;
  }
  #kontrola img.fl {
    margin-right: 20px;
  }
  #kontrola #palety {
    margin-bottom: 25px;
  }
  #kontrola #kontrola-3 {
    background: url("imgs/kontrola-a-sledovani-materialu-2.png") left bottom no-repeat;
    height: 510px;
    margin-top: 50px;
    -webkit-background-size: 100%;
    -moz-background-size: 100%;
    background-size: 100%;
    -webkit-background-size: ;
    -moz-background-size: ;
    background-size: ;
  } 
  #kontrola #kontrola-3 #text {
    float: left;
    max-width: 60%;
  }
  #kontrola #kontrola-4 {
    margin-bottom: 20px;
  }
  #kontrola #kontrola-4 #text {
    padding-left: 0px;
    margin: 20px 0 40px 0;
  }
  #kontrola #kontrola-4 img {
    margin-left: 10px;
    width: 70%;
  }
  #rfid {
    background: url("imgs/rfid-expedicni-brana-2.png") 50px bottom no-repeat;
    height: 1100px;
    max-width: 960px;
    margin: 30px 0;
  }
  #rfid .sedy-obdelnik {
    background: #d7dcdd;
    padding: 20px 20px 20px 20px;
    width: 90%;
    position: relative;
    top: 130px;
    z-index: 1;
  }
  #rfid .sedy-obdelnik.levy {
    margin-left: 50px;
  }
  #rfid img {
    position: relative;
    z-index: 2;
  }
  #rfid img.fl {
    margin-right: 20px;
  }
  #rfid #text-1 {
    padding: 0 0 0 0px;
    margin-bottom: 10px;
  }
  #rfid #text-2 {
    position: relative;
    top: 0px;
  }
  #rfid #text-3 {
    position: relative;
    top: 0px;
    padding: 0 0 30px 0;
  }
  #rfid #text-4 {
    position: relative;
    top: 0px;
  }
  #rfid #text-5 {
    float: none;
    position: relative;
    top: 0px;
    padding: 70px 0 150px 0;
    width: 50%;
    float: right;
  }
  #paticka-left {
    width: 96%;
  }
  #paticka-right {
    width: 96%;
    margin-top: 16px;
    float: left !important;
  }
  #paticka-right #socialni-site {
    float: left;
  }
  #paticka-right #socialni-site img {
    margin-left: 0;
    margin-right: 15px;
  }
  #paticka-right #infolinka {
    float: left;
  }
}
@media (max-width: 960px) {
  #hlavicka #menu {
    position: relative;
    top: -20px;
  }
  #hlavicka #menu a {
    font-size: 12px;
  }
  .stred {
    width: 760px;
  }
  .katalog-polozka-obrazek img {
    max-width: 450px;
  }
  #social.tit {
    margin-bottom: 25px;
    margin-top: 5px;
  }
  #social {
    margin-bottom: 15px;
  }
  #reseni {
    width: 760px !important;
  }
  #reseni-in {
    width: 760px !important;
    background: #E50613;
    height: 180px !important;
  }
  .katalog-polozka {
    max-height: 182px;
  }
  .katalog-polozka-nadpis {
    max-width: 230px !important;
    right: 50px;
    height: 180px !important;
    font-size: 140% !important;
    top: 10px !important;
  }
  .katalog-polozka-nadpis a {
    padding: 5px 5px !important;
  }
  #socialni-site {
    display: none !important;
  }
  #cisilka a {
    padding: 1px 2px !important;
    font-size: 10px !important;
    line-height: 17px !important;
  }
  #operace {
    display: none;
  }
  #telo-tit {
    min-height: 450px;
  }
  #cervene-pozadi-stred .textik-vyhody {
    font-size: 14px;
    width: 28%;
    background: none;
    padding-left: 0;
  }
  .aktuality-popis {
    display: none !important;
    max-width: 400px !important;
  }
  .aktuality-popis a {
    width: 400px !important;
  }
  #produkty-tit-stred .kategorie-tit {
    width: 80px !important;
  }
  #produkty-tit-stred .kategorie-tit h2 {
    font-size: 14px !important;
  }
  #kontakty {
    padding-top: 44px;
    float: left;
    width: 30%;
    height: 220px;
  }
  #kontakty .nadpis2 {
    font-size: 17px;
    margin-bottom: 25px;
  }
  #kontakty #bratislava,
  #kontakty #brno,
  #kontakty #praha {
    width: 100%;
    background: none;
    text-align: left;
    margin-top: 5px;
    margin-left: 10px;
  }
  #kontakty a {
    height: 52px;
    display: block;
    float: left;
    font-size: 14px;
  }
  .pozice-podskupinka {
    background: #A3A5A8;
    color: #FFF;
    padding: 4px 25px;
    text-transform: uppercase;
    font-size: 13px;
    text-shadow: 0 1px 1px rgba(0,0,0,0.2);
    font-family: open-semibold, Arial, sans-serif;
  }
  .radek-kontakt {
    color: #2c3d4f;
  }
  .radek-kontakt .jmeno-linka {
    border-bottom: 1px solid #2D3E50;
    margin: 10px 25px 20px 5px;
    padding-bottom: 5px;
    max-width: 280px;
  }
  .radek-kontakt .jmeno {
    font-size: 14px;
    font-family: open-semibold, Arial, sans-serif;
    width: 200px;
    float: left;
  }
  .radek-kontakt .pozice-typ {
    float: right;
    color: #2C3D4F;
    font-family: open-semibold, Arial, sans-serif;
    width: 100% !important;
    position: relative;
    top: 3px;
    text-align: right;
    font-size: 11px;
  }
  .radek-kontakt .foto {
    margin: 10px;
    width: 150px;
  }
  .radek-kontakt .kontakt-tabulka {
    width: 280px;
    float: left;
    padding: 8px 0;
    font-size: 14px;
    line-height: 140%;
  }
  .radek-kontakt .kontakt-tabulka .kontakty-data {
    width: 100%;
    float: left;
  }
  .radek-kontakt .kontakt-tabulka .kontakty-kody {
    width: 30%;
    float: left;
  }
  .radek-kontakt .kontakt-tabulka table td {
    padding: 4px 5px !important;
  }
  .radek-kontakt .kontakt-tabulka .sloupek1 {
    width: 280px;
  }
  .radek-kontakt .kontakt-tabulka .sloupek2 {
    width: 140px;
  }
  .radek-kontakt .kontakt-tabulka .popisek {
    width: 60px;
  }
  .radek-kontakt .kontakt-tabulka strong {
    font-family: open-semibold, Arial, sans-serif !important;
    font-weight: normal;
  }
  .radek-kontakt .kod-popis {
    text-decoration: underline;
    cursor: pointer;
    font-size: 13px;
  }
  .radek-kontakt .kod-popis:hover {
    font-family: open-light, Arial, sans-serif !important;
  }
  .radek-kontakt .kod-in {
    position: relative;
  }
  .radek-kontakt .kod-in .obrazek-kod {
    position: absolute;
    left: -85px;
    top: -100px;
    background: #FFF;
    border: 1px solid #D4E3F1;
    cursor: pointer;
  }
  #eshop-kategorie .kategorie-tit {
    width: 75px !important;
  }
  #eshop-kategorie .kategorie-tit .nadpis-h2 {
    font-size: 14px !important;
  }
  #vpravo {
    width: 70% !important;
  }
  #vlevo {
    width: 29% !important;
  }
  #vlevo #hledej {
    width: 100% !important;
  }
  #vlevo #hledej .input {
    width: 76.5% !important;
    float: left !important;
  }
  #aktuality-obs {
    width: 100%;
  }
  #aktuality-obs .aktuality-podnadpis {
    padding-left: 6px !important;
  }
  #kategorie .kategorie-polozka {
    width: 200px;
  }
  #produkty .kat-produkt,
  #souvisejici .kat-produkt {
    width: 100%;
  }
  #produkt #produkt-vpravo {
    float: none;
    width: 100%;
  }
  #submenu1 a {
    font-size: 12px;
    margin-right: 4px;
  }
  #submenu1 a span {
    padding: 12px 8px;
  }
  #dokumenty .stahnout {
    width: 100% !important;
  }
  #obsah img {
    max-width: 100%;
  }
  #obsah table {
    font-size: 11px;
  }
  #zaujala {
    margin-top: 30px;
  }
  #zaujala h2 {
    margin-bottom: 35px;
  }
  #zaujala .obrazek-vlevo {
    width: 25%;
    display: none;
    text-align: center;
    padding-top: 60px;
  }
  #zaujala .zaujala-text {
    width: 100%;
  }
  #zaujala .cerveny-odkaz {
    background-color: #e30513;
    box-shadow: 0 1px 1px rgba(0,0,0,0.56);
    color: #FFF;
    padding: 5px 0px;
    text-decoration: none !important;
    display: inline-block;
    width: 150px;
    text-align: center;
  }
  #zaujala .cerveny-odkaz:hover {
    background-color: #fc0110;
    color: #FFF;
  }
  #zaujala .nadpis {
    font-size: 14px;
    height: 60px;
    line-height: 134%;
  }
  #jak-funguje img {
    display: none;
  }
  #jak-funguje img.fl {
    margin-right: 0px;
  }
  #jak-funguje #text-1 {
    background: none;
    height: auto;
    margin-bottom: 10px;
  }
  #jak-funguje #text-2 {
    background: none;
    height: auto;
    margin-bottom: 10px;
  }
  #jak-funguje #text-3 {
    background: none;
    height: auto;
    margin-bottom: 10px;
  }
  #jak-funguje .sedy-obdelnik {
    background: #d7dcdd;
    padding: 10px;
    width: 100%;
    position: static;
  }
  #jak-funguje .sedy-obdelnik.levy {
    margin-left: 0px;
  }
  #jak-funguje .sedy-obdelnik.pravy {
    margin-left: 0px;
    width: 100%;
    position: static;
  }
  #jak-funguje .sedy-obdelnik.velky {
    width: 100%;
    margin-left: 0px;
    position: static;
  }
  #skaldove-hospodarstvi {
    background: none;
    height: auto;
    margin-top: 5px;
  }
  #skaldove-hospodarstvi #sklad-1 {
    padding: 0;
  }
  #skaldove-hospodarstvi #sklad-2 {
    padding: 0;
    max-width: 100%;
  }
  #prinos-pro-zakaznika {
    background: none;
    height: auto;
  }
  #prinos-pro-zakaznika #prinos-1 {
    padding: 0 0 0 0;
  }
  #prinos-pro-zakaznika #prinos-2 {
    padding: 20px 0 0 0;
    max-width: 100%;
  }
  #prinosy-pro-zakaznika-etiketa {
    background: none;
    height: auto;
    margin: 0;
  }
  #prinosy-pro-zakaznika-etiketa #etiketa-2 {
    padding: 0;
    max-width: 100%;
  }
  #tisk-linkou {
    margin: 10px 0 0 0;
  }
  #tisk-linkou #tisk-linkou-1 {
    background: none;
    height: auto;
  }
  #tisk-linkou #tisk-linkou-1 #textik-1 {
    float: none;
    max-width: 100%;
  }
  #tisk-linkou #textik-2 {
    padding: 10px 0;
  }
  #tisk-linkou #tisk-linkou-2 {
    background: none;
    height: auto;
  }
  #tisk-linkou #tisk-linkou-2 #textik-3 {
    max-width: 100%;
    padding-top: 5px;
    float: none;
  }
  #online-system {
    margin: 20px 0;
  }
  #online-system .sedy-obdelnik {
    background: #d7dcdd;
    padding: 10px;
    width: 100%;
    position: static;
    margin-bottom: 10px;
  }
  #online-system .sedy-obdelnik.levy {
    margin-left: 0px;
  }
  #online-system img {
    display: none;
  }
  #online-system img.fl {
    margin-right: 0px;
  }
  #online-system #textik-stred {
    margin: 0px 0 0 0;
  }
  #online-system #wifi {
    margin: 25px 0 20px 0;
    max-width: 100%;
  }
  #online-system #textik-dole {
    background: none;
    height: auto;
  }
  #online-system #textik-dole #text {
    padding: 0;
    max-width: 100%;
  }
  #automat-znaceni {
    background: none;
    height: auto;
  }
  #automat-znaceni #text {
    float: none;
    max-width: 100%;
  }
  #kontrola .sedy-obdelnik {
    background: transparent;
    padding: 0;
    width: 100%;
    position: static;
    margin: 0;
  }
  #kontrola .sedy-obdelnik.levy {
    margin-left: 0px;
  }
  #kontrola img {
    display: none;
  }
  #kontrola img.fl {
    margin-right: 0px;
  }
  #kontrola #palety {
    margin-bottom: 25px;
  }
  #kontrola #kontrola-3 {
    background: none;
    height: auto;
  }
  #kontrola #kontrola-3 #text {
    float: none;
    max-width: 100%;
  }
  #kontrola #kontrola-4 {
    margin-bottom: 20px;
  }
  #kontrola #kontrola-4 #text {
    padding-left: 0px;
    margin: 0;
  }
  #kontrola #kontrola-4 img {
    margin-left: 0px;
    width: 100%;
  }
  #rfid {
    background: none;
    height: auto !important;
    max-width: 960px;
    margin: 30px 0;
  }
  #rfid .sedy-obdelnik {
    background: transparent;
    padding: 0px;
    width: 100%;
    position: static;
    margin-bottom: 10px;
  }
  #rfid .sedy-obdelnik.levy {
    margin-left: 0px;
  }
  #rfid img {
    position: relative;
    z-index: 2;
    display: none;
  }
  #rfid img.fl {
    margin-right: 0px;
  }
  #rfid #text-2 {
    position: static;
  }
  #rfid #text-3 {
    position: static;
  }
  #rfid #text-4 {
    position: static;
  }
  #rfid #text-5 {
    position: static;
    width: 100%;
    padding: 10px 0;
  }
  .logo-studie {
    display: none;
  }
  #paticka-paticka {
    margin-left: 14px;
  }
  #hlavicka-stred #socialni-site {
    display: none;
  }
  #hlavicka-stred #poptavka-odkaz {
    right: 50px;
    top: 15px;
  }
  #hlavicka-stred #eshop {
    right: 120px;
    padding: 5px 10px;
    top: 15px;
  }
  #hlavicka-stred #kariera {
    right: 200px;
    padding: 5px 10px;
    top: 15px;
  }
  #hlavicka-stred #kariera img {
    height: 15px;
  }
  #hlavicka-stred #hledej {
    right: 300px;
  }
}
@media (max-width: 760px) {
  #hlavicka {
    max-width: 100%;
  }
  #hlavicka #socialni-site {
    position: static;
    float: left;
    margin-top: 5px;
  }
  #hlavicka #vlajecky {
    position: static;
    float: left;
    margin-top: 10px;
    margin-left: 20px;
  }
  #hlavicka .cleaner-tablet {
    display: none;
  }
  #hlavicka #menu {
    height: auto;
    background: #EDEDED;
    position: relative;
    top: 0;
    margin-top: 8px;
  }
  #hlavicka #menu {
    width: 100%;
    display: block;
    height: auto;
  }
  #hlavicka #menu a {
    text-align: left;
    width: 100%;
    text-indent: 5px;
    color: #393939;
    border: none;
    line-height: 120%;
  }
  #hlavicka #menu a.last span {
    border-bottom: none;
  }
  #hlavicka #menu a span {
    display: block;
    padding: 7px 0px;
    border-bottom: 1px solid #CCC;
    margin: 0 20px;
    font-weight: bold;
  }
  #hlavicka #menu a:hover,
  #hlavicka #menu a.on {
    border-bottom: none;
    color: #e30613;
  }
  #hlavicka #menu {
    border-bottom: 0;
  }
  #hlavicka #menu #menu-in {
    display: none;
    height: auto;
  }
  #hlavicka #menu a#pull {
    display: block;
    width: 100%;
    position: relative;
    background: #D7DCDD;
  }
  #hlavicka #menu a#pull:after {
    content: "";
    background: url('imgs/nav-icon.png') no-repeat;
    width: 30px;
    height: 30px;
    display: inline-block;
    position: absolute;
    right: 15px;
    top: 8px;
  }
  #hlavicka #home {
    position: static !important;
    float: left;
  }
  #hlavicka #home img {
    max-width: 80px;
  }
  #hlavicka #eshop,
  #hlavicka #poptavka-odkaz,
  #hlavicka #kariera {
    position: static !important;
    float: right;
  }
  .stred {
    width: 100%;
  }
  .katalog-polozka-obrazek img {
    display: none;
  }
  .eu-bile {
    bottom: 10px !important;
    width: 250px !important;
    padding: 10px !important;
  }
  .eu-bile img {
    display: block;
    width: 150px;
  }
  .stranka-1 #hlavicka #menu {
    margin-top: 14px;
  }
  #reseni {
    width: 100% !important;
    margin-top: 0 !important;
  }
  #reseni-in {
    width: 100% !important;
    height: 234px !important;
  }
  .katalog-polozka {
    background: none !important;
  }
  .katalog-polozka-nadpis {
    min-width: 80% !important;
    margin: 20px;
    font-size: 140% !important;
    min-height: 200px;
    color: #FFF;
    float: left !important;
    position: relativ;
    width: 360px;
  }
  .katalog-polozka-nadpis a {
    padding: 5px 5px !important;
    position: absolute;
    bottom: 30px;
  }
  #cisilka a {
    padding: 4px 4px !important;
    font-size: 12px !important;
  }
  #telo-tit {
    min-height: 450px;
  }
  #cervene-pozadi-stred {
    padding: 10px 0 5px 0;
  }
  #cervene-pozadi-stred .textik-vyhody {
    background: none;
    font-size: 12px;
    width: 80%;
    padding: 10px 10px 10px 35px;
    background: url("imgs/check.png") left center no-repeat;
    margin-left: 10px;
  }
  .jmeno-linka {
    width: 80% !important;
    float: left !important;
  }
  .pozice-typ {
    width: 80% !important;
    float: left !important;
  }
  .aktuality-nadpis span {
    display: none !important;
  }
  .aktuality-nadpis {
    margin: 4px 0 !important;
    padding: 4px 4px !important;
  }
  .aktuality-popis {
    display: none !important;
  }
  #aktuality {
    margin-left: 10px;
  }
  #produkty-tit {
    min-height: 420px !important;
  }
  #produkty-tit-stred {
    padding: 0;
  }
  #produkty-tit-stred .nadpis2 {
    font-size: 14px;
    margin-left: 10px;
    padding-top: 15px;
  }
  #produkty-tit-stred h1 {
    display: none;
  }
  #produkty-tit-stred .kategorie-tit {
    width: 33% !important;
    height: auto !important;
    padding-top: 0;
  }
  #produkty-tit-stred .kategorie-tit:hover {
    background: none !important;
  }
  #produkty-tit-stred .kategorie-tit h2 {
    font-size: 12px !important;
    height: 50px !important;
  }
  #produkty-tit-stred .kategorie-tit img {
    max-width: 50px;
  }
  #kontakty {
    padding-top: 14px;
    float: left;
    width: 90%;
    height: auto;
  }
  #kontakty .nadpis2 {
    font-size: 17px;
    margin-bottom: 5px;
    margin-left: 12px;
  }
  #kontakty #bratislava,
  #kontakty #brno,
  #kontakty #praha {
    width: 100%;
    background: none;
    text-align: left;
    margin-top: 15px;
    margin-left: 20px;
  }
  #kontakty a {
    height: auto;
    display: block;
    float: left;
    font-size: 14px;
  }
  #newsletter {
    padding-top: 20px;
    margin-left: 10px;
    float: left;
    margin-bottom: 10px;
  }
  #newsletter .vyrazny {
    margin-bottom: 15px;
  }
  #newsletter .input {
    width: 50% !important;
  }
  #eshop-kategorie {
    background: #2D3E50;
    height: auto;
    max-width: 100%;
  }
  #eshop-kategorie .kategorie-tit {
    font-size: 11px;
    height: auto !important;
    width: 33% !important;
    padding: 5px 0 0 0 !important;
  }
  #eshop-kategorie .kategorie-tit span {
    border: none;
  }
  #eshop-kategorie .kategorie-tit .nadpis-h2 {
    font-size: 11px !important;
    line-height: 130% !important;
    height: 18px !important;
  }
  #vpravo {
    width: 100% !important;
  }
  #obsah {
    margin-top: 0;
    max-width: 100%;
  }
  #kategorie .kategorie-polozka {
    width: 37%;
  }
  #kategorie .kategorie-polozka h2 {
    font-size: 14px;
  }
  #produkty .kat-produkt,
  #souvisejici .kat-produkt {
    max-width: 100%;
  }
  #produkt #produkt-vpravo {
    float: none;
    width: 100%;
  }
  .kat-produkt {
    min-width: 98%;
    height: 100% !important;
  }
  .kat-produkt .obrazek {
    max-width: 20% !important;
  }
  .kat-produkt .obrazek img {
    max-width: 80%;
  }
  #menu-podstranky {
    height: auto;
    position: relative;
    top: 0;
    margin-top: 0px;
  }
  #menu-podstranky {
    width: 100%;
    display: block;
    height: auto;
  }
  #menu-podstranky a {
    text-align: left;
    width: 100%;
    text-indent: 5px;
    color: #FFF;
    border: none;
    line-height: 120%;
    height: auto;
  }
  #menu-podstranky a.last span {
    border-bottom: none;
  }
  #menu-podstranky a span {
    display: block;
    padding: 7px 0px;
    border-bottom: 1px solid #CCC;
    margin: 0 20px;
    font-weight: normal;
  }
  #menu-podstranky a:hover,
  #menu-podstranky a.on {
    border-bottom: none;
    color: #e30613;
    background: none;
  }
  #menu-podstranky {
    border-bottom: 0;
  }
  #menu-podstranky div {
    display: none;
    height: auto;
  }
  #menu-podstranky a#menu-pod {
    display: block;
    width: 100%;
    position: relative;
    height: 34px;
    text-transform: uppercase;
    text-decoration: none;
    background: #455A70;
  }
  #menu-podstranky a#menu-pod:after {
    content: "";
    background: url('imgs/sipka-dalsi.png') no-repeat;
    width: 30px;
    height: 30px;
    display: inline-block;
    position: absolute;
    right: 15px;
    top: 8px;
  }
  .text35 {
    padding: 10px !important;
  }
  #vlevo {
    min-width: 100% !important;
  }
  #submenu2,
  #aktuality-obs {
    min-width: 100% !important;
  }
  #submenu2 .sipecka-submenu,
  #aktuality-obs .sipecka-submenu {
    display: none !important;
  }
  #infolinka {
    font-size: 24px !important;
    margin-top: 10px;
  }
  #hledej {
    right: 0px !important;
    top: 2px !important;
  }
  #poptavka-odkaz {
    right: 60px !important;
  }
  #eshop {
    right: 150px !important;
    padding: 5px 10px !important;
  }
}
@media screen and (max-width: 540px) {
  #hlavicka #socialni-site {
    display: none;
  }
  #hledej {
    right: 0px !important;
    top: 2px !important;
  }
  #hledej .input {
    width: 140px !important;
    font-size: 11px !important;
  }
  #poptavka-odkaz {
    right: 60px !important;
  }
  #eshop {
    right: 150px !important;
    padding: 5px 10px !important;
  }
  #eshop span {
    display: none;
  }
  #eshop img {
    margin: 0 !important;
  }
  #eshop:hover {
    background: blue;
  }
  #kariera span {
    display: none;
  }
  #kariera img {
    margin: 0;
  }
  #vlajecky {
    top: 0px !important;
    left: 100px !important;
    z-index: 100;
    position: absolute !important;
    width: 30px;
  }
  #telo-tit {
    background: #FFF !important;
    min-height: 350px !important;
    padding-top: 15px !important;
  }
  #telo-tit .nadpis2 {
    font-size: 20px !important;
    margin: 20px 0 0 5px !important;
  }
  #reseni {
    display: none !important;
  }
  .kategorie-tit {
    height: 152px !important;
  }
  .kategorie-tit h2 {
    height: 40px !important;
  }
  #home {
    margin: 4px !important;
  }
  #infolinka {
    font-size: 18px !important;
    margin-top: 10px;
  }
}