/*
Theme Name: Neuro Device Theme
Author: Tadek Rzewuski
Version: 1.0
*/

@import url("https://fast.fonts.net/lt/1.css?apiType=css&c=587ed2d6-8281-4096-8b62-a6c1f5c4e73f&fontids=1583716,1585930");
@font-face {
  font-family: "Averta W03 Bold1583716";
  src: url("Fonts/1583716/477f324e-236a-4290-81be-3dc6cd89aee5.woff2")
      format("woff2"),
    url("Fonts/1583716/889a7d86-12c6-408b-8c48-373a9e30545d.woff")
      format("woff");
}
@font-face {
  font-family: "Averta W03 Regular1585930";
  src: url("Fonts/1585930/51f01bf8-c568-40b2-af85-6bff46971ecb.woff2")
      format("woff2"),
    url("Fonts/1585930/0305857a-9a8b-46ef-9487-5354e315c6b5.woff")
      format("woff");
}

@import url("https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,600;0,700;0,800;1,300;1,400;1,600;1,700;1,800&display=swap");

/* DEFAULT SETTING OF CSS START */

* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
}

html {
  margin: 0 auto;
  overflow-y: scroll;
  scroll-behavior: smooth;
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
img,
ul,
li {
  margin: 0rem;
  padding: 0rem;
  border-style: none;
}

ul,
li {
  list-style: none;
}

a {
  text-decoration: none;
  color: inherit;
}

a,
a:visited {
  text-decoration: none;
  position: relative;
}

a.block,
a:visited.block {
  display: block;
  padding: 0.5em;
}

a:hover {
  color: #ff0345 !important;
  text-decoration: none !important;
}

/* DEFAULT SETTINS OF CSS END */

html {
  min-height: 100vh;
  background-image: url("./img/background_2.svg");
  background-size: 50px;
  background-position: center 17rem;
  font-size: 1px;
  color: #747583;
  background-color: #fafafe;
}

body {
  margin: 0rem;
  padding: 0rem;
  position: relative;
  width: 100%;
  height: 100%;
  font-family: "Averta W03 Regular1585930", sans-serif;
  font-size: 16rem;
  background-color: initial;
}

h1 {
  color: #ff0345;
  font-family: "Averta W03 Bold1583716", sans-serif;
  margin: 0rem 0rem 20rem 0rem;
  font-size: 34rem;
}

h2,
.h2 {
  font-size: 26rem;
  color: #747583;
  font-weight: bold;
  margin-bottom: 15rem;
}

h3,
.h3 {
  color: #747583;
  margin-bottom: 15rem;
  font-weight: 700;
  font-size: 20rem;
}

h4,
.h4 {
  color: #747583;
  margin-bottom: 15rem;
  font-weight: 800;
  font-size: 16rem;
}

p {
  line-height: 24rem;
  margin-bottom: 15rem;
  font-size: 16rem;
  color: #747583;
}

.mt-3,
.my-3 {
  margin-top: 30rem !important;
}

.mb-3,
.my-3 {
  margin-bottom: 30rem !important;
}

.mt-4,
.my-4 {
  margin-top: 40rem !important;
}

.mb-4,
.my-4 {
  margin-bottom: 40rem !important;
}

.ml-4,
.mx-4 {
  margin-left: 40rem !important;
}

.mr-4,
.mx-4 {
  margin-right: 40rem !important;
}

.mt-5,
.my-5 {
  margin-top: 50rem !important;
}

.mb-5,
.my-5 {
  margin-bottom: 50rem !important;
}

.ml-2,
.mx-2 {
  margin-left: 20rem !important;
}

.ml-3,
.mx-3 {
  margin-left: 30rem !important;
}

.ml-8,
.mx-8 {
  margin-left: 80rem !important;
}

.mr-8,
.mx-8 {
  margin-right: 80rem !important;
}

.mb-8,
.my-8 {
  margin-bottom: 80rem !important;
}

@media (min-width: 992px) {
  .ml-lg-8,
  .mx-lg-8 {
    margin-left: 80rem !important;
  }

  .mr-lg-8,
  .mx-lg-8 {
    margin-right: 80rem !important;
  }
}

.p-3 {
  padding-top: 30rem !important;
  padding-right: 30rem !important;
  padding-bottom: 30rem !important;
  padding-left: 30rem !important;
}

.p-4 {
  padding-top: 40rem !important;
  padding-right: 40rem !important;
  padding-bottom: 40rem !important;
  padding-left: 40rem !important;
}

.pt-3,
.py-3 {
  padding-top: 30rem !important;
}

.px-2 {
  padding: 0 40rem !important;
}

@media (max-width: 576px) {
  .px-2 {
    padding: 0 15rem !important;
  }
}

.pl-4,
.px-4 {
  padding-left: 40rem !important;
}

.pr-4,
.px-4 {
  padding-right: 40rem !important;
}

button,
.button,
.wp-block-button {
  height: 54rem;
  display: inline-block;
  background: #fafafe;
  color: #747583;
  border: none;
  border-radius: 26rem;
  margin: 0rem 0rem 20rem;
  padding: 15rem 30rem 18rem;
  box-shadow: 6px 6px 11px #c5c5ce85, -6px -6px 11px #ffffff;
  font-family: "Averta W03 Bold1583716", sans-serif;
  font-size: 18rem;
  cursor: pointer;
  text-align: center;
}

button:hover,
.button:hover,
.wp-block-button:hover {
  color: #ff0345;
}

cite {
  margin-top: -5rem;
}

.small-button {
  /* height: 41rem; */
  margin: 0rem 0rem 10rem;
  padding: 5rem 25rem 5rem;
  border-radius: 20rem;
  border: none;
  background: #fafafe;
  color: #747583;
  box-shadow: 6px 6px 11px #c5c5ce85, -6px -6px 11px #ffffff;
  font-family: "Averta W03 Bold1583716", sans-serif;
  font-size: 18rem;
  cursor: pointer;
  z-index: 500;
}

input,
#file-kariera {
  height: 54rem;
  background: #fafafe;
  color: #747583;
  border: none;
  border-radius: 26rem;
  margin: 15rem 0rem 20rem;
  padding: 15rem 30rem 18rem;
  box-shadow: inset 6px 6px 11px #c5c5ce85, inset -6px -6px 11px #ffffff;
  font-family: "Averta W03 Bold1583716", sans-serif;
  font-size: 18rem;
  text-align: center;
  cursor: pointer;
}

