:root {
  --purewhite: white;
  --accent-color-blue: #0061a0;
  --darkgraytext: #636363;
  --lightgraybackground: rgba(217, 217, 217, .1);
  --darkgrayheading: #333;
  --ultralightgray: #e6e6e6;
  --ultralightgray2: rgba(217, 217, 217, .13);
  --accent-color-blue-2: var(--accent-color-blue);
}

body {
  color: #333;
  font-family: Inter, sans-serif;
  font-size: 14px;
  line-height: 20px;
}

h1 {
  color: var(--purewhite);
  margin-top: 20px;
  margin-bottom: 10px;
  font-family: Ubuntu Th, sans-serif;
  font-size: 38px;
  font-weight: 700;
  line-height: 44px;
}

.navbar {
  background-color: #fff;
  padding-top: 6px;
  padding-bottom: 6px;
  position: -webkit-sticky;
  position: sticky;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: 0%;
  box-shadow: 0 2px 5px rgba(0, 0, 0, .06);
}

.image {
  margin-top: 0;
}

.container {
  max-width: 1400px;
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.link-block {
  border: 1.8px solid var(--accent-color-blue);
  color: var(--accent-color-blue);
  border-radius: 5px;
  padding: 6px 14px;
  text-decoration: none;
  transition: background-color .15s ease-in;
}

.link-block:hover {
  background-color: var(--accent-color-blue);
  color: var(--purewhite);
}

.navlink {
  color: var(--accent-color-blue);
  cursor: pointer;
  padding: 14px 18px;
  font-size: 12px;
  font-weight: 500;
  text-decoration: none;
  overflow: visible;
}

.navlink.mobileinvoice, .navlink.mobile {
  display: none;
}

.text-block {
  font-size: 11px;
  font-weight: 500;
}

.text-block-2 {
  margin-top: 0;
  text-decoration: none;
}

.div-block {
  object-fit: fill;
  overflow: visible;
}

.herosection {
  height: 90.9dvh;
  max-width: none;
  -webkit-text-fill-color: inherit;
  background-image: url('../images/elevator_image_hero.jpg');
  background-position: 80%;
  background-size: cover;
  background-attachment: scroll;
  background-clip: border-box;
  justify-content: flex-start;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  padding-top: 0;
  display: flex;
}

.maincontent {
  max-width: none;
  margin-left: 0;
  margin-right: 0;
  padding-left: 0;
}

.heading {
  letter-spacing: 1px;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Ubuntu Th, sans-serif;
  font-size: 2.5rem;
  line-height: 50px;
}

.paragraph {
  max-width: 70ch;
  color: var(--purewhite);
  margin-top: 17px;
  font-size: 13px;
  font-weight: 300;
  line-height: 24px;
}

.maincta {
  background-color: var(--accent-color-blue);
  color: var(--purewhite);
  text-align: left;
  border-radius: 5px;
  margin-top: 44px;
  padding: 12px 17px;
  transition: background-color .15s ease-in;
  overflow: hidden;
  box-shadow: 0 4px 10px -2px rgba(0, 0, 0, .66);
}

.maincta:hover {
  background-color: #1d8ad1;
}

.maincta.productcta {
  margin-top: 67px;
  box-shadow: 0 4px 10px -2px rgba(0, 0, 0, .21);
}

.maincta.lastprojects {
  margin-top: 85px;
  box-shadow: 0 4px 10px -2px rgba(0, 0, 0, .29);
}

.maincta.fromcta {
  margin-top: 29px;
  padding: 10px 24px;
  font-size: 12px;
}

.maincta.contactpage {
  width: 100%;
  text-align: center;
  margin-top: 18px;
}

.mainwrap {
  width: 100%;
  height: 100%;
  max-width: 1100px;
  min-width: 0;
  justify-content: flex-start;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  padding-left: 25px;
  display: flex;
}

.headingline1, .headingline1.headingline, .headingline2.headingline {
  overflow: hidden;
}

.wrap {
  max-width: 1250px;
  justify-content: space-between;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  padding-left: 93px;
  padding-right: 93px;
  display: flex;
}

.card {
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.heading-2 {
  color: var(--accent-color-blue);
  margin-top: 13px;
  margin-bottom: 0;
  font-family: Ubuntu R, sans-serif;
  font-size: 1rem;
}

.image-2 {
  width: 5em;
  border-radius: 14px;
  font-size: 1rem;
  box-shadow: 0 3px 5px rgba(0, 0, 0, .18);
}

.image-2.design {
  width: 5em;
}

.paragraph-2 {
  max-width: 32ch;
  color: var(--darkgraytext);
  margin-top: 8px;
  font-size: 13px;
}

.qualitywork {
  flex-direction: column;
  align-items: center;
  padding-top: 125px;
  padding-bottom: 125px;
  display: block;
}

.link-block-2 {
  width: 100px;
  color: var(--accent-color-blue);
  text-align: center;
  align-items: center;
  margin-top: 49px;
  margin-left: auto;
  margin-right: auto;
  text-decoration: none;
  display: flex;
}

.image-3 {
  margin-left: 7px;
}

.text-block-3 {
  text-decoration: underline;
}

.productsection {
  display: flex;
}

.productimagesdiv {
  width: 50%;
  max-width: 800px;
  margin-left: auto;
}

.productcontent {
  width: 50%;
  background-color: var(--lightgraybackground);
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  margin-right: auto;
  padding-left: 8%;
  padding-right: 0;
  display: flex;
}

.paragraph-3 {
  max-width: 55ch;
  color: var(--darkgraytext);
  margin-top: 15px;
  margin-bottom: 0;
  font-size: 13px;
  line-height: 23px;
}

.heading-3 {
  color: var(--accent-color-blue);
  font-family: Ubuntu L, sans-serif;
  font-size: 2.5rem;
}

.image-4 {
  width: auto;
  height: 100%;
  transition: width .2s ease-in;
}

.image-5 {
  width: 100%;
  height: 100%;
}

.image1div {
  justify-content: flex-end;
  display: flex;
  position: relative;
  overflow: hidden;
}

.whiteoverlay {
  background-color: var(--purewhite);
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: auto;
  right: 0%;
}

.image2div {
  position: relative;
}

.whiteoverlay2 {
  height: 100%;
  background-color: var(--purewhite);
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: auto;
}

.lastprojectssection {
  width: 100%;
  text-align: left;
  flex-direction: column;
  align-items: center;
  padding: 116px 89px;
  display: flex;
}

.heading-4 {
  color: var(--darkgrayheading);
  text-align: center;
  font-family: Ubuntu L, sans-serif;
}

.projectsgrid {
  max-width: 1040px;
  grid-column-gap: 28px;
  grid-row-gap: 16px;
  grid-template: ". Area"
                 ". Area"
                 / 1fr .75fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  margin-top: 42px;
  margin-left: auto;
  margin-right: auto;
  display: grid;
}

.card1 {
  border-radius: 0 4px 4px 0;
  justify-content: center;
  align-items: center;
  margin-left: 0;
  display: flex;
  overflow: hidden;
  box-shadow: 0 2px 5px rgba(0, 0, 0, .15);
}

.card1.big {
  flex-direction: column;
}

.imgdiv {
  width: 40%;
  height: 100%;
  object-fit: cover;
  border-radius: 4px 0 0 4px;
  overflow: hidden;
}

.imgdiv.big {
  width: 100%;
  height: 45%;
  border-top-right-radius: 4px;
}

.projectinfo {
  width: 60%;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  padding: 17px 18px;
}

.projectinfo.big {
  width: 100%;
  height: 55%;
  flex-direction: column;
  display: flex;
}

.image-6 {
  width: 100%;
  height: 101%;
  object-fit: cover;
}

.text-block-4 {
  aspect-ratio: auto;
  font-size: 9px;
}

.category {
  width: 118px;
  color: #999;
  border: 2px solid #dfdfdf;
  justify-content: center;
  align-items: center;
  padding-left: 9px;
  padding-right: 9px;
  display: flex;
}

.heading-5 {
  color: var(--accent-color-blue);
  margin-top: 16px;
  font-family: Ubuntu L, sans-serif;
  font-size: 1.2rem;
  line-height: 25px;
}

.heading-5.big {
  font-size: 1.2rem;
  line-height: 25px;
}

.paragraph-4 {
  color: var(--darkgraytext);
  font-size: .65rem;
  line-height: 17px;
}

.paragraph-4.big {
  font-size: .7rem;
  line-height: 18px;
}

.text-block-5 {
  color: var(--accent-color-blue);
  margin-top: 16px;
  font-size: 12px;
  display: block;
}

.contactformsection {
  height: 98dvh;
  background-image: url('../images/kontakt_centar.jpg');
  background-position: 100%;
  background-size: cover;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: 81px;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
}

.contactform {
  max-width: 500px;
  text-align: left;
  margin-top: 44px;
  margin-left: auto;
  margin-right: auto;
}

.heading-6 {
  color: var(--accent-color-blue);
  text-align: center;
  letter-spacing: 1px;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Ubuntu L, sans-serif;
}

.field-label {
  color: var(--accent-color-blue);
  margin-left: 0;
}

.field-label-2 {
  color: var(--accent-color-blue);
}

.footerwrap {
  max-width: 1080px;
  justify-content: space-between;
  margin-left: auto;
  margin-right: auto;
  padding: 41px 32px;
  display: flex;
}

.fieldwrap {
  width: 50%;
  flex-direction: row;
  justify-content: space-between;
  margin-left: 0;
  display: block;
}

.fieldwrap.right {
  background-color: rgba(0, 97, 160, 0);
  margin-left: 19px;
}

.fieldwrap.mesage {
  width: 100%;
}

.fieldwrap.email {
  margin-left: 13px;
}

.fieldwrap.msg {
  width: 100%;
}

.textarea {
  width: 100%;
  height: 200px;
  min-height: 125px;
}

.text-field {
  margin-left: 0;
}

.form-block, .form {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.footer {
  background-color: var(--accent-color-blue);
}

.logodiv {
  flex-direction: column;
  justify-content: center;
  display: flex;
}

.copyright {
  max-width: none;
  border-style: solid;
  border-width: 1px 0 0;
  border-color: var(--ultralightgray);
  justify-content: space-between;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  padding: 10px 32px 4px;
  display: block;
}

.contactdiv {
  max-width: 110px;
  justify-content: space-between;
  align-items: center;
  margin-top: 19px;
  display: flex;
}

.footernav {
  display: flex;
}

.productnav {
  border-left: 1px solid var(--ultralightgray);
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  padding-left: 40px;
  padding-right: 40px;
  display: flex;
}

.aboutusnav {
  border-right: 1px solid var(--ultralightgray);
  border-left: 1px solid var(--ultralightgray);
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  padding-left: 40px;
  padding-right: 40px;
  display: flex;
}

.contactnav {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding-top: 10px;
  padding-left: 40px;
  padding-right: 40px;
  display: flex;
}

.paragraph-5 {
  max-width: 40ch;
  color: var(--purewhite);
  text-align: left;
  margin-top: 22px;
  font-size: 13px;
  font-weight: 300;
  line-height: 20px;
}

.image-7 {
  width: 22px;
}

.image-8 {
  width: 20px;
}

.image-9 {
  width: 16px;
}

.image-10 {
  width: 9em;
}

.link {
  color: var(--purewhite);
  font-weight: 300;
  text-decoration: none;
}

.text-block-6 {
  max-width: 1200px;
  color: var(--purewhite);
  align-items: center;
  margin-left: 0;
  margin-right: 0;
  font-weight: 300;
  display: block;
}

.footernavheading {
  color: var(--purewhite);
  margin-bottom: 9px;
  font-family: Ubuntu R, sans-serif;
  font-size: 15px;
  font-weight: 500;
}

.footerlink {
  color: var(--purewhite);
  margin-top: 10px;
  font-weight: 300;
  text-decoration: none;
}

.f {
  justify-content: space-between;
  display: flex;
}

.copywrap {
  max-width: 1080px;
  justify-content: space-between;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  padding-left: 31px;
  padding-right: 31px;
  display: flex;
}

.testemonials.aboutus {
  margin-top: 84px;
}

.container-2 {
  max-width: 1140px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 30px;
  padding-right: 30px;
}

.left-arrow {
  align-items: center;
  display: flex;
  top: 0%;
  bottom: 0%;
  left: -10%;
  right: auto;
}

.slide-nav {
  display: none;
}

.section-title-wrap {
  max-width: 530px;
  text-align: left;
}

.section-title-wrap.centered {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}

.testimonial-wrap {
  max-width: 1100px;
  flex-direction: column;
  align-items: center;
  margin-top: -4px;
  display: flex;
}

.mask {
  height: 200px;
  max-width: none;
  min-height: 200px;
}

.slide {
  background-color: rgba(255, 255, 255, .1);
  border-radius: 10px;
  margin-left: 0;
  margin-right: 40px;
  padding: 40px;
}

.slide.first {
  width: 0;
  height: auto;
  margin-left: 40px;
  margin-right: 40px;
  overflow: hidden;
}

.testimonial {
  color: var(--accent-color-blue);
  text-align: center;
  margin-top: 0;
  margin-bottom: 20px;
  font-size: 24px;
  font-style: italic;
  font-weight: 400;
  line-height: 1.4;
  display: block;
}

.testimonial-author-image {
  border-radius: 50px;
  margin-right: 20px;
}

.slider {
  width: 100%;
  height: auto;
  max-width: 714px;
  background-color: rgba(221, 221, 221, 0);
}

.heading-1 {
  font-size: 56px;
  font-weight: 500;
  line-height: 1.4;
}

.heading-1.white {
  color: #000;
}

.body-text {
  font-size: 20px;
  font-weight: 400;
  line-height: 1.6;
}

.body-text.light {
  color: rgba(0, 0, 0, .7);
}

.body-text.light.no-margin {
  margin-top: 0;
  margin-bottom: 0;
}

.right-arrow {
  justify-content: flex-end;
  align-items: center;
  display: flex;
  top: 0%;
  bottom: 0%;
  left: auto;
  right: -10%;
}

.testimonial-author-wrap {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  display: flex;
}

.heading-7 {
  color: #fff;
  font-size: 18px;
  font-weight: 500;
}

.heading-7.no-margin {
  color: var(--accent-color-blue);
  margin-top: 16px;
  margin-bottom: 0;
}

.image-11, .image-12 {
  filter: brightness(200%);
}

.heading-8 {
  color: var(--accent-color-blue);
}

.heading-8.mob {
  display: none;
}

.body {
  color: var(--darkgraytext);
  text-align: center;
  padding-bottom: 71px;
  line-height: 22px;
}

.paragraph-6 {
  max-width: 70ch;
  text-align: center;
  margin-top: 13px;
  margin-left: auto;
  margin-right: auto;
  font-size: .8rem;
  line-height: 20px;
}

.flexcontact {
  max-width: 1000px;
  justify-content: space-between;
  margin: 53px auto 72px;
  display: flex;
}

.formwrap {
  width: 50%;
}

.locationmap {
  width: 50%;
  border: 1px solid var(--darkgrayheading);
  border-radius: 7px;
  margin-left: 29px;
}

.field-label-3, .field-label-4, .field-label-5, .field-label-6, .field-label-7 {
  color: var(--accent-color-blue);
  text-align: left;
}

.fieldflex {
  flex-direction: row;
  justify-content: space-between;
  display: flex;
}

.section {
  padding-top: 48px;
}

.contactinfo {
  z-index: 999;
  background-color: var(--purewhite);
  display: block;
  position: fixed;
  top: auto;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.tab {
  justify-content: flex-start;
  align-items: center;
  padding-left: 10px;
  padding-right: 10px;
  display: flex;
}

.tab.gray {
  background-color: var(--ultralightgray2);
  justify-content: center;
  align-items: center;
  padding: 11px;
  text-decoration: none;
  display: flex;
}

.contactinfowrap {
  max-width: 1100px;
  justify-content: space-between;
  margin-left: auto;
  margin-right: auto;
  padding-left: 0;
  padding-right: 21px;
  display: flex;
  box-shadow: 0 -2px 5px rgba(0, 0, 0, .03);
}

.contactinfowrap.mobile2 {
  display: none;
}

.tablink {
  text-align: left;
  text-decoration: none;
  transition: background-color .1s ease-in;
}

.tablink:hover {
  background-color: rgba(217, 217, 217, .37);
  border-radius: 0;
}

.tablink.right {
  background-color: rgba(0, 97, 160, 0);
  align-items: center;
  margin-left: 22px;
  display: flex;
}

.label {
  color: var(--accent-color-blue);
  font-size: 12px;
  font-weight: 700;
}

.text-block-7 {
  color: var(--darkgraytext);
  white-space: nowrap;
  margin-top: -4px;
  font-size: 12px;
  font-weight: 500;
}

.lottie-animation {
  width: 50px;
  height: 50px;
}

.lottie-animation-2 {
  width: 50px;
  height: 50px;
  margin-left: -11px;
}

.lottie-animation-3 {
  width: 50px;
  height: 50px;
  margin-right: 6px;
}

.lottie-animation-4 {
  width: 50px;
  height: 50px;
  margin-left: -22px;
}

.infodiv {
  display: none;
}

.heading-9 {
  color: var(--accent-color-blue);
  text-align: center;
}

.aboutusflex {
  max-width: 1380px;
  margin-top: 54px;
  padding-left: 89px;
  padding-right: 89px;
  display: flex;
}

.aboutuscontent {
  width: 50%;
  padding-left: 0;
  padding-right: 35px;
}

.paragraph-7 {
  color: var(--darkgraytext);
  margin-top: 30px;
}

.paragraph-7.first {
  margin-top: 0;
}

.aboutusimage {
  width: 50%;
}

.lottie-animation-6 {
  width: 25px;
  height: 25px;
}

.text-block-8 {
  color: var(--accent-color-blue);
  margin-left: 4px;
  font-weight: 700;
  display: flex;
}

.link-block-3 {
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.div-block-2 {
  justify-content: center;
  padding-top: 10px;
  padding-bottom: 10px;
  display: flex;
  box-shadow: 0 2px 5px rgba(0, 0, 0, .07);
}

.section-2 {
  padding-top: 32px;
  padding-bottom: 32px;
}

.productshero {
  height: 90dvh;
  background-image: url('../images/Proizvodi.jpg');
  background-position: 0%;
  background-size: cover;
}

.productscontent {
  height: 100%;
  max-width: 1100px;
  justify-content: flex-start;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  padding-left: 90px;
  padding-right: 90px;
  display: flex;
}

.content {
  max-width: 80ch;
  text-align: left;
  margin-left: 0;
  margin-right: auto;
  padding-bottom: 0;
}

.content.articlecontent {
  margin-left: auto;
  padding-bottom: 64px;
}

.div-block-3 {
  max-width: 210px;
  background-color: var(--purewhite);
  border-radius: 5px;
  justify-content: center;
  align-items: center;
  margin-top: 59px;
  padding: 10px 31px;
  display: flex;
}

.heading-10 {
  margin-top: 0;
  margin-bottom: 0;
}

.paragraph-8 {
  max-width: 60ch;
  color: var(--ultralightgray);
  margin-top: 21px;
  font-size: 13px;
  font-style: normal;
  font-weight: 300;
  line-height: 23px;
}

.products {
  padding-top: 102px;
  padding-bottom: 102px;
}

.heading-11 {
  color: var(--accent-color-blue);
  text-align: center;
  font-family: Ubuntu L, sans-serif;
  font-style: normal;
}

.paragraph-9 {
  max-width: 75ch;
  color: var(--darkgraytext);
  text-align: center;
  margin-top: 14px;
  margin-left: auto;
  margin-right: auto;
  font-style: normal;
  line-height: 22px;
}

.tab-link-ku-e {
  border: 1px solid var(--accent-color-blue);
  color: var(--darkgraytext);
  background-color: rgba(0, 0, 0, 0);
}

.tab-link-ku-e.w--current {
  background-color: var(--accent-color-blue);
  color: var(--purewhite);
}

.tab-link-bolnice {
  border-style: solid;
  border-width: 1px 1px 1px 0;
  border-color: var(--accent-color-blue);
  color: var(--darkgraytext);
  background-color: rgba(221, 221, 221, 0);
}

.tab-link-bolnice.w--current {
  background-color: var(--accent-color-blue);
  color: var(--purewhite);
}

.tab-link-hoteli {
  border-style: solid;
  border-width: 1px 0 1px 1px;
  border-color: var(--accent-color-blue);
  color: var(--darkgraytext);
  background-color: rgba(221, 221, 221, 0);
}

.tab-link-hoteli.w--current {
  background-color: var(--accent-color-blue);
  color: var(--purewhite);
}

.tab-link-industrija {
  border-style: solid;
  border-width: 1px 0 1px 1px;
  border-color: var(--accent-color-blue);
  color: var(--darkgraytext);
  background-color: rgba(221, 221, 221, 0);
}

.tab-link-industrija.w--current {
  background-color: var(--accent-color-blue);
  color: var(--purewhite);
}

.tab-link-komercijalni-i-javni {
  border-style: solid;
  border-width: 1px 0 1px 1px;
  border-color: var(--accent-color-blue);
  color: var(--darkgraytext);
  background-color: rgba(221, 221, 221, 0);
}

.tab-link-komercijalni-i-javni.w--current {
  background-color: var(--accent-color-blue);
  color: var(--purewhite);
}

.tab-link-rezidencije {
  border-style: solid;
  border-width: 1px 0 1px 1px;
  border-color: var(--accent-color-blue);
  color: var(--darkgraytext);
  background-color: rgba(0, 97, 160, 0);
}

.tab-link-rezidencije.w--current {
  border-style: solid;
  border-width: 1px 0 1px 1px;
  border-color: var(--accent-color-blue);
  background-color: var(--accent-color-blue);
  color: var(--purewhite);
}

.tabs-menu {
  flex-wrap: wrap;
  justify-content: center;
  margin-top: 20px;
  display: flex;
}

.text-block-9 {
  font-style: normal;
}

.tabs-content {
  max-width: 1000px;
  margin-top: 26px;
  margin-left: auto;
  margin-right: auto;
}

.productdescription {
  width: 60%;
}

.productimage {
  width: 50%;
  display: block;
}

.tabwrap {
  margin-top: 46px;
  display: flex;
}

.line {
  width: 100%;
  height: 1px;
  background-color: var(--ultralightgray);
}

.smallproductheading {
  color: var(--accent-color-blue);
  margin-top: 34px;
  font-size: 16px;
  font-style: normal;
}

.productp {
  color: var(--darkgraytext);
  font-style: normal;
  line-height: 22px;
}

.image-13 {
  height: 100%;
}

.heading-12 {
  color: var(--darkgrayheading);
  font-family: Ubuntu L, sans-serif;
  font-size: 1.8rem;
  font-style: normal;
}

.body-2 {
  padding-bottom: 79px;
}

.text-block-10, .text-block-11, .text-block-12, .text-block-13, .text-block-14 {
  font-style: normal;
}

.parkingsystemssection {
  height: auto;
  background-color: var(--lightgraybackground);
  margin-top: 22px;
  padding-top: 66px;
  padding-bottom: 0;
  display: block;
  overflow: visible;
}

.camera {
  width: 100vw;
  height: 100vh;
  clear: none;
  position: -webkit-sticky;
  position: sticky;
  top: 10%;
  bottom: auto;
  left: auto;
  right: auto;
}

.frame {
  height: 100vh;
  display: flex;
}

.parkingsystems {
  height: 400vw;
  position: relative;
}

.heading-13 {
  color: var(--accent-color-blue);
  text-align: center;
  font-family: Ubuntu L, sans-serif;
}

.paragraph-10 {
  max-width: 75ch;
  color: var(--darkgraytext);
  text-align: center;
  margin-top: 14px;
  margin-left: auto;
  margin-right: auto;
}

.parkingsystemdiv {
  width: 100%;
  flex: none;
}

.systemwrap {
  align-items: center;
  margin-top: 39px;
  padding-left: 92px;
  padding-right: 92px;
  display: flex;
}

.systemdescription {
  width: 50%;
}

.heading-14 {
  font-family: Ubuntu L, sans-serif;
  font-size: 1.8rem;
}

.link-2 {
  color: var(--accent-color-blue);
  margin-top: 46px;
  display: block;
}

.systemimage {
  width: 50%;
  height: 100%;
  margin-left: 21px;
}

.paragraph-11 {
  color: var(--darkgraytext);
  margin-top: 28px;
  font-style: normal;
  line-height: 22px;
}

.paragraph-12 {
  color: var(--darkgraytext);
  margin-top: 32px;
}

.body-3 {
  object-fit: fill;
  overflow: visible;
}

.systemimagemodel {
  width: 100%;
  max-width: 500px;
}

.image-15, .image-16 {
  width: 100%;
  max-width: 450px;
}

.heading-15 {
  color: var(--accent-color-blue);
  text-align: center;
  margin-bottom: 17px;
  font-family: Ubuntu L, sans-serif;
}

.paragraph-13 {
  max-width: 70ch;
  color: var(--darkgraytext);
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  line-height: 22px;
}

.escalatorssection {
  padding-top: 65px;
  padding-bottom: 65px;
}

.escalators {
  max-width: 1100px;
  align-items: center;
  margin-top: 63px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 75px;
  padding-right: 75px;
  display: flex;
}

.escalators.movingwalks {
  background-color: var(--lightgraybackground);
  color: var(--lightgraybackground);
  flex-direction: row-reverse;
  padding-top: 40px;
  padding-bottom: 40px;
}

.escalatormodel {
  width: 50%;
}

.escalatordescription {
  width: 50%;
  margin-left: 28px;
}

.escalatordescription.movingwalks {
  margin-left: 0;
  margin-right: 28px;
}

.heading-16 {
  color: var(--darkgrayheading);
  margin-bottom: 11px;
  font-family: Ubuntu L, sans-serif;
  font-size: 1.8rem;
}

.paragraph-14 {
  color: var(--darkgraytext);
}

.paragraph-15 {
  color: var(--darkgraytext);
  line-height: 22px;
}

.image-17 {
  margin-top: 33px;
  margin-right: 0;
}

.accesibility {
  padding-top: 0;
  padding-bottom: 67px;
}

.accesibilityproducts {
  max-width: 1200px;
  justify-content: space-between;
  align-items: center;
  margin-top: 44px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 22px;
  padding-right: 22px;
  display: flex;
}

.cabines, .handicapedplatforms {
  width: 500px;
  height: 200px;
  position: relative;
}

.image-18, .image-19 {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.blueoverlay {
  opacity: 0;
  background-color: rgba(0, 81, 134, .53);
  justify-content: center;
  align-items: center;
  padding-left: 33px;
  padding-right: 33px;
  display: flex;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.paragraph-16 {
  color: var(--purewhite);
  text-align: center;
  font-weight: 300;
}

.bloghero {
  height: 60dvh;
  text-align: center;
  background-image: url('../images/pokretne_stepenice_pozadina.jpg');
  background-position: 50%;
  background-size: cover;
  justify-content: center;
  align-items: center;
  display: flex;
}

.blogintrodution {
  text-align: center;
}

.heading-17 {
  margin-top: 0;
  margin-bottom: 13px;
}

.paragraph-17 {
  max-width: 60ch;
  color: var(--purewhite);
  margin: 0 auto 29px;
  font-weight: 300;
  line-height: 22px;
}

.lottie-animation-7 {
  width: 50px;
  text-align: center;
  margin-top: 1px;
  margin-left: auto;
  margin-right: auto;
}

.tabs-menu-2 {
  background-color: var(--purewhite);
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 5px 54px;
  display: flex;
  box-shadow: 0 1px 5px rgba(0, 0, 0, .05);
}

.tab-link-stambene-zgrade {
  color: var(--darkgraytext);
  background-color: rgba(221, 221, 221, 0);
}

.tab-link-stambene-zgrade.w--current {
  color: var(--accent-color-blue);
  background-color: rgba(200, 200, 200, 0);
  font-weight: 500;
}

.tab-link-tab-2 {
  color: var(--darkgraytext);
  background-color: rgba(221, 221, 221, 0);
}

.tab-link-tab-2.w--current {
  color: var(--accent-color-blue);
  background-color: rgba(221, 221, 221, 0);
  font-weight: 500;
}

.tab-link-tab-3 {
  color: var(--darkgraytext);
  background-color: rgba(221, 221, 221, 0);
}

.tab-link-tab-3.w--current {
  color: var(--accent-color-blue);
  background-color: rgba(221, 221, 221, 0);
  font-weight: 500;
}

.tab-link-tab-4 {
  color: var(--darkgraytext);
  background-color: rgba(221, 221, 221, 0);
}

.tab-link-tab-4.w--current {
  color: var(--accent-color-blue);
  background-color: rgba(221, 221, 221, 0);
  font-weight: 500;
}

.tab-link-tab-5 {
  color: var(--darkgraytext);
  background-color: rgba(221, 221, 221, 0);
}

.tab-link-tab-5.w--current {
  color: var(--accent-color-blue);
  background-color: rgba(221, 221, 221, 0);
  font-weight: 500;
}

.tab-link-tab-6 {
  color: var(--darkgraytext);
  background-color: rgba(221, 221, 221, 0);
}

.tab-link-tab-6.w--current {
  color: var(--accent-color-blue);
  background-color: rgba(221, 221, 221, 0);
  font-weight: 500;
}

.tab-link-tab-7 {
  color: var(--darkgraytext);
  background-color: rgba(221, 221, 221, 0);
}

.tab-link-tab-7.w--current {
  color: var(--accent-color-blue);
  background-color: rgba(221, 221, 221, 0);
  font-weight: 500;
}

.tab-link-tab-8 {
  color: var(--darkgraytext);
  background-color: rgba(221, 221, 221, 0);
}

.tab-link-tab-8.w--current {
  color: var(--accent-color-blue);
  background-color: rgba(221, 221, 221, 0);
  font-weight: 500;
}

.tabs-2 {
  margin-top: 21px;
}

.bloggrid {
  grid-column-gap: 29px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  padding-bottom: 62px;
  padding-left: 32px;
  padding-right: 32px;
  display: grid;
}

.post {
  height: 525px;
  max-width: 400px;
  background-color: var(--purewhite);
  border-radius: 5px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, .05);
}

.postimg {
  width: 100%;
  height: 40%;
}

.postcontent {
  padding-left: 14px;
  padding-right: 14px;
  text-decoration: none;
}

.postdetails {
  justify-content: space-between;
  margin-top: 66px;
  margin-bottom: 0;
  padding-left: 14px;
  padding-right: 14px;
  display: flex;
}

.image-20 {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}

.postheading {
  color: var(--accent-color-blue);
  word-break: normal;
  overflow-wrap: normal;
  font-family: Ubuntu L, sans-serif;
  font-size: 1.3rem;
  line-height: 28px;
}

.postp {
  color: var(--darkgraytext);
  margin-top: 14px;
  font-size: 12px;
  line-height: 20px;
}

.postlink {
  color: var(--accent-color-blue);
  text-decoration: none;
}

.postdate {
  color: var(--darkgraytext);
}

.tabs-content-2 {
  margin-top: 42px;
}

.articlecontainer {
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 41px;
  padding-left: 51px;
  padding-right: 51px;
}

.articleimagediv {
  width: 100%;
  height: 250px;
}

.image-21 {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.categoryanddate {
  justify-content: space-between;
  margin-top: 12px;
  display: flex;
}

.articlecategory, .articledate {
  color: var(--darkgraytext);
}

.articleh1 {
  color: var(--accent-color-blue-2);
  text-align: center;
  margin-bottom: 10px;
  font-family: Ubuntu Th, sans-serif;
}

.articlep {
  color: var(--darkgraytext);
  margin-top: 12px;
  line-height: 22px;
}

.articlep.end-p {
  margin-top: 47px;
}

.articleh2 {
  color: var(--accent-color-blue);
  text-align: left;
  margin-top: 46px;
  margin-bottom: 0;
  font-family: Ubuntu Th, sans-serif;
  font-size: 1.8rem;
}

.list {
  text-align: left;
  margin-top: 11px;
  font-size: .9rem;
}

.list-item {
  margin-top: 7px;
}

.articlegallery {
  grid-column-gap: 27px;
  grid-row-gap: 16px;
  grid-template: "." 287px
                 "." 144px
                 / 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-top: 47px;
  display: grid;
}

.image-22, .lightboximage {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.acredtiation {
  color: var(--purewhite);
  font-weight: 300;
  text-decoration: none;
}

.loading {
  z-index: 9999;
  justify-content: space-between;
  display: none;
  position: fixed;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.left {
  width: 50%;
  height: 100%;
  background-color: var(--accent-color-blue);
  order: 0;
  align-self: auto;
  margin-right: 0;
}

.right {
  width: 50%;
  height: 100%;
  background-color: var(--accent-color-blue-2);
}

.image-23 {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.link-block-5, .link-block-6, .link-block-7, .link-block-8, .link-block-9, .link-block-10, .link-block-11, .link-block-12, .link-block-13, .link-block-14, .link-block-15, .link-block-16, .link-block-17, .link-block-18, .link-block-19, .link-block-20, .link-block-21, .link-block-22 {
  text-decoration: none;
}

@media screen and (min-width: 1280px) {
  .body {
    padding-bottom: 79px;
  }

  .flexcontact {
    max-width: 1000px;
  }

  .locationmap {
    width: 50%;
    height: 380px;
    border: 1px solid var(--darkgrayheading);
    border-radius: 0;
    margin-left: 31px;
  }

  .tab {
    align-items: center;
    display: flex;
  }

  .tab.gray {
    padding-right: 14px;
  }

  .fax {
    display: block;
  }

  .tablink.right {
    align-items: center;
    display: flex;
  }

  .text-block-7 {
    white-space: nowrap;
    word-break: normal;
    overflow-wrap: normal;
  }

  .lottie-animation-3 {
    width: 50px;
    height: 50px;
  }

  .infodiv {
    display: none;
  }

  .aboutusflex {
    max-width: 1280px;
    margin-left: auto;
    margin-right: auto;
  }

  .section-2 {
    margin-bottom: 58px;
  }

  .productscontent {
    max-width: 1180px;
  }

  .content {
    margin-left: 0;
  }

  .tabs-content {
    margin-top: 31px;
  }

  .productimage {
    margin-right: -82px;
  }

  .image-13 {
    margin-top: 14px;
  }

  .heading-12 {
    font-size: 2rem;
  }

  .body-2 {
    padding-bottom: 75px;
  }

  .parkingsystemdiv.last {
    margin-top: 65px;
  }

  .systemwrap {
    max-width: 1180px;
    margin-left: auto;
    margin-right: auto;
  }

  .image-14 {
    width: 100%;
    max-width: 450px;
  }

  .accesibilityproducts {
    max-width: 1050px;
  }

  .handicapedplatforms {
    padding-left: 16px;
  }

  .tabs-menu-2 {
    max-width: 1000px;
    background-color: #fff;
    justify-content: space-between;
    align-items: center;
    margin-left: auto;
    margin-right: auto;
    padding-top: 8px;
    padding-bottom: 8px;
    display: flex;
    box-shadow: 0 2px 5px rgba(0, 0, 0, .09);
  }

  .tab-link-stambene-zgrade {
    color: var(--darkgraytext);
    background-color: rgba(221, 221, 221, 0);
  }

  .tab-link-stambene-zgrade.w--current {
    color: var(--accent-color-blue);
    background-color: rgba(221, 221, 221, 0);
    font-weight: 500;
  }

  .tab-link-tab-2 {
    color: var(--darkgraytext);
    background-color: rgba(221, 221, 221, 0);
  }

  .tab-link-tab-2.w--current {
    color: var(--accent-color-blue);
    background-color: rgba(221, 221, 221, 0);
    font-weight: 500;
  }

  .tab-link-tab-3 {
    color: var(--darkgraytext);
    background-color: rgba(221, 221, 221, 0);
  }

  .tab-link-tab-3.w--current {
    color: var(--accent-color-blue);
    background-color: rgba(221, 221, 221, 0);
    font-weight: 500;
  }

  .tab-link-tab-4 {
    color: var(--darkgraytext);
    background-color: rgba(221, 221, 221, 0);
  }

  .tab-link-tab-4.w--current {
    color: var(--accent-color-blue);
    background-color: rgba(200, 200, 200, 0);
    font-weight: 500;
  }

  .tab-link-tab-5 {
    color: var(--darkgraytext);
    background-color: rgba(221, 221, 221, 0);
  }

  .tab-link-tab-5.w--current {
    color: var(--accent-color-blue);
    background-color: rgba(221, 221, 221, 0);
    font-weight: 500;
  }

  .tab-link-tab-6 {
    color: var(--darkgraytext);
    background-color: rgba(221, 221, 221, 0);
  }

  .tab-link-tab-6.w--current {
    color: var(--accent-color-blue);
    background-color: rgba(221, 221, 221, 0);
    font-weight: 500;
  }

  .tab-link-tab-7 {
    color: var(--darkgraytext);
    background-color: rgba(221, 221, 221, 0);
  }

  .tab-link-tab-7.w--current {
    color: var(--accent-color-blue);
    background-color: rgba(221, 221, 221, 0);
    font-weight: 500;
  }

  .tab-link-tab-8 {
    color: var(--darkgraytext);
    background-color: rgba(221, 221, 221, 0);
  }

  .tab-link-tab-8.w--current {
    color: var(--accent-color-blue);
    background-color: rgba(221, 221, 221, 0);
    font-weight: 500;
  }

  .tabs-2 {
    margin-top: 29px;
  }

  .tab-pane-stambene-zgrade {
    margin-top: 43px;
  }

  .bloggrid {
    max-width: 1000px;
    grid-column-gap: 28px;
    grid-row-gap: 20px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    margin-left: auto;
    margin-right: auto;
    padding-left: 0;
    padding-right: 0;
    display: grid;
  }

  .post {
    height: 525px;
    max-height: 550px;
    max-width: none;
    background-color: var(--purewhite);
    border-radius: 6px;
    position: relative;
    box-shadow: 0 2px 5px rgba(0, 0, 0, .09);
  }

  .postimg {
    height: 40%;
  }

  .postcontent {
    padding-left: 11px;
    padding-right: 11px;
  }

  .postdetails {
    justify-content: space-between;
    margin-top: 39px;
    padding-left: 16px;
    padding-right: 16px;
    display: flex;
    position: absolute;
    top: auto;
    bottom: 4%;
    left: 0%;
    right: 0%;
  }

  .image-20 {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
  }

  .postheading {
    color: var(--accent-color-blue);
    white-space: normal;
    word-break: normal;
    overflow-wrap: normal;
    margin-top: 30px;
    font-family: Ubuntu L, sans-serif;
    font-size: 1.3rem;
    font-weight: 700;
    line-height: 25px;
    display: block;
  }

  .postp {
    color: var(--darkgraytext);
    margin-top: 16px;
    line-height: 20px;
  }

  .postlink {
    color: var(--accent-color-blue);
    font-size: 14px;
    text-decoration: none;
  }

  .postdate {
    color: var(--darkgraytext);
    font-size: 14px;
  }
}

@media screen and (min-width: 1440px) {
  .herosection {
    background-position: 65%;
  }

  .flexcontact {
    max-width: 1080px;
  }

  .productscontent {
    max-width: 1220px;
  }

  .tabs-content {
    max-width: 1050px;
  }

  .image-15 {
    width: 100%;
    max-width: 450px;
  }

  .accesibilityproducts {
    max-width: 1080px;
  }

  .cabines {
    width: 500px;
    height: 200px;
  }

  .handicapedplatforms {
    width: 500px;
    height: 200px;
    margin-left: 0;
  }

  .image-18, .image-19 {
    width: 100%;
    height: 100%;
  }

  .blueoverlay {
    height: auto;
    padding-left: 33px;
    padding-right: 33px;
  }
}

@media screen and (min-width: 1920px) {
  .herosection {
    height: auto;
    padding-top: 101px;
    padding-bottom: 101px;
  }

  .contactformsection {
    height: auto;
    padding-top: 102px;
    padding-bottom: 102px;
  }

  .fieldwrap {
    width: 100%;
  }

  .fieldwrap.email {
    margin-left: 14px;
  }

  .productshero {
    height: auto;
    padding-top: 85px;
    padding-bottom: 85px;
  }

  .productscontent {
    max-width: 1220px;
  }
}

@media screen and (max-width: 991px) {
  .navbar {
    padding-left: 27px;
    padding-right: 27px;
  }

  .image {
    margin-top: 15px;
  }

  .container {
    justify-content: space-between;
    display: block;
  }

  .navbutton {
    display: none;
  }

  .navlink {
    padding-top: 19px;
    padding-bottom: 19px;
    padding-left: 30px;
    display: block;
  }

  .navlink.mobileinvoice {
    display: block;
  }

  .navlink.mobile {
    display: none;
  }

  .icon {
    color: var(--accent-color-blue);
  }

  .menu-button.w--open {
    background-color: #fff;
  }

  .nav-menu {
    background-color: #fafafa;
    display: block;
  }

  .text-block-2 {
    text-align: left;
    display: block;
  }

  .herosection {
    background-position: 50%;
  }

  .maincta.productcta {
    margin-top: 50px;
  }

  .wrap {
    padding-left: 25px;
    padding-right: 25px;
  }

  .productsection {
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }

  .productimagesdiv {
    width: 100%;
  }

  .productcontent {
    width: 100%;
    align-items: center;
    padding: 67px 34px;
  }

  .paragraph-3 {
    text-align: center;
  }

  .image-5 {
    width: 100%;
  }

  .whiteoverlay2 {
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: auto;
  }

  .projectsgrid {
    grid-column-gap: 28px;
    grid-row-gap: 27px;
    grid-template: "."
                   "."
                   "."
                   / 1fr;
  }

  .card1.big {
    flex-direction: row;
  }

  .imgdiv.big {
    width: 40%;
    height: 100%;
  }

  .projectinfo.big {
    width: 60%;
    height: 100%;
  }

  .contactformsection {
    background-position: 65%;
  }

  .footerwrap {
    flex-direction: column;
  }

  .logodiv {
    text-align: center;
    align-items: center;
  }

  .contactdiv {
    min-width: 110px;
  }

  .footernav {
    justify-content: space-between;
    margin-top: 54px;
    padding-left: 21px;
    padding-right: 21px;
  }

  .productnav {
    border-left-style: none;
  }

  .aboutusnav {
    padding-left: 69px;
    padding-right: 69px;
  }

  .paragraph-5 {
    text-align: center;
  }

  .left-arrow {
    margin-left: 0;
    margin-right: 0;
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: -25px;
    right: auto;
  }

  .testimonial-wrap {
    padding-left: 30px;
    padding-right: 30px;
  }

  .heading-1 {
    font-size: 48px;
  }

  .body-text {
    font-size: 18px;
  }

  .right-arrow {
    margin-left: 0;
    margin-right: 0;
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: auto;
    right: -25px;
  }

  .body {
    padding-bottom: 62px;
  }

  .flexcontact {
    padding-left: 44px;
    padding-right: 44px;
  }

  .tab.infotab {
    padding: 11px 21px;
    display: flex;
  }

  .contactinfowrap {
    display: none;
  }

  .contactinfowrap.mobile2 {
    justify-content: space-around;
    padding-left: 24px;
    padding-right: 24px;
    display: flex;
    position: relative;
  }

  .tabm {
    padding: 5px;
  }

  .tabm.gray {
    background-color: var(--ultralightgray2);
    padding: 6px;
  }

  .tabm.gray:hover {
    background-color: rgba(137, 137, 137, .13);
  }

  .lottie-animation-5 {
    width: 50px;
    height: 50px;
  }

  .infodiv {
    background-color: var(--purewhite);
    border-radius: 3px;
    justify-content: center;
    align-items: center;
    padding-top: 2px;
    padding-bottom: 2px;
    display: none;
    position: absolute;
    top: -146%;
    bottom: auto;
    left: 5%;
    right: 5%;
    box-shadow: 0 1px 5px rgba(0, 0, 0, .23);
  }

  .aboutusflex {
    flex-direction: column;
  }

  .aboutuscontent {
    width: 100%;
    padding-right: 0;
  }

  .paragraph-7 {
    text-align: center;
  }

  .aboutusimage {
    width: 100%;
    margin-top: 52px;
  }

  .section-2 {
    margin-bottom: 81px;
  }

  .productscontent {
    padding-left: 31px;
    padding-right: 31px;
  }

  .tab-link-ku-e {
    text-align: center;
  }

  .tab-link-bolnice {
    text-align: center;
    border-left-width: 1px;
  }

  .tab-link-hoteli, .tab-link-industrija, .tab-link-komercijalni-i-javni, .tab-link-rezidencije {
    text-align: center;
    border-right-width: 1px;
  }

  .tab-link-rezidencije.w--current {
    text-align: center;
  }

  .tabs-menu {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .tabs-content {
    flex-direction: column;
    padding-left: 40px;
    padding-right: 40px;
    display: block;
  }

  .productdescription {
    width: 100%;
    margin-top: 6px;
  }

  .productimage {
    width: 100%;
    align-items: center;
    margin-top: 46px;
    display: flex;
  }

  .tabwrap {
    flex-direction: column-reverse;
  }

  .image-13 {
    margin-left: auto;
    margin-right: auto;
  }

  .body-2 {
    padding-bottom: 65px;
  }

  .tabs {
    padding-left: 34px;
    padding-right: 34px;
  }

  .parkingsystemssection {
    display: block;
  }

  .camera {
    width: auto;
    height: auto;
    position: static;
  }

  .frame {
    height: auto;
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-direction: column;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: block;
  }

  .parkingsystems {
    height: auto;
    position: static;
  }

  .parkingsystemdiv {
    height: auto;
  }

  .systemwrap {
    flex-direction: column;
  }

  .systemdescription {
    width: 100%;
    text-align: center;
  }

  .systemimage {
    width: 100%;
    text-align: center;
    margin-top: 62px;
  }

  .escalators {
    flex-direction: column-reverse;
    padding-left: 31px;
    padding-right: 31px;
  }

  .escalators.movingwalks {
    flex-direction: column-reverse;
  }

  .escalatormodel {
    width: 100%;
    text-align: center;
  }

  .escalatordescription {
    width: 100%;
    text-align: center;
    padding-left: 51px;
    padding-right: 51px;
  }

  .accesibilityproducts {
    flex-direction: column;
  }

  .cabines {
    width: 100%;
  }

  .handicapedplatforms {
    width: 100%;
    margin-top: 29px;
  }

  .blueoverlay {
    opacity: 0;
  }

  .tabs-menu-2 {
    justify-content: center;
    align-items: center;
  }

  .bloggrid {
    grid-template-columns: 1fr 1fr;
  }

  .articleh1 {
    font-size: 1.8rem;
  }
}

@media screen and (max-width: 767px) {
  .navlink {
    display: block;
  }

  .text-block-2 {
    width: auto;
    text-align: left;
    position: static;
  }

  .herosection {
    background-position: 0%;
  }

  .maincontent {
    flex-direction: column;
    align-items: center;
    display: flex;
  }

  .heading {
    text-align: center;
    font-size: 2rem;
    line-height: 45px;
  }

  .paragraph {
    text-align: center;
    margin-left: 26px;
    margin-right: 26px;
  }

  .maincta {
    text-align: left;
  }

  .mainwrap {
    justify-content: center;
    padding-left: 0;
  }

  .headingline1.headingline {
    line-height: 15px;
  }

  .wrap {
    flex-direction: column;
  }

  .card {
    margin-top: 91px;
  }

  .qualitywork {
    padding-top: 8px;
  }

  .paragraph-3 {
    font-size: 12px;
    line-height: 22px;
  }

  .heading-3 {
    font-size: 2rem;
  }

  .contactformsection {
    background-position: 70%;
  }

  .contactform {
    max-width: 600px;
  }

  .footerwrap {
    width: 100%;
    flex-direction: column;
  }

  .fieldwrap {
    width: 100%;
  }

  .fieldwrap.right {
    margin-left: 0;
  }

  .form {
    width: 100%;
  }

  .footernav {
    text-align: center;
    flex-direction: column;
    align-items: center;
    margin-top: 26px;
    padding: 32px 0;
  }

  .productnav {
    align-items: center;
  }

  .aboutusnav {
    border-left-width: 0;
    border-right-width: 0;
    align-items: center;
    margin-top: 42px;
  }

  .contactnav {
    text-align: center;
    align-items: center;
    margin-top: 42px;
  }

  .f {
    width: 100%;
    flex-direction: column;
  }

  .testimonial {
    font-size: 20px;
  }

  .contactcontent {
    padding-left: 39px;
    padding-right: 39px;
  }

  .body {
    padding-bottom: 64px;
  }

  .flexcontact {
    flex-direction: column;
  }

  .formwrap {
    width: 100%;
  }

  .locationmap {
    width: 100%;
    margin-left: 0;
  }

  .tab.infotab {
    flex-direction: row;
    display: flex;
  }

  .tabm {
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .lottie-animation-5 {
    width: 50px;
    height: 50px;
  }

  .infodiv {
    padding-top: 12px;
    padding-bottom: 12px;
    top: -175%;
  }

  .aboutusflex {
    padding-left: 42px;
    padding-right: 42px;
  }

  .aboutuscontent {
    padding-right: 0;
  }

  .tab-link-industrija, .tab-link-komercijalni-i-javni {
    border-right-width: 1px;
  }

  .productdescription {
    text-align: center;
  }

  .parkingheading {
    padding-left: 36px;
    padding-right: 36px;
  }

  .systemwrap {
    padding-left: 33px;
    padding-right: 33px;
  }

  .systemdescription {
    margin-top: 35px;
  }

  .heading-15 {
    margin-left: -16px;
  }

  .escalatordescription {
    margin-left: 0;
  }

  .escalatordescription.movingwalks {
    margin-right: 0;
  }

  .div-block-4 {
    padding-left: 46px;
    padding-right: 46px;
  }

  .paragraph-16 {
    font-weight: 400;
  }

  .blogintrodution {
    padding-left: 31px;
    padding-right: 31px;
  }

  .bloggrid {
    grid-template-columns: 1fr;
  }

  .post {
    height: 450px;
    margin-left: auto;
    margin-right: auto;
  }

  .postheading {
    font-size: 1.2rem;
    line-height: 25px;
  }

  .articleh1 {
    line-height: 40px;
  }

  .articleh2 {
    font-size: 1.5rem;
  }
}

@media screen and (max-width: 479px) {
  .navbar {
    padding-left: 10px;
    padding-right: 10px;
  }

  .navlink {
    padding-top: 19px;
    padding-bottom: 19px;
    padding-left: 21px;
  }

  .navlink.mobile {
    display: none;
  }

  .menu-button {
    color: #6e6464;
  }

  .menu-button.w--open {
    color: #fff;
    background-color: #fff;
  }

  .nav-menu {
    background-color: #fafafa;
  }

  .text-block-2 {
    text-align: left;
  }

  .herosection {
    background-position: 55%;
  }

  .heading {
    font-size: 1.7rem;
    line-height: 40px;
  }

  .maincta {
    margin-top: 67px;
  }

  .maincta.contactpage {
    font-size: 13px;
    box-shadow: 0 4px 10px -2px rgba(0, 0, 0, .21);
  }

  .lastprojectssection {
    padding: 94px 39px;
  }

  .heading-4 {
    font-size: 1.8rem;
  }

  .projectsgrid {
    grid-row-gap: 59px;
  }

  .card1 {
    height: 550px;
    flex-direction: column;
  }

  .card1.big {
    flex-direction: column;
  }

  .imgdiv {
    width: 100%;
    height: 45%;
  }

  .imgdiv.big {
    width: 100%;
    height: 40%;
  }

  .projectinfo {
    width: 100%;
    height: 55%;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding-bottom: 119px;
    display: flex;
    position: relative;
  }

  .projectinfo.big {
    width: 100%;
    height: 60%;
    padding-bottom: 100px;
  }

  .contactformsection {
    background-position: 75%;
  }

  .contactform {
    max-width: none;
  }

  .contactwrap {
    padding-left: 0;
    padding-right: 0;
  }

  .heading-6 {
    font-size: 1.8rem;
  }

  .footerwrap {
    padding-bottom: 0;
    padding-left: 2px;
    padding-right: 2px;
  }

  .fieldwrap.email {
    margin-left: 0;
  }

  .footer {
    padding-top: 54px;
    padding-bottom: 0;
  }

  .copyright {
    flex-direction: column;
    padding: 13px 0;
  }

  .text-block-6 {
    margin-top: 13px;
  }

  .footerlink {
    margin-top: 16px;
  }

  .copywrap {
    flex-direction: column;
    padding-left: 0;
    padding-right: 0;
  }

  .container-2 {
    margin-top: 90px;
    margin-bottom: 98px;
  }

  .left-arrow {
    margin-top: 0;
    display: inline-block;
    position: static;
  }

  .testimonial-wrap {
    padding-left: 0;
    padding-right: 0;
  }

  .slide {
    padding: 0 30px 30px;
  }

  .testimonial {
    margin-bottom: 30px;
    font-size: 18px;
  }

  .testimonial-author-image {
    margin-bottom: 20px;
    margin-right: 0;
    font-size: 12px;
  }

  .slider {
    flex-direction: column;
  }

  .heading-1 {
    font-size: 40px;
  }

  .body-text.light {
    margin-left: 11px;
    font-size: 13px;
  }

  .right-arrow {
    margin-top: 0;
    display: inline-block;
    position: static;
  }

  .testimonial-author-wrap {
    flex-direction: row;
    align-items: center;
  }

  .heading-7.no-margin {
    margin-top: 0;
    margin-left: 11px;
    font-size: 15px;
  }

  .contactcontent {
    padding-left: 22px;
    padding-right: 22px;
  }

  .heading-8 {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    font-size: 1.5rem;
    line-height: 35px;
    display: none;
    overflow: visible;
  }

  .heading-8.mob {
    font-size: 1.8rem;
    line-height: 40px;
    display: block;
  }

  .body {
    padding-bottom: 64px;
  }

  .flexcontact {
    margin-top: 27px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .locationmap {
    width: 100%;
    margin-top: 43px;
    margin-left: 0;
  }

  .fieldflex {
    flex-direction: column;
  }

  .tab.infotab {
    font-size: 14px;
  }

  .contactinfowrap.mobile2 {
    justify-content: space-between;
    padding-left: 10px;
    padding-right: 10px;
  }

  .label.infotext {
    font-size: 16px;
  }

  .text-block-7.infotext {
    margin-top: 0;
    font-size: 16px;
  }

  .tabm:hover {
    background-color: rgba(137, 137, 137, .13);
  }

  .infodiv {
    padding-top: 34px;
    padding-bottom: 34px;
    display: none;
    top: -270%;
  }

  .heading-9 {
    margin-bottom: 0;
    font-size: 1.8rem;
  }

  .aboutusflex {
    margin-top: 39px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .productshero {
    background-position: 30%;
  }

  .content {
    text-align: center;
  }

  .div-block-3 {
    margin-left: auto;
    margin-right: auto;
  }

  .heading-10 {
    font-size: 1.8rem;
  }

  .headingdiv {
    padding-left: 26px;
    padding-right: 26px;
  }

  .tab-link-ku-e, .tab-link-bolnice {
    margin-top: 7px;
  }

  .tab-link-hoteli {
    border-right-width: 1px;
    margin-top: 7px;
  }

  .tab-link-hoteli.w--current, .tab-link-industrija, .tab-link-komercijalni-i-javni {
    margin-top: 7px;
  }

  .tab-link-rezidencije {
    border-right-width: 1px;
    justify-content: center;
    align-items: center;
    margin-top: 7px;
    display: flex;
  }

  .tabs-menu {
    grid-column-gap: 8px;
    grid-row-gap: 3px;
    padding-left: 0;
    padding-right: 0;
  }

  .text-block-9 {
    font-size: 12px;
  }

  .tabs-content {
    margin-top: -2px;
    padding-left: 1px;
    padding-right: 1px;
  }

  .tabwrap {
    margin-top: 10px;
  }

  .smallproductheading {
    font-size: 16px;
  }

  .heading-12 {
    font-size: 1.5rem;
  }

  .tabs {
    padding-left: 22px;
    padding-right: 22px;
  }

  .text-block-10 {
    font-size: 12px;
    line-height: 15px;
  }

  .text-block-11, .text-block-12, .text-block-13, .text-block-14 {
    font-size: 12px;
  }

  .parkingsystemssection {
    width: auto;
    height: auto;
  }

  .camera {
    width: auto;
    height: auto;
    position: -webkit-sticky;
    position: sticky;
    top: 0;
  }

  .parkingheading {
    margin-bottom: 58px;
    padding-left: 17px;
    padding-right: 17px;
  }

  .heading-13 {
    font-size: 1.5rem;
  }

  .paragraph-10 {
    font-size: 12px;
  }

  .systemwrap {
    margin-top: 0;
    padding-bottom: 67px;
  }

  .systemdescription {
    margin-top: 0;
  }

  .heading-14 {
    text-align: center;
    flex-wrap: nowrap;
    font-size: 1.5rem;
    display: block;
  }

  .heading-14.smaller {
    font-size: 1.2rem;
  }

  .paragraph-11 {
    font-size: 13px;
  }

  .heading-15 {
    font-size: 1.3rem;
  }

  .paragraph-13 {
    margin-left: 0;
    margin-right: 0;
    font-size: 12px;
    line-height: 20px;
  }

  .escalatordescription, .escalatordescription.movingwalks {
    padding-left: 0;
    padding-right: 0;
  }

  .heading-16 {
    font-size: 1.3rem;
  }

  .paragraph-14 {
    font-size: 12px;
  }

  .paragraph-15 {
    font-size: 12px;
    line-height: 20px;
  }

  .bloghero {
    height: 50dvh;
  }

  .blogintrodution {
    margin-top: 9px;
  }

  .heading-17 {
    font-size: 1.7rem;
  }

  .paragraph-17 {
    font-size: 12px;
    line-height: 20px;
  }

  .tabs-menu-2 {
    width: 100%;
    grid-column-gap: 0px;
    grid-row-gap: 8px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    padding-left: 14px;
    padding-right: 14px;
    display: grid;
  }

  .tab-link-stambene-zgrade {
    padding-left: 20px;
  }

  .tab-link-stambene-zgrade.w--current {
    text-align: left;
    padding-left: 20px;
    padding-right: 20px;
  }

  .tab-link-tab-2, .tab-link-tab-3, .tab-link-tab-4, .tab-link-tab-5, .tab-link-tab-6, .tab-link-tab-7, .tab-link-tab-8 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .bloggrid {
    grid-row-gap: 54px;
    grid-template-columns: 1fr;
  }

  .post {
    height: 500px;
    position: relative;
  }

  .postdetails {
    position: absolute;
    top: auto;
    bottom: 5%;
    left: 0%;
    right: 0%;
  }

  .articlecontainer {
    padding-left: 21px;
    padding-right: 21px;
  }

  .articleh1 {
    text-align: left;
    font-size: 1.5rem;
    line-height: 35px;
  }

  .articlep {
    text-align: left;
  }

  .articlep.end-p {
    margin-top: 43px;
  }

  .articlegallery {
    grid-template-rows: 287px 67px;
    grid-template-columns: 1fr;
  }

  .link-block-4 {
    position: absolute;
    top: auto;
    bottom: 8%;
    left: 7%;
    right: 0%;
  }
}

#w-node-ec940cc5-ffaf-4f7a-1c84-1c7b41b1151c-c65dc928, #w-node-ce2f99f7-88bc-8a26-86b8-7e13745e96b3-c65dc928 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_64d8b799-c4d9-23a8-b832-a32931ca9575-c65dc928 {
  grid-area: Area;
}

#w-node-_3d8790d4-af12-422b-9da9-7fc8127dc3a1-81f7074d {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-_2df6176a-acdd-0c27-52bb-7c0dfdd1dd8a-81f7074d, #w-node-c3b01529-6dbc-130b-893c-776983051182-81f7074d, #w-node-_9670b50a-29b5-69bc-c8e8-97228e7d590b-81f7074d {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_1c7bf3cd-7922-866a-b232-bb0c6f41db57-70804dac {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-_1c7bf3cd-7922-866a-b232-bb0c6f41db59-70804dac, #w-node-_1c7bf3cd-7922-866a-b232-bb0c6f41db5b-70804dac, #w-node-_1c7bf3cd-7922-866a-b232-bb0c6f41db5d-70804dac {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-a7ef2b0d-9ee6-8ba4-93e6-9b58e6aaf2bb-7f02a004 {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-a7ef2b0d-9ee6-8ba4-93e6-9b58e6aaf2bd-7f02a004, #w-node-a7ef2b0d-9ee6-8ba4-93e6-9b58e6aaf2bf-7f02a004, #w-node-a7ef2b0d-9ee6-8ba4-93e6-9b58e6aaf2c1-7f02a004 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_8d546c6d-db5a-2b6b-7f56-96e54cdcfadd-14921e99 {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-_8d546c6d-db5a-2b6b-7f56-96e54cdcfadf-14921e99, #w-node-_8d546c6d-db5a-2b6b-7f56-96e54cdcfae1-14921e99, #w-node-_8d546c6d-db5a-2b6b-7f56-96e54cdcfae3-14921e99 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_7bf3d824-520e-7875-248d-277e922a6034-05952c6e {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-_7bf3d824-520e-7875-248d-277e922a6036-05952c6e, #w-node-_7bf3d824-520e-7875-248d-277e922a6038-05952c6e {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-ed0fad22-69b9-e8f8-3ca5-c93c5466b981-574f3832 {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-ed0fad22-69b9-e8f8-3ca5-c93c5466b983-574f3832, #w-node-ed0fad22-69b9-e8f8-3ca5-c93c5466b985-574f3832, #w-node-ed0fad22-69b9-e8f8-3ca5-c93c5466b987-574f3832 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-f4f78ec1-b6f8-f161-cce5-6b92faa0b34f-9b54167c {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-f4f78ec1-b6f8-f161-cce5-6b92faa0b351-9b54167c, #w-node-f4f78ec1-b6f8-f161-cce5-6b92faa0b353-9b54167c {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_20003df9-e88d-5b5b-14ba-41a747faf6f8-a9e5a5ec {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-_20003df9-e88d-5b5b-14ba-41a747faf6fa-a9e5a5ec, #w-node-_20003df9-e88d-5b5b-14ba-41a747faf6fc-a9e5a5ec, #w-node-_20003df9-e88d-5b5b-14ba-41a747faf6fe-a9e5a5ec {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_8770eb7e-803d-b171-405d-3e445071d983-1029c1ed {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-_8770eb7e-803d-b171-405d-3e445071d985-1029c1ed, #w-node-_8770eb7e-803d-b171-405d-3e445071d987-1029c1ed, #w-node-_8770eb7e-803d-b171-405d-3e445071d989-1029c1ed {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-b7d60200-e5df-a49d-bd52-d053ffff8cc7-933d8fc0 {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-b7d60200-e5df-a49d-bd52-d053ffff8cc9-933d8fc0, #w-node-b7d60200-e5df-a49d-bd52-d053ffff8ccb-933d8fc0, #w-node-b7d60200-e5df-a49d-bd52-d053ffff8ccd-933d8fc0 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_37ce3966-550f-81ce-6f54-50a4884f4c73-9a104be8 {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-_37ce3966-550f-81ce-6f54-50a4884f4c75-9a104be8, #w-node-_37ce3966-550f-81ce-6f54-50a4884f4c77-9a104be8, #w-node-_37ce3966-550f-81ce-6f54-50a4884f4c79-9a104be8 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-f5598850-bca2-c96e-c3bc-df09971c914a-967feb4f {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-f5598850-bca2-c96e-c3bc-df09971c914c-967feb4f, #w-node-f5598850-bca2-c96e-c3bc-df09971c914e-967feb4f, #w-node-f5598850-bca2-c96e-c3bc-df09971c9150-967feb4f {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_7f8c839a-3171-dd95-7bc9-6eb65ce6f1f8-03e3377f {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-_7f8c839a-3171-dd95-7bc9-6eb65ce6f1fa-03e3377f, #w-node-_7f8c839a-3171-dd95-7bc9-6eb65ce6f1fc-03e3377f, #w-node-_7f8c839a-3171-dd95-7bc9-6eb65ce6f1fe-03e3377f {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-b22d5408-9df6-4922-2cf0-8f39d16ede3b-d42d1ba5 {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-b22d5408-9df6-4922-2cf0-8f39d16ede3d-d42d1ba5, #w-node-b22d5408-9df6-4922-2cf0-8f39d16ede3f-d42d1ba5 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-b8137afe-d25f-e9ea-b06f-60240b1ec98d-7bcd7b16 {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-b8137afe-d25f-e9ea-b06f-60240b1ec98f-7bcd7b16, #w-node-b8137afe-d25f-e9ea-b06f-60240b1ec991-7bcd7b16, #w-node-a24a5b1a-117c-00ca-07a0-088982aee76b-7bcd7b16 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d505c552-d3b9-bcf1-16ea-a8ecce4bc854-8b61693f {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-d505c552-d3b9-bcf1-16ea-a8ecce4bc856-8b61693f, #w-node-d505c552-d3b9-bcf1-16ea-a8ecce4bc858-8b61693f, #w-node-d505c552-d3b9-bcf1-16ea-a8ecce4bc85a-8b61693f {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

@media screen and (min-width: 1280px) {
  #w-node-ce9dda14-666f-5a07-5e0e-9faa517e95ab-f3920336, #w-node-_014c66dc-4167-a34b-199c-3e314f7c66dc-f3920336, #w-node-_89ae65ea-07ac-8106-8e8c-6acccd512ae5-f3920336, #w-node-_5299499e-1cb3-a949-52bb-3c98459d75fa-f3920336, #w-node-_4365543a-40a2-62a9-271a-1c8faba0f9c6-f3920336, #w-node-_44ab66e3-f9ca-d481-2b6d-3711dacb0d30-f3920336, #w-node-c990c03b-10b3-4418-f3a7-4e69017b0e9d-f3920336, #w-node-c05ad43f-97a4-89ed-4e08-302bf2b1cc48-f3920336, #w-node-_82d7feb7-17f1-b082-57bd-96080f788d1c-f3920336, #w-node-_1db0f415-cdec-cb56-006e-dc8b3ed303ea-f3920336, #w-node-c75b7db3-36ab-707e-a6b1-6610217c4394-f3920336, #w-node-c75b7db3-36ab-707e-a6b1-6610217c43a1-f3920336, #w-node-be46851c-43e6-177b-a7a3-0777aa7153fe-f3920336, #w-node-_6e38e691-170c-b385-1c07-a368a875a360-f3920336, #w-node-_3fb8917e-8f35-243e-0865-2a2d74186e6e-f3920336, #w-node-_67f27452-527c-6cf6-a146-88228a68d243-f3920336, #w-node-a87e2b6a-7e25-17f3-517f-f69febed0015-f3920336, #w-node-_532542a6-0cc9-20ef-3619-9bc454c4ad1d-f3920336, #w-node-e0fc8b89-511b-8520-277b-f7e45d31a471-f3920336, #w-node-_96ab3bb5-cb3c-c19d-eab3-30b1ae5a6d9b-f3920336, #w-node-_96ab3bb5-cb3c-c19d-eab3-30b1ae5a6da9-f3920336, #w-node-aa3bf4f8-cd5b-7c43-8dac-ee1a146bdbad-f3920336, #w-node-_2abd6b34-c4c1-8478-c817-bd39af5f9f20-f3920336, #w-node-_5385adc2-c1b4-24db-8562-0f89165329f7-f3920336, #w-node-_96ab3bb5-cb3c-c19d-eab3-30b1ae5a6db7-f3920336, #w-node-_4e94cc4a-a0b6-12d0-75aa-c62636852234-f3920336, #w-node-b57281ef-3fec-c107-609a-e84efe506bb8-f3920336, #w-node-_96ab3bb5-cb3c-c19d-eab3-30b1ae5a6dc7-f3920336, #w-node-f8a23ade-e582-7654-8e45-4746a74c3779-f3920336, #w-node-_96ab3bb5-cb3c-c19d-eab3-30b1ae5a6dd5-f3920336, #w-node-d9e790ab-ccdc-b30b-bdc5-9374c6e7b9fe-f3920336, #w-node-_2718b16a-3917-8312-76ea-fc58a3a70848-f3920336 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }
}

@media screen and (max-width: 991px) {
  #w-node-_64d8b799-c4d9-23a8-b832-a32931ca9575-c65dc928 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }
}

@media screen and (max-width: 767px) {
  #w-node-ce9dda14-666f-5a07-5e0e-9faa517e95ab-f3920336, #w-node-_96ab3bb5-cb3c-c19d-eab3-30b1ae5a6d9b-f3920336 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }
}

@media screen and (max-width: 479px) {
  #w-node-_89ae65ea-07ac-8106-8e8c-6acccd512ae5-f3920336, #w-node-_44ab66e3-f9ca-d481-2b6d-3711dacb0d30-f3920336, #w-node-_2abd6b34-c4c1-8478-c817-bd39af5f9f20-f3920336, #w-node-_96ab3bb5-cb3c-c19d-eab3-30b1ae5a6dd5-f3920336, #w-node-_9670b50a-29b5-69bc-c8e8-97228e7d590b-81f7074d, #w-node-_1c7bf3cd-7922-866a-b232-bb0c6f41db5d-70804dac, #w-node-a7ef2b0d-9ee6-8ba4-93e6-9b58e6aaf2c1-7f02a004, #w-node-_8d546c6d-db5a-2b6b-7f56-96e54cdcfae3-14921e99, #w-node-ed0fad22-69b9-e8f8-3ca5-c93c5466b987-574f3832, #w-node-_20003df9-e88d-5b5b-14ba-41a747faf6fe-a9e5a5ec, #w-node-_8770eb7e-803d-b171-405d-3e445071d989-1029c1ed, #w-node-b7d60200-e5df-a49d-bd52-d053ffff8ccd-933d8fc0, #w-node-_37ce3966-550f-81ce-6f54-50a4884f4c79-9a104be8, #w-node-f5598850-bca2-c96e-c3bc-df09971c9150-967feb4f, #w-node-_7f8c839a-3171-dd95-7bc9-6eb65ce6f1fe-03e3377f, #w-node-d505c552-d3b9-bcf1-16ea-a8ecce4bc85a-8b61693f {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }
}


@font-face {
  font-family: 'Ubuntu R';
  src: url('../fonts/Ubuntu-R.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Ubuntu M';
  src: url('../fonts/Ubuntu-M.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Ubuntu Th';
  src: url('../fonts/Ubuntu-Th.ttf') format('truetype');
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Ubuntu L';
  src: url('../fonts/Ubuntu-L.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Inter';
  src: url('../fonts/Inter-SemiBold.otf') format('opentype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Inter';
  src: url('../fonts/Inter-Regular.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Inter';
  src: url('../fonts/Inter-Light.otf') format('opentype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Inter';
  src: url('../fonts/Inter-Bold.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Inter';
  src: url('../fonts/Inter-Medium.otf') format('opentype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}