:root {

  --dalsi_blue: #5497ca;

  --blue: #529edae6;

  --white: #ffffffe6;

  --black: #333;

  --orange: #fcad00;

  --white-2: white;

  --black-2: black;

}



.w-layout-grid {

  grid-row-gap: 16px;

  grid-column-gap: 16px;

  grid-template-rows: auto auto;

  grid-template-columns: 1fr 1fr;

  grid-auto-columns: 1fr;

  display: grid;

}



.navbar_link {

  color: #fff;

  font-family: Montserrat, sans-serif;

  font-weight: 500;

  line-height: 1.5;

  transition: all 30ms cubic-bezier(0.075, 0.82, 0.165, 1);

}



.navbar_link:hover {

  color: var(--dalsi_blue);

}



.navbar_link.w--current {

  color: var(--dalsi_blue);

  text-decoration: none;

  transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);

}



.button_heading {

  color: var(--white);

  margin-top: 0;

  margin-bottom: 0;

  padding-top: 0;

  padding-bottom: 0;

  font-family: Ubuntu, Helvetica, sans-serif;

  font-size: 16px;

  font-weight: 400;

  line-height: 1.25;

  position: static;

  top: -0.8vh;

  bottom: auto;

  left: 1vw;

}



.button_heading:hover {

  color: #f8f8f8;

}



.button_heading.blue {

  color: var(--blue);

}



.hero_subheading {

  color: #fff;

  flex-direction: column;

  justify-content: flex-start;

  align-items: flex-start;

  margin: 0;

  padding-top: 4px;

  padding-bottom: 4px;

  padding-right: 0;

  font-family: Ubuntu, Helvetica, sans-serif;

  font-size: 20px;

  font-weight: 300;

  line-height: 1.5;

  display: flex;

}



.home_button {

  grid-column-gap: 24px;

  grid-row-gap: 0px;

  background-color: var(--blue);

  -webkit-backdrop-filter: blur(5px);

  backdrop-filter: blur(5px);

  -webkit-text-fill-color: inherit;

  background-clip: border-box;

  justify-content: space-between;

  align-items: center;

  width: 100%;

  max-width: 594px;

  margin-top: 0;

  margin-left: 0;

  margin-right: 0;

  padding: 28px 36px;

  text-decoration: none;

  display: flex;

  position: static;

  top: 53%;

  left: 10%;

  right: 2%;

  overflow: hidden;

  box-shadow: 0 2px 5px #0003;

}



.home_button.white {

  background-color: var(--white);

}



.image-3 {

  width: 160px;

  min-width: 0;

  margin-left: 0;

  display: inline-block;

}



.hero_heading {

  color: #fff;

  flex-direction: column;

  align-items: flex-start;

  margin-top: 0;

  margin-bottom: 0;

  margin-left: 0;

  padding-top: 8px;

  padding-bottom: 8px;

  font-family: Ubuntu, Helvetica, sans-serif;

  font-size: 48px;

  font-weight: 300;

  line-height: 1.5;

  display: flex;

  position: static;

  top: 0;

}



.hero_heading.firmy,

.hero_heading.nas {

  color: #333;

  font-weight: 500;

}



.button_subheading {

  color: var(--white);

  margin-top: 0;

  margin-bottom: 0;

  font-family: Ubuntu, Helvetica, sans-serif;

  font-size: 14px;

  line-height: 1.25;

  text-decoration: none;

  position: static;

  top: -3vh;

  left: 1vw;

}



.button_subheading.blue {

  color: var(--blue);

  font-size: 14px;

}



.hero_section {

  background-image: url("../images/prace_liberec_uni_work-2.png");

  background-position: 50%;

  background-size: cover;

  flex-direction: column;

  justify-content: flex-start;

  margin-top: -1px;

  padding-left: 100px;

  padding-right: 100px;

  display: flex;

  overflow: visible;

}



.hero_section.firmy {

  grid-column-gap: 180px;

  grid-row-gap: 180px;

  background-image: url("../images/Pro-firmy.jpg");

  background-position: 50% 75%;

  justify-content: flex-start;

  align-items: center;

}



.button-3 {

  background-color: #0000;

  border: 1px solid #fff;

  border-radius: 20px;

  justify-content: center;

  align-items: center;

  width: 150px;

  height: 30px;

  min-height: 0;

  margin-top: 20px;

  margin-left: 0;

  padding: 0;

  font-family: Ubuntu, Helvetica, sans-serif;

  display: flex;

  position: static;

  left: 6vw;

}



.about_section {

  justify-content: space-between;

  max-width: 100%;

  margin-top: 0;

  padding: 120px 0 43px 100px;

  display: flex;

  overflow: hidden;

}



.h2_heading {

  justify-content: flex-start;

  margin-top: 0;

  margin-bottom: 0;

  margin-left: 0;

  font-family: Ubuntu, Helvetica, sans-serif;

  font-size: 28px;

  line-height: 1.5;

}



.about_paragraph {

  margin-bottom: 0;

  margin-right: 0;

  padding-left: 0;

  padding-right: 0;

  font-family: Ubuntu, Helvetica, sans-serif;

  font-size: 16px;

  line-height: 1.5;

}



.about_paragraph.gray {

  color: #7a7a7a;

  font-size: 14px;

}



.about_paragraph.bold {

  font-size: 13px;

  font-weight: 400;

  line-height: 1.5;

}



.about_paragraph.bold.point {

  line-height: 1;

}



.checkbox_container {

  grid-column-gap: 10px;

  grid-row-gap: 10px;

  flex-direction: row;

  justify-content: flex-start;

  align-items: center;

  margin-left: 0;

  line-height: 1;

  display: flex;

}



.checkbox_text {

  letter-spacing: 0.2px;

  margin-top: 0;

  padding-top: 0;

  font-family: Ubuntu, Helvetica, sans-serif;

  font-size: 16px;

  line-height: 1.5;

}



.checkbox_text.firmy {

  color: #fff;

}



.form_image {

  width: 250px;

  margin-right: 0;

  padding-right: 0;

  position: static;

  top: auto;

  left: auto;

  right: auto;

}