.centered {
  display: flex;
  justify-content: center;
}

.wp-block-quote {
  margin: 20rem;
}

.wp-block-button__link {
  color: inherit;
  background-color: inherit;
  border: none;
  border-radius: 0;
  box-shadow: none;
  cursor: pointer;
  display: inline-block;
  font-size: inherit;
  padding: 0;
  text-align: center;
  text-decoration: none;
  overflow-wrap: break-word;
}

.wp-block-button__link:active,
.wp-block-button__link:focus,
.wp-block-button__link:hover,
.wp-block-button__link:visited {
  color: inherit;
}

.wp-block-image img {
  height: auto;
}

.top-head {
  display: flex;
  justify-content: space-between;
  padding: 30rem 30rem 0rem 30rem;
  background: #fafafe;
}

.top-logo {
  height: 30rem;
  width: 147rem;
  cursor: pointer;
}

.header-menu ul,
.menu-neuro-menu-container ul {
  position: relative;
  display: flex;
  color: #747583;
}

.header-menu ul li,
.menu-neuro-menu-container ul li {
  margin-left: 15rem;
  cursor: pointer;
  font-size: 16rem;
}

@media only screen and (max-width: 850px) {
  .menu-neuro-menu-container {
    position: fixed;
    height: 100vh;
    width: 100vw;
    top: 0;
    left: 100vw;
    background: white;
    z-index: 100;
    transition: 0.4s;
    opacity: 0;
    z-index: 600;
  }

  .is-active-menu {
    left: 0vw;
    opacity: 1;
  }

  .menu-neuro-menu-container ul {
    flex-direction: column;
    align-items: center;
    justify-content: space-around;
    /* height: 100vh; */
    padding: 80rem 50rem 50rem 50rem;
    color: #747583;
  }
  .header-menu ul li,
  .menu-neuro-menu-container ul li {
    margin-left: 0rem;
    margin-bottom: 20rem;
    cursor: pointer;
    font-size: 30rem;
    text-align: center;
    color: #747583;
  }
}

.hamburger {
  cursor: pointer;
  z-index: 201;
  position: absolute;
  right: 30rem;
  z-index: 601;
}

.hamburger .line {
  width: 30rem;
  height: 3rem;
  background: #747583;
  display: block;
  margin: 5rem auto;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

@media only screen and (min-width: 850px) {
  .hamburger {
    display: none;
  }
}

.is-active {
  position: fixed;
  right: 30rem;
}

#hamburger-1.is-active .line:nth-child(1) {
  transform: translateY(8px) rotate(45deg);
}

#hamburger-1.is-active .line:nth-child(2) {
  opacity: 0;
}

#hamburger-1.is-active .line:nth-child(3) {
  transform: translateY(-8px) rotate(-45deg);
}

#menu-dot {
  position: absolute;
  height: 8rem;
  width: 8rem;
  left: 0;
  bottom: -12rem;
  border-radius: 50%;
  font-size: 60rem;
  transform: translateX(-4rem);
  background-color: #ff0345;
  opacity: 0;
  transition: 0.5s;
  display: block;
}

@media only screen and (max-width: 850px) {
  #menu-dot {
    display: none;
  }
}

.page-content {
  min-height: calc(100vh - 210rem);
  height: 100%;
  position: relative;
  margin: 30rem auto 0rem;
  padding-bottom: 120rem;
  overflow: hidden;
}

/* @media only screen and (min-width: 1500px) {
  .page-content {
    margin: 0 auto;
  }
} */

.width-non-fluid {
  max-width: 1300px;
}

@media only screen and (min-width: 1500px) {
  .width-non-fluid {
    margin: 0 auto;
  }
}

