/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 27.7.2020, 10:45:05
    Author     : jpokorny
*/
body {
  background-color: #FFF; }

.adrress {
  padding: 1em 0;
  /*width: 250px;*/
  /*margin-left: auto;*/
  /*margin-right: 100px;*/ }
  .adrress p {
    margin: 0;
    color: #FFF;
    font-family: 'Montserrat', sans-serif;
    font-size: 20px;
    line-height: 35px; }
    .adrress p a {
      color: #FFF;
      border-bottom: none; }

.preface {
  /*height: 100vh;*/ }

/*.magican{
    background-image: url("./../images/magician.png");
    padding: 0;
    -ms-background-position-x: center;
    -ms-background-position-y: bottom;
    background-position: right bottom;
    background-size: cover;
}*/
.intro {
  width: 450px;
  /*background-color: blue;*/
  /*    position:absolute;
      top: 350px;
      left: 150px;*/ }
  .intro h1 {
    text-align: left;
    font-family: 'Montserrat', sans-serif;
    font-size: 35px;
    line-height: 43px;
    letter-spacing: 0px;
    color: #0056C7; }
  .intro p {
    text-align: left;
    font: Regular 20px/30px Montserrat;
    letter-spacing: 0px;
    color: #000000; }

.dobot-m1 {
  background-color: #E6E6E6;
  overflow: auto;
  /*padding-top: 60px;*/
  padding-top: 100px; }

.intro {
  /*background-color: green;*/
  float: left;
  padding-right: 10px;
  margin-top: 150px;
  margin-left: 150px; }
  @media screen and (max-width: 1350px) {
    .intro {
      margin-top: 90px;
      margin-left: 110px; } }
  @media screen and (max-width: 1100px) {
    .intro {
      margin-top: 50px;
      margin-left: 60px; } }
  @media screen and (max-width: 950px) {
    .intro {
      margin-top: 0px; } }
  @media screen and (max-width: 875px) {
    .intro {
      margin: 0 5%;
      width: 90%; } }

.intro-image {
  /*background-color: blue;*/
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  float: right;
  width: 40%;
  margin-right: 175px; }
  @media screen and (max-width: 1350px) {
    .intro-image {
      margin-right: 90px; } }
  @media screen and (max-width: 1030px) {
    .intro-image {
      margin-right: 40px; } }
  @media screen and (max-width: 950px) {
    .intro-image {
      width: 35%; } }
  @media screen and (max-width: 875px) {
    .intro-image {
      margin: 0 auto;
      float: none;
      width: 50%; } }
  .intro-image img {
    max-width: 100%; }

.technology {
  overflow: auto;
  padding: 0;
  background: url("./../images/technological_background.png");
  -ms-background-position-x: center;
  -ms-background-position-y: bottom;
  background-position: right bottom;
  background-size: cover;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-evenly; }
  @media screen and (max-width: 700px) {
    .technology {
      background: url("./../images/technological_background_h.png");
      -ms-background-position-x: center;
      -ms-background-position-y: center;
      background-position: center center; } }
  .technology .tech-image {
    /*float: left;*/
    /*background-color: red;*/
    width: 35%;
    position: relative; }
    .technology .tech-image img {
      max-width: 100%;
      display: block;
      width: 100%;
      height: auto;
      margin-top: 90px;
      bottom: 0px; }
      @media screen and (max-width: 1050px) {
        .technology .tech-image img {
          position: absolute; } }
      @media screen and (max-width: 700px) {
        .technology .tech-image img {
          position: unset;
          margin-top: 0px;
          max-width: 300px;
          margin: 0 auto; } }
    @media screen and (max-width: 700px) {
      .technology .tech-image {
        order: 2;
        width: 80%;
        margin: 0 auto; } }
  .technology .tech-intro {
    /*float: right;*/
    /*background-color: green;*/
    width: 30%;
    margin-top: 120px; }
    @media screen and (max-width: 1300px) {
      .technology .tech-intro {
        margin-top: 40px; } }
    @media screen and (max-width: 950px) {
      .technology .tech-intro {
        width: 45%; } }
    .technology .tech-intro h2 {
      text-align: left;
      font-family: 'Montserrat', sans-serif;
      font-size: 35px;
      line-height: 43px;
      letter-spacing: 0px;
      color: #FFF; }
      @media screen and (max-width: 1300px) {
        .technology .tech-intro h2 {
          line-height: 35px;
          margin-bottom: 20px; } }
    .technology .tech-intro p {
      text-align: left;
      font-family: 'Montserrat', sans-serif;
      font-size: 20px;
      line-height: 30px;
      letter-spacing: 0px;
      color: #FFF; }
    @media screen and (max-width: 700px) {
      .technology .tech-intro {
        order: 1;
        width: 80%;
        margin: 0 auto;
        margin-top: 50px; } }

.benefits {
  background-color: #FFF;
  padding: 50px 0px; }
  .benefits .benefits-text h2 {
    text-align: center;
    font-family: 35px;
    line-height: 43px; }
  .benefits .benefits-text p {
    width: 65%;
    text-align: center;
    color: #000000;
    margin: 0 auto;
    font-family: 20px;
    line-height: 30px; }
  .benefits .benefits-items {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    justify-content: center; }
    .benefits .benefits-items .benefits-item {
      color: #0056C7;
      font-size: 20px;
      line-height: 30px;
      text-align: center;
      /*background-color: red;*/
      height: 250px;
      width: 200px;
      margin: 15px;
      margin-top: 50px; }
      @media screen and (max-width: 500px) {
        .benefits .benefits-items .benefits-item {
          margin-top: 25px;
          height: 230px; } }
      .benefits .benefits-items .benefits-item img {
        max-width: 100%;
        height: 90px; }
      .benefits .benefits-items .benefits-item p {
        margin: 1.5em; }

.shadow-web {
  background: url("./../images/shadow_web.png");
  -ms-background-position-x: center;
  -ms-background-position-y: bottom;
  background-position: center bottom;
  overflow: auto;
  height: 500px; }
  @media screen and (max-width: 400px) {
    .shadow-web {
      height: unset; } }
  .shadow-web .shadow-web-intro {
    max-width: 800px;
    padding-top: 50px;
    padding-left: 100px;
    padding-right: 50px; }
    @media screen and (max-width: 850px) {
      .shadow-web .shadow-web-intro {
        margin: 0 auto;
        padding-left: 50px;
        padding-right: 50px; } }
    .shadow-web .shadow-web-intro h2 {
      font-size: 35px;
      color: black; }
    .shadow-web .shadow-web-intro p {
      color: black; }

.cr5 .intro-image img {
  max-height: -webkit-fill-available; }

.cr5 .tech-image {
  width: 15%; }
  @media screen and (max-width: 1100px) {
    .cr5 .tech-image {
      width: 20%; } }
  @media screen and (max-width: 950px) {
    .cr5 .tech-image {
      width: 19%; } }
  @media screen and (max-width: 900px) {
    .cr5 .tech-image {
      width: 20%; } }
  @media screen and (max-width: 800px) {
    .cr5 .tech-image {
      width: 25%; } }
  @media screen and (max-width: 700px) {
    .cr5 .tech-image {
      width: 30%; } }

.cr5-sh {
  background-color: #ffffff;
  /*background-color: #00FF00;*/
  padding-top: 0px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  justify-content: center; }
  .cr5-sh .intro {
    margin-top: 0px;
    margin-left: 0px;
    float: none;
    width: 30%;
    margin-right: 30px; }
    .cr5-sh .intro h2 {
      color: black; }
    @media screen and (max-width: 1100px) {
      .cr5-sh .intro {
        width: 40%; } }
    @media screen and (max-width: 850px) {
      .cr5-sh .intro {
        width: 80%;
        margin: 0px; } }
  .cr5-sh .intro-image {
    float: none;
    width: 30%;
    margin-right: 0px;
    margin-left: 30px; }
    @media screen and (max-width: 1100px) {
      .cr5-sh .intro-image {
        width: 40%; } }
    .cr5-sh .intro-image img {
      display: block; }

@media screen and (max-width: 1000px) {
  .magican .intro {
    padding-bottom: 30px; } }
@media screen and (max-width: 800px) {
  .magican .intro {
    padding-bottom: 0px; } }

@media screen and (max-width: 800px) {
  .magican {
    /*background: url("./../images/technological_background.png");*/
    /*padding: 0;*/
    -ms-background-position-x: center;
    -ms-background-position-y: bottom;
    background-position: center bottom;
    /*background-size: cover;*/ } }
.magican .tech-intro {
  margin-top: 40px; }
  @media screen and (max-width: 1300px) {
    .magican .tech-intro {
      width: 40%; } }
  @media screen and (max-width: 1100px) {
    .magican .tech-intro {
      width: 45%; } }
  @media screen and (max-width: 900px) {
    .magican .tech-intro {
      width: 50%; } }
  @media screen and (max-width: 700px) {
    .magican .tech-intro {
      width: 80%; } }

.variability {
  background-color: white;
  padding-top: 50px; }
  .variability .variability-text {
    text-align: center; }
    .variability .variability-text p {
      width: 80%;
      margin: 0 auto;
      color: black; }
  .variability .variability-items {
    padding-top: 30px;
    width: 80%;
    margin: 0 auto;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    justify-content: center; }
    .variability .variability-items .variability-item img {
      max-width: 100%; }

.achievements {
  display: flex;
  background-color: #FFF !important;
  background: url("./../images/students_robotics.png");
  -ms-background-position-x: center;
  -ms-background-position-y: bottom;
  background-position: center bottom;
  background-size: cover; }
  .achievements .achievements-text {
    padding-top: 30px;
    width: 80%;
    margin: 0 auto;
    text-align: center;
    color: black; }
    .achievements .achievements-text img {
      max-width: 100%; }

.kontakty {
  width: 30%;
  margin: 0 auto;
  text-align: center;
  color: black;
  padding-top: 6.0em;
  font-size: 20px;
  line-height: 35px; }
  .kontakty h2 {
    margin-bottom: 20px; }
  .kontakty .role {
    color: #0056C7; }

#kontakty div {
  width: 80%;
  text-align: center;
  margin: 0 auto; }
  #kontakty div img {
    max-width: 100%; }

#black-menu {
  height: 40px;
  width: 100%;
  background-color: #000;
  position: fixed;
  top: 0;
  z-index: 11111; }
  #black-menu .wrapp {
    width: 80%;
    margin: 0 auto;
    overflow: auto;
    /*        background-color: blue;*/ }
    #black-menu .wrapp .lang {
      width: 20%;
      height: 40px;
      float: left;
      font-size: 16px;
      /*background-color: red;*/
      margin: 0px 10px;
      margin-top: 3px; }
      #black-menu .wrapp .lang a {
        border-bottom: none;
        color: #FFF; }
    #black-menu .wrapp .icons {
      width: 50%;
      height: 40px;
      float: right;
      text-align: right;
      /*background-color: green;*/ }
      #black-menu .wrapp .icons a {
        border-bottom: none; }
        #black-menu .wrapp .icons a img {
          width: 25px;
          margin: 0px 7px;
          margin-top: 7px; }

