body {
  height: 100%;
  background: rgb(29, 4, 4);
  background: -webkit-linear-gradient(220deg, rgb(29, 4, 4) 0%, rgb(40, 0, 17) 100%) rgb(255, 255, 255);
  background:    -moz-linear-gradient(220deg, rgb(29, 4, 4) 0%, rgb(40, 0, 17) 100%) rgb(255, 255, 255);
  background:      -o-linear-gradient(220deg, rgb(29, 4, 4) 0%, rgb(40, 0, 17) 100%) rgb(255, 255, 255);
  background:     -ms-linear-gradient(220deg, rgb(29, 4, 4) 0%, rgb(40, 0, 17) 100%) rgb(255, 255, 255);
  background:         linear-gradient(230deg, rgb(29, 4, 4) 0%, rgb(40, 0, 17) 100%) rgb(255, 255, 255);
  font: 400 0.875em/1 'Open Sans';
  color: rgb(224, 86, 23);
}

.container .container {
  position: relative;
  float: left;
  width: 67.4553571428%;
  height: 52px;
}

.container .image {
  width: 24.4723876755%;
}

.hlobsah {
  position: relative;
  float: left;
  clear: both;
  width: 100%;
  height: 600px;
  margin-top: 80px;
}

.idar {
  position: absolute;
}

.idar .container {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 40%;
  z-index: 33;
  width: 60%;
  height: 250px;
  margin: auto 0;
}

.idar .idar {
  display: block;
  top: 0;
  bottom: 0;
  left: 0;
  z-index: 30;
  width: 40%;
  height: auto;
  margin: auto 0;
  overflow: hidden;
}

.idar .text {
  position: absolute;
  left: 0;
  color: rgb(224, 86, 23);
}

.image {
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  height: auto;
  margin: auto 0;
  overflow: hidden;
}

.logoidar {
  display: block;
  position: absolute;
  bottom: 15px;
  left: 17%;
  z-index: 7;
  width: 12%;
  height: auto;
  overflow: hidden;
}

.menu {
  position: relative;
  float: left;
  width: 100%;
  height: 117px;
  background-color: rgb(255, 255, 255);
}

.menu .container {
  position: relative;
  float: right;
  width: 636px;
  height: 75px;
  margin: 38px 16.0666699999% 0 0;
}

.menu .text {
  float: left;
  font-size: 1.143em;
  color: rgb(95, 95, 95);
}

.olwyie {
  position: absolute;
  top: 300px;
  left: 15%;
  z-index: 24;
  width: 35%;
  height: 300px;
}

.orionoptik {
  position: absolute;
  top: 300px;
  left: 50%;
  z-index: 16;
  width: 35%;
  height: 300px;
}

.olwyie .text,
.orionoptik .text {
  position: absolute;
}

.poradenstvi {
  position: absolute;
  top: 0;
  left: 50%;
  z-index: 29;
  width: 35%;
  height: 300px;
}

.poradenstvi .container {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 3%;
  z-index: 28;
  width: 60%;
  height: 180px;
  margin: auto 0;
}

.poradenstvi .image {
  z-index: 25;
  width: 40%;
}

.poradenstvi .text {
  position: absolute;
  left: 0;
  color: rgb(16, 163, 140);
}

.text-4 p {
  margin-bottom: 1em;
}

.text-6 p {
  margin-bottom: 1em;
}

._input {
  display: block;
  float: left;
  height: 30px;
  padding: 0 10px;
  border: 1px solid rgb(198, 198, 198);
  border-radius: 6px;
  background-color: rgb(255, 255, 255);
  font-size: 0.929em;
  color: rgb(95, 95, 95);
}

.container-4 {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 3%;
  z-index: 23;
  width: 60%;
  height: 185px;
  margin: auto 0;
}

.container-5 {
  margin-top: 133px;
}

.container-6 {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 3%;
  z-index: 15;
  width: 60%;
  height: 145px;
  margin: auto 0;
}

.container-7 {
  margin-top: 93px;
}

.idar-1 {
  top: 0;
  left: 15%;
  z-index: 34;
  width: 35%;
  height: 300px;
}

.image-2 {
  z-index: 20;
}

.image-3 {
  z-index: 17;
  width: 40%;
}

.image-4 {
  z-index: 12;
}

.image-5 {
  z-index: 9;
  width: 40%;
}

.text-1 {
  min-height: 30px;
  margin-left: -0.07125%;
  font-weight: 700;
}

.text-10 {
  top: 0;
  bottom: 0;
  left: 24.7003456136%;
  z-index: 21;
  min-width: 160px;
  max-height: 20px;
  margin: auto 0;
  font-size: 1.143em;
  font-weight: 600;
  line-height: 1.38;
  color: rgb(228, 228, 228);
}