.kontakt-wrapper {
  height: 100%;
  min-height: inherit;
  position: relative;
}

.bottom-kontakt {
  height: 100%;
  position: relative;
  min-height: 400rem;
}

#map {
  position: absolute;
  top: 0;
  bottom: 0%;
  background-color: #747583;
}

footer {
  height: 120rem;
  width: 100%;
  background: #74758370;
  position: absolute;
  bottom: 0;
  display: flex;
  justify-content: space-between;
}

.bottom-logo {
  width: 200rem;
  color: #ffffff;
  font-size: 10rem;
  margin: 30rem 0rem 30rem 30rem;
}

.bottom-logo-svg {
  height: 40rem;
  width: 150rem;
}

.social-media {
  display: flex;
  align-items: center;
  margin: 30rem 30rem 30rem 0rem;
}

.attachment-post-thumbnail {
  width: 100%;
  height: auto;
}

.social-media svg {
  height: 20rem;
  width: 20rem;
  margin-left: 10px;
  fill: white;
}

.social-media svg:hover {
  fill: #ff0345;
}

.brain-image {
  height: 300rem;
  width: 425rem;
}

@media screen and (max-width: 850px) {
  .brain-image {
    margin: 30rem 0;
    width: 80%;
  }
}

.brain-text {
  width: 60%;
  margin-left: 60rem;
  margin-right: 10rem;
}

@media screen and (max-width: 850px) {
  .brain-text {
    width: 80%;
    margin-left: 30rem;
  }
}

@media screen and (max-width: 450px) {
  .brain-text {
    width: 80%;
    margin-left: 0rem;
  }
}

.front-page-header {
  min-height: inherit;
  opacity: 1;
  transition: opacity 0.5s ease;
  animation-delay: height-change-low 0.5s;
}

@keyframes height-change-low {
  from {
    max-height: 500vh;
  }
  to {
    max-height: 0vh;
  }
}

.hide-it {
  opacity: 0;
  transition: 0.5s;
}

.three-step-container {
  min-height: inherit;
  overflow: hidden;
  position: relative;
  left: 0%;
  width: 300vw;
  display: flex;
  transition: left 0.5s;
}

.step-one,
.step-two,
.step-three {
  width: 100vw;
  max-height: 1400vh;
  padding: 15rem;
  transition: 0.5s;
  transition: max-height 3s;
  min-height: inherit;
}

.step-four {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  display: flex;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  align-content: center;
}

.step-four svg {
  width: 300px;
  flex: 0 1 auto;
  max-height: 330px;
}
.step-one-active {
  left: 0%;
}

.step-two-active {
  left: 100%;
}

.step-three-active {
  left: 200%;
}

.container-dla-akcjonariuszy {
  min-height: inherit;
}

.dla-akcjonariuszy-wrapper {
  min-height: inherit;
}

.dla-akcjonariuszy-img {
  max-width: 350rem;
  width: 100%;
  margin: 0 auto;
}

.container-main,
.container-o-firmie {
  overflow: hidden;
  position: relative;
  left: 0%;
  width: 200%;
  height: 100%;
  min-height: inherit;
  display: flex;
  /* transition: 0.5s; */
}

@media screen and (min-width: 992px) {
  .main-second-step {
    padding-top: 30rem;
  }
}

.container-moved {
  left: -100%;
}

.container-moved-step-two {
  left: -100%;
}

.container-moved-step-three {
  left: -200%;
}

.main-wrap {
  width: 100%;
  display: flex;
  justify-content: center;
}

.main-first-step {
  display: flex;
  width: 100%;
  opacity: 1;
  /* transition: 0.5s; */
  max-width: 1500rem;
}

.o-firmie-first-step {
  display: flex;
  width: 100%;
  opacity: 1;
  transition: 0.5s;
}

@media screen and (max-width: 850px) {
  .main-first-step {
    flex-direction: column;
  }
}

.main-first-step {
  align-items: center;
  /* margin-right: 90rem; */
  max-height: 500vh;
  transition: 0.5s;
}

.o-firmie-first-step {
  width: 100vw;
  max-height: 1500vh;
  display: flex;
  /* justify-content: center; */
  flex-wrap: wrap;
  transition: 0.5s;
}

.container-o-firmie-third-step {
  width: 100vw;
}

.step-hidden {
  opacity: 0;
  max-height: 0vh;
}

@keyframes disable-height-delay {
  0% {
    max-height: 500vh;
  }
  100% {
    max-height: 0vh;
  }
}

.main-second-step {
  width: 100%;
  opacity: 0;
  max-width: 1500rem;
}

.o-firmie-second-step {
  width: 100%;
  opacity: 0;
}

.o-firmie-second-step {
  margin-top: 40rem;
}

.o-firmie-second-step > div {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-evenly;
}

.step-active {
  opacity: 1;
  max-height: 500vh;
}

.main-second-step h1 {
  text-align: center;
  margin: 0 15rem 15rem 15rem;
}

.main-img {
  height: 90rem;
  width: 90rem;
  background-color: #74758340;
  border-radius: 45rem;
  display: flex;
  align-content: center;
  justify-content: center;
  transition: 0.2s;
}