@media screen and (max-width: 1800px) {
  #header h1#logo {
    margin-top: 19px; } }
@media screen and (max-width: 1280px) {
  #header h1#logo {
    margin-top: 15px; } }

.schema {
  text-align: center;
  color: #000;
  padding-bottom: 35px; }
  .schema ul {
    list-style-type: decimal; }
    .schema ul li {
      display: inline; }
  .schema img {
    max-width: 60%; }

.preface.lidar {
  padding-top: 100px;
  padding-bottom: 50px; }
  .preface.lidar .intro {
    margin-top: 60px; }

#map {
  height: 500px; }

#producers {
  margin-left: 22%;
  margin-top: 15px; }
  @media screen and (max-width: 1280px) {
    #producers {
      margin-top: 13px; } }
  @media screen and (max-width: 1780px) {
    #producers {
      margin-left: 25%; } }
  @media screen and (max-width: 1475px) {
    #producers {
      margin-left: 27%; } }
  @media screen and (max-width: 1275px) {
    #producers {
      margin-left: 29%; } }
  @media screen and (max-width: 1150px) {
    #producers {
      margin-left: 30%; } }
  @media screen and (max-width: 1070px) {
    #producers {
      margin-top: 15px;
      margin-left: 32%; } }
  #producers a {
    border-bottom: none;
    margin-right: 15px; }
    #producers a img {
      height: 45px;
      width: auto; }
      @media screen and (max-width: 1070px) {
        #producers a img {
          height: 40px; } }