.form-wrapper {

  -webkit-text-fill-color: inherit;

  background-color: #5f96be;

  background-image: linear-gradient(88deg, #5497ca 65%, #7dbae7);

  background-clip: border-box;

  border-radius: 7px;

  flex-direction: row;

  justify-content: center;

  align-items: flex-start;

  display: flex;

  position: static;

  top: 79.5vh;

  left: 11.5vw;

  box-shadow: 0 4px 5px #0003;

}



.cancellation {

  color: #fff;

  width: 500px;

  margin-bottom: 0;

  font-family: Ubuntu, Helvetica, sans-serif;

  font-size: 11px;

  font-weight: 300;

  line-height: 1.7;

  position: static;

  top: -4.8vh;

  left: auto;

}



.form_subheading {

  color: #fff;

  justify-content: flex-start;

  align-items: flex-end;

  margin-top: 0;

  margin-bottom: 8px;

  padding-top: 0;

  font-family: Ubuntu, Helvetica, sans-serif;

  font-size: 14px;

  line-height: 1.5;

  display: block;

  position: static;

  top: auto;

  left: auto;

}



.form_heading {

  color: #fff;

  margin-top: 0;

  margin-bottom: 0;

  margin-right: 0;

  font-family: Ubuntu, Helvetica, sans-serif;

  font-size: 26px;

  font-weight: 400;

  line-height: 1.5;

  position: static;

  left: auto;

}



.bottom_file_container {

  flex-direction: column;

  display: flex;

  align-items: start;

  

}



.descripion_btn {

  text-align: left;

  background-color: #0000;

  border: 1.5px solid #fff;

  border-radius: 20px;

  flex-direction: row;

  justify-content: center;

  align-items: center;

  padding: 4px 16px;

  font-family: Ubuntu, Helvetica, sans-serif;

  line-height: 1.5;

  display: flex;

  overflow: visible;

}



.descripion_btn.black {

  color: #333;

  border-width: 1.5px;

  border-color: #333;

  justify-content: center;

  align-items: center;

  padding: 2px 12px;

  font-size: 13px;

  font-weight: 400;

}



.vacancies_section {

  grid-column-gap: 48px;

  grid-row-gap: 48px;

  background-color: #f4f4f4;

  flex-direction: column;

  justify-content: flex-start;

  align-items: center;

  max-width: 100%;

  padding: 48px 100px 0;

  display: flex;

  overflow: visible;

}



.vacancies_section.nabidka {

  background-color: #fff;

  padding-top: 120px;

}



.submit-button {

  object-fit: fill;

  background-color: #7dec38;

  background-image: linear-gradient(to right, #ffae00 36%, #f2a500);

  border-radius: 4px;

  width: 128px;

  margin-left: 0;

  font-family: Ubuntu, Helvetica, sans-serif;

  display: block;

  position: static;

  top: -48px;

  left: 29.7vw;

  overflow: visible;

  box-shadow: 0 1px 5px #0003;

}



.text-field {

  clear: left;

  border-radius: 4px;

  min-width: 350px;

  margin-bottom: 0;

  margin-right: 0;

  font-family: Ubuntu, Helvetica, sans-serif;

  position: static;

  top: auto;

  left: auto;

  box-shadow: inset 0 1px 5px #0003;

}



.clients_section {

  grid-column-gap: 24px;

  grid-row-gap: 24px;

  flex-direction: column;

  justify-content: flex-start;

  align-items: center;

  max-width: 100%;

  margin-top: 200px;

  margin-bottom: 48px;

  padding-left: 100px;

  padding-right: 100px;

  display: none;

  overflow: visible;

}



.client_logo {

  margin-top: auto;

  margin-left: auto;

  margin-right: auto;

  position: static;

  left: 7vw;

}



.map_section {

  grid-column-gap: 48px;

  grid-row-gap: 48px;

  filter: grayscale();

  background-image: linear-gradient(#efeaea 11%, #0000 51%),

    url("../images/Screenshot_3.png");

  background-position: 0 0, 50% 0;

  background-size: auto, cover;

  flex-direction: column;

  align-items: flex-start;

  max-width: 100%;

  padding: 48px 100px;

  display: flex;

  overflow: visible;

}



.island_wrapper {

  grid-column-gap: 24px;

  grid-row-gap: 24px;

  -webkit-backdrop-filter: blur(5px);

  backdrop-filter: blur(5px);

  background-color: #ffffffd1;

  border-radius: 5px;

  flex-direction: column;

  align-items: flex-start;

  width: 299.988px;

  margin-top: 0;

  margin-left: 0;

  padding: 40px;

  display: flex;

  position: static;

  top: 8.3vh;

  left: 10vw;

  box-shadow: -2px 4px 20px 1px #0003;

}



.tw6 {

  -webkit-backdrop-filter: blur(5px);

  backdrop-filter: blur(5px);

  background-color: #ffffffd1;

  border-radius: 5px;

  margin-top: 0;

  margin-left: 0;

  padding-top: 0;

  padding-bottom: 0;

  padding-left: 0;

  position: static;

  top: 9.2vh;

  left: 10vw;

  box-shadow: -2px 4px 20px 1px #0003;

}



.island_heading {

  color: #a39d9d;

  margin-top: 0;

  margin-bottom: 0;

  padding-top: 0;

  padding-left: 0;

  font-family: Ubuntu, Helvetica, sans-serif;

  font-size: 16px;

  line-height: 1.5;

}



.island_paragraph {

  direction: ltr;

  color: #3f3f3f;

  text-transform: none;

  white-space: normal;

  margin-bottom: 0;

  padding-top: 0;

  padding-bottom: 0;

  padding-left: 0;

  font-family: Ubuntu, Helvetica, sans-serif;

  font-size: 20px;

  font-weight: 400;

  line-height: 1;

  overflow: visible;

}



.island_btn {

  background-color: #0000;

  border: 1px solid #000;

  border-radius: 20px;

  margin-bottom: 0;

  margin-left: 0;

  padding: 3px 15px;

  font-family: Ubuntu, Helvetica, sans-serif;

  position: static;

  top: -16px;

  left: 35px;

}



.italic-text {

  color: #383737;

  border: 1px #000;

  font-size: 15px;

  font-style: normal;

  line-height: 1.5;

}



.heading-12-copy {

  color: #a39d9d;

  padding-top: 10px;

  padding-left: 35px;

  font-family: Ubuntu, Helvetica, sans-serif;

  font-size: 16px;

}



.paragraph-11-copy {

  direction: ltr;

  color: #3f3f3f;

  text-transform: none;

  white-space: normal;

  width: 120px;

  height: 50px;

  padding-top: 15px;

  padding-bottom: 0;

  padding-left: 35px;

  font-family: Ubuntu, Helvetica, sans-serif;

  font-size: 20px;

  font-weight: 400;

  position: relative;

  top: -10px;

  overflow: auto;

}



.paragraph-11-cop1y {

  direction: ltr;

  color: #3f3f3f;

  text-transform: none;

  white-space: normal;

  width: 120px;

  height: 50px;

  padding-top: 15px;

  padding-bottom: 0;

  padding-left: 35px;

  font-family: Ubuntu, Helvetica, sans-serif;

  font-size: 20px;

  font-weight: 400;

  position: relative;

  top: -70px;

  left: 127px;

  overflow: auto;

}



.footer {

  background-color: #0000;

  background-image: linear-gradient(

    74deg,

    #262626 17%,

    #3e3d3d 64%,

    #525050 100%,

    #5d5b5b

  );

  max-width: 100%;

  padding: 24px 100px 48px;

  font-family: Ubuntu, Helvetica, sans-serif;

  overflow: visible;

}



.image-17 {

  margin-top: 0;

  position: static;

  top: 2.5vh;

  left: 8.2vw;

}



.company_info {

  color: #b4b4b4;

  width: 100%;

  margin-top: 0;

  margin-bottom: 0;

  margin-left: 0;

  font-size: 13px;

  line-height: 1.5;

}



.link-2-4 {

  color: #b4b4b4;

  font-size: 14px;

  text-decoration: none;

  position: static;

  top: 4.5vh;

  left: auto;

}



.link-2-1 {

  color: #b4b4b4;

  font-size: 14px;

  text-decoration: none;

  position: static;

  top: 9.1vh;

  left: -37px;

}



.link-2-2 {

  color: #b4b4b4;

  font-size: 14px;

  text-decoration: none;

  position: static;

  top: 13.8vh;

  left: auto;

}



.link-2-5 {

  color: #b4b4b4;

  font-size: 14px;

  text-decoration: none;

  position: static;

  top: 9.1vh;

  left: auto;

}



.link-2-6 {

  color: #b4b4b4;

  font-size: 14px;

  text-decoration: none;

  position: static;

  top: 13.8vh;

  left: auto;

}



.footer-link {

  color: #b4b4b4;

  -webkit-text-stroke-color: #e8e8e8;

  font-size: 14px;

  line-height: 1.5;

  text-decoration: none;

  position: static;

  top: 4.5vh;

  left: auto;

}



.social_block {

  opacity: 0.5;

  align-items: center;

  width: 30px;

  transition: all 0.2s cubic-bezier(0.55, 0.085, 0.68, 0.53);

  display: flex;

  position: static;

  top: 33px;

  left: 231px;

}



.social_block:hover {

  opacity: 1;

}



.image-18 {

  position: static;

  top: 0;

  left: 0;

  box-shadow: 0 6px 5px -1px #0003;

}



.link-block-2-copy {

  position: static;

  top: -235px;

  left: 667px;

}



.herotext_container {

  margin-bottom: 0;

  margin-left: 0;

  padding-top: 0;

  padding-left: 0;

}



.about_text_wrapper {

  grid-column-gap: 24px;

  grid-row-gap: 24px;

  flex-direction: column;

  align-items: flex-start;

  margin-right: 0;

  display: flex;

}



.clients_text_wrapper {

  grid-column-gap: 16px;

  grid-row-gap: 16px;

  flex-direction: column;

  justify-content: center;

  align-items: center;

  max-width: 100%;

  margin-top: 0;

  display: flex;

}



.clients_wrapper {

  justify-content: center;

  margin-top: 1vh;

  display: flex;

}



.text_container {

  grid-column-gap: 6px;

  grid-row-gap: 6px;

  flex-direction: column;

  justify-content: center;

  align-items: flex-start;

  margin-left: 0;

  margin-right: 0;

  padding-right: 0;

  display: flex;

}



.form {

  grid-column-gap: 16px;

  grid-row-gap: 16px;

  flex-direction: row;

  justify-content: flex-start;

  align-items: flex-start;

  display: flex;

  position: static;

  top: auto;

  overflow: visible;

}



.form-block {

  justify-content: flex-start;

  flex-direction: column;

  margin-bottom: 0;

  display: flex;

  position: static;

  top: 0;

}



.form_wrap {

  grid-column-gap: 16px;

  grid-row-gap: 16px;

  flex-direction: column;

  align-items: flex-start;

  padding-right: 0;

  display: flex;

  position: static;

  left: 0.4vw;

}



.cancellation_link {

  color: #fcad00;

  font-weight: 700;

  text-decoration: none;

}



.container-2 {

  justify-content: flex-start;

  align-items: stretch;

  min-width: 100%;

  margin-left: 0;

  margin-right: 0;

  padding-left: 100px;

  padding-right: 100px;

  font-family: Ubuntu, Helvetica, sans-serif;

  display: none;

  position: absolute;

  overflow: hidden;

}



.image-19 {

  position: static;

  top: 0.2vh;

  left: 0.5vw;

}



.pages_component {

  grid-column-gap: 80px;

  grid-row-gap: 80px;

  flex-direction: row;

  grid-template-rows: auto auto auto;

  grid-template-columns: 1fr 1fr;

  grid-auto-columns: 1fr;

  justify-content: flex-start;

  align-items: flex-start;

  margin-left: 0;

  display: flex;

  position: static;

  top: -21.3vh;

  left: 49.5vw;

}



.social_component {

  grid-column-gap: 24px;

  grid-row-gap: 24px;

  align-items: flex-start;

  display: flex;

  position: static;

  top: -41.2vh;

  left: 75vw;

}



.nav-menu-2 {

  position: static;

  left: 5.6vw;

}



.body {

  font-size: 14px;

  overflow: visible;

}



.arrow_down {

  filter: invert();

  position: relative;

  top: auto;

  left: auto;

}



.btn_down {

  -webkit-text-fill-color: inherit;

  background-color: #4e93c7;

  background-image: linear-gradient(99deg, #5090c0 21%, #92ccf9);

  background-clip: border-box;

  border-radius: 8px;

  justify-content: center;

  align-items: center;

  padding-top: 4px;

  padding-bottom: 4px;

  text-decoration: none;

  display: flex;

  position: static;

  top: 57.3vh;

  left: 45vw;

  right: 5vw;

  box-shadow: 0 2px 5px #0003;

}



.section-1-copy {

  background-color: #000;

  background-image: url("../images/Pro-firmy.jpg");

  background-position: 50% 75%;

  background-size: cover;

  background-attachment: scroll;

  flex-direction: column;

  justify-content: flex-start;

  display: flex;

  overflow: hidden;

}



.text_wrapper {

  margin-top: 0;

}



.image-21 {

  filter: invert();

  margin-right: 10px;

}



.text-block-copy {

  color: #fff;

  letter-spacing: 0.2px;

  margin-top: 0;

  padding-top: 0;

  font-family: Ubuntu, Helvetica, sans-serif;

  font-size: 14px;

}



.div-block-3-copy {

  flex-direction: row;

  justify-content: flex-start;

  align-items: center;

  width: 80vw;

  margin-top: 0;

  margin-bottom: 1vh;

  margin-left: 10vw;

  display: flex;

}



.div-block-11 {

  margin-top: 0;

}



.section-2-copy {

  margin-top: 0;

  overflow: hidden;

}



.sluzby_text_wrapper {

  grid-column-gap: 28px;

  grid-row-gap: 28px;

  flex-direction: column;

  align-items: center;

  margin-left: 0;

  margin-right: 0;

  display: flex;

}



.sluzby_subtitle {

  color: #333;

  text-align: center;

  justify-content: center;

  max-width: 50%;

  margin-bottom: 0;

  margin-left: 0;

  padding-left: 0;

  padding-right: 0;

  font-family: Ubuntu, Helvetica, sans-serif;

  font-size: 16px;

  font-weight: 300;

  line-height: 1.7;

  display: block;

  position: static;

  top: -4.8vh;

  left: auto;

}



.sluzby_subtitle.left {

  text-align: left;

}



.sluzby_grid {

  grid-column-gap: 20px;

  grid-row-gap: 20px;

  text-align: left;

  grid-template:

    "."

    "."

    / 1fr 1fr 1fr;

  grid-auto-columns: 1fr;

  grid-auto-flow: row;

  place-content: space-between;

  place-items: stretch stretch;

  margin-top: 0;

  margin-left: 0;

  font-family: Ubuntu, Helvetica, sans-serif;

  display: grid;

  position: static;

}



.heading_sluzby {

  margin-top: 0;

  margin-bottom: 0;

  margin-left: 0;

  font-size: 17px;

  font-weight: 500;

  line-height: 1.5;

  position: static;

  top: -45px;

  left: 60px;

}



.sluzby_item {

  grid-column-gap: 24px;

  grid-row-gap: 24px;

  flex-direction: column;

  justify-content: flex-start;

  align-items: flex-start;

  padding: 24px;

  display: flex;

  box-shadow: 0 3px 5px #0003;

}



.sluzby_paragraph {

  text-align: left;

  margin: 0;

  line-height: 1.5;

  position: static;

  top: -50px;

}



.header_icon {

  position: static;

  top: 17px;

  left: 1.1vw;

}



.heading-13-copy-copy-copy {

  width: 210px;

  margin-left: 2vw;

  font-size: 17px;

  font-weight: 500;

  line-height: 25px;

  position: relative;

  top: -60px;

  left: 60px;

}



.paragraph-13-copy {

  text-align: left;

  margin-top: 0;

  margin-left: 2vw;

  margin-right: 2vw;

  position: relative;

  top: -50px;

}



.schuzka_wrapper {

  grid-column-gap: 28px;

  grid-row-gap: 28px;

  flex-direction: column;

  align-items: flex-start;

  margin-top: 0;

  margin-right: 0;

  display: flex;

}



.heading-9-copy {

  justify-content: center;

  margin-top: 0;

  margin-left: 0;

  font-family: Ubuntu, Helvetica, sans-serif;

  font-size: 34px;

  display: flex;

}



.paragraph-9-copy-copy {

  color: #000;

  text-align: left;

  justify-content: center;

  margin-left: 0;

  font-family: Ubuntu, Helvetica, sans-serif;

  font-size: 13px;

  font-weight: 300;

  display: block;

  position: static;

  top: -4.8vh;

  left: auto;

}



.sluzby_form {

  grid-column-gap: 8px;

  grid-row-gap: 8px;

  flex-direction: column;

  align-items: stretch;

  margin-left: 0;

  margin-right: 0;

  font-family: Ubuntu, Helvetica, sans-serif;

  display: flex;

  position: static;

  top: -141px;

  left: 634px;

}



.sluzby_textfield {

  border: 1px solid #f2ebeb;

  border-radius: 5px;

  margin-bottom: 0;

  font-size: 13px;

  box-shadow: 0 2px 5px #0003;

}



.text-field-3 {

  border: 1px solid #f3eded;

  border-radius: 5px;

  margin-bottom: 0;

  font-size: 13px;

  box-shadow: 0 2px 5px #0003;

}



.text-field-4 {

  border: 1px solid #f2ebeb;

  border-radius: 5px;

  margin-bottom: 0;

  font-size: 13px;

  box-shadow: 0 2px 5px #0003;

}



.text-field-5 {

  border: 1px solid #f2ebeb;

  border-radius: 5px;

  margin-bottom: 0;

  box-shadow: 0 2px 5px #0003;

}



.select-field {

  background-color: #fff;

  border: 1px solid #f2ebeb;

  border-radius: 5px;

  margin-bottom: 0;

  box-shadow: 0 2px 5px #0003;

}



.textarea {

  border: 1px solid #f2ebeb;

  border-radius: 5px;

  margin-bottom: 10px;

  box-shadow: 0 2px 5px #0003;

}



.submit-button-copy {

  object-fit: fill;

  background-color: #7dec38;

  background-image: linear-gradient(to right, #ffae00 36%, #f2a500);

  border-radius: 4px;

  width: 250px;

  margin-left: 0;

  padding-top: 9px;

  font-family: Ubuntu, Helvetica, sans-serif;

  display: block;

  position: static;

  top: 11px;

  left: 26.2vw;

  overflow: visible;

  box-shadow: 0 1px 5px #0003;

}



.cancellation_par {

  color: #000;

  width: 60%;

  font-family: Ubuntu, Helvetica, sans-serif;

  font-size: 11px;

  font-weight: 300;

  position: static;

  top: -27.4vh;

  left: 536px;

}



.cancellation_par.modal {

  display: none;

}



.sluzby_form_wrapper {

  margin-right: 0;

  position: static;

  top: -146px;

  left: 535px;

}



.schuzka_icon {

  position: static;

  top: -577px;

  left: 112px;

}



.section-o-nas {

  background-color: #00000014;

  background-image: linear-gradient(#fff 88%, #efeaea);

  flex-direction: column;

  margin-bottom: -1px;

  padding-bottom: 100px;

  padding-left: 100px;

  padding-right: 100px;

  display: flex;

  overflow: visible;

}



.section-o-nas.kontakt {

  background-image: linear-gradient(#fff 80%, #efeaea);

  width: auto;

}



.heading123-copy {

  justify-content: flex-start;

  margin-top: 0;

  margin-left: 0;

  font-family: Ubuntu, Helvetica, sans-serif;

  display: block;

}



.paragraph-8-copy {

  color: #7a7a7a;

  margin-bottom: 0;

  margin-right: 0;

  padding-left: 0;

  padding-right: 0;

  font-family: Ubuntu, Helvetica, sans-serif;

  font-size: 14px;

  line-height: 25px;

  display: block;

}



.sdfsdfsdfsdfsd {

  justify-content: center;

  margin-top: 25px;

  font-family: Ubuntu, Helvetica, sans-serif;

  font-size: 38px;

  display: flex;

}



.navbar-2-copy {

  background-color: #474747;

  font-family: Ubuntu, Helvetica, sans-serif;

}



.value {

  color: #055a99;

  margin-bottom: 0;

  margin-left: 0;

  font-family: Ubuntu, Helvetica, sans-serif;

  font-size: 16px;

  font-weight: 700;

  line-height: 1.5;

  text-decoration: none;

}



.paragraph-8-copy-copy {

  color: #7a7a7a;

  width: 93vw;

  margin-bottom: 0;

  margin-right: 0;

  padding-left: 0;

  padding-right: 0;

  font-family: Ubuntu, Helvetica, sans-serif;

  font-size: 15px;

  line-height: 25px;

  display: flex;

}



.section-7 {

  background-image: linear-gradient(#fff, #f2f2f2);

  height: 50vh;

  overflow: hidden;

}



.section-5-copy {

  filter: grayscale();

  background-image: linear-gradient(#efeaea 11%, #0000 51%),

    url("../images/Screenshot_3.png");

  background-position: 0 0, 50% 0;

  background-size: auto, cover;

  width: 100vw;

  max-width: 100%;

  height: 75vh;

  overflow: hidden;

}



.heading-10-copy {

  text-align: center;

  margin-top: 0;

  margin-left: 15vw;

  padding-top: 2.5vw;

  font-family: Ubuntu, Helvetica, sans-serif;

  font-size: 38px;

  display: flex;

}



.section-8 {

  background-image: linear-gradient(#fff, #eaeaea);

  height: 125vh;

}



.form_wrapper {

  grid-column-gap: 32px;

  grid-row-gap: 32px;

  -webkit-text-fill-color: inherit;

  background-color: #5f96be;

  background-image: linear-gradient(88deg, #5497ca 65%, #7dbae7);

  background-clip: border-box;

  border-radius: 7px;

  flex-direction: row;

  justify-content: flex-start;

  align-items: center;

  margin-top: 28px;

  margin-bottom: 48px;

  padding: 28px;

  display: flex;

  position: static;

  top: 259.5vh;

  left: 11.5vw;

  box-shadow: 0 4px 5px #0003;

}



.menubackdrop {

  background-color: #fff;

  border-radius: 3px;

  width: 47.5px;

  height: 3px;

  position: absolute;

  top: 46px;

  left: 18px;

}



.position {

  color: var(--black);

  flex-direction: row;

  justify-content: flex-start;

  align-items: flex-start;

  margin-bottom: 0;

  margin-left: 0;

  font-family: Ubuntu, Helvetica, sans-serif;

  font-weight: 700;

  line-height: 1.5;

  display: block;

}



.place {

  color: var(--black);

  margin-bottom: 0;

  margin-left: 0;

  font-family: Ubuntu, Helvetica, sans-serif;

  font-size: 12px;

  font-weight: 700;

  line-height: 1.5;

}



.type_of_contract {

  color: var(--black);

  margin-bottom: 0;

  margin-left: 0;

  font-family: Ubuntu, Helvetica, sans-serif;

  font-size: 12px;

  line-height: 1.5;

}



.type_of_contract.popup {

  font-weight: 700;

}



.wage {

  color: var(--orange);

  margin-bottom: 0;

  margin-left: 0;

  font-family: Ubuntu, Helvetica, sans-serif;

  font-weight: 700;

  line-height: 1.5;

}



.next_btn {

  grid-column-gap: 2px;

  grid-row-gap: 2px;

  border: 1.5px solid var(--dalsi_blue);

  border-radius: 4px;

  justify-content: center;

  align-items: center;

  margin-top: 0;

  padding: 8px 24px;

  font-family: Ubuntu, Helvetica, sans-serif;

  text-decoration: none;

  display: flex;

}



.btn_dalsi {

  color: #216496;

  justify-content: center;

  align-items: center;

  font-family: Ubuntu, Helvetica, sans-serif;

  line-height: 1.25;

  text-decoration: none;

  display: flex;

}



.buttons_container {

  grid-column-gap: 40px;

  justify-content: center;

  align-items: center;

  margin-top: 0;

  margin-bottom: -54px;

  padding-top: 0;

  padding-bottom: 0;

  padding-left: 0;

  display: flex;

  overflow: visible;

}



.hero_wrapper {

  grid-column-gap: 200px;

  grid-row-gap: 200px;

  flex-direction: column;

  justify-content: space-between;

  max-width: none;

  padding-top: 120px;

  padding-left: 0;

  padding-right: 0;

  display: flex;

}



.hero_wrapper.firmy {

  grid-column-gap: 42px;

  grid-row-gap: 42px;

  width: 100%;

  padding-top: 120px;

}



.picture_container {

  width: 50px;

}



.dropdown {

  grid-column-gap: 6px;

  grid-row-gap: 6px;

  color: #aaa8bd;

  cursor: pointer;

  align-items: center;

  margin-left: 0;

  margin-right: 0;

  padding: 4px 12px;

  transition: all 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);

  display: flex;

  position: static;

}



.dropdown:hover {

  color: #333638;

}



.dropdown:active {

  background-color: #f3f6fe;

}



.dropdown.w--open {

  color: #333638;

  background-color: #0000;

  border-radius: 4px;

}



.navbar_wrapper {

  justify-content: space-between;

  align-items: center;

  padding: 8px 100px;

  display: flex;

  position: absolute;

  inset: 0% 0% auto;

}



.navbar_wrapper.firmy {

  background-image: linear-gradient(74deg, #262626 17%, #3e3d3d 64%, #5d5b5b);

}



.telephone_btn {

  border: 1px solid #fff;

  border-radius: 20px;

  justify-content: flex-start;

  align-items: center;

  padding: 2px 12px;

  text-decoration: none;

  display: flex;

}



.telephone_icon {

  width: 16px;

  height: 16px;

  margin-right: 8px;

}



.telephone_wrapper {

  padding: 20px 0;

}



.navbar-m {

  display: none;

}



.navbar {

  background-color: #0000;

}



.herobtn_arrow {

  width: 28px;

}



.content_container {

  grid-column-gap: 24px;

  grid-row-gap: 24px;

  display: flex;

}



.checkbox_image {

  width: 24px;

  margin-left: -2px;

}



.checkbox_wrapper {

  grid-column-gap: 12px;

  grid-row-gap: 12px;

  flex-direction: column;

  display: flex;

}



.spolecnost_wrapper {

  grid-column-gap: 40px;

  grid-row-gap: 40px;

  flex-direction: column;

  align-items: flex-start;

  max-width: none;

  display: flex;

}



.pokracovat {

  width: 28px;

}



.vacancies_container {

  grid-column-gap: 32px;

  grid-row-gap: 32px;

  flex-direction: column;

  align-items: stretch;

  display: flex;

}



.btn_arrow {

  width: 24px;

}



.form_content_wrapper {

  grid-column-gap: 16px;

  grid-row-gap: 16px;

  flex-direction: column;

  align-items: flex-start;

  padding-right: 0;

  display: flex;

}



.map_text_wrapper {

  justify-content: center;

  width: 100%;

  display: flex;

}



.island_paragraph_wrapper {

  grid-column-gap: 56px;

  grid-row-gap: 56px;

  display: flex;

}



.footer_wrapper {

  grid-template-rows: auto;

  grid-template-columns: 1fr 1fr 1fr;

  grid-auto-columns: 1fr;

  justify-content: space-between;

  align-items: stretch;

  display: flex;

}



.links_container {

  grid-column-gap: 80px;

  grid-row-gap: 80px;

  flex-flow: row;

  justify-content: flex-start;

  align-items: flex-start;

  display: flex;

}



.info_component {

  grid-column-gap: 24px;

  grid-row-gap: 24px;

  flex-direction: column;

  justify-content: space-between;

  align-items: flex-start;

  display: flex;

}



.company_info-m {

  color: #868686;

  margin-top: 0;

  margin-bottom: 0;

  margin-left: 0;

  font-size: 13px;

  display: none;

}



.footer-divider {

  display: none;

}



.position_grid {

  grid-column-gap: 64px;

  grid-row-gap: 64px;

  background-color: #fff;

  grid-template-rows: auto;

  grid-template-columns: 1fr 1fr 1fr 1fr 0.25fr;

  grid-auto-columns: 1fr;

  justify-content: stretch;

  align-items: center;

  padding: 40px 28px;

  text-decoration: none;

  display: grid;

  box-shadow: 0 0 3px #0003;

}



.company_logo {

  max-height: 48px;

}



.social_image {

  border-radius: 6px;

}



.utility-page-wrap {

  justify-content: center;

  align-items: center;

  width: 100vw;

  max-width: 100%;

  height: 100vh;

  max-height: 100%;

  display: flex;

}



.utility-page-content {

  text-align: center;

  flex-direction: column;

  width: 260px;

  display: flex;

}



.utility-page-form {

  flex-direction: column;

  align-items: stretch;

  display: flex;

}



.icons_wrapper {

  padding-left: 0;

  padding-right: 0;

  display: flex;

  position: static;

  right: -12%;

}



.image-33 {

  position: static;

  left: 0;

  right: -100px;

}



.info_wrapper {

  grid-column-gap: 16px;

  grid-row-gap: 16px;

  flex-direction: column;

  align-items: flex-start;

  display: flex;

}



.icons_image {

  max-height: 500px;

}



.info_wrapper-m {

  grid-column-gap: 16px;

  grid-row-gap: 16px;

  flex-direction: column;

  align-items: flex-start;

  display: none;

}



.menu_backdrop {

  background-color: var(--blue);

  border-radius: 0;

  width: 86px;

  height: 4px;

  position: absolute;

  top: 60px;

}



.btn_wrapper {

  width: 120px;

  max-width: 120px;

  margin-bottom: -16px;

  padding-top: 0;

  padding-bottom: 0;

}



.sluzby {

  grid-column-gap: 56px;

  grid-row-gap: 56px;

  flex-direction: column;

  justify-content: space-between;

  margin-top: 0;

  padding: 100px;

  display: flex;

  overflow: hidden;

}



.header_wrapper {

  grid-column-gap: 16px;

  grid-row-gap: 16px;

  align-items: center;

  display: flex;

}



.form_section {

  grid-column-gap: 0px;

  grid-row-gap: 0px;

  flex-direction: row;

  justify-content: space-between;

  align-items: flex-start;

  margin-top: 0;

  padding: 0 100px 100px;

  display: block;

  overflow: hidden;

}



.content_left {

  grid-column-gap: 90px;

  grid-row-gap: 90px;

  flex-direction: column;

  justify-content: flex-start;

  display: flex;

}



.form_sluzby {

  grid-column-gap: 64px;

  grid-row-gap: 64px;

  justify-content: flex-start;

  align-items: flex-start;

  display: flex;

}



.button-container {

  grid-column-gap: 24px;

  grid-row-gap: 24px;

  justify-content: space-between;

  align-items: center;

  display: flex;

  flex-direction: column;

}



.field-label,

.field-label-2,

.field-label-3,

.field-label-4,

.sluzby_field_title,

.field-label-6 {

  margin-bottom: 0;

}



.o-nas_hero_section {

  grid-column-gap: 32px;

  grid-row-gap: 32px;

  flex-direction: column;

  padding-top: 120px;

  display: flex;

}



.komora_wrapper {

  grid-column-gap: 8px;

  grid-row-gap: 8px;

  align-items: center;

  display: flex;

}



.komora_logo {

  width: 100px;

}



.kontakt_values {

  grid-column-gap: 64px;

  grid-row-gap: 64px;

  justify-content: flex-start;

  align-items: flex-start;

  margin-top: 24px;

  display: flex;

}



.kontakt_hero {

  grid-column-gap: 120px;

  grid-row-gap: 120px;

  flex-direction: row;

  padding-top: 120px;

  padding-bottom: 0;

  display: flex;

}



.kontakt_img {

  width: 250px;

}



.kontakt_text {

  grid-column-gap: 4px;

  grid-row-gap: 4px;

  flex-direction: column;

  align-items: flex-start;

  display: flex;

}



.kontakt_img_wrap {

  justify-content: center;

  align-items: center;

  display: flex;

}



.image-36 {

  z-index: 0;

  aspect-ratio: auto;

  width: 125px;

  position: absolute;

  left: auto;

  right: 0;

}



.nabidka_hero {

  grid-column-gap: 48px;

  grid-row-gap: 48px;

  text-align: left;

  flex-direction: column;

  align-items: center;

  margin-right: 0;

  padding-right: 0;

  display: flex;

  position: relative;

}



.image-37 {

  position: absolute;

}



.search_icon {

  width: 120px;

  position: absolute;

  right: -110px;

}



.modal {

  z-index: 999999;

  flex-direction: column;

  justify-content: center;

  align-items: center;

  width: 100vw;

  height: 100vh;

  display: none;

  position: fixed;

  inset: 0%;

}



.modal-content {

  grid-column-gap: 20px;

  grid-row-gap: 20px;

  background-color: #fff;

  border-radius: 8px;

  flex-direction: column;

  justify-content: flex-start;

  align-items: flex-start;

  width: 100%;

  height: auto;

  max-height: 100%;

  padding: 16px 32px;

  display: flex;

  overflow: auto;

  box-shadow: 0 2px 5px #0003;

}



.image-39 {

  width: 24px;

}



.close_icon {

  width: 16px;

}



.close_btn {

  grid-column-gap: 4px;

  grid-row-gap: 4px;

  cursor: pointer;

  flex-direction: row;

  align-items: center;

  margin-left: -20px;

  padding-left: 0;

  display: flex;

}



.heading-nabidka {

  color: #5497ca;

  justify-content: flex-end;

  align-items: center;

  margin-top: 0;

  margin-bottom: 0;

  font-family: Ubuntu, Helvetica, sans-serif;

  font-size: 12px;

  font-weight: 400;

  line-height: 1.5;

}



.vacancy-grid {

  grid-column-gap: 64px;

  grid-row-gap: 64px;

  grid-template-rows: auto;

  grid-template-columns: 1fr 1fr 1fr 1fr;

  grid-auto-columns: 1fr;

  display: grid;

}



.content-container {

  grid-column-gap: 8px;

  grid-row-gap: 8px;

  flex-direction: column;

  display: flex;

}



.content-container.half {

  grid-column-gap: 8px;

  grid-row-gap: 8px;

  width: 50%;

}



.content-container.half.none,

.content-container.none {

  display: none;

}



.subname {

  color: #868686;

  margin-bottom: 0;

  font-family: Ubuntu, Helvetica, sans-serif;

  font-size: 11px;

}



.gray_divider {

  z-index: 123123;

  background-color: #00000029;

  min-width: 100%;

  min-height: 0.9px;

}



.gray_divider.none {

  display: none;

}



.condition-div {

  justify-content: flex-start;

  width: 100%;

  display: flex;

}



.dot {

  width: 5px;

}



.kontakt_link {

  color: #fcad00;

  font-weight: 700;

  text-decoration: none;

}



.kontakt {

  color: #333;

  width: 500px;

  margin-bottom: 0;

  font-family: Ubuntu, Helvetica, sans-serif;

  font-size: 11px;

  font-weight: 300;

  line-height: 1.7;

  position: static;

  top: -4.8vh;

  left: auto;

}



.modal-bg {

  -webkit-backdrop-filter: blur(1px);

  backdrop-filter: blur(1px);

  background-color: #00000080;

  width: 100%;

  height: 100%;

}



.modal-container {

  flex-direction: row;

  width: 900px;

  max-width: 900px;

  height: 100%;

  margin-top: 0;

  margin-bottom: 0;

  padding-top: 32px;

  padding-bottom: 32px;

  position: absolute;

}



.modal_form {

  grid-column-gap: 16px;

  grid-row-gap: 16px;

  flex-direction: row;

  grid-template-rows: auto auto;

  grid-template-columns: 1.25fr 1fr 1fr;

  grid-auto-columns: 1fr;

  align-items: stretch;

  margin-left: 0;

  margin-right: 0;

  font-family: Ubuntu, Helvetica, sans-serif;

  display: grid;

  position: static;

  top: -141px;

  left: 634px;

}



.field_container {

  grid-column-gap: 6px;

  grid-row-gap: 6px;

  flex-direction: column;

  display: flex;

}



.field_wrapper {

  gap: 16px;

  flex-direction: row;

  display: flex;

}



.form_box {

  gap: 16px;

  flex-direction: column;

  justify-content: left;

  display: flex;

  align-items: start;

}



.field_container.left {

  align-items: flex-start;

}



.modal_field-label {

  margin-bottom: 0;

  font-size: 12px;

  font-weight: 400;

  line-height: 1.5;

}



.modal_field {

  margin-bottom: 0;

}



.modal_textarea {

  border: 1px solid #f2ebeb;

  border-radius: 5px;

  margin-bottom: 10px;

  font-size: 13px;

  box-shadow: 0 2px 5px #0003;

}



.back_icon {

  color: #5497ca;

  margin-bottom: 0;

  font-size: 16px;

  line-height: 1;

}



.modal-3-popup {

  z-index: 25;

  background-color: #29282866;

  align-items: flex-start;

  width: 100%;

  height: 100vh;

  padding: 4rem 2rem;

  display: block;

  position: fixed;

  inset: 0%;

  overflow: auto;

}



.modal-bg-2 {

  width: 100%;

  height: 100%;

  position: fixed;

  inset: 0%;

}



.modal-2 {

  background-color: #fff;

  border-radius: 0.75rem;

  flex: none;

  width: 100%;

  max-width: 60rem;

  height: auto;

  margin: auto;

  position: relative;

}



.screen-reader-only {

  border: 1px #000;

  border-radius: 0;

  width: 1px;

  height: 1px;

  margin: -1px;

  position: absolute;

  inset: -1px;

  overflow: hidden;

}



.modal-content-w {

  padding: 3rem;

}



.close-btn-w {

  z-index: 5;

  float: right;

  background-color: #f5efef;

  border-radius: 0.25rem;

  justify-content: center;

  align-items: center;

  width: 3.5rem;

  height: 3.5rem;

  margin-top: 2rem;

  margin-right: 2rem;

  display: flex;

  position: sticky;

  top: -2rem;

}



.close-btn-line {

  background-color: #4353ff;

  border-radius: 1px;

  width: 1.75rem;

  height: 2px;

  position: absolute;

}



.close-btn-line.is--2nd {

  transform: rotate(45deg);

}



.close-btn-line.is--1st {

  transform: rotate(-45deg);

}



.modal_form_area {

  margin-right: 0;

  position: static;

  top: -146px;

  left: 535px;

}



.modal_formfield {

  border: 1px solid #f2ebeb;

  border-radius: 5px;

  margin-bottom: 0;

  font-size: 13px;

  box-shadow: 0 2px 5px #0003;

}



.about_wrapper {

  flex-flow: row;

  justify-content: flex-start;

  align-items: flex-start;

  max-width: 50%;

  display: flex;

}



.link_wrapper {

  grid-column-gap: 16px;

  grid-row-gap: 16px;

  flex-flow: column;

  justify-content: center;

  align-items: flex-start;

  display: flex;

}



.links_wrapper {

  grid-column-gap: 40px;

  grid-row-gap: 40px;

  justify-content: flex-start;

  align-items: flex-start;

  margin-top: 72px;

  display: flex;

}



.ochrana_link {

  color: #fcad00;

  text-decoration: none;

  transition: all 0.2s;

}



.ochrana_link:hover {

  color: #ffc84e;

}



.link {

  color: #fcad00;

  text-decoration: none;

}



@media screen and (min-width: 1280px) {

  .navbar_link {

    font-size: 14px;

  }



  .button_heading {

    cursor: pointer;

    flex-direction: column;

    justify-content: flex-start;

    align-items: flex-start;

    display: block;

  }



  .hero_subheading {

    cursor: default;

    font-size: 20px;

  }



  .home_button {

    background-color: var(--blue);

    font-family: Ubuntu, Helvetica, sans-serif;

  }



  .image-3 {

    width: 160px;

    min-height: 0;

    margin-left: 7vw;

    display: inline-block;

  }



  .hero_heading {

    cursor: default;

    font-size: 48px;

  }



  .hero_section {

    max-height: none;

  }



  .button-3 {

    width: 160px;

    position: relative;

    left: 178px;

  }



  .about_section {

    overflow: hidden;

  }



  .h2_heading {

    font-size: 28px;

  }



  .about_paragraph,

  .about_paragraph.gray {

    margin-top: 0;

    margin-bottom: 0;

    font-size: 16px;

  }



  .checkbox_container {

    flex-wrap: nowrap;

  }



  .checkbox_text {

    padding-left: 5px;

    font-size: 16px;

  }



  .form_image {

    display: block;

    top: 1.9vh;

    left: -0.6vw;

  }



  .form-wrapper {

    top: 79.5vh;

  }



  .cancellation {

    font-size: 13px;

  }



  .form_subheading {

    font-size: 16px;

  }



  .form_heading {

    font-size: 28px;

  }



  .descripion_btn {

    font-family: Ubuntu, Helvetica, sans-serif;

    font-size: 16px;

  }



  .submit-button {

    width: 148px;

    font-size: 16px;

  }



  .text-field {

    font-size: 16px;

  }



  .client_logo {

    height: 12.5vh;

  }



  .tw6 {

    width: 32.5vw;

    max-width: 32.5vw;

  }



  .island_btn {

    justify-content: flex-start;

    padding-top: 3px;

    padding-bottom: 3px;

    font-size: 14px;

    display: flex;

    top: -1vh;

    left: 3.5vw;

  }



  .italic-text {

    flex-direction: column;

    justify-content: center;

    align-items: center;

    font-size: 14px;

    line-height: 1.5;

    display: flex;

  }



  .heading-12-copy {

    padding-left: 3.5vw;

    font-size: 18px;

  }



  .paragraph-11-copy,

  .paragraph-11-cop1y {

    margin-left: 3.5vw;

    padding-left: 0;

    font-size: 22px;

  }



  .image-17 {

    top: 4vh;

    left: 6.6vw;

  }



  .company_info {

    margin-top: 0;

    font-size: 15px;

  }



  .link-2-4,

  .link-2-1,

  .link-2-2,

  .link-2-5,

  .link-2-6,

  .footer-link {

    font-size: 16px;

  }



  .form_wrap {

    flex-direction: column;

    justify-content: center;

    padding-right: 0;

    display: flex;

  }



  .container-2 {

    flex-direction: row;

    justify-content: flex-start;

    width: 150vw;

    min-width: 98.5vw;

    margin-left: 1.5vw;

  }



  .pages_component {

    grid-column-gap: 0px;

    grid-row-gap: 0px;

    font-size: 17px;

    top: -19vh;

  }



  .social_component {

    top: -39.2vh;

  }



  .nav-menu-2 {

    width: auto;

    margin-left: 0;

    left: 10.2vw;

  }



  .body {

    font-size: 15px;

  }



  .arrow_down {

    left: 0;

  }



  .btn_down {

    justify-content: center;

    align-items: center;

    margin-top: 0;

    margin-left: 0;

    display: flex;

  }



  .text-block-copy {

    padding-left: 5px;

    font-size: 16px;

  }



  .div-block-3-copy {

    flex-wrap: nowrap;

  }



  .section-2-copy {

    height: 250vh;

  }



  .sluzby_subtitle {

    font-size: 13px;

  }



  .heading-9-copy {

    font-size: 40px;

  }



  .paragraph-9-copy-copy {

    font-size: 13px;

  }



  .submit-button-copy {

    font-size: 16px;

  }



  .cancellation_par {

    top: -24.6vh;

    left: 716px;

  }



  .schuzka_icon {

    left: 181px;

  }



  .heading123-copy {

    font-size: 40px;

  }



  .paragraph-8-copy {

    margin-top: 15px;

    margin-bottom: 59px;

    font-size: 14px;

  }



  .navbar-2-copy {

    width: 100vw;

  }



  .value {

    font-size: 18px;

  }



  .paragraph-8-copy-copy {

    margin-top: 15px;

    margin-bottom: 59px;

    font-size: 14px;

  }



  .heading-10-copy {

    font-size: 40px;

  }



  .form_wrapper {

    justify-content: center;

    align-items: center;

    top: 256.5vh;

  }



  .buttons_container {

    margin-top: 216px;

    padding-top: 0;

  }



  .hero_wrapper {

    max-width: none;

    padding-top: 150px;

  }



  .info_component {

    grid-column-gap: 16px;

    grid-row-gap: 16px;

  }



  .company_info-m {

    margin-top: 25px;

    font-size: 15px;

  }



  .icons_wrapper {

    right: -12%;

  }



  .info_wrapper {

    grid-column-gap: 16px;

    grid-row-gap: 16px;

    justify-content: flex-start;

    align-items: flex-start;

    display: flex;

  }



  .info_wrapper-m {

    grid-column-gap: 16px;

    grid-row-gap: 16px;

    justify-content: flex-start;

    align-items: flex-start;

    display: none;

  }



  .sluzby,

  .form_section {

    overflow: hidden;

  }



  .button-container {

    grid-column-gap: 16px;

    grid-row-gap: 16px;

  }



  .kontakt_values {

    grid-column-gap: 88px;

    grid-row-gap: 88px;

  }



  .kontakt_hero {

    grid-column-gap: 140px;

    grid-row-gap: 140px;

  }



  .kontakt_img {

    width: 275px;

  }



  .modal-content {

    height: auto;

  }



  .kontakt {

    font-size: 13px;

  }



  .modal-container {

    flex-direction: column;

    justify-content: center;

    align-items: center;

    padding-top: 32px;

    padding-bottom: 32px;

    display: flex;

  }

}



@media screen and (min-width: 1440px) {

  .hero_subheading {

    font-size: 20px;

  }



  .home_button {

    width: 100%;

    max-width: 594px;

  }



  .hero_heading {

    font-size: 48px;

  }



  .hero_section {

    overflow: visible;

  }



  .about_paragraph.gray {

    font-size: 20px;

  }



  .submit-button {

    width: 164px;

  }



  .container-2 {

    display: none;

  }



  .section-o-nas {

    margin-bottom: -3px;

  }



  .value {

    font-size: 22px;

  }



  .form_wrapper {

    padding: 32px 48px;

    display: flex;

  }



  .hero_wrapper {

    max-width: none;

  }



  .icons_wrapper {

    right: -12%;

  }



  .kontakt_values {

    grid-column-gap: 108px;

    grid-row-gap: 108px;

  }



  .kontakt_hero {

    grid-column-gap: 160px;

    grid-row-gap: 160px;

  }



  .kontakt_img {

    width: 300px;

  }



  .modal-content {

    height: auto;

  }



  .modal-container {

    padding-top: 32px;

  }

}



@media screen and (min-width: 1920px) {

  .hero_subheading {

    font-size: 24px;

    line-height: 1.5;

  }



  .home_button {

    max-width: 594px;

  }



  .hero_heading {

    font-size: 44px;

    line-height: 1.5;

  }



  .about_section {

    justify-content: space-between;

  }



  .about_paragraph {

    margin-top: 0;

    margin-bottom: 0;

  }



  .submit-button {

    width: 172px;

  }



  .map_section {

    background-image: linear-gradient(#efeaea 11%, #0000 51%),

      url("../images/Screenshot_3.png");

    background-position: 0 0, 50% 0;

    background-size: auto, cover;

  }



  .island_btn {

    padding-top: 3px;

  }



  .btn_down {

    width: 560px;

    margin-top: 117px;

  }



  .sluzby_subtitle {

    padding-left: 0;

    padding-right: 0;

  }



  .section-o-nas {

    background-color: #0000;

    background-image: linear-gradient(#fff0 80%, #efeaea);

    margin-top: 0;

    margin-bottom: -1px;

  }



  .section-o-nas.kontakt {

    background-image: linear-gradient(#fff 80%, #efeaea);

  }



  .form_wrapper {

    width: auto;

    padding: 48px 64px;

  }



  .buttons_container {

    justify-content: center;

  }



  .hero_wrapper {

    min-width: 0;

    max-width: none;

  }



  .sluzby {

    justify-content: space-between;

  }



  .form_section {

    justify-content: center;

    padding-bottom: 100px;

    display: flex;

  }



  .form_sluzby {

    max-width: 1200px;

  }



  .kontakt_values {

    grid-column-gap: 120px;

    grid-row-gap: 120px;

  }



  .kontakt_hero {

    grid-column-gap: 180px;

    grid-row-gap: 180px;

    padding-bottom: 100px;

  }



  .kontakt_img {

    width: 325px;

  }



  .image-36 {

    left: auto;

    right: 0;

  }



  .modal-container {

    justify-content: center;

    align-items: center;

    padding-top: 32px;

    padding-bottom: 32px;

    display: flex;

  }



  .about_wrapper {

    max-width: 50%;

  }

}



@media screen and (max-width: 991px) {

  .navbar_link {

    border: 1px #3f3f3f;

    padding-left: 32px;

    padding-right: 0;

  }



  .navbar_link:hover {

    color: var(--blue);

    border-bottom-style: none;

  }



  .button_heading {

    top: -0.6vh;

    bottom: 0;

    left: 2.5vw;

  }



  .hero_subheading {

    font-size: 16px;

  }



  .home_button {

    padding-right: 36px;

  }



  .image-3 {

    margin-left: 6vw;

    display: inline-block;

    position: static;

  }



  .hero_heading {

    font-size: 40px;

    position: static;

  }



  .button_subheading {

    top: -3.5vh;

    left: 2.5vw;

  }



  .hero_section {

    padding-left: 32px;

    padding-right: 32px;

  }



  .hero_section.firmy {

    background-position: 0%;

  }



  .button-3 {

    flex-direction: column;

    align-items: center;

    width: 24%;

    margin-left: 0;

    margin-right: auto;

    font-size: 14px;

    display: flex;

    position: relative;

    left: 79px;

  }



  .about_section {

    padding-bottom: 100px;

    padding-left: 32px;

    padding-right: 32px;

  }



  .about_paragraph {

    padding-right: 0;

  }



  .checkbox_container {

    width: auto;

    font-size: 12px;

  }



  .form_image {

    width: auto;

    display: none;

  }



  .form-wrapper {

    width: 78vw;

    height: 37vh;

    left: 105px;

  }



  .cancellation {

    font-size: 10px;

    top: -5vh;

    left: 0;

  }



  .form_subheading {

    left: 24.2vw;

  }



  .form_heading {

    left: 23.9vw;

  }



  .descripion_btn {

    font-size: 11.75px;

    right: 0;

  }



  .vacancies_section {

    padding-left: 32px;

    padding-right: 32px;

  }



  .submit-button {

    width: 128px;

    left: 34.2vw;

  }



  .text-field {

    left: 0;

  }



  .clients_section {

    padding-left: 32px;

    padding-right: 32px;

  }



  .client_logo {

    margin-top: 0;

    margin-left: 0;

    margin-right: 0;

  }



  .map_section {

    padding-left: 32px;

    padding-right: 32px;

  }



  .island_wrapper,

  .tw6 {

    left: 10vw;

  }



  .island_paragraph {

    padding-left: 0;

  }



  .island_btn {

    left: 25px;

  }



  .heading-12-copy {

    padding-left: 25px;

    font-size: 14px;

  }



  .paragraph-11-copy,

  .paragraph-11-cop1y {

    padding-left: 25px;

    font-size: 17.5px;

  }



  .footer {

    width: 100vw;

    padding-left: 32px;

    padding-right: 32px;

  }



  .image-17 {

    left: 11.4vw;

  }



  .link-2-1 {

    left: 20.7vw;

  }



  .link-2-2 {

    left: 15.6vw;

  }



  .link-2-5 {

    left: 18.1vw;

  }



  .link-2-6 {

    left: 11.8vw;

  }



  .image-18 {

    top: 18.6vh;

    left: -40vw;

  }



  .container-2 {

    margin-right: 10vw;

  }



  .menu-button-4 {

    filter: invert();

    flex-direction: column;

    justify-content: center;

    align-items: flex-end;

    margin-left: auto;

    margin-right: 0;

    display: flex;

    position: static;

    left: auto;

    overflow: visible;

  }



  .body {

    font-size: 13px;

  }



  .text-block-copy,

  .div-block-3-copy {

    font-size: 12px;

  }



  .sluzby_subtitle {

    max-width: 75%;

    font-size: 12px;

    top: -5vh;

    left: 0;

  }



  .sluzby_grid {

    grid-template-rows: auto auto auto;

    grid-template-columns: 1fr 1fr;

  }



  .heading-9-copy {

    font-size: 34px;

  }



  .paragraph-9-copy-copy {

    width: 52vw;

    font-size: 10px;

    top: -5vh;

    left: 0;

  }



  .submit-button-copy {

    width: 13.5vw;

    left: 34.2vw;

  }



  .cancellation_par {

    top: -5vh;

    left: 0;

  }



  .section-o-nas {

    padding-left: 32px;

    padding-right: 32px;

  }



  .heading123-copy {

    font-size: 34px;

  }



  .paragraph-8-copy,

  .paragraph-8-copy-copy {

    padding-right: 35vw;

    font-size: 11.75px;

  }



  .heading-10-copy {

    font-size: 34px;

  }



  .form_wrapper {

    max-width: 100%;

    padding: 48px;

    left: 105px;

    overflow: visible;

  }



  .hero_wrapper {

    padding-left: 0;

    padding-right: 0;

  }



  .navbar_wrapper {

    background-image: linear-gradient(to right, #555, #3e3e3e);

    padding-left: 48px;

    padding-right: 48px;

  }



  .navbar_wrapper.m {

    background-image: linear-gradient(74deg, #262626 17%, #3e3d3d 64%, #5d5b5b);

    padding-left: 32px;

    padding-right: 32px;

    display: flex;

  }



  .burger-icon {

    filter: invert();

  }



  .pages_container {

    object-fit: fill;

    background-image: linear-gradient(to right, #555, #3e3e3e);

    position: absolute;

    overflow: visible;

  }



  .burger_btn.w--open {

    -webkit-backdrop-filter: blur(20px);

    backdrop-filter: blur(20px);

    background-color: #c8c8c800;

  }



  .navbar-m {

    display: block;

  }



  .navbar {

    display: none;

  }



  .spolecnost_wrapper {

    max-width: none;

  }



  .form_image_wrapper {

    display: none;

  }



  .footer_wrapper {

    grid-column-gap: 32px;

    grid-row-gap: 32px;

    flex-flow: column;

  }



  .links_container {

    grid-column-gap: 16px;

    grid-row-gap: 16px;

    flex-flow: column;

  }



  .info_component {

    flex-flow: column;

  }



  .footer-divider {

    background-color: #857e7e;

    width: 100%;

    height: 1px;

    padding-bottom: 0;

    padding-right: 0;

    display: block;

  }



  .mobile_divider {

    opacity: 0.05;

    background-color: #fff;

    height: 1px;

    margin-left: 32px;

    margin-right: 32px;

    padding-bottom: 0;

    padding-right: 0;

  }



  .icons_wrapper,

  .info_wrapper {

    display: none;

  }



  .info_wrapper-m {

    display: flex;

  }



  .sluzby,

  .form_section {

    padding-bottom: 100px;

    padding-left: 32px;

    padding-right: 32px;

  }



  .form_sluzby {

    grid-column-gap: 48px;

    grid-row-gap: 48px;

  }



  .kontakt_hero {

    grid-column-gap: 120px;

    grid-row-gap: 120px;

  }



  .search_icon {

    width: 60px;

    right: -10px;

  }



  .kontakt {

    font-size: 10px;

    top: -5vh;

    left: 0;

  }



  .modal-container {

    max-width: 90%;

  }



  .about_wrapper {

    max-width: none;

  }



  .actions_wrapper {

    grid-column-gap: 32px;

    grid-row-gap: 32px;

    justify-content: center;

    align-items: center;

    display: flex;

  }



  .links_wrapper {

    margin-top: 0;

  }

}



@media screen and (max-width: 767px) {

  .navbar_link {

    padding-left: 24px;

  }



  .button_heading {

    font-size: 14px;

  }



  .home_button {

    width: 45%;

    padding: 20px;

  }



  .button_subheading,

  .button_subheading.blue {

    font-size: 11px;

  }



  .hero_section,

  .about_section {

    padding-left: 24px;

    padding-right: 24px;

  }



  .form_image {

    width: 128px;

    display: none;

  }



  .cancellation {

    width: auto;

  }



  .vacancies_section {

    padding-left: 24px;

    padding-right: 24px;

  }



  .text-field {

    min-width: 0;

  }



  .clients_section {

    padding-left: 24px;

    padding-right: 24px;

  }



  .client_logo {

    margin-top: 0;

    margin-left: 0;

  }



  .map_section {

    padding-left: 24px;

    padding-right: 24px;

  }



  .island_wrapper {

    width: 283.988px;

    padding: 32px;

  }



  .footer {

    padding-left: 24px;

    padding-right: 24px;

  }



  .company_info {

    display: block;

  }



  .text_container {

    margin-right: 0;

    padding-right: 0;

  }



  .sluzby_subtitle {

    max-width: none;

  }



  .cancellation_par {

    width: 100%;

  }



  .section-o-nas {

    padding-left: 24px;

    padding-right: 24px;

  }



  .value {

    margin-right: 0;

  }



  .form_wrapper {

    padding: 32px;

  }



  .position,

  .place {

    line-height: 1.5;

  }



  .buttons_container {

    grid-column-gap: 32px;

  }



  .hero_wrapper {

    grid-column-gap: 160px;

    grid-row-gap: 160px;

    padding-top: 100px;

    padding-left: 0;

    padding-right: 0;

  }



  .navbar_wrapper.m {

    padding-left: 24px;

    padding-right: 24px;

  }



  .pages_container {

    padding-left: 0;

  }



  .herobtn_arrow {

    display: none;

  }



  .content_container,

  .vacancies_container {

    align-items: center;

  }



  .footer_wrapper {

    grid-column-gap: 32px;

    grid-row-gap: 32px;

    flex-direction: column;

  }



  .company_info-m {

    display: block;

  }



  .footer-divider {

    background-color: #857e7e;

    width: 100%;

    height: 1px;

    padding-bottom: 0;

    padding-right: 0;

    display: block;

  }



  .position_grid {

    grid-column-gap: 24px;

    grid-row-gap: 24px;

    grid-template-columns: 1fr 1fr 1fr 1fr 0.25fr;

    padding: 36px 24px;

  }



  .mobile_divider {

    background-color: #fff;

    height: 1px;

    margin-left: 24px;

    margin-right: 24px;

    padding-bottom: 0;

    padding-left: 0;

    padding-right: 0;

  }



  .info_wrapper {

    display: none;

  }



  .info_wrapper-m {

    display: flex;

  }



  .sluzby,

  .form_section {

    padding-left: 24px;

    padding-right: 24px;

  }



  .form_sluzby {

    flex-direction: column;

    grid-template-rows: auto;

    grid-template-columns: 1fr;

    grid-auto-columns: 1fr;

  }



  .button-container {

    justify-content: space-between;

    align-items: flex-start;

  }



  .kontakt_hero {

    grid-column-gap: 120px;

    grid-row-gap: 120px;

  }



  .kontakt_img_wrap,

  .search_icon {

    display: none;

  }



  .modal-content {

    padding: 12px 24px;

  }



  .vacancy-grid {

    grid-column-gap: 24px;

    grid-row-gap: 24px;

    grid-template-rows: auto;

    grid-template-columns: 1fr 1fr 1fr 1fr;

  }



  .condition-div {

    grid-column-gap: 16px;

    grid-row-gap: 16px;

    flex-flow: column;

  }



  .kontakt {

    width: auto;

  }



  .modal_form {

    grid-template-rows: auto auto auto;

    grid-template-columns: 1.25fr 1fr;

  }



  .modal-content-w {

    padding: 2rem;

  }



  .links_wrapper {

    margin-top: 0;

  }

}



@media screen and (max-width: 479px) {

  .navbar_link {

    padding-left: 16px;

  }



  .button_heading {

    font-size: 12px;

  }



  .hero_subheading {

    align-items: flex-start;

    margin-left: 0;

    font-size: 12px;

  }



  .home_button {

    justify-content: space-between;

    width: 47.5%;

    min-height: 72.8889px;

    padding: 12px 0 12px 12px;

  }



  .home_button.white {

    padding-right: 0;

  }



  .hero_heading {

    text-align: left;

    align-items: flex-start;

    margin-left: 0;

    font-size: 28px;

  }



  .button_subheading,

  .button_subheading.blue {

    font-size: 9px;

  }



  .hero_section {

    justify-content: flex-start;

    padding-left: 16px;

    padding-right: 16px;

  }



  .hero_section.firmy {

    background-position: 21%;

  }



  .about_section {

    padding: 80px 16px;

  }



  .h2_heading {

    font-size: 24px;

  }



  .about_paragraph {

    text-align: left;

    font-size: 11px;

  }



  .about_paragraph.center {

    text-align: center;

  }



  .checkbox_text,

  .descripion_btn.black {

    font-size: 12px;

  }



  .vacancies_section {

    align-items: center;

    max-width: 100%;

    padding-bottom: 120px;

    padding-left: 16px;

    padding-right: 16px;

    overflow: visible;

  }



  .submit-button {

    width: 100px;

  }



  .text-field {

    min-width: 140px;

  }



  .clients_section {

    padding-left: 16px;

    padding-right: 16px;

    display: none;

  }



  .client_logo {

    margin-top: 0;

    margin-left: 0;

  }



  .map_section {

    align-items: center;

    padding-left: 16px;

    padding-right: 16px;

  }



  .island_wrapper {

    width: 283.988px;

  }



  .footer {

    padding-left: 16px;

    padding-right: 16px;

  }



  .company_info {

    display: block;

  }



  .clients_wrapper {

    margin-top: 0;

    display: block;

  }



  .text_container {

    margin-right: 12px;

  }



  .text_wrapper {

    margin-top: 0;

  }



  .sluzby_subtitle {

    text-align: center;

  }



  .sluzby_grid {

    grid-template-rows: auto auto auto auto auto auto;

    grid-template-columns: 1fr;

  }



  .section-o-nas {

    padding-left: 16px;

    padding-right: 16px;

  }



  .value {

    text-align: left;

  }



  .form_wrapper {

    margin-top: 0;

    margin-bottom: 0;

    padding: 16px;

  }



  .position {

    font-size: 9px;

    line-height: 1.5;

  }



  .position.mod {

    font-size: 13px;

  }



  .place {

    font-size: 8px;

    line-height: 1.5;

  }



  .place.mod {

    font-size: 12px;

  }



  .type_of_contract {

    font-size: 8px;

  }



  .type_of_contract.popup.mod {

    font-size: 12px;

  }



  .wage {

    font-size: 9px;

  }



  .wage.mod {

    font-size: 13px;

  }



  .next_btn {

    justify-content: center;

    align-items: center;

    padding: 4px 12px;

  }



  .btn_dalsi {

    font-size: 11px;

  }



  .buttons_container {

    grid-column-gap: 16px;

    margin-bottom: -33px;

  }



  .hero_wrapper {

    justify-content: space-between;

    padding-top: 100px;

    padding-left: 0;

    padding-right: 0;

  }



  .picture_container {

    display: block;

  }



  .navbar_wrapper.m {

    padding-left: 16px;

    padding-right: 16px;

  }



  .telephone_wrapper.m {

    display: none;

  }



  .content_container {

    grid-column-gap: 8px;

    grid-row-gap: 8px;

    justify-content: flex-end;

    align-items: center;

  }



  .pokracovat {

    min-width: 20px;

  }



  .vacancies_container {

    grid-column-gap: 20px;

    grid-row-gap: 20px;

  }



  .btn_arrow {

    width: 20px;

  }



  .footer_wrapper {

    grid-column-gap: 32px;

    grid-row-gap: 32px;

    flex-direction: column;

  }



  .company_info-m {

    display: block;

  }



  .position_grid {

    grid-column-gap: 8px;

    grid-row-gap: 8px;

    padding: 16px 10px;

  }



  .mobile_divider {

    opacity: 0.15;

    border-radius: 100px;

    margin-left: 16px;

    margin-right: 16px;

  }



  .sluzby,

  .form_section {

    padding: 80px 16px;

  }



  .form_sluzby {

    flex-direction: column;

  }



  .button-container {

    justify-content: flex-start;

    align-items: flex-start;

  }



  .kontakt_values {

    grid-column-gap: 16px;

    grid-row-gap: 16px;

    justify-content: space-between;

  }



  .kontakt_hero {

    flex-direction: column;

    overflow: visible;

  }



  .kontakt_img_wrap {

    display: none;

  }



  .search_icon {

    right: auto;

  }



  .modal-content {

    grid-column-gap: 16px;

    grid-row-gap: 16px;

    padding: 8px 16px;

  }



  .close_btn {

    margin-left: 0;

  }



  .vacancy-grid {

    grid-column-gap: 16px;

    grid-row-gap: 16px;

    grid-template-rows: auto auto;

    grid-template-columns: 1fr 1fr;

  }



  .modal_form {

    grid-template-columns: 1.25fr;

  }



  .modal-3-popup {

    padding-left: 0;

    padding-right: 0;

  }



  .modal-2 {

    border-bottom-right-radius: 0;

    border-bottom-left-radius: 0;

  }



  .modal-content-w {

    padding: 1.5rem;

  }



  .close-btn-w {

    width: 3rem;

    height: 3rem;

    margin-top: 1.5rem;

    margin-right: 1.5rem;

  }

}



#w-node-_6151fa58-e1dd-be14-e4c8-10c55b585ce6-1db5588f,

#w-node-_03d08023-d5c3-6495-66a3-29fdaa624e31-1db5588f,

#w-node-_7e8c8064-7035-797e-e244-5725df9cc72e-1db5588f,

#w-node-_86b25d24-9c0f-d302-88ad-492627a96a1a-1db5588f,

#w-node-f622cf13-16cb-887f-66ff-355aca085dea-1db5588f,

#w-node-_0e35581d-856c-564d-0319-cc1e49ddc878-49ddc869,

#w-node-_43195806-97d6-b03e-7bd9-317e2670c2ae-bda016eb,

#w-node-c1635312-512c-d9d0-d90f-90deca68b44b-bda016eb,

#w-node-_8315fcbb-e56a-6c77-e647-27000e45e466-bda016eb,

#w-node-_8315fcbb-e56a-6c77-e647-27000e45e469-bda016eb,

#w-node-_3f922aab-68d3-1f85-d992-b17531852964-bda016eb,

#w-node-_3f922aab-68d3-1f85-d992-b17531852967-bda016eb,

#w-node-c18fb843-ba82-73dd-d67d-5c670ccaf220-bda016eb,

#w-node-c18fb843-ba82-73dd-d67d-5c670ccaf223-bda016eb,

#w-node-be2f06e8-195b-847a-4406-81ecd330a073-bda016eb,

#w-node-be2f06e8-195b-847a-4406-81ecd330a076-bda016eb,

#w-node-c3568398-8c74-9aeb-9e73-ec2a7e60bfa1-bda016eb,

#w-node-c3568398-8c74-9aeb-9e73-ec2a7e60bfa4-bda016eb,

#w-node-_1803231a-0fe9-851f-9f3d-4a18f7d4740d-139a6c52,

#w-node-_35503a61-3abf-b9d5-f383-2a5b35954a92-139a6c52,

#w-node-_35503a61-3abf-b9d5-f383-2a5b35954a97-139a6c52,

#w-node-_35503a61-3abf-b9d5-f383-2a5b35954a9c-139a6c52,

#w-node-_35503a61-3abf-b9d5-f383-2a5b35954aa1-139a6c52 {

  grid-area: span 1 / span 1 / span 1 / span 1;

}



/* Fix horizontal navigation gaps */

.pages_container.w-nav-menu {

  display: flex;

  gap: 0 !important; /* Remove any gap between flex items */

  column-gap: 0 !important;

  font-size: 0; /* Remove whitespace gaps */

}



.navbar_link.w-nav-link {

  font-size: 14px; /* Restore font size */

  margin-left: 0 !important;

  margin-right: 0 !important;

  padding-left: 20px;

  padding-right: 20px;

}