.main-img svg {
  width: 70%;
  height: auto;
  fill: #181d3d;
  transition: 0.2s;
}

.dziedziny-column {
  display: flex;
  align-items: center;
  width: 100%;
}

@media screen and (max-width: 850px) {
  .dziedziny-column {
    flex-direction: column;
    align-items: center;
  }
}

.bottom-dziedziny {
  width: 300rem;
  display: inline-block;
}

.bottom-dziedziny li {
  display: flex;
  align-items: center;
  width: min-content;
  margin: 0 0 40rem 0;
  cursor: pointer;
  transition: 0.5s;
}

.dziedziny-container:hover {
  margin: 0 -30rem 40rem 30rem;
}

.bottom-dziedziny li p {
  margin: 0 0 0 20rem;
  font-weight: bold;
}

.dziedziny-text {
  width: 100%;
  position: relative;
  margin: 40rem 0rem 0rem 90rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  transition: 0.5s;
}

@media screen and (max-width: 850px) {
  .dziedziny-text {
    margin: 40rem;
    justify-content: start;
    width: calc(100% - 80rem);
  }
}

.dziedziny-text p {
  position: absolute;
}

.dziedziny-container-active {
  margin: 0 -30rem 40rem 30rem !important;
}

.dziedziny-container-active .main-img {
  background-color: #ff0345;
}

.dziedziny-container-active .main-img svg {
  fill: #ffffff;
}

.o-firmie-left-column {
  width: 70%;
  background: center no-repeat url("./img/team_group.jpg");
  background-size: cover;
}

.o-firmie-right-column {
  width: 30%;
}

@media screen and (max-width: 1350px) {
  .o-firmie-left-column {
    width: 50%;
  }

  .o-firmie-right-column {
    width: 50%;
  }
}

@media screen and (max-width: 850px) {
  .o-firmie-left-column {
    height: 550rem;
    width: 100%;
    background: center no-repeat url("./img/team_group.jpg");
    background-size: cover;
  }

  .o-firmie-right-column {
    width: 100%;
  }
}

.o-firmie-right-column-top {
  text-align: center;
  padding: 15rem;
  text-align: left;
}

@media (max-width: 576px) {
  .o-firmie-right-column-top {
    padding: 15rem;
  }
}

.o-firmie-right-column-bottom {
  align-items: center;
  padding: 50rem;
  background-color: #171012;
  color: white;
  margin-right: 0;
  margin-left: 0;
}

.o-firmie-right-column-bottom img {
  max-height: 120rem;
}

.single-o-firmie {
  width: 211rem;
  color: #000000;
  margin: 10rem 35rem 25rem;
}

@media screen and (max-width: 576px) {
  .single-o-firmie {
    width: 100%;
    margin: 10rem 15rem 25rem;
  }
}

@media screen and (max-width: 1750px) {
  .single-o-firmie-container {
    max-width: 1100rem;
    margin: 0 auto;
  }
}

.image-o-firmie img {
  width: 250px;
  height: 250px;
  margin: 5rem 0 30rem;
  border-radius: 50%;
  border: solid 8rem #fafafe;
  box-shadow: 6px 6px 11px #c5c5ce85, -6px -6px 11px #ffffff;
  filter: grayscale(100%);
}

.tytul-o-firmie {
  font-size: 22rem;
  font-weight: bold;
  margin: 0 0 5rem;
}

.podtytul-o-firmie {
  font-size: 12rem;
  font-weight: bold;
  margin: 0 0 30rem;
}

.opis-o-firmie {
  font-size: 12rem;
  line-height: 18rem;
}

.full-strip-o-firmie {
  background-color: #747582;
  text-align: center;
  margin-top: 30rem;
}

.full-strip-o-firmie h1 {
  color: white;
  padding-top: 40rem;
}

.o-firmie-third-step-first {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}

.o-firmie-third-step-first p {
  margin-bottom: 25rem;
}

.o-firmie-third-step-first-1 {
  order: 2;
  max-width: 500rem;
}

.o-firmie-third-step-first-2 {
  order: 3;
  max-width: 500rem;
}

.o-firmie-third-step-first-3 {
  order: 1;
  margin-bottom: 0;
}

.o-firmie-third-step-first-4 {
  order: 4;
  margin-bottom: 0;
}

@media screen and (max-width: 992px) {
  .o-firmie-third-step-first-1 {
    order: 1;
    width: 100%;
    max-width: 900rem;
  }

  .o-firmie-third-step-first-2 {
    order: 2;
    width: 100%;
    max-width: 900rem;
  }

  .o-firmie-third-step-first-3 {
    order: 3;
  }

  .o-firmie-third-step-first-4 {
    order: 4;
  }
}

.o-firmie-third-step-second p {
  font-size: 16rem;
  line-height: 26rem;
  overflow: hidden;
}

.o-firmie-third-step-second-col-1 {
  width: 60%;
  margin-bottom: 40rem;
}

.o-firmie-third-step-second-col-2 {
  padding: 60rem;
  width: 40%;
  margin-bottom: 40rem;
}