#lidar-info {
  background-color: red;
  height: 200px; }

/* START section + list-of-services */
#katalog-sluzeb {
  background-color: #fdfdfd;
  padding-top: 50px;
  padding-bottom: 35px;
  /*    background-image: url(../images/left_colx.jpg), url(../images/right_colx.jpg);
      background-position: left top, right bottom;
      background-size: auto 100%;
      background-repeat: no-repeat, no-repeat;*/ }
  @media screen and (max-width: 800px) {
    #katalog-sluzeb {
      background: none; } }

#katalog-sluzeb > .katalog-sluzeb {
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 100px; }

.list-of-services {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  margin-left: auto;
  margin-right: auto; }
  .list-of-services .list-of-services-item {
    height: 220px;
    width: 220px;
    background-color: #FFFFFF;
    margin: 40px;
    margin-top: 40px;
    position: relative;
    cursor: pointer;
    overflow: hidden; }
    .list-of-services .list-of-services-item img {
      width: 100%;
      height: 100%;
      transform: scale(1);
      transition: all 2s;
      /*            &:hover{
                      transform: scale(1.1); 
                  }*/ }
    .list-of-services .list-of-services-item .overlay {
      height: 100%;
      width: 100%;
      position: absolute;
      top: 0px;
      background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 50%, #46474a 100%); }
      .list-of-services .list-of-services-item .overlay:hover {
        background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 30%, #325cc7 100%); }
      .list-of-services .list-of-services-item .overlay .nadpis {
        position: absolute;
        bottom: 0px;
        color: white;
        font-size: 25px;
        margin-bottom: 15px;
        text-align: center;
        width: 100%;
        transform: translateY(0px);
        transition: all 2s; }
    .list-of-services .list-of-services-item:hover img {
      transition: all 2s;
      transform: scale(1.1); }
    .list-of-services .list-of-services-item:hover .overlay .nadpis {
      transform: translateY(-20px);
      transition: all 2s; }

/* KONEC list-of-services */
/*START main-products*/
.main-products {
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  /*background-color: violet;*/
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  text-align: center;
  margin-top: 50px; }
  .main-products .main-product {
    width: 90%;
    /*background-color: green;*/ }
    .main-products .main-product .icon {
      height: 85px;
      position: relative; }
      .main-products .main-product .icon img {
        position: absolute;
        bottom: 0px;
        top: 0px;
        left: 0px;
        right: 0px;
        margin: auto auto 5px; }
    .main-products .main-product .nadpis {
      text-transform: uppercase;
      color: #0070c0;
      font-size: 20px;
      margin: 5px; }
    .main-products .main-product .text {
      width: calc(100% - 20px);
      margin: auto;
      color: black; }

/*KONEC main-products*/
.lidary-list-of-products {
  /*background-color: green;*/
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  text-align: center; }
  .lidary-list-of-products .lidary-product {
    /*height: 300px;*/
    width: 300px;
    margin: 75px;
    margin-bottom: 0px;
    /*background-color: red;*/ }
    .lidary-list-of-products .lidary-product img {
      max-width: 100%;
      /*max-height: 280px;*/
      max-height: 200px; }
    .lidary-list-of-products .lidary-product p {
      color: black; }
    .lidary-list-of-products .lidary-product a {
      border-bottom: unset; }

.lid-nadpis {
  padding-top: 150px; }
  .lid-nadpis p {
    color: black;
    text-align: center;
    font-size: 20px;
    font-size: 45px; }

#plachta {
  width: 700px;
  font-size: 30px;
  padding: 50px 0px;
  padding-bottom: 0px;
  text-align: center;
  /*right: 335px;*/
  position: absolute;
  /*top: 270px;*/
  top: 25%;
  left: 50%; }
  #plachta p {
    margin: 0px; }
  @media screen and (max-width: 1450px) {
    #plachta {
      font-size: 25px;
      left: 45%;
      /*width: 650px;*/
      max-width: 50%; } }
  @media screen and (max-width: 600px) {
    #plachta {
      max-width: 90%;
      left: 5%;
      border-color: white;
      border-style: solid;
      border-width: 2px;
      background-color: rgba(255, 255, 255, 0.25);
      padding: 50px 5%; } }
  @media screen and (max-width: 450px) {
    #plachta {
      top: 15%; } }
  @media screen and (max-width: 350px) {
    #plachta {
      top: 10%;
      padding: 25px 5%; } }
  @media screen and (max-width: 330px) {
    #plachta {
      max-width: 85%; } }