.text-11 {
  top: 39px;
  left: 0;
  z-index: 11;
  width: 100%;
  font-size: 1em;
  color: rgb(54, 159, 206);
}

.text-12 {
  top: 0;
  left: 0;
  z-index: 10;
  width: 66.7509920634%;
  min-height: 39px;
  font-size: 1.571em;
  font-weight: 700;
  line-height: 1.38;
  color: rgb(54, 159, 206);
}

.text-13 {
  top: 0;
  bottom: 0;
  left: 24.7003456136%;
  z-index: 13;
  min-width: 160px;
  max-height: 20px;
  margin: auto 0;
  font-size: 1.143em;
  font-weight: 600;
  line-height: 1.38;
  color: rgb(228, 228, 228);
}

.text-2 {
  position: relative;
  clear: both;
  z-index: 1;
  margin-top: 9px;
}

.text-3 {
  position: relative;
  z-index: 2;
  margin: 9px 0 0 4.432%;
}

.text-4 {
  top: 40px;
  z-index: 32;
  width: 100%;
  font-size: 1em;
}

.text-5 {
  top: 0;
  z-index: 31;
  width: 70.7390873015%;
  min-height: 39px;
  font-size: 1.571em;
  font-weight: 700;
  line-height: 1.38;
}

.text-6 {
  top: 40px;
  z-index: 27;
  width: 100%;
  font-size: 1em;
}

.text-7 {
  top: 0;
  z-index: 26;
  width: 70.7390873015%;
  min-height: 39px;
  font-size: 1.429em;
  font-weight: 700;
  line-height: 1.38;
}

.text-8 {
  top: 40px;
  left: 0;
  z-index: 19;
  width: 100%;
  font-size: 1em;
  color: rgb(231, 26, 119);
}

.text-9 {
  top: 0;
  left: 0;
  z-index: 18;
  width: 66.7509920634%;
  min-height: 39px;
  font-size: 1.571em;
  font-weight: 700;
  line-height: 1.38;
  color: rgb(231, 26, 119);
}

.container ._input-1 {
  position: relative;
  z-index: 5;
  width: 23.5447202376%;
  margin-left: 0.82056%;
}

.container ._input-2 {
  position: relative;
  z-index: 4;
  width: 23.5447202376%;
  margin-left: 0.85987%;
}

.container ._input-3 {
  width: 23.5431407232%;
  margin-left: 3.89397%;
  background-color: rgb(234, 234, 234);
}

@media(max-width: 1250px) {
  .container .container {
    clear: both;
  }

  .container .image,
  .idar .idar,
  .olwyie .image-3,
  .orionoptik .image-5,
  .poradenstvi .image {
    top: 0;
    bottom: 0;
    height: auto;
    margin-top: auto;
    margin-bottom: auto;
  }

  .hlobsah {
    height: 690px;
    margin-top: 70px;
  }

  .hlobsah .olwyie {
    position: relative;
    float: left;
    clear: both;
    top: auto;
    left: auto;
    z-index: 24;
    width: 45%;
    margin-left: 5%;
  }

  .hlobsah .orionoptik {
    position: relative;
    float: left;
    top: auto;
    left: auto;
    z-index: 16;
    width: 45%;
  }

  .hlobsah .poradenstvi {
    position: relative;
    float: left;
    top: auto;
    left: auto;
    z-index: 29;
    width: 45%;
  }

  .menu .container {
    width: 612px;
    height: 79px;
    margin-top: 37px;
    margin-right: 0;
  }

  .menu .logoidar {
    left: 6%;
    width: 14%;
    height: auto;
  }

  .menu .text {
    position: absolute;
    float: none;
  }

  .container .text-10,
  .container .text-13,
  .idar .container,
  .olwyie .container-4,
  .orionoptik .container-6,
  .poradenstvi .container {
    top: 0;
    bottom: 0;
    margin-top: auto;
    margin-bottom: auto;
  }

  .container ._input {
    width: 150px;
  }

  .container .container-5 {
    margin-top: 9px;
  }

  .container .container-7 {
    margin-top: 12px;
  }

  .container .text-1 {
    top: 8px;
    left: 0;
    margin-left: 0;
  }

  .container .text-11 {
    position: static;
    float: left;
    top: auto;
    left: auto;
    margin-top: 39px;
  }

  .container .text-2 {
    clear: none;
    top: 44px;
    left: 0;
    margin-top: 0;
  }

  .container .text-3 {
    top: 44px;
    left: 35.4371905466%;
    margin-top: 0;
    margin-left: 0;
  }

  .container .text-8 {
    position: static;
    float: left;
    top: auto;
    left: auto;
    margin-top: 40px;
  }

  .container .text-9 {
    top: auto;
    width: 66.75%;
  }

  .hlobsah .idar-1 {
    position: relative;
    float: left;
    top: auto;
    left: auto;
    z-index: 34;
    width: 45%;
    margin-left: 5%;
  }

  .container ._input-1 {
    position: absolute;
    float: none;
    top: 35px;
    left: 9.3435761318%;
    margin-left: 0;
  }

  .container ._input-2 {
    position: absolute;
    float: none;
    top: 35px;
    left: 44.1299576336%;
    margin-left: 0;
  }

  .container ._input-3 {
    margin-top: 35px;
    margin-left: 71.23679%;
  }
}