.o-firmie-third-step-second img,
.o-firmie-third-step-third img {
  width: 100%;
  max-width: 250rem;
  margin: 30rem;
  height: auto;
}

@media screen and (max-width: 850px) {
  .o-firmie-third-step-second-col-1 {
    width: 100%;
    margin-bottom: 40rem;
  }

  .o-firmie-third-step-second-col-2 {
    padding: 0;
    width: 100%;
    margin-bottom: 0;
  }
}

.two-columns {
  display: flex;
  align-items: center;
  font-size: 14rem;
  justify-content: space-between;
  flex-wrap: wrap;
}

.two-columns img {
  width: 50%;
  padding: 10%;
}

@media screen and (max-width: 850px) {
  .two-columns {
    flex-direction: column;
  }

  .two-columns img {
    width: 100%;
    padding: 0;
    margin: 40rem;
    max-height: 250rem;
  }
}

.image-strip-o-firmie {
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
}

.image-strip-o-firmie img {
  width: 280px;
  height: 280px;
  margin: -60rem -30rem -30rem -30rem;
}

@media screen and (max-width: 850px) {
  .patent-list {
    width: 100%;
    height: auto;
    overflow: hidden;
  }
}

.patent-list h3,
.patent-list p,
.patent-list a {
  display: block;
  margin: 0 0 10rem 0;
  font-size: 14rem;
  line-height: 12rem;
}

.patent-list h3 {
  font-weight: bold;
}

.patent-st a {
  margin: 0 0 18rem 0;
}
.container-media {
  max-width: 1200rem;
  margin: 0 auto;
  margin-bottom: 40px;
}

.media-row {
  display: flex;
  align-items: center;
  margin: 0 0 15rem 0;
}

.media-title {
  width: 90rem;
  text-align: center;
  display: inline-block;
  font-weight: bold;
}

.media-image {
  height: auto;
  width: 80rem;
  margin-left: 20rem;
  margin-bottom: 15rem;
}

.media-links {
  width: 100%;
  margin-left: 40rem;
}
.media-links a {
  text-decoration: underline;
  font-size: 16rem;
}

.left-content-kariera {
  max-width: 700rem;
  margin-top: 60rem;
}

@media (max-width: 768px) {
  .left-content-kariera {
    margin-top: 0rem;
  }
}

.container-kariera {
  position: relative;
  margin: 0 auto;
  padding: 60rem;
  min-height: inherit;
  height: 100%;
}

@media screen and (max-width: 1200px) {
  .container-kariera {
    height: 100%;
  }
}

@media screen and (max-width: 765px) {
  .container-kariera {
    position: relative;
    margin: 0 auto;
    padding: 0rem;
    min-height: inherit;
    height: 100%;
  }
}

.kariera-image {
  position: relative;
  height: auto;
  max-height: 560rem;
  bottom: 0;
  left: 50%;
  transform: translate(-50%, 20rem);
}

label#file-kariera {
  cursor: pointer;
  /* Style as you please, it will become the visible UI component. */
}

#upload-cv {
  opacity: 0;
  position: absolute;
  z-index: -1;
}

@media (min-width: 768px) {
  .kariera-image {
    transform: translate(-50%, 75rem);
  }
}

@media screen and (min-width: 1200px) {
  .kariera-image {
    position: absolute;
    bottom: 0;
    height: 100%;
    max-height: 640rem;
    left: 75vw;
  }
}

@media screen and (min-width: 1500px) {
  .kariera-image {
    position: absolute;
    bottom: 0;
    height: 100%;
    max-height: 960rem;
    left: 70vw;
  }
}

.step-two .container-kariera {
  display: flex;
  flex-direction: column;
  position: relative;
}

.step-three .container-kariera {
  display: flex;
}

#kariera-button-2 {
  margin: 0 auto;
}

.step-three .left-column-kariera {
  width: 30%;
  align-items: center;
  display: flex;
}

.left-column-kariera p {
  width: 550rem;
  position: relative;
  font-size: 16rem;
  line-height: 22rem;
  margin-bottom: 32rem;
}

@media screen and (max-width: 992px) {
  .left-column-kariera p {
    width: 440rem;
  }
}

@media screen and (max-width: 765px) {
  .left-column-kariera p {
    width: 100%;
  }
}

.kariera-list > div:nth-child(1) p,
.kariera-list > div:nth-child(1) h3 {
  transform: translate(90rem, 0rem);
}

.kariera-list > div:nth-child(2) p,
.kariera-list > div:nth-child(2) h3 {
  transform: translate(180rem, 0rem);
}

.kariera-list > div:nth-child(3) p,
.kariera-list > div:nth-child(3) h3 {
  transform: translate(250rem, 0rem);
}

.kariera-list > div:nth-child(4) p,
.kariera-list > div:nth-child(4) h3 {
  transform: translate(350rem, 0rem);
}