#plachta-dobot {
  width: 700px;
  font-size: 29px;
  padding: 50px 0px;
  padding-bottom: 0px;
  text-align: left;
  line-height: 40px;
  /*right: 335px;*/
  position: absolute;
  /*top: 270px;*/
  top: 25%;
  left: 50%; }
  #plachta-dobot p {
    margin: 0px; }
  @media screen and (max-width: 1450px) {
    #plachta-dobot {
      font-size: 25px;
      left: 45%;
      /*width: 650px;*/
      max-width: 50%; } }
  @media screen and (max-width: 600px) {
    #plachta-dobot {
      max-width: 90%;
      left: 5%;
      border-color: white;
      border-style: solid;
      border-width: 2px;
      background-color: rgba(255, 255, 255, 0.25);
      padding: 50px 5%; } }
  @media screen and (max-width: 450px) {
    #plachta-dobot {
      top: 15%; } }
  @media screen and (max-width: 350px) {
    #plachta-dobot {
      top: 10%;
      padding: 25px 5%; } }
  @media screen and (max-width: 330px) {
    #plachta-dobot {
      max-width: 85%; } }

.center-page {
  width: 100%;
  margin: 0 auto;
  text-align: center;
  color: black;
  font-size: 20px;
  line-height: 35px; }
  .center-page h2 {
    margin-bottom: 20px; }

