:root {
  --font--global: Montserrat, sans-serif;
  --color--black: #000;
  --size--1rem: 1rem;
  --size--1-5rem: 1.5rem;
  --size--0: 0px;
  --size--3rem: 3rem;
  --size--3-75rem: 3.75rem;
  --size--2-5rem: 2.5rem;
  --size--1-25rem: 1.25rem;
  --color--brand-1: #c4171d;
  --color--gray-back: #e2e2e2;
  --color--gray-back-dark: #b6b6b8;
  --size--5rem: 5rem;
  --color--white: white;
  --size--6rem: 6rem;
  --size--100vh: 100vh;
  --size--2rem: 2rem;
  --color--red-dark: #8a171b;
  --size--0-75rem: .75rem;
  --size--0-9rem: .9rem;
  --size--0-5rem: .5rem;
  --size--1-75rem: 1.75rem;
  --color--gray-1: #8d8d8d;
  --size--0-25rem: .25rem;
  --size--4rem: 4rem;
  --color--red-letters-light: #da272d;
  --color--dark-gray-2: #6e6d72;
  --size--2-75rem: 2.75rem;
  --size--3-25rem: 3.25rem;
  --size--2px: 2px;
  --size--1px: 1px;
  --color--trs: #fff0;
  --size--0-8rem: .8rem;
  --size--3-5rem: 3.5rem;
  --size--7rem: 7rem;
  --size--8rem: 8rem;
  --size--9rem: 9rem;
  --size--10rem: 10rem;
  --size--radius-global: 10px;
  --size--3px: 3px;
  --size--2-25rem: 2.25rem;
}

body {
  font-family: var(--font--global);
  color: var(--color--black);
  font-size: var(--size--1rem);
  line-height: var(--size--1-5rem);
  flex-flow: column;
  display: flex;
}

h1 {
  margin-top: 20px;
  margin-bottom: var(--size--0);
  font-size: var(--size--3rem);
  line-height: var(--size--3-75rem);
  font-weight: 700;
}

h2 {
  margin-top: var(--size--0);
  margin-bottom: var(--size--0);
  font-size: 32px;
  font-weight: 700;
  line-height: 36px;
}

h3 {
  margin-top: var(--size--0);
  margin-bottom: var(--size--0);
  font-size: var(--size--1-25rem);
}

a {
  cursor: pointer;
  text-decoration: none;
  transition: all .2s;
}

.wrap.grid-base {
  display: flex;
}

.full {
  position: relative;
}

.full.footer {
  background-color: var(--color--brand-1);
  margin-top: auto;
}

.full.dark {
  padding-top: var(--size--0);
  padding-bottom: var(--size--0);
  background-color: var(--color--black);
}

.full.dark.relative {
  position: relative;
}

.full.gray {
  padding-top: var(--size--0);
  padding-bottom: var(--size--0);
  background-color: var(--color--gray-back);
}

.full.gray.hide {
  display: none;
}

.full.image-text {
  justify-content: space-between;
  align-items: stretch;
  display: flex;
}

.full.reviews {
  background-color: var(--color--gray-back-dark);
}

.full.reviews.hide {
  display: none;
}

.full.footer {
  background-color: var(--color--black);
}

.container {
  width: 90%;
  margin-left: auto;
  margin-right: auto;
}

.container.full-intro {
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  flex-flow: row;
  justify-content: space-between;
  align-items: stretch;
  display: flex;
}