@media screen and (max-width: 850px) {
  .kariera-list > div:nth-child(1) p,
  .kariera-list > div:nth-child(1) h3 {
    transform: translate(-35rem, 0rem);
  }

  .kariera-list > div:nth-child(2) p,
  .kariera-list > div:nth-child(2) h3 {
    transform: translate(55rem, 0rem);
  }

  .kariera-list > div:nth-child(3) p,
  .kariera-list > div:nth-child(3) h3 {
    transform: translate(145rem, 0rem);
  }

  .kariera-list > div:nth-child(4) p,
  .kariera-list > div:nth-child(4) h3 {
    transform: translate(215rem, 0rem);
  }
}

@media screen and (max-width: 765px) {
  .kariera-list > div:nth-child(1) p,
  .kariera-list > div:nth-child(1) h3 {
    transform: translate(0rem, 0rem);
  }

  .kariera-list > div:nth-child(2) p,
  .kariera-list > div:nth-child(2) h3 {
    transform: translate(0rem, 0rem);
  }

  .kariera-list > div:nth-child(3) p,
  .kariera-list > div:nth-child(3) h3 {
    transform: translate(0rem, 0rem);
  }

  .kariera-list > div:nth-child(4) p,
  .kariera-list > div:nth-child(4) h3 {
    transform: translate(0rem, 0rem);
  }
}

.right-column-kariera {
  width: 40%;
  text-align: right;
}

@media screen and (max-width: 1300px) {
  .right-column-kariera {
    width: 100%;
    margin-top: 40rem;
    text-align: left;
  }
}

.step-three .right-column-kariera {
  width: auto;
  text-align: left;
  padding: 80rem;
}

.kariera-image-2 {
  position: absolute;
  left: -50rem;
  top: 235rem;
  transform: rotate(90deg);
  width: 440rem;
}

@media screen and (max-width: 765px) {
  .kariera-image-2 {
    display: none;
  }
}

.left-column-kariera form {
  display: flex;
  flex-direction: column;
}

.inputfile + label {
  font-size: 1.25em;
  font-weight: 700;
  color: white;
  background-color: black;
  display: inline-block;
}

.inputfile:focus + label,
.inputfile + label:hover {
  background-color: #ff0345;
}

.inputfile + label {
  cursor: pointer;
}

.container-kariera input,
#file-kariera {
  width: calc(100% - 40rem);
  margin-left: 20rem;
  margin-right: 20rem;
}

.left-column-kariera form input[type="file" i] > button > button {
  border-radius: 50%;
}

.projekty-content {
  max-height: 0rem;
  opacity: 0;
  text-align: center;
  transition: 0.8s;
  width: 250rem;
  bottom: 0;
  margin-top: 16rem;
  position: relative;
}
.container-projekty {
  align-items: center;
  display: flex;
  flex-flow: column;
  align-content: center;
  justify-content: center;
}

.projekty-content p {
  width: 100%;
  font-size: 12rem;
  line-height: 20rem;
  margin-bottom: 30rem;
}

.projekty-button:hover .projekty-content {
  max-height: 100rem;
  opacity: 1;
}

.projekty-btn-wrap {
  margin-top: 10rem;
  display: inline-block;
}

.container-projekty h2 {
  font-size: 23rem;
  color: #ff0345;
  font-family: "Averta W03 Regular1585930", sans-serif;
  margin: 0rem 0rem 20rem 0rem;
  text-align: center;
}

.projekty-button:hover h2 {
  top: 0;
}

.projekty-button {
  height: 200rem;
  width: 200rem;
  margin: 40rem;
  overflow: hidden;
  border-radius: 50%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background: #fafafe;
  color: #747583;
  border: none;
  box-shadow: 6px 6px 11px #c5c5ce85, -6px -6px 11px #ffffff;
  transition: 0.5s;
  margin-bottom: 50rem;
}

.projekty-button:hover {
  margin: 0rem;
  height: 280rem;
  width: 280rem;
}

.projekty-button .small-button {
  position: relative;
  font-size: 14rem;
  bottom: 25rem;
}

.projekty-featured {
  transition: 0.5s;
  width: auto;
  max-height: 80px;
}

.main-container {
  opacity: 1;
}

.container-news img {
  width: 100%;
  height: auto;
}

@media screen and (max-width: 992px) {
  .container-news img {
    padding: 0rem;
  }
}

.single-news:nth-child(odd) {
  flex-direction: row-reverse;
}

.single-news:nth-child(even) img {
  padding: 0rem 0rem 20rem 40rem;
}

.single-news:nth-child(odd) img {
  padding: 0rem 40rem 20rem 0rem;
}

@media (max-width: 768px) {
  .single-news:nth-child(odd),
  .single-news:nth-child(even) {
    flex-direction: column-reverse;
  }
}

.fade-out {
  opacity: 0;
  height: 100%;
}

.fade-in {
  opacity: 1;
  height: 0%;
}

.owl-carousel {
  max-width: 420rem;
}

.owl-dots {
  display: flex;
  justify-content: center;
}

.owl-dot {
  display: inline-block;
  height: 10rem;
  width: 10rem;
  background-color: #74758370 !important;
  margin: 10rem;
  outline: none;
  margin-top: 25rem;
}

.owl-dots .active {
  background-color: #747583 !important;
}