@media(max-width: 760px) {
  body {
    font-size: 0.875em;
  }

  .container .image,
  .idar .idar,
  .olwyie .image-3,
  .orionoptik .image-5,
  .poradenstvi .image {
    top: 0;
    bottom: 0;
    height: auto;
    margin-top: auto;
    margin-bottom: auto;
  }

  .hlobsah {
    height: 1197px;
    margin-top: 45px;
  }

  .hlobsah .olwyie {
    position: relative;
    float: none;
    clear: none;
    z-index: 24;
    width: 80%;
    margin-right: auto;
    margin-left: auto;
  }

  .hlobsah .orionoptik {
    position: relative;
    float: none;
    z-index: 16;
    width: 80%;
    margin-right: auto;
    margin-left: auto;
  }

  .hlobsah .poradenstvi {
    position: relative;
    float: none;
    z-index: 29;
    width: 80%;
    margin-right: auto;
    margin-left: auto;
  }

  .menu .container {
    width: 385px;
    height: 100px;
    margin-top: 7px;
    margin-right: 5%;
  }

  .menu .logoidar {
    width: 15.0534539473%;
    height: auto;
  }

  .container .text-10,
  .container .text-13,
  .idar .container,
  .olwyie .container-4,
  .orionoptik .container-6,
  .poradenstvi .container {
    top: 0;
    bottom: 0;
    margin-top: auto;
    margin-bottom: auto;
  }

  .container .text-1 {
    top: 12px;
  }

  .container .text-2 {
    top: 40px;
  }

  .container .text-3 {
    top: 75px;
    left: 0;
  }

  .hlobsah .idar-1 {
    position: relative;
    float: none;
    z-index: 34;
    width: 80%;
    margin-right: auto;
    margin-left: auto;
  }

  .container ._input-1 {
    left: 14.724025974%;
  }

  .container ._input-2 {
    top: 70px;
    left: 14.724025974%;
  }

  .container ._input-3 {
    margin-top: 70px;
    margin-left: 58.03%;
  }
}

@media(max-width: 520px) {
  .container .image,
  .idar .idar,
  .olwyie .image-3,
  .orionoptik .image-5,
  .poradenstvi .image {
    top: 0;
    bottom: 0;
    height: auto;
    margin-top: auto;
    margin-bottom: auto;
  }

  .hlobsah {
    margin-top: 17px;
  }

  .hlobsah .olwyie {
    position: relative;
    z-index: 24;
  }

  .hlobsah .orionoptik {
    position: relative;
    z-index: 16;
  }

  .hlobsah .poradenstvi {
    position: relative;
    z-index: 29;
  }

  .menu {
    height: 125px;
  }

  .menu .container {
    margin-top: 17px;
    margin-right: 0;
  }

  .menu .logoidar {
    display: none;
    left: 2%;
    width: 15%;
    height: auto;
  }

  .container .text-10,
  .container .text-13,
  .idar .container,
  .olwyie .container-4,
  .orionoptik .container-6,
  .poradenstvi .container {
    top: 0;
    bottom: 0;
    margin-top: auto;
    margin-bottom: auto;
  }

  .hlobsah .idar-1 {
    position: relative;
    z-index: 34;
  }

  .container ._input-3 {
    margin-left: 55.03%;
  }
}

@media(max-width: 400px) {
  body {
    font-size: 0.875em;
  }

  .container .image,
  .idar .idar,
  .olwyie .image-3,
  .orionoptik .image-5,
  .poradenstvi .image {
    top: 0;
    bottom: 0;
    height: auto;
    margin-top: auto;
    margin-bottom: auto;
  }

  .hlobsah {
    margin-top: 18px;
  }

  .hlobsah .olwyie {
    position: relative;
    z-index: 24;
  }

  .hlobsah .orionoptik {
    position: relative;
    z-index: 16;
  }

  .hlobsah .poradenstvi {
    position: relative;
    z-index: 29;
  }

  .menu .logoidar {
    bottom: 23px;
    width: 28.6015625%;
    height: auto;
  }

  .container .text-10,
  .container .text-13,
  .idar .container,
  .olwyie .container-4,
  .orionoptik .container-6,
  .poradenstvi .container {
    top: 0;
    bottom: 0;
    margin-top: auto;
    margin-bottom: auto;
  }

  .hlobsah .idar-1 {
    position: relative;
    z-index: 34;
  }
}