.container.white {
  margin-right: var(--size--0);
  padding-top: var(--size--3rem);
  padding-bottom: var(--size--5rem);
  padding-left: var(--size--3rem);
  grid-column-gap: var(--size--5rem);
  grid-row-gap: var(--size--5rem);
  background-color: var(--color--white);
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.container.white.flex-v, .container.white.is-vertical {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
}

.container.reviews {
  padding-top: var(--size--6rem);
  padding-bottom: var(--size--5rem);
}

.container.footer {
  padding-top: var(--size--0);
  padding-bottom: var(--size--0);
}

.container.relative {
  z-index: 1;
  grid-column-gap: var(--size--1rem);
  grid-row-gap: var(--size--1rem);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  position: relative;
}

.brand {
  color: var(--color--white);
  justify-content: center;
  align-items: flex-end;
  width: 175px;
  display: flex;
}

.brand:hover {
  color: var(--color--brand-1);
}

.aside {
  z-index: 1000;
  min-height: var(--size--100vh);
  background-color: var(--color--brand-1);
  width: 6%;
  position: fixed;
}

.main {
  width: 100%;
  margin-left: 6%;
  position: relative;
  overflow: hidden;
}

.header {
  z-index: 1;
  margin-top: var(--size--2rem);
  justify-content: space-between;
  align-items: center;
  min-width: 90%;
  max-width: 90%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
}

.page-intro {
  padding-bottom: var(--size--3rem);
  flex-flow: column;
  justify-content: space-between;
  min-height: 85vh;
  display: flex;
  position: relative;
}

.page-intro.about {
  background-image: url('../images/Untitled-design-9.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.page-intro.gradient {
  background-image: linear-gradient(180deg, var(--color--black), var(--color--red-dark));
}

.text-block {
  margin-left: -6px;
  font-size: .95rem;
  line-height: 1.25rem;
}

.nav-link {
  padding-right: var(--size--0-75rem);
  padding-left: var(--size--0-75rem);
  color: var(--color--white);
  font-size: var(--size--0-9rem);
  text-transform: uppercase;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  font-weight: 700;
  display: flex;
}

.nav-link:hover {
  color: var(--color--brand-1);
}

.nav-link.is-dropdown {
  margin-right: var(--size--0);
  margin-left: var(--size--0);
  padding-right: var(--size--0);
  padding-left: var(--size--0);
  position: relative;
}

.nav-link.is-dropdown.sidebar {
  padding-top: var(--size--0);
  padding-bottom: var(--size--0);
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
}

.nav-link.is-dropdown-toogle {
  padding-right: 40px;
  transition: all .2s;
}

.nav-link.is-dropdown-toogle.sidebar {
  margin-right: var(--size--0);
  margin-left: var(--size--0);
  padding-left: var(--size--0);
  color: var(--color--gray-back-dark);
  font-size: var(--size--1rem);
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  font-weight: 400;
}

.nav-link.languages {
  color: var(--color--red-dark);
}

.nav-link.languages:hover {
  color: var(--color--white);
}

.nav-link.languages:focus-visible {
  color: var(--color--white);
}

.nav-link.languages[data-wf-focus-visible], .nav-link.languages.active {
  color: var(--color--white);
}

.nav-link.footer {
  color: var(--color--black);
  font-weight: 400;
}

.nav-link.footer:hover {
  color: var(--color--brand-1);
}

.nav-link.social-link {
  color: var(--color--red-dark);
  font-size: var(--size--1rem);
  font-weight: 500;
}

.nav-link.social-link:hover {
  color: var(--color--white);
}

.nav-link.social-link:focus-visible {
  color: var(--color--white);
}

.nav-link.social-link[data-wf-focus-visible] {
  color: var(--color--white);
}

.nav-link.sidebar {
  padding-top: var(--size--0-75rem);
  padding-bottom: var(--size--0-75rem);
  padding-left: var(--size--0);
  color: var(--color--gray-back-dark);
  font-size: var(--size--0-9rem);
  letter-spacing: 1px;
  text-transform: none;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  font-weight: 500;
  position: relative;
}

.nav-link.sidebar:hover {
  color: var(--color--white);
}

.navigation-links {
  flex-flow: row;
  justify-content: flex-end;
  align-self: stretch;
  align-items: center;
  display: flex;
}

.navigation-links.footer {
  justify-content: center;
  align-items: center;
  min-width: 50%;
  margin-left: auto;
  margin-right: auto;
}

.navigation-links.footer.hide {
  display: none;
}

.dropdown-list {
  position: absolute;
}

.dropdown-list.w--open {
  padding-top: var(--size--0-5rem);
  padding-bottom: var(--size--0-5rem);
  background-color: var(--color--black);
  flex-flow: column;
  width: 220px;
  display: flex;
  top: 4rem;
  bottom: auto;
  left: -30%;
}

.dropdown-list.footer.w--open {
  inset: auto 0% 95% -13%;
}

.dropdown-list.sidebar.w--open {
  padding-top: var(--size--0);
  position: static;
  top: 100%;
  left: 0%;
}

.dropdown-link {
  padding: var(--size--0-5rem) var(--size--1-75rem);
  color: var(--color--gray-1);
  text-transform: none;
  width: 100%;
  font-weight: 400;
}

.dropdown-link:hover {
  color: var(--color--white);
}

.dropdown-link.sidebar {
  padding-left: var(--size--0-5rem);
  font-weight: 500;
}

.language-switcher {
  padding-top: var(--size--1-25rem);
  grid-column-gap: var(--size--0-5rem);
  grid-row-gap: var(--size--0-5rem);
  flex-flow: column;
  display: flex;
}

.language-switcher.mobile {
  padding-top: var(--size--1rem);
  flex-flow: row;
  display: none;
  position: absolute;
  inset: 0% auto auto 1rem;
}

.hamburger-icon-custom {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  flex-flow: column;
  width: 40%;
  display: flex;
}

.red-circle {
  background-color: var(--color--brand-1);
  border-radius: 50%;
  width: 15px;
  height: 15px;
}

.red-circle.smaller {
  width: 12px;
  height: 12px;
}

.flex-default {
  grid-column-gap: var(--size--1rem);
  grid-row-gap: var(--size--1rem);
  justify-content: center;
  align-items: center;
  display: flex;
}

.flex-default.center {
  grid-column-gap: var(--size--2rem);
  grid-row-gap: var(--size--2rem);
  justify-content: center;
  align-items: flex-start;
  min-width: 80%;
}

.flex-default.left {
  margin-top: var(--size--0);
  grid-column-gap: var(--size--1rem);
  grid-row-gap: var(--size--1rem);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
}

.flex-default.between-x {
  justify-content: space-between;
  align-items: center;
  width: 100%;
}

.flex-default.about {
  grid-column-gap: var(--size--2rem);
  grid-row-gap: var(--size--2rem);
  justify-content: flex-start;
  align-items: flex-start;
  width: 60%;
  margin-left: -120px;
}

.flex-default.is-link {
  grid-column-gap: var(--size--0-25rem);
  grid-row-gap: var(--size--0-25rem);
  color: var(--color--black);
  letter-spacing: 2px;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  font-weight: 500;
}

.flex-default.is-link:hover {
  color: var(--color--brand-1);
}

.flex-default.is-link.space {
  margin-top: var(--size--1-5rem);
}

.flex-default.is-link.space.white {
  margin-top: var(--size--2-5rem);
  grid-column-gap: var(--size--1rem);
  grid-row-gap: var(--size--1rem);
  color: var(--color--white);
  font-size: var(--size--1-25rem);
  text-transform: uppercase;
}

.flex-default.is-link.space.white:hover {
  color: var(--color--gray-back-dark);
}

.flex-default.gap-wider {
  grid-column-gap: var(--size--6rem);
  grid-row-gap: var(--size--6rem);
  justify-content: space-between;
  align-items: flex-end;
  min-width: 70%;
  max-width: 70%;
  height: 85%;
}

.flex-default.top {
  justify-content: flex-start;
  align-items: flex-start;
}

.flex-default.mt2 {
  margin-top: var(--size--4rem);
}

.flex-default.is-vertical.hide {
  display: none;
}

.flex-default.is-vertical._w-full {
  display: flex;
}

.flex-default.is-left {
  grid-column-gap: var(--size--2rem);
  grid-row-gap: var(--size--2rem);
  justify-content: flex-start;
  align-items: center;
}

.flex-default.is-left._1rem-x {
  margin-top: var(--size--1-5rem);
  grid-column-gap: var(--size--1rem);
  grid-row-gap: var(--size--1rem);
  color: var(--color--gray-1);
}

.flex-default.is-left._1rem-x:hover {
  color: var(--color--brand-1);
}

.flex-default.absolute {
  display: none;
}

.circles-div {
  grid-column-gap: var(--size--0-5rem);
  grid-row-gap: var(--size--0-5rem);
  flex-flow: column;
  margin-top: 7px;
  display: flex;
}

.circles-div.horizontal {
  margin-top: var(--size--0);
  flex-flow: row;
}

.page-description {
  padding-top: var(--size--5rem);
  padding-bottom: var(--size--5rem);
  grid-column-gap: var(--size--1rem);
  grid-row-gap: var(--size--1rem);
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.page-description.negative-left {
  width: 55%;
  margin-left: -30px;
}

.page-description.negative-left.is-vertical {
  flex-flow: column;
}

.page-description._50 {
  width: 55%;
}

.page-description._50.is-vertical {
  padding-top: var(--size--0);
  padding-bottom: var(--size--0);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
}

.page-description._50.is-vertical.hide {
  display: none;
}

.text-default {
  line-height: var(--size--1-75rem);
  font-weight: 400;
}

.text-default.light {
  color: var(--color--white);
}

.text-default.light.m-bt {
  margin-bottom: var(--size--2rem);
  font-size: var(--size--1-5rem);
  font-weight: 200;
}

.text-default.light.m-bt-copy {
  margin-bottom: var(--size--1rem);
  font-size: var(--size--1-5rem);
  font-weight: 200;
}

.text-default.contact-info {
  color: var(--color--red-letters-light);
  min-width: 60px;
}

.text-default.space {
  margin-top: var(--size--1rem);
}

.img-bg {
  width: 70%;
  min-height: 650px;
}

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

.contact-options-div {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.contact-options-div.hide {
  display: flex;
}

.div-block-10 {
  min-width: 60%;
}

.vertical-div {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
  overflow: hidden;
}

.vertical-div.is-review {
  flex-flow: row;
}

.vertical-div.review-list {
  padding-bottom: var(--size--1rem);
  grid-column-gap: var(--size--5rem);
  grid-row-gap: var(--size--5rem);
}

.icon-fa {
  font-family: "Fa Solid 900", sans-serif;
}

.icon-fa.social {
  font-family: "Fa Brands 400", sans-serif;
}

.icon-fa.review-star-red {
  color: var(--color--brand-1);
}

.icon-fa.rotate {
  transform-style: preserve-3d;
  transform: rotateX(0)rotateY(-180deg)rotateZ(0);
}

.swiper.is-shop-slide {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.swiper.is-shop-slide.is-review {
  width: 90%;
  margin-left: 0;
}

.swiper.is-shop-slide {
  width: 100%;
}

.swiper-wrapper.is-shop-slide {
  flex-flow: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.swiper-slide {
  color: #fff;
}

.swiper-slide.is-shop-slide {
  flex: none;
  width: 30%;
  display: flex;
}

.swiper-slide.flex {
  display: flex;
}

.rimd-div {
  border-radius: 50%;
  width: 200px;
  height: 200px;
  overflow: hidden;
}

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

.current-review-number {
  color: var(--color--dark-gray-2);
  font-weight: 500;
}

.review-content {
  box-sizing: border-box;
  font-size: var(--size--1rem);
  line-height: var(--size--1-5rem);
}

.review-content.dark {
  color: var(--color--black);
}

.review-author {
  color: var(--color--dark-gray-2);
}

.review-text {
  grid-column-gap: var(--size--1rem);
  grid-row-gap: var(--size--1rem);
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 75%;
  display: flex;
}

.review-person-image-div {
  width: 25%;
}

.review-person-image-div.relative {
  position: relative;
}

.rotate-up {
  transform-style: preserve-3d;
  transform: rotateX(180deg)rotateY(0)rotateZ(0);
}

.slider-nav {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  display: flex;
}

.slider-nav.is-review {
  flex-flow: column;
  justify-content: center;
  align-items: flex-end;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.slide_arrow {
  width: var(--size--3rem);
  height: var(--size--3rem);
  background-color: var(--color--dark-gray-2);
  color: var(--color--white);
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  transition: all .2s;
  display: flex;
}

.slide_arrow:hover {
  color: #202020;
}

.about-image-div {
  width: 46%;
  min-width: 46%;
  min-height: 450px;
  position: relative;
  overflow: hidden;
}

.about-image-div.red-bg-image-content {
  background-image: linear-gradient(0deg, var(--color--red-dark), var(--color--brand-1));
  justify-content: center;
  align-items: center;
  display: flex;
}

.image-4 {
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
}

.about-text-div {
  grid-column-gap: var(--size--2rem);
  grid-row-gap: var(--size--2rem);
  flex-flow: column;
  flex: 1;
  display: flex;
}

.h3 {
  margin-top: var(--size--0);
}

.h3.red {
  color: var(--color--brand-1);
}

.h3.red.bolder {
  font-weight: 800;
}

.h3.red.bolder.minus-bottom {
  margin-bottom: -8px;
}

.h3.light {
  font-size: var(--size--1-75rem);
  font-weight: 300;
}

.h3.white {
  margin-bottom: var(--size--1rem);
  color: var(--color--white);
  font-size: var(--size--1-5rem);
  font-weight: 300;
}

.h3.white.bold {
  font-weight: 500;
}

.h3.white.bold.bigger {
  font-size: var(--size--2-75rem);
  line-height: var(--size--3-25rem);
  font-weight: 700;
}

.h3.member-thumb-name {
  color: var(--color--white);
  font-size: var(--size--2rem);
  line-height: var(--size--2-5rem);
  max-width: 75%;
}

.div-content {
  padding-top: var(--size--2px);
  grid-column-gap: var(--size--1rem);
  grid-row-gap: var(--size--1rem);
  flex-flow: column;
  width: 100%;
  display: flex;
}

.skewed-div {
  background-color: var(--color--red-dark);
  background-image: linear-gradient(25deg, var(--color--red-dark) 20%, var(--color--red-dark) 40%, var(--color--brand-1));
  justify-content: center;
  align-items: center;
  width: 40%;
  display: flex;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.skewed-div.top-negative {
  margin-top: -150px;
  overflow: hidden;
}

.skewed-div.inside {
  flex-flow: column;
  width: 50%;
}

.skewed-div-content {
  color: var(--color--gray-1);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
}

.skewed-div-content.vertical {
  grid-column-gap: var(--size--1-5rem);
  grid-row-gap: var(--size--1-5rem);
  justify-content: center;
  align-items: flex-start;
  min-width: 60%;
  max-width: 60%;
}

.te-gray-image {
  color: var(--color--gray-back-dark);
  width: 25%;
  font-size: 50px;
  line-height: 300px;
  position: absolute;
  inset: auto 5% 5% auto;
}

.social-icons {
  margin-top: auto;
  margin-bottom: var(--size--2rem);
  grid-column-gap: var(--size--0-5rem);
  grid-row-gap: var(--size--0-5rem);
  flex-flow: column;
  display: flex;
}

.social-icons.tablet-down {
  display: none;
}

.icon-fa-social {
  font-family: "Fa Brands 400", sans-serif;
}

.vertical {
  flex-flow: column;
  height: 85vh;
  display: flex;
  position: sticky;
  top: 0;
}

.vertical-div-2 {
  grid-column-gap: var(--size--1rem);
  grid-row-gap: var(--size--1rem);
  flex-flow: column;
  display: flex;
}

._3grid {
  grid-column-gap: var(--size--5rem);
  grid-row-gap: var(--size--5rem);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  margin-left: -120px;
  display: grid;
}

.member-thumb-link {
  width: 100%;
  height: 500px;
  position: relative;
  overflow: hidden;
}

.member-thumbnail {
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.member-info {
  z-index: 1;
  grid-column-gap: var(--size--0-5rem);
  grid-row-gap: var(--size--0-5rem);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  position: absolute;
  inset: auto 0% 2rem 2rem;
}

.italic-member-titule {
  color: var(--color--white);
  font-size: var(--size--1-25rem);
  letter-spacing: 1px;
  font-style: italic;
}

.italic-member-titule.hide {
  display: none;
}

.body {
  font-weight: 300;
}

.flex-popup {
  z-index: 1000;
  grid-column-gap: var(--size--0);
  grid-row-gap: var(--size--0);
  background-color: #00000059;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: stretch;
  width: 100%;
  height: 100%;
  display: none;
  position: fixed;
  inset: 0%;
}

.div-pop-2 {
  padding-right: var(--size--1-5rem);
  padding-left: var(--size--2rem);
  grid-column-gap: var(--size--2rem);
  grid-row-gap: var(--size--2rem);
  background-color: var(--color--black);
  color: #fff;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 25%;
  display: flex;
  position: relative;
}

.div-pop-3 {
  justify-content: center;
  align-items: center;
  width: 69%;
  display: flex;
}

.div-pop-1 {
  background-color: var(--color--white);
  width: 6%;
  display: none;
}

.te-brand {
  max-width: 44%;
}

.te-gray.skewed-div-content {
  max-width: 58%;
}

.te-image-footer {
  color: var(--color--gray-back-dark);
  font-size: 50px;
  line-height: 300px;
}

.te-image-footer.smaller {
  max-width: 30%;
}

.te-image-footer.smaller._2 {
  max-width: 75%;
}

.div-te-image-red {
  justify-content: center;
  align-items: center;
  display: flex;
}

.intro-image-overlay {
  background-image: none;
  flex-flow: row;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  height: 100%;
  min-height: 100%;
  display: flex;
  position: absolute;
  inset: 0%;
}

.intro-image-overlay.mission {
  background-image: linear-gradient(#00000080, #00000080), url('../images/trenazna-ekspertiza-misija-vizija-i-vrednosti.jpg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
}

.intro-image-overlay.about {
  background-image: linear-gradient(#00000080, #00000080), url('../images/trenazna-ekspertiza-o-nama.jpg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
}

.intro-image-overlay.our-approach {
  background-image: linear-gradient(#00000080, #00000080), url('../images/trenazna-ekspertiza-nas-pristup.jpg');
  background-position: 0 0, 50% 0;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
}

.intro-image-overlay.our-team {
  background-image: linear-gradient(#00000080, #00000080), url('../images/trenazna-ekspertiza-nas-tim.jpg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
}

.intro-image-overlay.services {
  background-image: linear-gradient(#00000080, #00000080), url('../images/te-usluge.jpg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
}

.intro-image-overlay.service-testing {
  background-image: linear-gradient(#00000080, #00000080), url('../images/trenazna-ekspertiza-testiranje.jpg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
}

.intro-image-overlay.service-condition {
  background-image: linear-gradient(#00000080, #00000080), url('../images/trenazna-ekspertiza-kondicija.jpg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
}

.intro-image-overlay.service-health {
  background-image: linear-gradient(#00000080, #00000080), url('../images/trenazna-ekspertiza-zdravlje.jpg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
}

.intro-image-overlay.service-reconditioning {
  background-image: linear-gradient(#00000080, #00000080), url('../images/trenazna-ekspertiza-rekondicioniranje.jpg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
}

.intro-image-overlay.contact {
  background-image: linear-gradient(#00000080, #00000080), url('../images/kontakt_1.jpg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
}

.intro-image-overlay.online-program {
  background-image: linear-gradient(#00000080, #00000080), url('../images/Untitled-design-9.jpg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
}

.image-7 {
  max-width: 90%;
  max-height: 75vh;
}

.person-info-vertical {
  margin-bottom: var(--size--5rem);
  flex-flow: column;
  justify-content: space-between;
  align-self: center;
  align-items: flex-start;
  width: 40%;
  display: none;
}

.image-8 {
  max-width: 25%;
  position: absolute;
  inset: 2rem auto auto 2rem;
}

.h1 {
  margin-top: var(--size--0);
}

.h1.light {
  color: var(--color--white);
}

.divider-div {
  height: var(--size--1px);
  margin-top: var(--size--0-25rem);
  background-color: #1b1b1b;
  width: 100%;
}

.text-link-default {
  color: var(--color--brand-1);
  text-decoration: underline;
}

.text-link-default:hover {
  color: var(--color--white);
}

.text-link-default.dark:hover {
  color: var(--color--black);
}

.text-link-default.dark.full-w, .rich-text-block {
  width: 100%;
}

.text-block-9 {
  margin-top: var(--size--1rem);
  margin-bottom: var(--size--1rem);
  font-size: var(--size--1-25rem);
  line-height: var(--size--2rem);
  font-style: italic;
  font-weight: 700;
}

.mb {
  margin-bottom: var(--size--0);
}

.h-red {
  color: var(--color--brand-1);
  font-size: var(--size--1-25rem);
  line-height: var(--size--2rem);
}

.click-to-call-cta {
  padding-top: var(--size--1rem);
  padding-bottom: var(--size--1rem);
  grid-column-gap: var(--size--0-5rem);
  grid-row-gap: var(--size--0-5rem);
  color: var(--color--brand-1);
  justify-content: flex-start;
  align-items: center;
  font-weight: 600;
  display: flex;
}

.click-to-call-cta:hover {
  color: var(--color--red-dark);
  transform: translate(0, 5px);
}

.click-to-call-cta.neg-top {
  margin-top: -1rem;
}

.click-to-call-cta.light {
  padding-top: var(--size--0-75rem);
  padding-bottom: var(--size--0-75rem);
  color: var(--color--gray-back-dark);
  width: 100%;
}

.click-to-call-cta.light:hover {
  color: var(--color--brand-1);
  transform: none;
}

.mt {
  margin-top: var(--size--1rem);
}

.link {
  color: var(--color--red-letters-light);
  text-decoration: underline;
}

.link:hover {
  color: var(--color--gray-back-dark);
}

.field-label {
  font-size: var(--size--0-9rem);
  font-weight: 500;
}

.field-group {
  grid-column-gap: var(--size--0-25rem);
  grid-row-gap: var(--size--0-25rem);
  flex-flow: column;
  width: 100%;
  display: flex;
}

.input-default {
  margin-bottom: var(--size--0);
  color: var(--color--black);
  min-height: 46px;
  transition: all .2s;
}

.input-default:hover {
  border: var(--size--1px) solid var(--color--brand-1);
}

.input-default:focus-visible {
  border: var(--size--1px) solid var(--color--brand-1);
}

.input-default[data-wf-focus-visible] {
  border: var(--size--1px) solid var(--color--brand-1);
}

.input-default::placeholder {
  color: var(--color--black);
}

.input-default.textarea {
  min-height: 100px;
}

.flex-vertical {
  grid-column-gap: var(--size--1rem);
  grid-row-gap: var(--size--1rem);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.flex-vertical.contact-form {
  padding-top: var(--size--1rem);
  padding-bottom: var(--size--1rem);
  padding-left: var(--size--1rem);
  border-left: var(--size--1px) solid #ccc;
}

.flex-vertical.top-border {
  margin-top: var(--size--2rem);
  padding-top: var(--size--1rem);
  border-top: var(--size--1px) solid var(--color--gray-back-dark);
}

.textarea {
  margin-bottom: var(--size--0);
}

.submit-button {
  padding-right: var(--size--1-25rem);
  padding-left: var(--size--1-25rem);
  background-color: var(--color--brand-1);
  min-height: 46px;
  transition: all .2s;
}

.submit-button:hover {
  background-color: var(--color--red-dark);
}

.wrapper-popup-full-h-w-review-form {
  z-index: 10000;
  min-height: 100vh;
  display: none;
  position: fixed;
  inset: 0%;
}

.popup-left {
  width: 65%;
  min-height: 100vh;
}

.popup-right {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  background-color: #fff;
  border-left: 1px solid #e4e4e4;
  flex-direction: column;
  width: 35%;
  min-height: 100vh;
  padding: 3rem 1rem 2rem 2rem;
  display: flex;
  position: fixed;
  inset: 0% 0% 0% auto;
}

.close-popup-link {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  color: #a0a0a0;
  text-align: right;
  letter-spacing: 5px;
  text-transform: uppercase;
  justify-content: flex-end;
  align-items: center;
  padding: 1rem 1rem 1rem 2rem;
  font-size: .8rem;
  font-weight: 500;
  display: flex;
  position: absolute;
  inset: 0% 0% auto;
}

.close-popup-link:hover {
  color: #171717;
}

.h3-2 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 2rem;
}

.cta-default {
  padding: var(--size--1rem) var(--size--1-5rem);
  grid-column-gap: var(--size--1rem);
  grid-row-gap: var(--size--1rem);
  border: var(--size--1px) solid var(--color--white);
  background-color: var(--color--trs);
  color: var(--color--white);
  justify-content: flex-start;
  align-items: center;
  margin-left: 30px;
  font-weight: 600;
  display: flex;
  position: relative;
}

.cta-default.m-x-0 {
  margin-left: var(--size--0);
  background-color: #00000080;
}

.cta-default.m-x-0:hover {
  border-color: var(--color--brand-1);
}

.cta-default.m-x-0.bg-none {
  border-color: var(--color--black);
  background-color: var(--color--white);
  color: var(--color--black);
}

.cta-default.m-x-0.hide-desktop {
  display: none;
}

.cta-default.m-x-0.in-popup {
  border-color: var(--color--gray-1);
  color: var(--color--gray-1);
}

.cta-default.m-x-0.in-popup:hover {
  border-color: var(--color--gray-back);
  color: var(--color--gray-back);
}

.cta-default.mt.mx-0 {
  margin-left: var(--size--0);
  border-color: var(--color--black);
  color: var(--color--black);
}

.rotate-down {
  transform: rotate(90deg);
}

.link-popup-trigger {
  background-color: var(--color--white);
  color: var(--color--brand-1);
  font-size: var(--size--1-25rem);
  justify-content: center;
  align-items: center;
  min-height: 175px;
  display: flex;
}

.link-popup-trigger.tablet-down {
  display: none;
}

.close-popup-trigger {
  z-index: 1;
  grid-column-gap: var(--size--0-75rem);
  grid-row-gap: var(--size--0-75rem);
  background-color: var(--color--black);
  color: var(--color--gray-1);
  justify-content: center;
  align-items: center;
  min-width: 60px;
  min-height: 60px;
  display: flex;
  position: absolute;
  inset: 0% 0% auto auto;
}

.close-popup-trigger:hover {
  color: var(--color--gray-back-dark);
}

.popup-nav-div {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-height: 60vh;
  display: flex;
  position: relative;
  overflow: auto;
}

.tag-red {
  margin-left: var(--size--1rem);
  padding-right: var(--size--0-5rem);
  padding-left: var(--size--0-5rem);
  background-color: var(--color--brand-1);
  color: var(--color--gray-back-dark);
  font-size: var(--size--0-8rem);
  border-radius: 100vw;
  font-weight: 600;
}

.first-line, .second-line, .third-line {
  background-color: var(--color--brand-1);
  width: 100%;
  height: .125rem;
}

.min-w-icon {
  min-width: 20px;
}

.dropdown {
  border: var(--size--2px) solid var(--color--white);
  background-color: var(--color--brand-1);
  color: var(--color--white);
  font-weight: 700;
  transition: all .2s;
  position: fixed;
  inset: auto 1rem 1rem auto;
}

.dropdown:hover {
  transform: translate(0, -5px);
}

.dropdown-list-2 {
  top: auto;
  bottom: 0%;
  left: 0%;
}

.dropdown-list-2.w--open {
  padding-top: var(--size--1rem);
  padding-bottom: var(--size--1rem);
  padding-left: var(--size--1-5rem);
  grid-column-gap: var(--size--1rem);
  grid-row-gap: var(--size--1rem);
  border: var(--size--1px) solid var(--color--white);
  background-color: var(--color--black);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  min-width: 230px;
  display: flex;
  inset: auto 0% 0% auto;
}

.dropdown-toggle.bottom-cta {
  padding: var(--size--1rem) var(--size--1-25rem);
  grid-column-gap: var(--size--1rem);
  grid-row-gap: var(--size--1rem);
  color: var(--color--white);
  display: flex;
}

.text-block-96 {
  display: none;
}

.text-block-97 {
  padding-top: var(--size--1rem);
  padding-bottom: var(--size--1rem);
  color: var(--color--gray-back-dark);
  text-align: center;
  justify-content: center;
  align-items: center;
  display: flex;
}

.image-9 {
  margin-top: var(--size--1rem);
  width: 50px;
  height: 50px;
}

.image-10 {
  width: 60px;
  height: auto;
  position: absolute;
  inset: 1rem auto auto 2rem;
}

.div-block-30 {
  max-width: 30%;
}

.div-block-31 {
  justify-content: center;
  align-items: center;
  width: 60%;
  display: flex;
}

.image-11 {
  align-self: flex-end;
  max-width: 350px;
}

.person-image {
  max-width: 390px;
}

.person-image-div {
  justify-content: center;
  align-self: flex-end;
  align-items: center;
  min-width: 66%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

@media screen and (max-width: 991px) {
  .full.image-text {
    flex-flow: column;
  }

  .container {
    padding-right: var(--size--1-5rem);
    padding-left: var(--size--1-5rem);
    width: 100%;
  }

  .container.white {
    padding-top: var(--size--2-5rem);
    padding-bottom: var(--size--2-5rem);
  }

  .aside {
    width: 10%;
    display: none;
  }

  .main {
    margin-left: var(--size--0);
  }

  .page-intro {
    min-height: 60vh;
  }

  .page-intro.about {
    padding-bottom: var(--size--1rem);
  }

  .nav-link.social-link {
    clear: left;
    font-size: var(--size--1-25rem);
  }

  .navigation-links {
    display: none;
  }

  .language-switcher.mobile {
    padding-top: var(--size--2rem);
    display: flex;
    left: 100px;
  }

  .hamburger-icon-custom {
    justify-content: center;
    align-items: center;
  }

  .flex-default.center.and-vertical {
    flex-flow: column;
  }

  .flex-default.about {
    margin-left: var(--size--0);
    width: 100%;
  }

  .flex-default.gap-wider {
    grid-column-gap: var(--size--1rem);
    grid-row-gap: var(--size--1rem);
    justify-content: center;
    align-items: flex-end;
    margin-left: auto;
  }

  .flex-default.absolute {
    color: var(--color--white);
    padding: 18px;
    display: flex;
    position: absolute;
    inset: 2rem 0% auto auto;
  }

  .page-description {
    padding-top: var(--size--2-5rem);
    padding-bottom: var(--size--2-5rem);
  }

  .page-description.negative-left {
    margin-left: var(--size--0);
    width: 100%;
  }

  .page-description._50 {
    padding-top: var(--size--0);
    padding-bottom: var(--size--0);
    width: 100%;
  }

  .img-bg {
    width: 100%;
    min-height: auto;
  }

  .swiper.is-shop-slide.is-review {
    width: 100%;
  }

  .swiper-slide.is-shop-slide, .swiper-slide.flex.v {
    grid-column-gap: var(--size--1rem);
    grid-row-gap: var(--size--1rem);
    flex-flow: column;
  }

  .rimd-div {
    width: 150px;
    height: 150px;
  }

  .review-text {
    width: 95%;
  }

  .slider-nav.is-review {
    display: none;
  }

  .h3.white.bold.bigger {
    margin-bottom: var(--size--0);
    font-size: var(--size--1-5rem);
    line-height: var(--size--2rem);
  }

  .h3.member-thumb-name {
    font-size: var(--size--1-25rem);
    line-height: var(--size--1-75rem);
  }

  .skewed-div.top-negative {
    display: none;
  }

  .skewed-div.inside {
    width: 100%;
    position: static;
  }

  .te-gray-image {
    display: none;
  }

  .social-icons.tablet-down {
    margin-bottom: var(--size--2-5rem);
    flex-flow: row;
    display: flex;
    position: absolute;
    inset: auto auto 0% 2rem;
  }

  ._3grid {
    margin-left: var(--size--0);
    grid-column-gap: var(--size--3rem);
    grid-row-gap: var(--size--3rem);
    grid-template-columns: 1fr 1fr;
  }

  .member-thumb-link {
    height: 400px;
  }

  .italic-member-titule {
    font-size: var(--size--1rem);
  }

  .flex-popup {
    z-index: 999;
    display: none;
    overflow: hidden;
  }

  .div-pop-2 {
    padding-bottom: var(--size--5rem);
    width: 100%;
    height: 100%;
  }

  .div-pop-3 {
    width: 0%;
  }

  .div-pop-1 {
    display: none;
  }

  .person-info-vertical {
    justify-content: center;
    align-self: center;
    align-items: flex-start;
  }

  .popup-left, .popup-right {
    width: 50%;
  }

  .cta-default.m-x-0.hide-desktop {
    display: flex;
  }

  .cta-default.m-x-0.in-popup {
    display: none;
  }

  .cta-default.mt.mx-0 {
    margin-left: var(--size--0);
    border-color: var(--color--black);
    color: var(--color--black);
  }

  .link-popup-trigger.tablet-down {
    z-index: 999;
    border: var(--size--1px) solid var(--color--gray-back-dark);
    background-color: #00000040;
    width: 60px;
    min-height: 60px;
    display: flex;
    position: fixed;
    inset: 1rem 1rem auto auto;
  }

  .close-popup-trigger {
    border: var(--size--1px) solid var(--color--gray-1);
    top: 1rem;
    right: 1rem;
  }

  .popup-nav-div {
    justify-content: flex-start;
    align-items: flex-start;
    min-height: 60vh;
    max-height: 60vh;
  }

  .first-line, .second-line, .third-line {
    background-color: var(--color--gray-back-dark);
    width: 90%;
  }

  .dropdown {
    z-index: 998;
  }

  .dropdown-toggle {
    color: var(--color--white);
  }

  .person-image {
    max-width: 300px;
  }
}

@media screen and (max-width: 767px) {
  .container.white {
    padding-left: var(--size--1-5rem);
  }

  .page-description.negative-left {
    width: 100%;
  }

  .slider-nav {
    position: static;
  }

  .skewed-div.top-negative {
    display: none;
  }

  .popup-left {
    width: 25%;
  }

  .popup-right {
    width: 75%;
  }

  .dropdown {
    z-index: 98;
  }
}

@media screen and (max-width: 479px) {
  h1 {
    margin-top: var(--size--0);
    margin-bottom: var(--size--0);
    font-size: var(--size--2-5rem);
    line-height: var(--size--2-5rem);
  }

  .container.white.flex-v {
    padding-bottom: var(--size--3rem);
  }

  .container.reviews {
    padding-top: var(--size--3rem);
    padding-bottom: var(--size--3rem);
  }

  .aside {
    display: none;
  }

  .main {
    width: 100%;
  }

  .page-intro {
    min-height: 65vh;
  }

  .language-switcher.mobile {
    padding-top: var(--size--3rem);
  }

  .flex-default.left.wrap {
    grid-column-gap: var(--size--1rem);
    grid-row-gap: var(--size--1rem);
  }

  .flex-default.about {
    flex-flow: column;
  }

  .flex-default.is-link.space {
    margin-top: var(--size--0);
  }

  .flex-default.is-link.space.white {
    margin-top: var(--size--1rem);
    font-size: var(--size--1-25rem);
  }

  .flex-default.gap-wider {
    margin-left: var(--size--0);
    padding-left: var(--size--1-5rem);
    justify-content: flex-start;
    align-items: center;
    min-width: 100%;
    max-width: 100%;
    position: relative;
  }

  .flex-default.mt2 {
    justify-content: flex-start;
    align-items: center;
  }

  .flex-default.is-vertical {
    grid-column-gap: var(--size--0-5rem);
    grid-row-gap: var(--size--0-5rem);
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .flex-default.is-vertical._w-full {
    width: 100%;
  }

  .flex-default.is-left {
    grid-column-gap: var(--size--0-25rem);
    grid-row-gap: var(--size--0-25rem);
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .flex-default.is-left._1rem-x {
    grid-column-gap: var(--size--0-5rem);
    grid-row-gap: var(--size--0-5rem);
    justify-content: flex-start;
    align-items: flex-start;
  }

  .circles-div {
    flex-flow: row;
  }

  .page-description.negative-left {
    flex-flow: column;
  }

  .text-default.light.m-bt, .text-default.light.m-bt-copy {
    font-size: var(--size--1-25rem);
    line-height: var(--size--1-75rem);
  }

  .text-default.space {
    margin-top: var(--size--0-5rem);
  }

  .contact-options-div {
    width: 100%;
  }

  .div-block-10 {
    min-width: 100%;
  }

  .vertical-div.is-review {
    margin-right: var(--size--0);
    margin-left: var(--size--0);
    width: 100%;
  }

  .vertical-div.review-list, .vertical-div._w-full, .swiper.is-shop-slide, .swiper-wrapper.is-shop-slide, .swiper-slide.is-shop-slide {
    width: 100%;
  }

  .rimd-div {
    width: 150px;
    height: 150px;
  }

  .review-text {
    width: 100%;
  }

  .slider-nav.is-review {
    margin-top: var(--size--1-25rem);
    grid-column-gap: var(--size--0-5rem);
    grid-row-gap: var(--size--0-5rem);
    justify-content: flex-start;
    align-self: flex-start;
    align-items: flex-end;
    display: none;
  }

  .about-image-div {
    width: 100%;
    min-width: 100%;
    min-height: 350px;
  }

  .h3.red.bolder {
    margin-bottom: -10px;
  }

  .h3.member-thumb-name {
    max-width: 90%;
  }

  .skewed-div-content.vertical {
    padding: var(--size--3rem) var(--size--1-5rem);
    max-width: 100%;
    height: auto;
  }

  .social-icons.tablet-down {
    inset: auto auto 0% 1rem;
  }

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

  .member-thumb-link {
    border-radius: 50px 6px 6px;
  }

  .member-info {
    bottom: 1rem;
    left: 1rem;
  }

  .intro-image-overlay.services {
    background-image: linear-gradient(#0000005c, #0000005c), url('../images/te-usluge.jpg');
    background-position: 0 0, 0%;
  }

  .image-7 {
    max-height: 80vh;
  }

  .image-8 {
    top: 1rem;
    left: 1rem;
  }

  .h1.light {
    font-size: var(--size--2rem);
  }

  .h1.light.member-h3 {
    font-size: var(--size--1-25rem);
    line-height: var(--size--1-5rem);
  }

  .click-to-call-cta.light, .click-to-call-cta._w-full {
    width: 100%;
  }

  .wrapper-popup-full-h-w-review-form {
    display: none;
  }

  .popup-left {
    width: 20%;
  }

  .popup-right {
    width: 90%;
    padding-top: 3.2rem;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .h3-2 {
    font-size: 1.25rem;
  }

  .cta-default {
    margin-left: var(--size--0);
  }

  .link-popup-trigger {
    z-index: 999;
    width: 100px;
    min-height: 100px;
    position: fixed;
    inset: auto 0% 0% auto;
  }

  .link-popup-trigger.tablet-down {
    width: 60px;
    min-height: 60px;
    top: 2rem;
  }

  .close-popup-trigger {
    font-size: var(--size--1-25rem);
    justify-content: center;
    align-items: center;
    top: 2rem;
  }

  .popup-nav-div {
    flex: 0 auto;
    min-height: 40vh;
  }

  .dropdown-list-2.w--open {
    z-index: 98;
    padding: var(--size--1rem) var(--size--0-25rem) var(--size--1rem) var(--size--1-5rem);
    min-width: 220px;
  }

  .text-block-96 {
    display: none;
  }

  .image-10 {
    top: 2rem;
    left: 1.5rem;
  }

  .div-block-31 {
    justify-content: flex-end;
    align-self: flex-end;
    align-items: center;
    position: absolute;
    inset: 0% 0% 0% auto;
  }

  .image-11 {
    max-width: 250px;
  }

  .person-image-div {
    min-width: 100%;
  }
}


@font-face {
  font-family: 'Fa Brands 400';
  src: url('../fonts/fa-brands-400.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Fa Solid 900';
  src: url('../fonts/fa-solid-900.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Fa 400';
  src: url('../fonts/fa-regular-400.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}