.owl-dot:hover,
.owl-dot:active,
.owl-dot:focus {
  background-color: #ff0345 !important;
  border: none;
  outline: none;
}

.entry ul,
.entry li {
  list-style-type: disc;
  color: #747583;
  margin-bottom: 10rem;
}

.return-project,
.return-kariera {
  font-weight: 500;
}

.return-project:before,
.return-kariera:before {
  content: url("./img/back_arrow.svg");
  display: inline-block;
  height: 18rem;
  width: 22rem;
  margin-right: 7rem;
  transform: translate(0rem, 2rem);
}

.googlemaps-grayscale {
  filter: grayscale(100%);
}

/* #map {
  filter: grayscale(80%);
} */

#map:after {
  position: absolute;
  content: "";
  display: block;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: rgb(77 152 255 / 5%);
  mix-blend-mode: multiply;
  z-index: 200;
}

/* Preview vs carousel */

.preview {
  /* transition: all 0.5s; */
}

.preview--container {
  position: relative;
  display: flex;
  flex-flow: row wrap;
  align-content: center;
}

.preview--image-highlight {
  position: absolute;
  opacity: 0;
  visibility: hidden;
  top: 0;
}

.preview--active .preview--image-highlight {
  opacity: 1;
  visibility: visible;
}

.preview--text {
  flex: 1;
  order: 1;
  transition: all 0.7s;
  overflow: hidden;
  visibility: visible;
}

.preview--active .preview--text {
  flex: 0;
  opacity: 0;
  visibility: hidden;
}

.preview--images {
  display: flex;
  flex: 1;
  position: relative;
  margin-left: 30px;
  flex-basis: 100%;
  justify-content: center;
  align-items: center;
  margin-bottom: 40px;
}
.preview--active .preview--images {
  margin-left: 0px;
}

.preview--image {
  position: relative;
  transition: all 0.7s;
  max-width: 180px;
  margin: 0;
}
.preview--image img {
  width: 100%;
  height: auto;
  transition: 0.3s;
}

.preview--image:hover img {
  transform: scale(1.05);
}
.preview--images_container {
  flex: 1;
  order: 2;
  display: flex;
  flex-flow: column;
  z-index: 2;
}

.preview--highlights .desc {
  border-bottom: 1px solid #333;
  padding-bottom: 2rem;
  display: block;
  width: 200px;
  position: absolute;
  font-size: 12px;
}

.preview--highlights {
  position: absolute;
  visibility: hidden;
  opacity: 0;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  transition: all 0.4s;
}

.preview--active .preview--highlights {
  visibility: visible;
  opacity: 1;
}

.preview--handler {
  cursor: pointer;
}
.preview .carousel--container {
  display: none;
}
.preview--active .button.preview--handler {
  visibility: hidden;
  opacity: 0;
}

@media only screen and (max-width: 1024px) {
  .preview--images_container,
  .preview--highlights {
    display: none;
  }
  .preview .carousel--container {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .preview .carousel-item {
    height: 500px;
  }
  .preview--text {
    order: -1;
  }
  .preview--active .preview--text {
    flex: 1;
    opacity: 1;
    visibility: visible;
  }
  .preview--container {
    flex-flow: column;
  }
}

/* !----
GSR project specific styles 
!---- */
#project__gsr .preview--images {
  justify-content: space-between;
}
#project__gsr .preview--active .preview--image-1 {
  margin-top: 20%;
  margin-left: 10%;
}

#project__gsr .preview--active .preview--image-3 {
  margin-right: 10%;
  margin-bottom: 20%;
}

/* !----
    GSR project specific styles for highlights
!---- */

#project__gsr .first_desc {
  bottom: 24%;
  left: 0%;
}
#project__gsr .second_desc {
  top: 20%;
  left: 28%;
}
#project__gsr .third_desc {
  right: -5%;
  text-align: right;
  padding-left: 3%;
  z-index: 3;
  width: 21%;
  top: 11%;
}

#project__gsr .fourth_desc {
  right: -5%;
  text-align: right;
  width: 21%;
  padding-left: 3%;
  z-index: 3;
  top: 23%;
}

/* !----
Lifetone project specific styles 
!---- */

#project__lifetone .preview--image-1 {
  width: 0;
  position: absolute;
  left: 20%;
}

#project__lifetone .preview--image-2 {
  position: absolute;
  z-index: 2;
  margin-top: 30%;
  max-width: 80px;
  right: 41%;
  margin-left: 0;
}

#project__lifetone .preview--image-3 {
  width: 0;
  flex: 0;
  position: absolute;
  opacity: 0;
  display: none;
}

#project__lifetone .preview--image-4 {
  opacity: 1;
  max-width: 300px;
  visibility: visible;
  width: auto;
  margin-left: 0;
  transition: all 0.7s, opactiy 0.3s;
  opacity: 1;
}

#project__lifetone .preview--image-5 {
  width: 0;
  opacity: 0;
  display: none;
  position: absolute;
}

#project__lifetone .preview--active .preview--image-1 {
  width: auto;
  max-width: 300px;
  position: relative;
  left: -30%;
}

