html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

body {
  line-height: 1.5;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: "";
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

* {
  outline: none !important;
  box-sizing: border-box;
  line-height: 1.5;
  scroll-behavior: smooth;
}

@media (min-width: 992px) {
  *::-webkit-scrollbar {
    display: none;
  }
  * {
    -ms-overflow-style: none;
    scrollbar-width: none;
  }
}
html {
  font-size: 16px;
  font-family: "Montserrat", sans-serif;
}

body {
  color: #000;
  background: #f6f6f6;
  display: flex;
  min-height: 100vh;
  flex-direction: column;
  overflow-x: hidden;
}
@media (min-width: 992px) {
  body {
    overflow: hidden;
  }
}

main {
  z-index: 1;
  position: relative;
  flex: 1;
}

::-moz-selection {
  color: #fff;
  background: #ff5933;
}

::selection {
  color: #fff;
  background: #ff5933;
}

.hide {
  display: none !important;
}

button,
a {
  all: unset;
  cursor: pointer;
  color: inherit;
  box-sizing: border-box;
}

h1, h2, h3, h4, h5, h6 {
  font-weight: 700;
}

h1 {
  font-size: 1.5rem;
}
@media (min-width: 768px) {
  h1 {
    font-size: 2rem;
  }
}

h2 {
  font-size: 1.4rem;
}
@media (min-width: 768px) {
  h2 {
    font-size: 1.8rem;
  }
}

h3 {
  font-size: 1.3rem;
}
@media (min-width: 768px) {
  h3 {
    font-size: 1.6rem;
  }
}

h4 {
  font-size: 1.2rem;
}
@media (min-width: 768px) {
  h4 {
    font-size: 1.4rem;
  }
}

h5 {
  font-size: 1.1em;
}
@media (min-width: 768px) {
  h5 {
    font-size: 1.2rem;
  }
}

strong,
b {
  font-weight: 600;
}

.btn {
  display: inline-block;
  background: #ff5933;
  color: #fff;
  font-weight: 700;
  font-size: 1rem;
  padding: 0.4125rem 2.25rem;
  position: relative;
  z-index: 9;
}
@media (min-width: 992px) {
  .btn {
    font-size: 0.833333vw;
    padding: 0.364583vw 1.927083vw;
    transition: 0.2s;
  }
  .btn:hover {
    background: #00cf69;
  }
}
.btn--blue {
  background: #357CE2;
  color: #fff;
}

.wp-text {
  line-height: 1.66;
  -webkit-hyphens: auto;
          hyphens: auto;
}
.wp-text h2, .wp-text h3, .wp-text h4, .wp-text h5, .wp-text h6 {
  padding: 1em 0 0.25em;
}
.wp-text ul {
  list-style: disc;
}
.wp-text p + p {
  margin-top: 1em;
}
.wp-text p + ul {
  margin-bottom: 1em;
}
.wp-text li {
  margin-left: 2em;
}
.wp-text img {
  max-width: 100%;
}
.wp-text a:not(.go-contact) {
  color: #ff5933;
}

.controller-wrapper {
  display: none;
}
@media (min-width: 992px) {
  .controller-wrapper {
    display: block;
    width: -moz-fit-content;
    width: fit-content;
    position: fixed;
    z-index: 999;
    bottom: 1vw;
    left: 0;
    right: 0;
    margin: 0 auto;
  }
}

.controller {
  background: rgba(77, 77, 77, 0.5);
  border-radius: 5vw;
  padding: 0 1vw;
  width: -moz-fit-content;
  width: fit-content;
  display: flex;
  gap: 1vw;
}
.controller__btn {
  position: absolute;
  z-index: 3;
  top: 0;
  width: 4vw;
  height: 2.5vw;
  left: 0;
  border-radius: 3vw;
  cursor: move;
  transition: 0.2s;
}
.controller__btn:after {
  content: "";
  position: absolute;
  top: 0.35vw;
  left: 0.4vw;
  width: calc(100% - 0.8vw);
  height: calc(100% - 0.7vw);
  background: #ff5933;
  border-radius: 4vw;
}
.controller__btn.ui-draggable-dragging .controller__arrows:before, .controller__btn:hover .controller__arrows:before {
  left: 1vw;
}
.controller__btn.ui-draggable-dragging .controller__arrows:after, .controller__btn:hover .controller__arrows:after {
  right: 1vw;
}
.controller__arrows:before, .controller__arrows:after {
  content: "";
  border-style: solid;
  border-width: 0.15vw 0.15vw 0 0;
  border-color: #000;
  display: inline-block;
  height: 0.45vw;
  min-height: 1px;
  vertical-align: top;
  width: 0.45vw;
  min-width: 1px;
  position: absolute;
  top: 0.95vw;
  z-index: 4;
  transition: 0.2s;
}
.controller__arrows:before {
  left: 1.3vw;
  transform: rotate(-135deg);
}
.controller__arrows:after {
  right: 1.3vw;
  transform: rotate(45deg);
}
.controller__single {
  padding: 1.25vw 1vw;
  position: relative;
  display: flex;
  justify-content: center;
  cursor: pointer;
}
.controller__single:after, .controller__single:before {
  content: "";
  position: absolute;
  border-radius: 50%;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  transition: 0.2s;
}
.controller__single:before {
  background: #fff;
  height: 0.4vw;
  width: 0.4vw;
  z-index: 1;
}
.controller__single:after {
  background: #000;
  height: 0.4vw;
  width: 0.4vw;
  z-index: 2;
  transform: scale(0);
}
.controller__single:hover:before {
  transform: scale(2);
}
.controller__single:hover:after {
  transform: scale(1);
}
.controller__single:hover .controller__text {
  opacity: 1;
  transform: translateY(-100%) scale(1);
}
.controller__single--primary1:after {
  background: #ff5933;
}
.controller__single--primary2:after {
  background: #357CE2;
}
.controller__single--primary3:after {
  background: #00cf69;
}
.controller__text {
  position: absolute;
  background: #4D4D4D;
  color: #fff;
  border-radius: 5vw;
  top: -0.6vw;
  white-space: nowrap;
  width: -moz-fit-content;
  width: fit-content;
  font-size: 0.75vw;
  padding: 0.5vw 1vw;
  font-weight: 500;
  letter-spacing: 0.05vw;
  transition: 0.2s;
  opacity: 0;
  transform: translateY(-100%) scale(0);
  transform-origin: bottom center;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.controller__text:after {
  content: "";
  top: 95%;
  left: 50%;
  border: solid transparent;
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(77, 77, 77, 0);
  border-top-color: #4D4D4D;
  border-width: 0.5vw;
  margin-left: -0.5vw;
}

.topnav {
  width: 100vw;
  position: fixed;
  z-index: 999;
  left: 0;
  top: 0;
  padding: 1rem;
  background: #fff;
  height: 4rem;
}
@media (min-width: 992px) {
  .topnav {
    top: 3.15vw;
    padding: 0;
    background: none;
    height: unset;
  }
}
.topnav__container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 0 auto;
}
@media (min-width: 992px) {
  .topnav__container {
    width: 88.5vw;
  }
}
.topnav__home-link {
  position: relative;
}
.topnav__logo {
  display: block;
  width: 10rem;
}
@media (min-width: 992px) {
  .topnav__logo {
    width: 13.90625vw;
    transition: 1s;
  }
}
.topnav__logo--color, .topnav__logo--white {
  display: none;
}
@media (min-width: 992px) {
  .topnav__logo--color, .topnav__logo--white {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: auto;
    opacity: 0;
  }
}
.topnav__menu {
  position: fixed;
  height: calc(100vh - 4rem);
  top: 4rem;
  left: 0;
  display: flex;
  flex-direction: column;
  background: #fff;
  color: #000;
  transform: translateX(-105%);
  transition: 0.4s;
  width: 100%;
}
.topnav__menu--active {
  transform: translateX(0);
}
@media (min-width: 992px) {
  .topnav__menu {
    position: static;
    height: unset;
    top: 0;
    left: 0;
    flex-direction: row;
    background: none;
    color: #000;
    transform: translateX(0);
    margin-right: -1vw;
    width: unset;
  }
}
.topnav__link {
  font-size: 1rem;
  font-weight: 700;
  padding: 1rem;
}
@media (min-width: 992px) {
  .topnav__link {
    font-size: 1.041666vw;
    padding: 0 1vw;
    transition: 0.2s;
  }
  .topnav__link--light {
    color: #fff;
  }
}
.topnav__link--active {
  background: #ff5933;
  color: #fff;
}
@media (min-width: 992px) {
  .topnav__link--active {
    background: none;
    position: relative;
  }
  .topnav__link--active:after {
    content: "";
    position: absolute;
    top: 0.15em;
    left: 0.8vw;
    width: calc(100% - 1.6vw);
    height: 1.3em;
    background: #ff5933;
    z-index: -1;
  }
}
.topnav__trigger {
  border: 0;
  background: none;
  padding: 0 1rem;
  margin-left: auto;
  cursor: pointer;
  pointer-events: all;
}
@media (min-width: 992px) {
  .topnav__trigger {
    display: none;
  }
}

.menu-icon {
  height: 2rem;
}
.menu-icon__path {
  transition: 0.2s;
}
.menu-icon--white .menu-icon__path {
  stroke: #fff;
}
.menu-icon--active .menu-icon__path {
  stroke: #ff5933;
}
.menu-icon--active .menu-icon__path--top {
  transform: rotate(45deg) translateY(-18.5%) scaleX(1.5);
  transform-origin: top left;
}
.menu-icon--active .menu-icon__path--center {
  opacity: 0;
}
.menu-icon--active .menu-icon__path--bottom {
  transform: rotate(-45deg) translateY(18.5%) scaleX(1.5);
  transform-origin: bottom left;
}

.scroll-page {
  display: flex;
  flex-direction: column;
  transition: 1s;
}
@media (min-width: 992px) {
  .scroll-page {
    flex-direction: row;
  }
}

.front-intro {
  width: 100%;
  background: #f6f6f6;
  position: relative;
  padding-bottom: 2rem;
}
@media (min-width: 992px) {
  .front-intro {
    min-width: 100vw;
    height: 100vh;
    padding-bottom: 0;
  }
}
.front-intro__title {
  font-size: 2.25rem;
  line-height: 1.22;
  font-weight: 700;
  padding: 8rem 1rem 3rem;
}
@media (min-width: 992px) {
  .front-intro__title {
    font-size: 3.125vw;
    padding: 0;
    position: absolute;
    width: 49vw;
    left: 5.5vw;
    bottom: 17vw;
  }
}
.front-intro__img {
  width: 50%;
}
@media (min-width: 992px) {
  .front-intro__img {
    position: absolute;
    right: 8.8vw;
    bottom: 4vw;
    width: 38.385416vw;
  }
}
.front-intro__arrows {
  position: absolute;
  width: 12.34375vw;
  left: 50%;
  bottom: 5rem;
  transform: rotate(76deg);
}
@media (min-width: 992px) {
  .front-intro__arrows {
    right: 0.85vw;
    left: unset;
    bottom: 5.9vw;
    transform: none;
  }
}

.front-who {
  width: 100%;
  background: #357CE2;
  color: #fff;
  position: relative;
  display: flex;
  flex-direction: column;
}
@media (min-width: 992px) {
  .front-who {
    flex-direction: row;
    min-width: 100vw;
    height: 100vh;
  }
}
.front-who__content {
  height: 100%;
  background: rgba(53, 124, 226, 0.5);
  position: relative;
  z-index: 1;
  padding: 3rem 1rem;
}
@media (min-width: 992px) {
  .front-who__content {
    width: 50%;
    padding: 0;
  }
}
.front-who__arrow {
  display: none;
}
@media (min-width: 992px) {
  .front-who__arrow {
    position: absolute;
    bottom: 6.8vw;
    left: 0.8vw;
    display: block;
    width: 5.833333vw;
  }
}
.front-who__title {
  font-size: 2rem;
  padding-bottom: 2rem;
}
@media (min-width: 992px) {
  .front-who__title {
    padding-bottom: 0;
    font-size: 2.083333vw;
    position: absolute;
    bottom: 32vw;
    left: 8.9vw;
  }
}
.front-who__text {
  font-size: 1rem;
  line-height: 1.63;
  font-weight: 500;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding-bottom: 1rem;
}
@media (min-width: 992px) {
  .front-who__text {
    font-size: 0.833333vw;
    position: absolute;
    bottom: 19.65vw;
    width: 30vw;
    left: 8.9vw;
    gap: 1.3vw;
    padding-bottom: 0;
  }
}
.front-who__action {
  display: flex;
  justify-content: flex-end;
}
@media (min-width: 992px) {
  .front-who__action {
    position: absolute;
    bottom: 14.5vw;
    right: 8.9vw;
  }
}
.front-who__bg {
  display: block;
  width: 100%;
  height: 100%;
}
@media (min-width: 992px) {
  .front-who__bg {
    position: absolute;
    top: 0;
    left: 0;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: bottom;
       object-position: bottom;
  }
}

.front-how {
  width: 100%;
  background: #00cf69;
  position: relative;
  color: #000;
  padding: 3rem 1rem 0;
}
@media (min-width: 992px) {
  .front-how {
    min-width: 100vw;
    height: 100vh;
    padding: 0;
  }
}
.front-how__title {
  font-size: 2rem;
  padding-bottom: 2rem;
}
@media (min-width: 992px) {
  .front-how__title {
    font-size: 2.083333vw;
    position: absolute;
    bottom: 31.05vw;
    left: 8.9vw;
    padding-bottom: 0;
  }
}
.front-how__text {
  font-size: 1rem;
  line-height: 1.63;
  font-weight: 500;
  padding-bottom: 2rem;
}
@media (min-width: 992px) {
  .front-how__text {
    font-size: 0.833333vw;
    position: absolute;
    width: 31vw;
    bottom: 22.8vw;
    left: 8.9vw;
    padding-bottom: 0;
  }
}
.front-how__important {
  font-size: 1.25rem;
  line-height: 1.56;
  font-weight: 700;
  padding-bottom: 1rem;
}
@media (min-width: 992px) {
  .front-how__important {
    font-size: 1.041666vw;
    position: absolute;
    bottom: 18.2vw;
    width: 32vw;
    left: 8.9vw;
    padding-bottom: 0;
  }
}
.front-how__action {
  display: flex;
  justify-content: flex-end;
}
@media (min-width: 992px) {
  .front-how__action {
    position: absolute;
    bottom: 13.15vw;
    left: 8.9vw;
    width: 32.2vw;
  }
}
.front-how__img {
  display: block;
  width: 80%;
  max-width: 20rem;
  margin: 2rem auto 0;
}
@media (min-width: 992px) {
  .front-how__img {
    position: absolute;
    bottom: 0;
    right: 2.7vw;
    width: 57.03125vw;
    max-width: unset;
    margin: 0;
  }
}

.front-work {
  width: 100%;
  background: #357CE2;
  position: relative;
  overflow: hidden;
  padding: 4rem 1rem;
}
@media (min-width: 992px) {
  .front-work {
    min-width: 100vw;
    height: 100vh;
    padding: 0;
  }
}
.front-work__img {
  display: block;
  width: 80%;
  max-width: 20rem;
  margin: 0 auto;
}
@media (min-width: 992px) {
  .front-work__img {
    position: absolute;
    z-index: 1;
    right: 3.7vw;
    bottom: 3.1vw;
    width: 45.104166vw;
    max-width: unset;
    margin: 0;
  }
}
@media (min-width: 992px) {
  .front-work__content {
    position: absolute;
    top: 0;
    left: 0;
    width: 50%;
    height: 100%;
  }
}
.front-work__title {
  font-size: 2rem;
  line-height: 1.23;
}
@media (min-width: 992px) {
  .front-work__title {
    font-size: 2.083333vw;
    position: absolute;
    bottom: 27.1vw;
    left: 9.1vw;
    width: 27vw;
  }
}
.front-work__text {
  font-size: 1rem;
  line-height: 1.63;
  font-weight: 500;
  padding: 2rem 0;
}
@media (min-width: 992px) {
  .front-work__text {
    font-size: 0.833333vw;
    position: absolute;
    width: 32vw;
    bottom: 19.9vw;
    left: 9.1vw;
    padding: 0;
  }
}
@media (min-width: 992px) {
  .front-work__action {
    display: flex;
    justify-content: flex-end;
    position: absolute;
    bottom: 14.8vw;
    right: 8.8vw;
  }
}

.front-search {
  width: 100%;
  background: #ff5933;
  color: #000;
  position: relative;
  padding: 4rem 1rem;
}
@media (min-width: 992px) {
  .front-search {
    min-width: 100vw;
    height: 100vh;
    padding: 0;
  }
}
.front-search__title {
  font-size: 2rem;
  line-height: 1.23;
  padding-bottom: 2rem;
}
@media (min-width: 992px) {
  .front-search__title {
    font-size: 2.083333vw;
    position: absolute;
    bottom: 25.2vw;
    left: 8.9vw;
    width: 28vw;
    padding: 0;
  }
}
.front-search__text {
  font-size: 1rem;
  line-height: 1.63;
  font-weight: 500;
  padding-bottom: 1rem;
}
@media (min-width: 992px) {
  .front-search__text {
    font-size: 0.833333vw;
    position: absolute;
    width: 32vw;
    left: 8.9vw;
    bottom: 19.3vw;
    padding-bottom: 0;
  }
}
.front-search__action {
  display: flex;
  justify-content: flex-end;
}
@media (min-width: 992px) {
  .front-search__action {
    position: absolute;
    bottom: 14.2vw;
    left: 33.3vw;
  }
}
.front-search__img {
  display: block;
  width: 80%;
  max-width: 30rem;
}
@media (min-width: 992px) {
  .front-search__img {
    position: absolute;
    right: 4vw;
    bottom: 4vw;
    width: 73.4375vw;
    max-width: unset;
  }
}

.catallog {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 1rem 0.75rem;
  padding: 3rem 1rem;
}
@media (min-width: 992px) {
  .catallog {
    justify-content: flex-start;
    gap: 0.677083vw 0.833333vw;
    padding: 0;
  }
}
.catallog__single {
  display: block;
  font-size: 1.25rem;
  width: 100%;
  padding: 2rem;
  font-weight: 700;
  line-height: 1.2;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  color: #fff;
  background: #357CE2;
}
@media (min-width: 468px) {
  .catallog__single {
    width: 20rem;
  }
}
@media (min-width: 992px) {
  .catallog__single {
    font-size: 1vw;
    width: 18.85vw;
    height: 7.4vw;
    padding: 1vw;
    transition: 0.2s;
  }
  .catallog__single.catallog__single--link:hover {
    background: #00cf69;
  }
}
.catallog__single--green {
  background: #00cf69;
}
.catallog__single--green.catallog__single--link:hover {
  background: #ff5933;
}
.catallog__single--orange {
  background: #ff5933;
}
.catallog__single--orange.catallog__single--link:hover {
  background: #357CE2;
}

.contact-section {
  width: 100%;
  position: relative;
}
@media (min-width: 992px) {
  .contact-section {
    min-width: 100vw;
    height: 100vh;
  }
  .contact-section--short {
    min-width: 60vw;
  }
  .contact-section--short-2 {
    min-width: 50vw;
  }
}
.contact-section__start {
  font-size: 2rem;
  line-height: 1.2;
  font-weight: 700;
  display: flex;
  flex-direction: column;
  gap: 2rem;
  padding: 3rem 1rem 0;
  margin-bottom: -3rem;
}
@media (min-width: 992px) {
  .contact-section__start {
    font-size: 2.083333vw;
    position: absolute;
    bottom: 19.4vw;
    left: 15vw;
    width: 34vw;
    gap: 2.5vw;
    padding: 0;
    margin: 0;
  }
}
@media (min-width: 992px) {
  .contact-section__end {
    position: absolute;
    left: 41vw;
    bottom: 3.8vw;
    width: 16vw;
  }
  .contact-section__end--short {
    left: 41vw;
    bottom: 2.1vw;
  }
  .contact-section__end--page {
    width: 50%;
    left: 50vw;
  }
  .contact-section__end--short-2 {
    left: 0;
    min-width: 50vw;
  }
}
.contact-section__action {
  display: flex;
  justify-content: flex-end;
}
.contact-section__action--center {
  justify-content: center;
}
.contact-section__hand {
  display: none;
}
@media (min-width: 992px) {
  .contact-section__hand {
    position: absolute;
    display: block;
    bottom: -17vw;
    left: -4vw;
    width: 19.635416vw;
    height: auto;
  }
}

.contact {
  font-weight: 500;
  display: flex;
  flex-direction: column;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.1;
  position: relative;
}
@media (min-width: 992px) {
  .contact {
    font-size: 1vw;
    letter-spacing: -0.04vw;
  }
  .contact--page {
    position: absolute;
    right: 3.8vw;
    bottom: 0;
  }
}
.contact__img {
  display: block;
  width: 20rem;
  margin-bottom: -2rem;
  transform: rotate(-45deg) scale(0.8);
}
@media (min-width: 992px) {
  .contact__img {
    position: absolute;
    top: -9vw;
    right: 9.65vw;
    width: 24vw;
    z-index: 1;
    margin: 0;
    transform: none;
  }
}
.contact__img--workshop {
  display: none;
  transform: none;
}
@media (min-width: 992px) {
  .contact__img--workshop {
    display: block;
    position: absolute;
    top: -7.5vw;
    right: 6.65vw;
    width: 18.416666vw;
    z-index: 1;
  }
}
.contact__page-img {
  display: block;
  width: 100%;
  height: auto;
  padding: 1rem 0;
  margin-left: auto;
}
@media (min-width: 992px) {
  .contact__page-img {
    padding: 0;
    position: absolute;
    right: 4.1vw;
    bottom: 0.8vw;
    width: 38.3vw;
  }
}
.contact__start {
  display: flex;
  flex-direction: column;
  padding: 0rem 1rem 3rem;
  gap: 2rem;
  position: relative;
  order: 1;
}
@media (min-width: 992px) {
  .contact__start {
    padding: 1.25vw 1.4vw;
    gap: 1.25vw;
    order: 0;
  }
}
.contact__arrow {
  display: block;
  width: 4rem;
  margin-left: auto;
  position: absolute;
  bottom: 1rem;
  right: 1rem;
}
@media (min-width: 992px) {
  .contact__arrow {
    width: 3.5vw;
    right: 1.55vw;
    bottom: 1.65vw;
  }
}
.contact__end {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding: 3rem 1rem;
  gap: 2rem;
}
@media (min-width: 992px) {
  .contact__end {
    padding: 1.25vw 1.4vw;
    gap: 1.2vw;
  }
}
.contact__important {
  position: relative;
  margin-bottom: 0.3vw;
  display: inline-block;
}
.contact__important:after {
  content: "";
  position: absolute;
  z-index: -1;
  background: #00cf69;
  left: -0.25vw;
  top: -0.15vw;
  width: calc(100% + 0.6vw);
  height: calc(100% + 0.3vw);
}

.about-intro {
  position: relative;
  padding: 8rem 0 0;
}
@media (min-width: 992px) {
  .about-intro {
    min-width: 100vw;
    height: 100vh;
  }
}
.about-intro__title {
  line-height: 1.22;
  font-size: 2.5rem;
  padding: 0 1rem 1rem;
}
@media (min-width: 992px) {
  .about-intro__title {
    font-size: 3.125vw;
    position: absolute;
    left: 5.4vw;
    bottom: 28.2vw;
    white-space: nowrap;
    padding: 0;
  }
}
.about-intro__text {
  font-weight: 500;
  line-height: 1.63;
  padding: 0 1rem;
}
@media (min-width: 992px) {
  .about-intro__text {
    padding: 0;
    font-size: 0.833333vw;
    position: absolute;
    left: 5.4vw;
    bottom: 16.9vw;
    width: 32vw;
  }
}
.about-intro__img {
  display: block;
  height: auto;
  width: 100%;
  max-width: 20rem;
  margin: 2rem auto 4rem;
}
@media (min-width: 992px) {
  .about-intro__img {
    width: 41.458333vw;
    max-width: unset;
    margin: 0;
    position: absolute;
    bottom: 2vw;
    left: 50vw;
  }
}
@media (min-width: 992px) {
  .about-intro__cloud {
    position: absolute;
    bottom: 10vw;
    left: 77vw;
  }
}

.cloud {
  color: #fff;
  text-align: center;
  background: #357CE2;
  padding: 2rem 1rem;
}
.cloud--orange {
  background: #ff5933;
}
@media (min-width: 992px) {
  .cloud {
    background: none;
    padding: 0;
  }
}
.cloud--white {
  color: #000;
  background: #fff;
}
@media (min-width: 992px) {
  .cloud--white {
    background: none;
  }
}
.cloud__number {
  font-size: 2rem;
  font-weight: 700;
}
@media (min-width: 992px) {
  .cloud__number {
    position: absolute;
    font-size: 2.083333vw;
    top: 3.35vw;
    margin: 0 auto;
    left: 0;
    right: 0;
  }
  .cloud__number--big {
    top: 5vw;
  }
}
.cloud__text {
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.2;
}
@media (min-width: 992px) {
  .cloud__text {
    position: absolute;
    font-size: 1.041666vw;
    top: 6.2vw;
    margin: 0 auto;
    left: 0;
    right: 0;
  }
  .cloud__text--big {
    top: 8vw;
  }
}
@media (min-width: 992px) {
  .cloud__text--realization {
    padding: 0 0.7vw;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: flex;
    justify-content: center;
    align-items: center;
  }
}
.cloud__img {
  display: none;
}
@media (min-width: 992px) {
  .cloud__img {
    display: block;
    height: auto;
    width: 14.479166vw;
  }
  .cloud__img--big {
    width: 17.5vw;
  }
}

.about-text {
  background: #4D4D4D;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  z-index: 2;
  padding: 4rem 1rem;
}
@media (min-width: 992px) {
  .about-text {
    min-width: 50vw;
    height: 100vh;
    padding: 0;
  }
}
.about-text__content {
  line-height: 1.63;
  font-weight: 500;
  font-size: 1rem;
}
@media (min-width: 992px) {
  .about-text__content {
    width: 32.1vw;
    font-size: 0.833333vw;
    padding-top: 7vw;
  }
}

.about-screens {
  position: relative;
  overflow: hidden;
}
@media (min-width: 992px) {
  .about-screens {
    min-width: 83vw;
    height: 100vh;
  }
}
.about-screens__img {
  display: block;
  width: 80%;
  margin: 0 auto 2rem;
  height: auto;
}
@media (min-width: 992px) {
  .about-screens__img {
    width: 63.385416vw;
    margin: 0 0 0 -4.15vw;
  }
}
@media (min-width: 992px) {
  .about-screens__cloud {
    position: absolute;
    top: 17.7vw;
    left: 57.6vw;
  }
}

.about-why {
  background: #357CE2;
  position: relative;
  display: flex;
  flex-direction: column-reverse;
}
@media (min-width: 992px) {
  .about-why {
    display: block;
    min-width: 100vw;
    height: 100vh;
  }
}
.about-why__bg {
  display: none;
}
@media (min-width: 992px) {
  .about-why__bg {
    display: block;
    width: 60.677083vw;
    max-width: unset;
    height: auto;
    position: absolute;
    bottom: 3.6vw;
    left: 19.7vw;
    margin: 0;
  }
}
@media (min-width: 992px) {
  .about-why__cloud {
    position: absolute;
    top: 12vw;
    left: 70vw;
  }
}
.about-why__wrapper {
  z-index: 2;
  top: 0;
  left: 0;
  background: rgba(77, 77, 77, 0.7);
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (min-width: 992px) {
  .about-why__wrapper {
    position: absolute;
    width: 50%;
    height: 100%;
  }
}
.about-why__content {
  color: #fff;
  padding: 4rem 1rem;
}
@media (min-width: 992px) {
  .about-why__content {
    width: 64%;
    padding: 7vw 0 0;
  }
}
.about-why__title {
  font-size: 2rem;
}
@media (min-width: 992px) {
  .about-why__title {
    font-size: 2.083333vw;
  }
}
.about-why__text {
  font-weight: 500;
  line-height: 1.63;
  font-size: 1rem;
  padding-top: 1rem;
}
@media (min-width: 992px) {
  .about-why__text {
    font-size: 0.833333vw;
    padding-top: 2.8vw;
  }
}

.about-contact {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: -4rem;
}
@media (min-width: 992px) {
  .about-contact {
    margin-bottom: 0;
    position: absolute;
    height: 100%;
    width: 50%;
  }
}
@media (min-width: 992px) {
  .about-contact__content {
    width: 38vw;
  }
}
.about-contact__text {
  font-weight: 500;
  line-height: 1.63;
  padding: 4rem 1rem;
  background: #357CE2;
  color: #fff;
}
@media (min-width: 992px) {
  .about-contact__text {
    background: none;
    color: #000;
    font-size: 0.833333vw;
    padding: 0;
  }
}
.about-contact__important {
  font-size: 1.125rem;
  padding: 4rem 1rem 3rem;
  font-weight: 700;
}
@media (min-width: 992px) {
  .about-contact__important {
    font-size: 1.041666vw;
    padding: 1.666666vw 0 3vw;
  }
}
.about-contact__action {
  margin-left: auto;
  display: flex;
  padding: 0 1rem;
}
@media (min-width: 992px) {
  .about-contact__action {
    padding: 0;
    justify-content: flex-end;
  }
}

.workshops-intro {
  position: relative;
  padding: 8rem 1rem 2rem;
}
@media (min-width: 992px) {
  .workshops-intro {
    min-width: 100vw;
    height: 100vh;
  }
}
.workshops-intro__title {
  font-size: 2.5rem;
  line-height: 1.2;
  padding-bottom: 2rem;
}
@media (min-width: 992px) {
  .workshops-intro__title {
    line-height: 1.5;
    font-size: 3.125vw;
    position: absolute;
    left: 5.4vw;
    bottom: 25.15vw;
  }
}
.workshops-intro__text {
  font-weight: 500;
  line-height: 1.63;
  font-size: 1rem;
}
@media (min-width: 992px) {
  .workshops-intro__text {
    font-size: 0.833333vw;
    position: absolute;
    left: 5.4vw;
    bottom: 19.7vw;
    max-width: 32vw;
  }
}
.workshops-intro__img {
  display: block;
  height: auto;
  width: 80%;
  max-width: 20rem;
  margin: 0 auto;
}
@media (min-width: 992px) {
  .workshops-intro__img {
    margin: 0;
    max-width: unset;
    width: 38.229166vw;
    position: absolute;
    left: 55vw;
    top: 9vw;
  }
}

.workshops-text {
  background: #4D4D4D;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 4rem 1rem;
}
@media (min-width: 992px) {
  .workshops-text {
    min-width: 50vw;
    height: 100vh;
    padding: 0;
  }
}
.workshops-text__content {
  line-height: 1.63;
  font-weight: 500;
  font-size: 1rem;
}
@media (min-width: 992px) {
  .workshops-text__content {
    width: 30.8vw;
    font-size: 0.833333vw;
    padding-top: 7vw;
  }
}
.workshops-text__title {
  font-size: 2rem;
  padding-bottom: 1rem;
}
@media (min-width: 992px) {
  .workshops-text__title {
    font-size: 2.083333vw;
    padding-bottom: 1.2vw;
  }
}
.workshops-text__important {
  font-weight: 700;
  padding-top: 2rem;
}
@media (min-width: 992px) {
  .workshops-text__important {
    padding-top: 2vw;
  }
}

.point {
  display: flex;
  align-items: flex-start;
  font-weight: 500;
  font-size: 1rem;
  padding: 1rem 0;
}
@media (min-width: 992px) {
  .point {
    font-size: 0.833333vw;
    padding: 0.833333vw 0;
  }
}
.point__arrow {
  width: 1.25rem;
  height: 1.25rem;
  transform: rotate(-90deg);
}
@media (min-width: 992px) {
  .point__arrow {
    width: 0.989583vw;
    height: 0.989583vw;
  }
}
.point__text {
  padding-left: 1.25rem;
}
@media (min-width: 992px) {
  .point__text {
    padding-left: 0.625vw;
  }
}

.workshops-catallog {
  position: relative;
  margin: 2rem 0 -3rem;
}
@media (min-width: 992px) {
  .workshops-catallog {
    min-width: 103vw;
    height: 100vh;
    margin: 0;
  }
}
.workshops-catallog__content {
  z-index: 2;
}
@media (min-width: 992px) {
  .workshops-catallog__content {
    position: absolute;
    bottom: 4.45vw;
    left: 9vw;
    width: 65vw;
  }
}
.workshops-catallog__img {
  display: none;
}
@media (min-width: 992px) {
  .workshops-catallog__img {
    width: 22.239583vw;
    height: auto;
    position: absolute;
    right: 0;
    top: 25vw;
    display: block;
  }
}

.workshop-intro {
  padding: 8rem 1rem 4rem;
  position: relative;
}
@media (min-width: 992px) {
  .workshop-intro {
    min-width: 100vw;
    height: 100vh;
    padding: 9vw 0 0;
  }
}
@media (min-width: 992px) {
  .workshop-intro__start {
    position: absolute;
    bottom: 13.8vw;
    left: 5.3vw;
    max-width: 31vw;
  }
}
.workshop-intro__logo {
  max-width: 20rem;
  width: 100%;
  position: relative;
}
@media (min-width: 992px) {
  .workshop-intro__logo {
    max-width: 24.2vw;
  }
}
.workshop-intro__logo:after {
  content: "";
  display: block;
  padding-bottom: 47%;
}
.workshop-intro__logo__img {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  -o-object-fit: contain;
     object-fit: contain;
  display: block;
}
.workshop-intro__maintext {
  font-weight: 500;
  line-height: 1.63;
  font-size: 1rem;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding: 2rem 0 4rem;
}
@media (min-width: 992px) {
  .workshop-intro__maintext {
    padding: 3vw 0 0;
    font-size: 0.833333vw;
    gap: 1.3vw;
  }
}
@media (min-width: 992px) {
  .workshop-intro__extra {
    position: absolute;
    bottom: 11.5vw;
    left: 52vw;
    max-width: 33vw;
  }
}
.workshop-intro__title {
  font-size: 2rem;
}
@media (min-width: 992px) {
  .workshop-intro__title {
    font-size: 2.083333vw;
  }
}
.workshop-intro__points {
  padding: 1rem 0;
}
@media (min-width: 992px) {
  .workshop-intro__points {
    padding: 1vw 0;
  }
}
.workshop-intro__time {
  font-weight: 500;
  line-height: 1.63;
  font-size: 1rem;
}
@media (min-width: 992px) {
  .workshop-intro__time {
    font-size: 0.833333vw;
  }
}
.workshop-intro__img {
  display: none;
}
@media (min-width: 992px) {
  .workshop-intro__img {
    position: absolute;
    right: -1.6vw;
    bottom: 1.6vw;
    display: block;
    height: auto;
    width: 13.28125vw;
  }
}

.workshop-modules {
  background: #4D4D4D;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 4rem 1rem;
}
@media (min-width: 992px) {
  .workshop-modules {
    min-width: 50vw;
    height: 100vh;
    padding: 0;
  }
}
.workshop-modules__content {
  line-height: 1.63;
  font-weight: 500;
  font-size: 1rem;
}
@media (min-width: 992px) {
  .workshop-modules__content {
    width: 36.8vw;
    font-size: 0.833333vw;
    padding-top: 7vw;
  }
}
.workshop-modules__title {
  font-size: 2rem;
  padding-bottom: 1rem;
}
@media (min-width: 992px) {
  .workshop-modules__title {
    font-size: 2.083333vw;
    padding-bottom: 1.2vw;
  }
}
.workshop-modules__list {
  counter-reset: number;
  list-style-type: none;
}
@media (min-width: 992px) {
  .workshop-modules__list {
    -moz-column-count: 2;
         column-count: 2;
    -moz-column-gap: 3vw;
         column-gap: 3vw;
  }
}
.workshop-modules__list li {
  position: relative;
  padding: 1rem 0 0 1.5rem;
}
@media (min-width: 992px) {
  .workshop-modules__list li {
    padding: 1vw 0 0 1.5vw;
  }
}
.workshop-modules__list li:before {
  position: absolute;
  top: 1rem;
  left: 0;
  counter-increment: number;
  content: counter(number);
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 1;
}
@media (min-width: 992px) {
  .workshop-modules__list li:before {
    top: 0.7vw;
    font-size: 1.354166vw;
  }
}

.workshop-test {
  position: relative;
  padding: 4rem 1rem;
}
@media (min-width: 992px) {
  .workshop-test {
    min-width: 50vw;
    height: 100vh;
    padding: 0;
  }
}
.workshop-test__title {
  font-size: 2rem;
  padding-bottom: 1rem;
  line-height: 1.2;
}
@media (min-width: 992px) {
  .workshop-test__title {
    font-size: 2.083333vw;
    padding-bottom: 1.2vw;
    position: absolute;
    bottom: 23vw;
    left: 9vw;
    width: 33vw;
  }
}
@media (min-width: 992px) {
  .workshop-test__action {
    position: absolute;
    bottom: 19vw;
    left: 35vw;
  }
}
.workshop-test__img {
  display: block;
  height: auto;
  width: 100%;
  max-width: 20rem;
  margin: 0 auto;
}
@media (min-width: 992px) {
  .workshop-test__img {
    width: 19.947916vw;
    max-width: unset;
    margin: 0;
    position: absolute;
    left: 9vw;
    bottom: 2.6vw;
  }
}

.workshop-info {
  background: #4D4D4D;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 4rem 1rem;
}
@media (min-width: 992px) {
  .workshop-info {
    min-width: 50vw;
    height: 100vh;
    padding: 0;
  }
}
.workshop-info__content {
  line-height: 1.63;
  font-weight: 500;
  font-size: 1rem;
}
@media (min-width: 992px) {
  .workshop-info__content {
    width: 32vw;
    font-size: 0.833333vw;
    padding-top: 7vw;
  }
}
.workshop-info__title {
  font-size: 2rem;
  padding-bottom: 1rem;
  line-height: 1.2;
}
@media (min-width: 992px) {
  .workshop-info__title {
    font-size: 2.083333vw;
    padding-bottom: 1.2vw;
  }
}
.workshop-info__text {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding-top: 2rem;
}
@media (min-width: 992px) {
  .workshop-info__text {
    padding-top: 3vw;
    font-size: 0.833333vw;
    gap: 1.3vw;
  }
}

.workshop-devices {
  position: relative;
  padding: 4rem 1rem;
}
@media (min-width: 992px) {
  .workshop-devices {
    min-width: 100vw;
    height: 100vh;
    padding: 0;
  }
}
.workshop-devices__content {
  line-height: 1.63;
  font-weight: 500;
  font-size: 1rem;
}
@media (min-width: 992px) {
  .workshop-devices__content {
    width: 32vw;
    font-size: 0.833333vw;
    padding-top: 7vw;
    position: absolute;
    bottom: 9vw;
    left: 9vw;
  }
}
.workshop-devices__title {
  font-size: 2rem;
  padding-bottom: 2rem;
  line-height: 1.2;
}
@media (min-width: 992px) {
  .workshop-devices__title {
    font-size: 2.083333vw;
    padding-bottom: 3.2vw;
  }
}
.workshop-devices__main {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}
@media (min-width: 992px) {
  .workshop-devices__main {
    gap: 3.2vw;
  }
}
.workshop-devices__subtitle {
  font-size: 1.25rem;
  padding-bottom: 1rem;
  line-height: 1.2;
}
@media (min-width: 992px) {
  .workshop-devices__subtitle {
    font-size: 1.041666vw;
    padding-bottom: 1.45vw;
  }
}
.workshop-devices__img {
  display: block;
  height: auto;
  width: 100%;
  max-width: 20rem;
  margin: 3rem auto 0;
}
@media (min-width: 992px) {
  .workshop-devices__img {
    position: absolute;
    left: 52.7vw;
    bottom: 5.6vw;
    width: 38.90625vw;
    max-width: unset;
    margin: 0;
  }
}

.workshop-contact {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 4rem 1rem;
  position: relative;
}
@media (min-width: 992px) {
  .workshop-contact {
    min-width: 50vw;
    height: 100vh;
    padding: 9vw 0 0;
  }
}
.workshop-contact__text {
  font-size: 2rem;
  line-height: 1.2;
  font-weight: 700;
  display: flex;
  flex-direction: column;
  gap: 2rem;
}
@media (min-width: 992px) {
  .workshop-contact__text {
    font-size: 1.583333vw;
    max-width: 32vw;
    gap: 3vw;
    padding-bottom: 5vw;
  }
}
.workshop-contact__img {
  display: none;
}
@media (min-width: 992px) {
  .workshop-contact__img {
    position: absolute;
    right: 2.7vw;
    bottom: 2.75vw;
    display: block;
    height: auto;
    width: 16.34375vw;
  }
}

.process-intro {
  position: relative;
  padding: 8rem 1rem 4rem;
}
@media (min-width: 992px) {
  .process-intro {
    min-width: 100vw;
    height: 100vh;
  }
}
.process-intro__title {
  font-size: 2.5rem;
  line-height: 1.2;
  margin-bottom: 1rem;
}
@media (min-width: 992px) {
  .process-intro__title {
    margin-bottom: 0;
    line-height: 1.5;
    font-size: 3.125vw;
    position: absolute;
    left: 5.4vw;
    bottom: 26.5vw;
  }
}
.process-intro__text {
  font-weight: 500;
  line-height: 1.63;
  font-size: 1rem;
}
@media (min-width: 992px) {
  .process-intro__text {
    font-size: 0.833333vw;
    position: absolute;
    left: 5.4vw;
    bottom: 18.3vw;
    max-width: 31vw;
  }
}
.process-intro__img {
  display: block;
  width: 80%;
  height: auto;
  margin: 2rem auto 0;
}
@media (min-width: 992px) {
  .process-intro__img {
    margin: 0;
    width: 39.84375vw;
    position: absolute;
    left: 51.2vw;
    bottom: 4.5vw;
  }
}

.process-start {
  position: relative;
  background: #4D4D4D;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: flex-end;
  padding: 4rem 1rem;
}
@media (min-width: 992px) {
  .process-start {
    min-width: 50vw;
    height: 100vh;
    padding: 0;
  }
}
.process-start__content {
  font-size: 1rem;
  line-height: 1.63;
  font-weight: 500;
}
@media (min-width: 992px) {
  .process-start__content {
    width: 36.5vw;
    font-size: 0.833333vw;
    padding-bottom: 8.5vw;
  }
}
.process-start__title {
  font-size: 2rem;
  padding-bottom: 2rem;
}
@media (min-width: 992px) {
  .process-start__title {
    font-size: 2.083333vw;
    padding-bottom: 3vw;
  }
}
.process-start__points {
  padding: 2rem 0;
}
@media (min-width: 992px) {
  .process-start__points {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.2vw 2vw;
    padding: 2.5vw 0 2vw;
  }
}
.process-start__important {
  font-weight: 700;
  padding-top: 2vw;
}

.process-steps {
  position: relative;
  padding: 4rem 1rem;
}
@media (min-width: 992px) {
  .process-steps {
    min-width: 100vw;
    height: 100vh;
    padding: 0;
  }
}
.process-steps__title {
  font-size: 2rem;
  line-height: 1.2;
  padding-bottom: 1rem;
}
@media (min-width: 992px) {
  .process-steps__title {
    font-size: 2.083333vw;
    position: absolute;
    left: 8.9vw;
    bottom: 27.6vw;
    max-width: 33vw;
    padding-bottom: 0;
  }
}
.process-steps__text {
  font-weight: 500;
  line-height: 1.63;
  font-size: 1rem;
}
@media (min-width: 992px) {
  .process-steps__text {
    font-size: 0.833333vw;
    position: absolute;
    left: 8.9vw;
    bottom: 16.3vw;
    max-width: 32vw;
  }
}
.process-steps__img {
  display: block;
  width: 80%;
  max-width: 20rem;
  margin: 2rem auto 0;
  height: auto;
}
@media (min-width: 992px) {
  .process-steps__img {
    width: 39.84375vw;
    max-width: unset;
    margin: 0;
    position: absolute;
    left: 51.2vw;
    bottom: 4.5vw;
  }
}

.process-step {
  position: relative;
  background: #4D4D4D;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  padding: 2rem 1rem 4rem;
}
@media (min-width: 992px) {
  .process-step {
    min-width: 50vw;
    height: 100vh;
    padding: 3vw 0 0;
  }
}
.process-step--even {
  background: #f6f6f6;
  color: #000;
}
@media (min-width: 992px) {
  .process-step--even {
    padding: 7.5vw 0 0;
  }
}
.process-step__arrow {
  display: none;
}
@media (min-width: 992px) {
  .process-step__arrow {
    position: absolute;
    right: 0;
    top: 4.5vw;
    bottom: 0;
    margin: auto 0;
    display: block;
    width: 4.375vw;
    height: auto;
  }
}
.process-step__number {
  position: absolute;
  top: 14rem;
  left: 1.5rem;
  font-size: 10rem;
  font-weight: 700;
  line-height: 1;
  color: #357CE2;
  z-index: 0;
}
@media (min-width: 992px) {
  .process-step__number {
    font-size: 13vw;
    top: unset;
    bottom: 12vw;
    left: 8.5vw;
  }
}
.process-step__number--orange {
  color: #ff5933;
}
.process-step__number--green {
  color: #00cf69;
}
@media (min-width: 992px) {
  .process-step__number--even {
    top: 9vw;
    bottom: unset;
  }
}
.process-step__img {
  display: block;
  height: 12rem;
  width: auto;
  margin: 1rem auto;
  order: -1;
}
@media (min-width: 992px) {
  .process-step__img {
    height: auto;
    margin: 0;
    order: unset;
  }
  .process-step__img--step1 {
    width: 16.822916vw;
  }
  .process-step__img--step2 {
    margin-top: 2vw;
    width: 21.40625vw;
  }
  .process-step__img--step3 {
    width: 24.79166vw;
  }
  .process-step__img--step4 {
    margin-top: 2vw;
    width: 19vw;
  }
  .process-step__img--step5 {
    width: 20.520833vw;
  }
}
.process-step__content {
  width: 100%;
  line-height: 1.63;
  font-weight: 500;
  position: relative;
  z-index: 1;
}
@media (min-width: 992px) {
  .process-step__content {
    max-width: 32.5vw;
    font-size: 0.833333vw;
  }
}
.process-step__title {
  font-size: 1.25rem;
  padding-bottom: 1rem;
}
@media (min-width: 992px) {
  .process-step__title {
    font-size: 1.041666vw;
    padding: 2.7vw 0 1.3vw;
  }
}

.contact-intro {
  position: relative;
  padding: 8rem 1rem 0;
  margin-bottom: -3rem;
}
@media (min-width: 992px) {
  .contact-intro {
    padding: 0;
    min-width: 40vw;
    height: 100vh;
    margin-bottom: 0;
  }
}
.contact-intro__title {
  font-size: 2.5rem;
}
@media (min-width: 992px) {
  .contact-intro__title {
    font-size: 3.125vw;
    position: absolute;
    left: 5.4vw;
    bottom: 25.5vw;
  }
}
.contact-intro__text {
  font-weight: 500;
  line-height: 1.63;
  font-size: 1rem;
}
@media (min-width: 992px) {
  .contact-intro__text {
    font-size: 0.833333vw;
    position: absolute;
    left: 5.4vw;
    bottom: 18.9vw;
    width: 32vw;
  }
}
.contact-intro__img {
  display: block;
  width: 100%;
  height: auto;
  padding: 1rem 0 3rem;
}
@media (min-width: 992px) {
  .contact-intro__img {
    padding: 0;
    width: 65.5vw;
    position: absolute;
    bottom: 3.5vw;
    left: 29.5vw;
  }
}

.realizations-intro {
  position: relative;
  padding: 8rem 1rem 4rem;
}
@media (min-width: 992px) {
  .realizations-intro {
    min-width: 100vw;
    height: 100vh;
    padding: 0;
  }
}
.realizations-intro__title {
  font-size: 2.5rem;
}
@media (min-width: 992px) {
  .realizations-intro__title {
    font-size: 3.125vw;
    position: absolute;
    left: 5.75vw;
    bottom: 25.7vw;
  }
}
.realizations-intro__text {
  font-weight: 500;
  line-height: 1.63;
  font-size: 1rem;
}
@media (min-width: 992px) {
  .realizations-intro__text {
    font-size: 0.833333vw;
    position: absolute;
    left: 5.75vw;
    bottom: 17.6vw;
    max-width: 32vw;
  }
}
.realizations-intro__img {
  width: 80%;
  max-width: 20rem;
  height: auto;
  display: block;
  margin: 2rem auto 0;
}
@media (min-width: 992px) {
  .realizations-intro__img {
    max-width: unset;
    margin: 0;
    position: absolute;
    bottom: 4vw;
    left: 44vw;
    width: 50.520833vw;
  }
}

.realizations-single {
  background: #4D4D4D;
  color: #fff;
  display: flex;
  justify-content: center;
  position: relative;
}
@media (min-width: 992px) {
  .realizations-single {
    min-width: 50vw;
    height: 100vh;
    padding-top: 8.2vw;
  }
}
.realizations-single--light {
  background: #f6f6f6;
  color: #000;
}
.realizations-single__content {
  line-height: 1.63;
  font-weight: 500;
  font-size: 1rem;
}
@media (min-width: 992px) {
  .realizations-single__content {
    width: 32.1vw;
    font-size: 0.833333vw;
    position: relative;
  }
}
.realizations-single__img {
  display: block;
  width: 100%;
  height: auto;
  padding: 2rem 2rem 1rem;
}
@media (min-width: 992px) {
  .realizations-single__img {
    padding: 0;
  }
}
.realizations-single__title {
  line-height: 1.2;
  font-size: 2rem;
  padding: 2rem 1rem 1.5rem;
}
@media (min-width: 992px) {
  .realizations-single__title {
    font-size: 1.5vw;
    padding: 1.3vw 0 0.5vw;
  }
}
.realizations-single__text {
  padding: 0 1rem;
}
@media (min-width: 992px) {
  .realizations-single__text {
    padding: 0;
  }
}
.realizations-single__action {
  display: flex;
  justify-content: flex-end;
  padding: 2rem 1rem 2rem;
}
@media (min-width: 992px) {
  .realizations-single__action {
    padding: 1.3vw 0 0;
  }
}

.realizations-portfolio {
  position: relative;
  padding: 4rem 1rem 6rem;
}
@media (min-width: 992px) {
  .realizations-portfolio {
    padding: 0;
    min-width: 50vw;
    height: 100vh;
  }
}
.realizations-portfolio__title {
  font-size: 2rem;
  line-height: 1.2;
}
@media (min-width: 992px) {
  .realizations-portfolio__title {
    font-size: 2.083333vw;
    position: absolute;
    bottom: 28.6vw;
    left: 8vw;
    max-width: 30vw;
  }
}
.realizations-portfolio__action {
  padding-top: 2rem;
}
@media (min-width: 992px) {
  .realizations-portfolio__action {
    padding-top: 0;
    position: absolute;
    left: 32vw;
    bottom: 23vw;
  }
}
.realizations-portfolio__img {
  display: block;
  width: 100%;
  height: auto;
  max-width: 20rem;
  transform: rotate(-166deg) scaleY(-100%) translate(-10%, 3rem);
}
@media (min-width: 992px) {
  .realizations-portfolio__img {
    width: 25.260416vw;
    max-width: unset;
    position: absolute;
    bottom: 2vw;
    left: 5vw;
    transform: none;
  }
}

.realization-intro {
  position: relative;
  padding: 8rem 1rem 3rem;
}
@media (min-width: 992px) {
  .realization-intro {
    padding: 0;
    min-width: 50vw;
    height: 100vh;
  }
}
.realization-intro__title {
  line-height: 1.2;
  font-size: 2rem;
}
@media (min-width: 992px) {
  .realization-intro__title {
    font-size: 2.083333vw;
  }
}
.realization-intro__subtitle {
  font-size: 1.25rem;
  padding: 2rem 0 1rem;
}
@media (min-width: 992px) {
  .realization-intro__subtitle {
    font-size: 1.041666vw;
    padding: 2vw 0 1vw;
  }
}
@media (min-width: 992px) {
  .realization-intro__content {
    position: absolute;
    left: 5.75vw;
    top: 20.9vw;
    max-width: 33vw;
  }
}

.realization-photo {
  background: #357CE2;
  position: relative;
}
@media (min-width: 992px) {
  .realization-photo {
    padding: 12.75vw 7.65vw 6vw;
    height: 100vh;
  }
}
.realization-photo__img {
  height: auto;
  width: 100%;
  display: block;
}
@media (min-width: 992px) {
  .realization-photo__img {
    height: 67.129629vh;
    width: auto;
    filter: grayscale(1);
    transition: 0.2s;
  }
  .realization-photo__img:hover {
    filter: grayscale(0);
  }
}
@media (min-width: 992px) {
  .realization-photo__cloud {
    position: absolute;
    top: 9.75vw;
    left: 45.75vw;
  }
}

.realization-steps {
  position: relative;
  padding: 4rem 1rem;
}
@media (min-width: 992px) {
  .realization-steps {
    padding: 7vw 0 0 6.6vw;
    min-width: 45vw;
    height: 100vh;
    display: flex;
    align-items: center;
  }
}
.realization-steps__content {
  width: 100%;
}
@media (min-width: 992px) {
  .realization-steps__content {
    max-width: 33vw;
  }
}
.realization-steps__title {
  font-size: 1.25rem;
  padding-bottom: 0.5rem;
}
@media (min-width: 992px) {
  .realization-steps__title {
    font-size: 1.041666vw;
    padding-bottom: 0.5vw;
  }
}

.realization-photo2 {
  position: relative;
}
@media (min-width: 992px) {
  .realization-photo2 {
    padding: 12.75vw 0 6vw;
    margin-right: 8.9583333vw;
  }
  .realization-photo2--left-margin {
    margin: 0 7.65vw;
  }
}
.realization-photo2__img {
  height: auto;
  width: 100%;
  display: block;
}
@media (min-width: 992px) {
  .realization-photo2__img {
    height: 67.129629vh;
    width: auto;
    filter: grayscale(1);
    transition: 0.2s;
  }
  .realization-photo2__img:hover {
    filter: grayscale(0);
  }
}
@media (min-width: 992px) {
  .realization-photo2__cloud {
    position: absolute;
    top: 9.75vw;
    left: 45.75vw;
  }
}

.realization-text {
  background: #4D4D4D;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 4rem 1rem;
}
.realization-text--light {
  background: #f6f6f6;
  color: #000;
}
@media (min-width: 992px) {
  .realization-text {
    min-width: 50vw;
    height: 100vh;
    padding: 0;
  }
}
.realization-text__content {
  line-height: 1.63;
  font-weight: 500;
  font-size: 1rem;
}
@media (min-width: 992px) {
  .realization-text__content {
    width: 35.8vw;
    font-size: 0.833333vw;
    padding-top: 7vw;
  }
}
.realization-text__title {
  font-size: 1.25rem;
  padding-bottom: 1rem;
}
@media (min-width: 992px) {
  .realization-text__title {
    font-size: 1.041666vw;
    padding-bottom: 1.2vw;
  }
}

.realization-photo3 {
  background: #4D4D4D;
}
@media (min-width: 992px) {
  .realization-photo3 {
    padding: 12.75vw 7.65vw 6vw;
    height: 100vh;
  }
}
.realization-photo3__img {
  height: auto;
  width: 100%;
  display: block;
}
@media (min-width: 992px) {
  .realization-photo3__img {
    height: 67.129629vh;
    width: auto;
    filter: grayscale(1);
    transition: 0.2s;
  }
  .realization-photo3__img:hover {
    filter: grayscale(0);
  }
}

@media (min-width: 992px) {
  .js-animation {
    transition: 2s;
  }
  .js-up {
    transform: translateY(100vh);
  }
  .js-opacity {
    opacity: 0;
  }
}
.jobs-intro {
  position: relative;
  padding: 8rem 0 0;
}
@media (min-width: 992px) {
  .jobs-intro {
    min-width: 100vw;
    height: 100vh;
  }
}
.jobs-intro__title {
  line-height: 1.22;
  font-size: 2.125rem;
  padding: 0 1rem 1rem;
}
@media (min-width: 992px) {
  .jobs-intro__title {
    font-size: 3.125vw;
    position: absolute;
    left: 5.4vw;
    bottom: 23.2vw;
    white-space: nowrap;
    padding: 0;
  }
}
.jobs-intro__text {
  font-weight: 500;
  line-height: 1.63;
  padding: 0 1rem;
}
@media (min-width: 992px) {
  .jobs-intro__text {
    padding: 0;
    font-size: 0.833333vw;
    position: absolute;
    left: 5.4vw;
    bottom: 16.9vw;
    width: 32vw;
  }
}
.jobs-intro__img {
  display: block;
  height: auto;
  width: 100%;
  max-width: 20rem;
  margin: 2rem auto 4rem;
}
@media (min-width: 992px) {
  .jobs-intro__img {
    width: 38.458333vw;
    max-width: unset;
    margin: 0;
    position: absolute;
    bottom: 8vw;
    left: 50vw;
  }
}

.job {
  position: relative;
  padding: 4rem 1rem;
}
@media (min-width: 992px) {
  .job {
    min-width: 100vw;
    height: 100vh;
    padding: 0;
  }
}
@media (min-width: 992px) {
  .job__content {
    position: absolute;
    left: 8.9vw;
    bottom: 16.3vw;
  }
}
.job__title {
  font-size: 2rem;
  line-height: 1.2;
  padding-bottom: 1rem;
}
@media (min-width: 992px) {
  .job__title {
    font-size: 2.083333vw;
    max-width: 30vw;
    padding-bottom: 1.2vw;
  }
}
.job__text {
  font-weight: 500;
  line-height: 1.63;
  font-size: 1rem;
}
@media (min-width: 992px) {
  .job__text {
    font-size: 0.833333vw;
    max-width: 32vw;
  }
}
.job__img {
  display: block;
  width: 80%;
  max-width: 20rem;
  margin: 2rem auto 0;
  height: auto;
}
@media (min-width: 992px) {
  .job__img {
    width: 39.84375vw;
    max-width: unset;
    margin: 0;
    position: absolute;
    left: 51.2vw;
    bottom: 4.5vw;
  }
  .job__img--n1 {
    bottom: 10vw;
  }
  .job__img--n3 {
    bottom: 8.5vw;
  }
}

.go-contact {
  font-weight: 600;
  color: inherit;
  color: #ff5933;
}
@media (min-width: 992px) {
  .go-contact {
    transition: 0.2s;
  }
  .go-contact:hover {
    color: #357CE2;
  }
}/*# sourceMappingURL=style.css.map */
.contact__page-img {z-index:-1}

/* Mateusz quickhacks */
.catallog-disabled {background-color: #d4d4d4;}