/*#webinar{
    background-color: red;
    height: 500px;

}*/
.myform form input, .myform form textarea {
  color: black;
  border-color: #0056C7; }
  .myform form input::placeholder, .myform form textarea::placeholder {
    /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #bbbbbb !important;
    opacity: 1 !important;
    /* Firefox */ }
  .myform form input:-ms-input-placeholder, .myform form textarea:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #bbbbbb !important; }
  .myform form input::-ms-input-placeholder, .myform form textarea::-ms-input-placeholder {
    /* Microsoft Edge */
    color: #bbbbbb !important; }
.myform form input[type="checkbox"] + label, .myform form input[type="radio"] + label {
  text-decoration: none;
  cursor: pointer;
  display: inline-block;
  font-size: 1em;
  padding-left: 2.55em;
  padding-right: 0.75em;
  position: relative; }
.myform form input[type="checkbox"] + label:before, .myform form input[type="radio"] + label:before {
  border: solid 1px #0056C7; }
.myform form input[type="checkbox"]:checked + label:before, .myform form input[type="radio"]:checked + label:before {
  color: #0056C7; }
.myform form input[type="submit"] {
  background-color: #0056c7; }
  .myform form input[type="submit"]:hover {
    background-color: #88bce6; }
.myform form label {
  color: #0056C7; }

.webinar-check-list {
  overflow: auto;
  margin: 30px 0px !important; }
  .webinar-check-list div {
    text-align: center;
    float: left; }
  .webinar-check-list p {
    text-align: left;
    margin: 0 0 1em 0;
    color: #0056C7; }

/*# sourceMappingURL=style.css.map */