#project__lifetone .preview--active .preview--image-2 {
  max-width: 180px;
  margin-top: 30px;
  right: 0;
  max-width: 350px;
  z-index: 1;
}

#project__lifetone .preview--image-2::after {
  content: "";
  background: #13f350;
  position: absolute;
  top: -999px;
  height: 12px;
  width: 12px;
  background-size: contain;
  background-repeat: no-repeat;
  right: 48%;
  box-shadow: 0px 0px 11px rgb(35 202 100);
  border-radius: 100%;
  z-index: 6;
  opacity: 0;
  visibility: hidden;
  transition: all 0.2s;
  animation-delay: 2s;
  display: nn;
}

#project__lifetone .preview--active .preview--image-2::after {
  top: 36.6%;
  opacity: 1;
  visibility: visible;
}

#project__lifetone .preview--active .preview--image-3 {
}

#project__lifetone .preview--active .preview--image-4 {
  width: 0;
  opacity: 0;
  visibility: hidden;
  margin-left: -300px;
  right: -20%;
  /* transform: scale(0); */
}

#project__lifetone .preview--active .preview--image-5 {
}

#project__lifetone .button.preview--handler {
  display: none;
}

/* !----
    Lifetone project specific styles for highlights
!---- */
#project__lifetone .preview--highlights {
  text-align: left;
  transition: all 0.7s;
}
#project__lifetone .preview--highlights::before {
  content: "";
  background: url(/wp-content/uploads/2020/09/lifetone_2-1.png) center center;
  position: absolute;
  top: 33%;
  height: 180px;
  width: 220px;
  background-size: contain;
  background-repeat: no-repeat;
  left: 50%;
  background-size: 50%;
}

#project__lifetone .preview--active .preview--highlights {
}
#project__lifetone .desc {
  left: -5999px;
  transition: left 0.7s;
  z-index: 2;
  top: initial;
}

#project__lifetone .preview--active .desc {
  animation: none;
  left: 0;
  display: block;
}

#project__lifetone .first_desc {
  top: 15%;
  width: 216px;
}
#project__lifetone .second_desc {
  top: 43%;
  width: 260px;
}
#project__lifetone .third_desc {
  z-index: 3;
  top: 57%;
  width: 260px;
}

#project__lifetone .fourth_desc {
  z-index: 3;
  top: 72%;
  width: 220px;
}

/* !----
Scent project specific styles 
!---- */
#project__scent .preview--image-2 {
  max-width: 390px;
}
#project__scent .preview--active .preview--image-2 {
  max-width: 530px;
}
/* !----
    Scen t project specific styles for highlights
!---- */
#project__scent .preview--highlights {
  text-align: left;
  transition: all 0.7s;
}

#project__scent .preview--active .desc {
  animation: none;
  left: 0;
  display: block;
}

#project__scent .first_desc {
  top: 25%;
  z-index: 3;
  width: 40%;
}
#project__scent .second_desc {
  top: 33%;
  width: 34%;
  z-index: 3;
}
#project__scent .third_desc {
  z-index: 3;
  top: 42%;
  width: 35%;
}

#project__scent .fourth_desc {
  z-index: 3;
  top: 25%;
  text-align: right;
  width: 28%;
  right: 0;
  left: unset !important;
}

#project__scent .fifth_desc {
  z-index: 3;
  top: 72%;
  width: 220px;
  top: 37%;
  text-align: right;
  width: 44%;
  right: 0;
  left: unset !important;
}
#project__scent .sixth_desc {
  z-index: 3;
  top: 72%;
  width: 220px;
  top: 46%;
  text-align: right;
  width: 54%;
  right: 0;
  left: unset !important;
}
#project__scent .seventh_desc {
  z-index: 3;
  top: 72%;
  width: 220px;
  top: 55%;
  text-align: right;
  width: 54%;
  right: 0;
  left: unset !important;
}

/* !----
Voic project specific styles 
!---- */
#project__voic .preview--image-1 {
  max-width: 330px;
}
#project__voic .preview--active .preview--image-1 {
  max-width: 530px;
}

/* !----
    project__voic t project specific styles for highlights
!---- */

#project__voic .preview--highlights {
  text-align: left;
  transition: all 0.7s;
}
#project__voic .first_desc {
  top: 12%;
  z-index: 3;
  width: 28%;
}

#project__voic .second_desc {
  top: 29%;
  width: 34%;
  z-index: 3;
}

#project__voic .third_desc {
  z-index: 3;
  top: 41%;
  width: 41%;
}

#project__voic .fourth_desc {
  z-index: 3;
  top: 38%;
  right: 0;
  text-align: right;
  width: 34%;
}

#project__voic .fifth_desc {
  z-index: 3;
  top: 58%;
  right: 0;
  text-align: right;
  width: 34%;
}

.wpcf7 form.sent .wpcf7-response-output {
  border: none;
}

.wpcf7 form .wpcf7-response-output {
  border: none;
}

.wpcf7-not-valid-tip {
  text-align: center;
}

.proj-wrap {
  margin-bottom: 40px;
}