/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
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;
}
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;
}
/* apply a natural box layout model to all elements, but allowing components to change */
html {
  box-sizing: border-box;
}
*,
*:before,
*:after {
  box-sizing: inherit;
}
button {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  padding: 0;
  margin: 0;
  border: none;
  outline: none;
  background-color: transparent;
  cursor: pointer;
}
@font-face {
  font-family: 'Geometria';
  src: url(/d52d08b351e6a3f002216b7a1455e873.eot);
  src: url(/d52d08b351e6a3f002216b7a1455e873.eot?#iefix) format('embedded-opentype'), url(/418f4e27bde0a19a0d273573e2a91075.woff2) format('woff2'), url(/e504146bc32b72e7350f1c37eb5a4f3b.woff) format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Geometria';
  src: url(/a99982d991d106b343e507ca53e120aa.eot);
  src: url(/a99982d991d106b343e507ca53e120aa.eot?#iefix) format('embedded-opentype'), url(/fa243442ca99b2ac24d49dd13a602e58.woff2) format('woff2'), url(/f753a8d50d9b0c09af7959942fabbdf9.woff) format('woff');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Geometria';
  src: url(/432bb74bee460a5b6ef2a0544f2952ab.eot);
  src: url(/432bb74bee460a5b6ef2a0544f2952ab.eot?#iefix) format('embedded-opentype'), url(/099993648ccf3e027741fcfee4e0c9f5.woff2) format('woff2'), url(/912b2dd1e24c271baabfea69e331d06f.woff) format('woff');
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Geometria';
  src: url(/d0c6367dcb620ff20414b2ac45512cae.eot);
  src: url(/d0c6367dcb620ff20414b2ac45512cae.eot?#iefix) format('embedded-opentype'), url(/d62fc9c6f369c925376bd8bff771c203.woff2) format('woff2'), url(/eb26d9a1893818471c385bc009e9da9a.woff) format('woff');
  font-weight: 800;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Geometria';
  src: url(/75e5e863e55dbd77a2635c0afa79ab16.eot);
  src: url(/75e5e863e55dbd77a2635c0afa79ab16.eot?#iefix) format('embedded-opentype'), url(/d41775a40c172c89cb195a0913e26a04.woff2) format('woff2'), url(/113210cbebc02f7476e79cceef699c9e.woff) format('woff');
  font-weight: 200;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Geometria';
  src: url(/689f25df3ef735b5bbd794331107b397.eot);
  src: url(/689f25df3ef735b5bbd794331107b397.eot?#iefix) format('embedded-opentype'), url(/e1e8acedd3632a77ae46cbd4387806e2.woff2) format('woff2'), url(/e28966b3df3b8e128e5ced10b3c1d676.woff) format('woff');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Geometria';
  src: url(/3afa4714fc6e3e6cd764ad4979f832ed.eot);
  src: url(/3afa4714fc6e3e6cd764ad4979f832ed.eot?#iefix) format('embedded-opentype'), url(/919a47a544109a956d08badc4ad05f11.woff2) format('woff2'), url(/5f6cf9df90483d2239ba371466f7e5a5.woff) format('woff');
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Geometria';
  src: url(/ff8d18a8c428dff9835fcf1f28cef2cd.eot);
  src: url(/ff8d18a8c428dff9835fcf1f28cef2cd.eot?#iefix) format('embedded-opentype'), url(/48cbcbc27690c19e053c509e30a5cad6.woff2) format('woff2'), url(/8f41d30570edab43670d269c87901ea7.woff) format('woff');
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Geometria';
  src: url(/a50ea72d66d6c336555f9537e9f83c48.eot);
  src: url(/a50ea72d66d6c336555f9537e9f83c48.eot?#iefix) format('embedded-opentype'), url(/f249bbe59e94ebaa4f9bcb93d915504e.woff2) format('woff2'), url(/dfe6156ccee4d68128c2111bcb3c5fa1.woff) format('woff');
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Geometria';
  src: url(/ae674436c8d186455a5fcf0ea7278c74.eot);
  src: url(/ae674436c8d186455a5fcf0ea7278c74.eot?#iefix) format('embedded-opentype'), url(/9b6d7033f2ae615faae92fda40d20902.woff2) format('woff2'), url(/33e27e6ded6f6f2b57a4365997e7d59c.woff) format('woff');
  font-weight: normal;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Geometria';
  src: url(/5be958ffde2ec40c730f91b3fb7b5fe3.eot);
  src: url(/5be958ffde2ec40c730f91b3fb7b5fe3.eot?#iefix) format('embedded-opentype'), url(/ae75e6c7f75122864236d3ffe4a11df8.woff2) format('woff2'), url(/a12d413a83394012b65ae82290dccc38.woff) format('woff');
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Geometria';
  src: url(/b36d587cbb79c031e21d4757c22a353d.eot);
  src: url(/b36d587cbb79c031e21d4757c22a353d.eot?#iefix) format('embedded-opentype'), url(/b3f46afa27b3438152e94c2be71e4354.woff2) format('woff2'), url(/6628215f8bf0a0bd929757952dfd0274.woff) format('woff');
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Geometria';
  src: url(/54cc370dec5b77a09aa80200be3ba99a.eot);
  src: url(/54cc370dec5b77a09aa80200be3ba99a.eot?#iefix) format('embedded-opentype'), url(/dabcc377dd19ff43c594e7803d69c816.woff2) format('woff2'), url(/8e4da8039755f38de0b743a5a1fd0a4d.woff) format('woff');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Geometria';
  src: url(/de01a817a45240d9f95c085754f696fe.eot);
  src: url(/de01a817a45240d9f95c085754f696fe.eot?#iefix) format('embedded-opentype'), url(/0266e1e4602e2e06d0b3b34a2209e33d.woff2) format('woff2'), url(/d27a1105dd7d6c453bf547e914875c0f.woff) format('woff');
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Geometria';
  src: url(/1980b19e6575f09012596818c2221e37.eot);
  src: url(/1980b19e6575f09012596818c2221e37.eot?#iefix) format('embedded-opentype'), url(/f48dc2dabc21548193948dd740aadcb3.woff2) format('woff2'), url(/07dbf7af10956e505cf65c00f9a4ac61.woff) format('woff');
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Geometria';
  src: url(/3678af281fe838370e8d9c3ed6d6bb06.eot);
  src: url(/3678af281fe838370e8d9c3ed6d6bb06.eot?#iefix) format('embedded-opentype'), url(/6a690984585716da7dfd3c296c97d384.woff2) format('woff2'), url(/d35f1750f8570e17073dcc3d5b3ff265.woff) format('woff');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'PT Mono';
  src: url(/6d0d0465ed92535d8cddf9a0198fa6bc.eot);
  src: url(/6d0d0465ed92535d8cddf9a0198fa6bc.eot?#iefix) format('embedded-opentype'), url(/fcbd85e1d0acfc55771446a6824c97ec.woff2) format('woff2'), url(/26d7a2391dba23d240e3192aa0bab5a6.woff) format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'PT Mono';
  src: url(/def8211d3b0f30e29f128108094a3f58.eot);
  src: url(/def8211d3b0f30e29f128108094a3f58.eot?#iefix) format('embedded-opentype'), url(/b406d48354b4c0a7d098e4643b629b39.woff2) format('woff2'), url(/58b64399991261a7e82772442669d51d.woff) format('woff');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
:root {
  --margin-small: 8px;
  --margin-std: 16px;
  --margin-big: 26px;
  --size-arrow: 48px;
}
@media only screen and (min-width: 768px) {
  :root {
    --margin-small: 12px;
    --margin-std: 28px;
    --margin-big: 42px;
    --size-arrow: 70px;
  }
}
html {
  font-size: 10px;
  font-family: Geometria;
}
body {
  background-color: #F2ECE9;
  line-height: 1.1;
}
.background-red {
  background-color: #F22727;
  color: #F2ECE9;
}
.background-blue {
  background-color: #263173;
  color: #F2ECE9;
}
.background-creme {
  background-color: #F2ECE9;
  color: #263173;
}
.background-white {
  background-color: #FFFFFF;
  color: #F22727;
}
.red {
  color: #F22727;
}
.blue {
  color: #263173;
}
.creme {
  color: #F2ECE9;
}
.container {
  max-width: 1920px;
  margin: auto;
}
@media only screen and (min-width: 1440px) {
  html {
    font-size: 11px;
  }
}
@media only screen and (min-width: 1920px) {
  html {
    font-size: 15px;
  }
}
.carousel__container {
  display: flex;
  flex-direction: row;
  align-items: stretch;
  overflow-x: scroll;
  -ms-scroll-snap-type: x mandatory;
      scroll-snap-type: x mandatory;
  -ms-overflow-style: none;
  /* IE and Edge */
  scrollbar-width: none;
  /* Firefox */
  overflow-y: hidden;
}
@media only screen and (min-width: 768px) {
  .carousel__container {
    overflow-x: hidden;
  }
}
.carousel__container::-webkit-scrollbar {
  height: 0px;
  /* Remove scrollbar space */
}
.carousel__item {
  width: 100%;
  flex: 0 0 auto;
  scroll-snap-stop: always;
  scroll-snap-align: center;
}
.carousel__arrow {
  width: var(--size-arrow);
  height: var(--size-arrow);
  border-radius: 50%;
}
.carousel__arrow circle {
  fill: #263173;
}
@media (hover: hover) {
  .carousel__arrow:hover circle {
    fill: #F22727;
  }
}
.carousel__arrow-container {
  display: flex;
  flex-direction: row;
}
.img-in-container {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: auto;
}
.img-container_square {
  position: relative;
  width: 100%;
  padding-bottom: 100%;
}
.progress__container {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.progress__circle {
  width: 8.2rem;
  height: 8.2rem;
  border-radius: 50%;
  border: 1px solid #F22727;
  font-size: 4.1rem;
  text-align: center;
  line-height: 8.2rem;
}
.progress__circle_active {
  background-color: #F22727;
  color: #F2ECE9;
}
@media only screen and (min-width: 768px) {
  .progress__circle_inactive {
    display: none;
  }
}
@media only screen and (min-width: 1024px) {
  .progress__circle_inactive {
    display: block;
  }
}
.quote-avatar__container {
  display: flex;
  flex-direction: row;
  margin: 0 10px 10px 0;
}
@media only screen and (min-width: 768px) {
  .quote-avatar__container {
    margin: 0 20px 20px 0;
  }
}
.quote-avatar__image {
  width: 70px;
  height: 70px;
  border-radius: 50%;
  -o-object-fit: contain;
     object-fit: contain;
}
.quote-avatar__totem {
  width: 70px;
  height: 70px;
  -o-object-fit: contain;
     object-fit: contain;
}
.quote-avatar__name {
  font-weight: 500;
}
.client-quote__container {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  max-width: 600px;
  flex: 1 0 auto;
  font-size: 1.3rem;
}
.client-quote__avatar-column {
  width: -webkit-min-content;
  width: -moz-min-content;
  width: min-content;
  flex: 0 0 auto;
  margin-right: var(--margin-std);
}
.client-quote__text-column {
  width: -webkit-min-content;
  width: -moz-min-content;
  width: min-content;
  flex: 1 0 auto;
}
.client-quote__avatar {
  width: 120px;
  height: 120px;
  border-radius: 50%;
  margin-bottom: var(--margin-std);
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
}
.client-quote__name {
  width: 130px;
  min-width: -webkit-min-content;
  min-width: -moz-min-content;
  min-width: min-content;
}
.section {
  padding: 40px 30px 40px 30px;
}
@media only screen and (min-width: 768px) {
  .section {
    padding: 60px 40px 60px 40px;
  }
}
@media only screen and (min-width: 1024px) {
  .section {
    padding: 70px 83px 70px 83px;
  }
}
.section__header {
  font-family: 'PT Mono';
  margin-bottom: var(--margin-std);
  font-size: 1.1rem;
}
.section__hidden-header {
  height: 0px;
  overflow-y: hidden;
  font-size: 6px;
  visibility: hidden;
}
.section__highlight {
  font-size: 4.1rem;
  font-family: 'PT Serif';
  margin-bottom: var(--margin-std);
}
.section__highlight_strong {
  font-family: Geometria;
  font-weight: 500;
}
.section__secondary-highlight {
  font-size: 2rem;
}
@media only screen and (min-width: 1024px) {
  .section__secondary-highlight {
    font-size: 2.8rem;
  }
}
.section__text {
  font-size: 1.3rem;
}
.section__anchor {
  scroll-margin-top: 79px;
}
@media only screen and (min-width: 768px) {
  .section__anchor {
    scroll-margin-top: 69px;
  }
}
.sub-section {
  font-size: 1.3rem;
  margin-top: 10px;
  margin-bottom: var(--margin-std);
}
.sub-section__header {
  font-weight: 700;
  margin-bottom: 12px;
}
.sub-section__paragraph {
  margin-bottom: 10px;
}
.only-desktop {
  display: none;
}
@media only screen and (min-width: 768px) {
  .only-desktop {
    display: block;
  }
}
.only-mobile {
  display: block;
}
@media only screen and (min-width: 768px) {
  .only-mobile {
    display: none;
  }
}
.full-abs {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.spacer {
  flex: 1;
}
.img_placeholder {
  filter: blur(10px);
}
.header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  padding: 0 30px 0 30px;
  color: #263173;
  z-index: 999;
}
@media only screen and (min-width: 768px) {
  .header {
    padding: 0;
  }
}
.header__container {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
@media only screen and (min-width: 768px) {
  .header__container {
    display: block;
  }
}
.header__company-name {
  font-family: PT Mono;
  font-weight: bold;
  color: #263173;
  font-size: 2.8rem;
  text-decoration: none;
  transition: color 200ms;
  cursor: pointer;
  display: block;
}
.header__company-name:hover {
  color: #F22727;
}
@media only screen and (min-width: 768px) {
  .header__company-name {
    display: none;
  }
}
.navigation {
  height: 80px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}
@media only screen and (min-width: 768px) {
  .navigation {
    height: 70px;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: center;
    padding: 60px 40px 60px 40px;
    padding-top: 0;
    padding-bottom: 0;
  }
}
@media only screen and (min-width: 1024px) {
  .navigation {
    padding: 70px 83px 70px 83px;
    padding-top: 0;
    padding-bottom: 0;
  }
}
.navigation__link-container {
  margin: 12px 0;
}
@media only screen and (min-width: 768px) {
  .navigation__link-container {
    margin: 0;
  }
}
.navigation__link {
  font-size: 2.8rem;
  text-decoration: none;
  color: #F2ECE9;
  transition: color 200ms;
  font-family: Geometria;
}
@media only screen and (min-width: 768px) {
  .navigation__link {
    font-size: 1.3rem;
    color: #263173;
    font-family: PT Mono;
  }
  .navigation__link:hover {
    color: #F22727;
  }
  .navigation__link:target {
    color: #F22727;
  }
  .navigation__link:focus-visible {
    color: #F22727;
    box-shadow: 0 0 0 4px #F2ECE9, 0 0 0 10px #263173;
    outline: none;
  }
}
@media only screen and (min-width: 1024px) {
  .navigation__link {
    font-size: 1.6rem;
  }
}
.navigation__placeholder {
  display: none;
}
@media only screen and (min-width: 768px) {
  .navigation__placeholder {
    display: block;
    width: 1px;
    height: 1px;
    background-color: transparent;
  }
}
@media only screen and (min-width: 768px) {
  .navigation__contacts-link {
    color: #F2ECE9;
  }
  .navigation__contacts-link:hover {
    color: #F2ECE9;
  }
  .navigation__contacts-link:focus-visible {
    color: #F22727;
    box-shadow: none;
    outline: none;
  }
  .navigation__contacts-container {
    background-color: #263173;
    padding: 0.3em 1em;
    border-radius: 20px;
    line-height: 1.5;
    text-align: center;
    transition: background-color 200ms;
    cursor: pointer;
  }
  .navigation__contacts-container:hover {
    background-color: #F22727;
  }
}
@media only screen and (min-width: 1024px) {
  .navigation__contacts-container {
    padding: 0.3em 2em;
  }
}
.navigation__company-name {
  position: absolute;
  top: 20px;
  left: 30px;
  font-family: PT Mono;
  font-weight: bold;
  color: #F2ECE9;
  font-size: 2.8rem;
  text-decoration: none;
  transition: color 200ms;
  cursor: pointer;
}
@media only screen and (min-width: 768px) {
  .navigation__company-name {
    position: static;
    color: #263173;
  }
}
.navigation__company-name:hover {
  color: #F2ECE9;
}
@media only screen and (min-width: 768px) {
  .navigation__company-name:hover {
    color: #F22727;
  }
}
.navigation__menu-button {
  width: 50px;
  height: 50px;
  border: none;
  margin: 0 15px 0 0;
  align-self: flex-end;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 12px;
  right: 10px;
  z-index: 1000;
}
@media only screen and (min-width: 768px) {
  .navigation__menu-button {
    display: none;
  }
}
.navigation__menu-container_mobile_collapsed {
  display: none;
}
.navigation__menu-container_mobile_expanded {
  display: flex;
}
.navigation__menu-container {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background: #F22727;
  position: fixed;
  overflow: hidden;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 80px 0;
  margin: 0;
}
@media only screen and (min-width: 768px) {
  .navigation__menu-container {
    position: static;
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin: 0 auto;
    padding: 6px 0;
    background: #F2ECE9;
  }
}
.navigation__list {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
@media only screen and (min-width: 768px) {
  .navigation__list {
    flex-direction: row;
    justify-content: space-around;
    flex-grow: 1;
  }
}
.bar1,
.bar2,
.bar3 {
  display: block;
  width: 30px;
  height: 3px;
  margin: 4px 0;
  border-radius: 1px;
  background-color: #263173;
  transition: 0.4s;
}
/* Rotate first bar */
.change .bar1 {
  transform: rotate(-45deg) translate(-10px, 9px);
  background-color: #F2ECE9;
}
/* Fade out the second bar */
.change .bar2 {
  opacity: 0;
}
/* Rotate last bar */
.change .bar3 {
  transform: rotate(45deg) translate(-7px, -6px);
  background-color: #F2ECE9;
}
.body_menu_on {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
}
.intro__background {
  background-image: linear-gradient(to bottom, #e4e1e2, #dcd8dc);
}
.intro__section {
  color: #263173;
  margin-top: 70px;
}
@media only screen and (min-width: 768px) {
  .intro__section {
    position: relative;
    background-image: linear-gradient(to bottom, #F2ECE9 70px, #E5E0E1 70px);
  }
}
.intro__img-container_desktop {
  display: none;
}
@media only screen and (min-width: 768px) {
  .intro__img-container_desktop {
    display: block;
    background-color: #e4e1e2;
  }
}
@media only screen and (min-width: 1920px) {
  .intro__img-container_desktop {
    position: relative;
    width: 100%;
    padding-bottom: 45.42%;
  }
}
.intro__img_not_mobile {
  display: block;
  width: 100%;
  height: 54vw;
  min-height: 560px;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: bottom;
     object-position: bottom;
}
@media only screen and (min-width: 1920px) {
  .intro__img_not_mobile {
    display: initial;
    width: auto;
    height: auto;
    max-height: initial;
    -o-object-fit: contain;
       object-fit: contain;
    -o-object-position: center;
       object-position: center;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
  }
}
.intro__content {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
@media only screen and (min-width: 768px) {
  .intro__content {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    display: grid;
    align-items: start;
    grid-template-rows: 40px 1fr;
    grid-template-columns: 1fr 1fr;
    grid-auto-flow: column;
  }
}
.intro__text-container {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzc1IiBoZWlnaHQ9IjMzNSIgdmlld0JveD0iMCAwIDM3NSAzMzUiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xMjMuMDM1IDMzNC42MjVINjIuODA4NkwyMTYuMzQzIDAuMzc1MzY2SDI3Ni41NDVMMTIzLjAzNSAzMzQuNjI1WiIgc3Ryb2tlPSIjMjYzMTczIiBzdHJva2Utd2lkdGg9IjAuNzUiLz4KPHBhdGggZD0iTTIxOS45NDMgMzM0LjYyNUgxNTkuNzE2TDMxMy4yNTEgMC4zNzVIMzczLjQ3N0wyMTkuOTQzIDMzNC42MjVaIiBzdHJva2U9IiMyNjMxNzMiIHN0cm9rZS13aWR0aD0iMC43NSIvPgo8L3N2Zz4K);
  background-repeat: no-repeat;
  background-position: top right;
  background-size: contain;
  margin-bottom: 20px;
}
@media only screen and (min-width: 768px) {
  .intro__text-container {
    background-image: none;
  }
}
.intro__text {
  color: #263173;
  font-size: 2.8rem;
  width: 66%;
}
@media only screen and (min-width: 768px) {
  .intro__text {
    color: #263173;
    font-size: 2.8rem;
  }
}
.intro__logo-container {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
@media only screen and (min-width: 768px) {
  .intro__logo-container {
    justify-content: flex-start;
  }
}
.intro__logo-img {
  max-width: 24%;
  max-height: 60px;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
}
@media only screen and (min-width: 768px) {
  .intro__logo-img {
    margin-right: 51px;
  }
}
.about__container {
  display: flex;
  flex-direction: column;
}
@media only screen and (min-width: 768px) {
  .about__container {
    display: grid;
    grid-template-columns: minmax(300px, 2fr) 3fr;
    grid-template-rows: auto auto;
    grid-auto-flow: column;
    -moz-column-gap: var(--margin-big);
         column-gap: var(--margin-big);
  }
}
.about__activities {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
@media only screen and (min-width: 768px) {
  .about__activities {
    justify-content: flex-start;
    order: 1;
  }
}
.about__activities__column {
  width: 40%;
}
@media only screen and (min-width: 768px) {
  .about__activities__column {
    margin-right: var(--margin-std);
  }
}
.about__tech-logo {
  width: auto;
  height: 40px;
  max-width: 18%;
  margin: var(--margin-small);
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
}
@media only screen and (min-width: 768px) {
  .about__tech-logo {
    margin: var(--margin-std);
  }
}
.company__background {
  background-color: #F2ECE9;
  background-image: linear-gradient(to bottom, #c3c1cd, #c8c6d0, #c8c6d0, #a0a0b6);
}
.company__container {
  position: relative;
}
.company__header {
  padding: 40px 30px 40px 30px;
  position: absolute;
  left: 0;
  top: 0;
}
@media only screen and (min-width: 768px) {
  .company__header {
    padding: 0;
    position: static;
  }
}
@media only screen and (min-width: 768px) {
  .company__section {
    margin-top: -30px;
  }
}
@media only screen and (min-width: 1024px) {
  .company__section {
    margin-top: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 60%;
  }
}
.company__section-highlight {
  padding: 0;
  position: static;
}
@media only screen and (min-width: 768px) {
  .company__section-highlight {
    padding: 40px 30px 40px 30px;
    position: absolute;
    left: 0;
    top: 0;
  }
}
@media only screen and (min-width: 1024px) {
  .company__section-highlight {
    padding: 0;
    position: static;
  }
}
.company__img-container {
  width: 100%;
  position: relative;
  padding-bottom: 100%;
}
@media only screen and (min-width: 768px) {
  .company__img-container {
    padding-bottom: 51.39%;
  }
}
.company__boss-img {
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: right center;
     object-position: right center;
}
.company__text-column {
  width: 75%;
}
@media only screen and (min-width: 768px) {
  .company__text-column {
    -moz-column-count: 2;
         column-count: 2;
  }
}
.company__paragraph {
  margin-bottom: var(--margin-std);
}
.company__whoami {
  width: 75%;
  font-size: 1.3rem;
}
@media only screen and (min-width: 768px) {
  .company__whoami {
    width: 50%;
  }
}
@media only screen and (min-width: 768px) {
  .experience__container {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
  }
  .experience__column-left_desktop {
    max-width: 45%;
  }
}
.experience__column-right_desktop {
  display: none;
}
@media only screen and (min-width: 768px) {
  .experience__column-right_desktop {
    min-width: 45%;
    margin-left: var(--margin-big);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-self: stretch;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDE2IiBoZWlnaHQ9IjUyOSIgdmlld0JveD0iMCAwIDQxNiA1MjkiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xNzcuODkgNDA3LjA3NkwxNzcuODkgMzYxLjAyM0w0Ni4zNTMgMzYxLjAyM0w3Ni43NTQgNDAwLjc1NUw1Mi42NzQgNDE4LjgxNUwwLjI5OTk3NyAzNTAuMTg3TDAuMjk5OTc2IDMyMy42OTlMMTc3Ljg5IDMyMy42OTlMMTc3Ljg5IDI3OC41NDlMMjExIDI3OC41NDlMMjExIDQwNy4wNzZMMTc3Ljg5IDQwNy4wNzZaTTE3Ny44OSAyMjYuNTk0TDE3Ny44OSAxODAuNTQxTDQ2LjM1MyAxODAuNTQxTDc2Ljc1NCAyMjAuMjczTDUyLjY3NCAyMzguMzMzTDAuMjk5OTY5IDE2OS43MDVMMC4yOTk5NjggMTQzLjIxN0wxNzcuODkgMTQzLjIxN0wxNzcuODkgOTguMDY3TDIxMSA5OC4wNjdMMjExIDIyNi41OTRMMTc3Ljg5IDIyNi41OTRaTTI5NS4xMTUgNDEyLjEzNUwyOTUuMTE1IDQ1MC45NjRDMzA5LjM2MiA0NTIuMTY4IDMyMy41MDkgNDUzLjc3MyAzMzcuNTU2IDQ1NS43OEMzNTEuNjAzIDQ1Ny41ODYgMzY0LjI0NSA0NjAuNDk1IDM3NS40ODIgNDY0LjUwOUMzODYuNTE5IDQ2OC4zMjEgMzk1LjU0OSA0NzMuNDM4IDQwMi41NzIgNDc5Ljg2QzQwOS4zOTUgNDg2LjA4IDQxMi44MDYgNDk0LjAwNyA0MTIuODA2IDUwMy42MzlDNDEyLjgwNiA1MTUuMjc3IDQxMS4zMDEgNTIzLjUwNSA0MDguMjkxIDUyOC4zMjFMMzc1Ljc4MyA1MjMuNTA1QzM3Ni45ODcgNTIwLjI5NCAzNzcuNTg5IDUxNy4yODQgMzc3LjU4OSA1MTQuNDc1QzM3Ny41ODkgNTEwLjQ2MSAzNzUuODgzIDUwNi44NDkgMzcyLjQ3MiA1MDMuNjM5QzM2OS4wNjEgNTAwLjIyNyAzNjIuOTQgNDk3LjMxOCAzNTQuMTExIDQ5NC45MUMzNDUuMjgyIDQ5Mi4zMDEgMzMzLjM0MiA0OTAuMTk0IDMxOC4yOTIgNDg4LjU4OUMzMDMuMDQxIDQ4Ni45ODMgMjgzLjc3NyA0ODUuODggMjYwLjUgNDg1LjI3OEwyNjAuNSAzNzMuMDA1TDQxMSAzNzMuMDA1TDQxMSA0MTIuMTM1TDI5NS4xMTUgNDEyLjEzNVpNMzk1LjA0NyAxODguMDA3QzM5Ny40NTUgMTkwLjYxNiAzOTkuODYzIDE5NC4wMjcgNDAyLjI3MSAxOTguMjQxQzQwNC40NzggMjAyLjI1NSA0MDYuNTg1IDIwNy4wNzEgNDA4LjU5MiAyMTIuNjg5QzQxMC41OTkgMjE4LjEwNyA0MTIuMjA0IDIyNC4xMjcgNDEzLjQwOCAyMzAuNzQ5QzQxNC42MTIgMjM3LjM3MSA0MTUuMjE0IDI0NC4zOTUgNDE1LjIxNCAyNTEuODE5QzQxNS4yMTQgMjY0LjY2MiA0MTMuNDA4IDI3Ni4yIDQwOS43OTYgMjg2LjQzNEM0MDYuMTg0IDI5Ni40NjggNDAwLjk2NyAzMDQuOTk2IDM5NC4xNDQgMzEyLjAxOUMzODcuMTIxIDMxOS4wNDMgMzc4Ljc5MyAzMjQuNDYxIDM2OS4xNjEgMzI4LjI3M0MzNTkuMzI4IDMzMS44ODUgMzQ4LjE5MSAzMzMuNjkxIDMzNS43NSAzMzMuNjkxQzMyMi41MDYgMzMzLjY5MSAzMTAuOTY4IDMzMS41ODQgMzAxLjEzNSAzMjcuMzdDMjkxLjEwMiAzMjMuMTU2IDI4Mi43NzQgMzE3LjQzNyAyNzYuMTUyIDMxMC4yMTNDMjY5LjUzIDMwMi43ODkgMjY0LjYxNCAyOTQuMTYgMjYxLjQwMyAyODQuMzI3QzI1Ny45OTIgMjc0LjQ5NSAyNTYuMjg2IDI2My44NTkgMjU2LjI4NiAyNTIuNDIxQzI1Ni4yODYgMjQ0Ljc5NiAyNTcuMjg5IDIzNi45NyAyNTkuMjk2IDIyOC45NDNDMjYxLjMwMyAyMjAuNzE2IDI2NC44MTQgMjEzLjE5MSAyNjkuODMxIDIwNi4zNjhDMjc0LjY0NyAxOTkuNTQ2IDI4MS4xNjkgMTk0LjAyNyAyODkuMzk2IDE4OS44MTNDMjk3LjYyMyAxODUuMzk5IDMwOC4wNTggMTgzLjE5MSAzMjAuNyAxODMuMTkxQzMyOS4zMjkgMTgzLjE5MSAzMzguNjYgMTg0LjE5NSAzNDguNjkzIDE4Ni4yMDFMMzQ4LjY5MyAyOTQuNTYxQzM1NS4xMTQgMjk0LjM2MSAzNjAuNTMyIDI5My4wNTYgMzY0Ljk0NyAyOTAuNjQ4QzM2OS4zNjIgMjg4LjA0IDM3Mi45NzQgMjg0LjcyOSAzNzUuNzgzIDI4MC43MTVDMzc4LjU5MiAyNzYuNTAxIDM4MC42OTkgMjcxLjc4NiAzODIuMTA0IDI2Ni41NjhDMzgzLjMwOCAyNjEuMTUgMzgzLjkxIDI1NS40MzEgMzgzLjkxIDI0OS40MTFDMzgzLjkxIDIzNy4zNzEgMzgyLjUwNSAyMjcuNTM5IDM3OS42OTYgMjE5LjkxM0MzNzYuODg3IDIxMi4wODcgMzczLjQ3NSAyMDUuNzY2IDM2OS40NjIgMjAwLjk1TDM5NS4wNDcgMTg4LjAwN1pNMjg3LjU5IDI1My4wMjNDMjg3LjU5IDI1OC4yNDEgMjg4LjI5MiAyNjMuMTU3IDI4OS42OTcgMjY3Ljc3MkMyOTEuMTAyIDI3Mi4zODggMjkzLjIwOSAyNzYuNjAyIDI5Ni4wMTggMjgwLjQxNEMyOTguNjI3IDI4NC4wMjYgMzAxLjkzOCAyODcuMDM2IDMwNS45NTEgMjg5LjQ0NEMzMDkuOTY0IDI5MS44NTIgMzE0LjQ3OSAyOTMuMjU3IDMxOS40OTYgMjkzLjY1OEwzMTkuNDk2IDIxOS42MTJDMzA5LjY2MyAyMTkuNjEyIDMwMS45MzggMjIyLjQyMiAyOTYuMzE5IDIyOC4wNEMyOTAuNSAyMzMuNDU4IDI4Ny41OSAyNDEuNzg2IDI4Ny41OSAyNTMuMDIzWk0zNzcuODkgMTM3LjI1NkwzNzcuODkgOTguMTI1OEwyOTUuMTE1IDk4LjEyNThMMjk1LjExNSAxMjEuOTA1TDMyMC43IDEyMS45MDVMMzIwLjcgMTU1LjMxNkwyNjAuNSAxNTUuMzE2TDI2MC41IDAuNjAxNzY2TDMyMC43IDAuNjAxNzYzTDMyMC43IDMzLjcxMThMMjk1LjExNSAzMy43MTE4TDI5NS4xMTUgNTcuNzkxOEwzNzcuODkgNTcuNzkxOEwzNzcuODkgMTguNjYxOEw0MTEgMTguNjYxOEw0MTEgMTM3LjI1NkwzNzcuODkgMTM3LjI1NloiIGZpbGw9IiNGMjI3MjciLz4KPC9zdmc+Cg==);
    background-repeat: no-repeat;
    background-position: right center;
    background-size: contain;
  }
}
.experience__years {
  display: none;
  font-family: 'PT Mono';
  font-size: 2.8rem;
  color: #F2ECE9;
}
@media only screen and (min-width: 768px) {
  .experience__years {
    display: block;
  }
}
@media only screen and (min-width: 768px) {
  .experience__quote-container {
    width: 50%;
    margin-left: auto;
  }
}
.experience__avatar-container {
  display: flex;
  flex-direction: row;
}
@media only screen and (min-width: 768px) {
  .experience__avatar-container {
    display: block;
  }
}
@media only screen and (min-width: 768px) {
  .experience__avatar-name {
    margin-bottom: var(--margin-std);
  }
}
.experience__text-column {
  width: 75%;
}
@media only screen and (min-width: 768px) {
  .experience__text-column {
    width: auto;
  }
}
.experience__background-img_mobile {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDE2IiBoZWlnaHQ9IjUyOSIgdmlld0JveD0iMCAwIDQxNiA1MjkiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xNzcuODkgNDA3LjA3NkwxNzcuODkgMzYxLjAyM0w0Ni4zNTMgMzYxLjAyM0w3Ni43NTQgNDAwLjc1NUw1Mi42NzQgNDE4LjgxNUwwLjI5OTk3NyAzNTAuMTg3TDAuMjk5OTc2IDMyMy42OTlMMTc3Ljg5IDMyMy42OTlMMTc3Ljg5IDI3OC41NDlMMjExIDI3OC41NDlMMjExIDQwNy4wNzZMMTc3Ljg5IDQwNy4wNzZaTTE3Ny44OSAyMjYuNTk0TDE3Ny44OSAxODAuNTQxTDQ2LjM1MyAxODAuNTQxTDc2Ljc1NCAyMjAuMjczTDUyLjY3NCAyMzguMzMzTDAuMjk5OTY5IDE2OS43MDVMMC4yOTk5NjggMTQzLjIxN0wxNzcuODkgMTQzLjIxN0wxNzcuODkgOTguMDY3TDIxMSA5OC4wNjdMMjExIDIyNi41OTRMMTc3Ljg5IDIyNi41OTRaTTI5NS4xMTUgNDEyLjEzNUwyOTUuMTE1IDQ1MC45NjRDMzA5LjM2MiA0NTIuMTY4IDMyMy41MDkgNDUzLjc3MyAzMzcuNTU2IDQ1NS43OEMzNTEuNjAzIDQ1Ny41ODYgMzY0LjI0NSA0NjAuNDk1IDM3NS40ODIgNDY0LjUwOUMzODYuNTE5IDQ2OC4zMjEgMzk1LjU0OSA0NzMuNDM4IDQwMi41NzIgNDc5Ljg2QzQwOS4zOTUgNDg2LjA4IDQxMi44MDYgNDk0LjAwNyA0MTIuODA2IDUwMy42MzlDNDEyLjgwNiA1MTUuMjc3IDQxMS4zMDEgNTIzLjUwNSA0MDguMjkxIDUyOC4zMjFMMzc1Ljc4MyA1MjMuNTA1QzM3Ni45ODcgNTIwLjI5NCAzNzcuNTg5IDUxNy4yODQgMzc3LjU4OSA1MTQuNDc1QzM3Ny41ODkgNTEwLjQ2MSAzNzUuODgzIDUwNi44NDkgMzcyLjQ3MiA1MDMuNjM5QzM2OS4wNjEgNTAwLjIyNyAzNjIuOTQgNDk3LjMxOCAzNTQuMTExIDQ5NC45MUMzNDUuMjgyIDQ5Mi4zMDEgMzMzLjM0MiA0OTAuMTk0IDMxOC4yOTIgNDg4LjU4OUMzMDMuMDQxIDQ4Ni45ODMgMjgzLjc3NyA0ODUuODggMjYwLjUgNDg1LjI3OEwyNjAuNSAzNzMuMDA1TDQxMSAzNzMuMDA1TDQxMSA0MTIuMTM1TDI5NS4xMTUgNDEyLjEzNVpNMzk1LjA0NyAxODguMDA3QzM5Ny40NTUgMTkwLjYxNiAzOTkuODYzIDE5NC4wMjcgNDAyLjI3MSAxOTguMjQxQzQwNC40NzggMjAyLjI1NSA0MDYuNTg1IDIwNy4wNzEgNDA4LjU5MiAyMTIuNjg5QzQxMC41OTkgMjE4LjEwNyA0MTIuMjA0IDIyNC4xMjcgNDEzLjQwOCAyMzAuNzQ5QzQxNC42MTIgMjM3LjM3MSA0MTUuMjE0IDI0NC4zOTUgNDE1LjIxNCAyNTEuODE5QzQxNS4yMTQgMjY0LjY2MiA0MTMuNDA4IDI3Ni4yIDQwOS43OTYgMjg2LjQzNEM0MDYuMTg0IDI5Ni40NjggNDAwLjk2NyAzMDQuOTk2IDM5NC4xNDQgMzEyLjAxOUMzODcuMTIxIDMxOS4wNDMgMzc4Ljc5MyAzMjQuNDYxIDM2OS4xNjEgMzI4LjI3M0MzNTkuMzI4IDMzMS44ODUgMzQ4LjE5MSAzMzMuNjkxIDMzNS43NSAzMzMuNjkxQzMyMi41MDYgMzMzLjY5MSAzMTAuOTY4IDMzMS41ODQgMzAxLjEzNSAzMjcuMzdDMjkxLjEwMiAzMjMuMTU2IDI4Mi43NzQgMzE3LjQzNyAyNzYuMTUyIDMxMC4yMTNDMjY5LjUzIDMwMi43ODkgMjY0LjYxNCAyOTQuMTYgMjYxLjQwMyAyODQuMzI3QzI1Ny45OTIgMjc0LjQ5NSAyNTYuMjg2IDI2My44NTkgMjU2LjI4NiAyNTIuNDIxQzI1Ni4yODYgMjQ0Ljc5NiAyNTcuMjg5IDIzNi45NyAyNTkuMjk2IDIyOC45NDNDMjYxLjMwMyAyMjAuNzE2IDI2NC44MTQgMjEzLjE5MSAyNjkuODMxIDIwNi4zNjhDMjc0LjY0NyAxOTkuNTQ2IDI4MS4xNjkgMTk0LjAyNyAyODkuMzk2IDE4OS44MTNDMjk3LjYyMyAxODUuMzk5IDMwOC4wNTggMTgzLjE5MSAzMjAuNyAxODMuMTkxQzMyOS4zMjkgMTgzLjE5MSAzMzguNjYgMTg0LjE5NSAzNDguNjkzIDE4Ni4yMDFMMzQ4LjY5MyAyOTQuNTYxQzM1NS4xMTQgMjk0LjM2MSAzNjAuNTMyIDI5My4wNTYgMzY0Ljk0NyAyOTAuNjQ4QzM2OS4zNjIgMjg4LjA0IDM3Mi45NzQgMjg0LjcyOSAzNzUuNzgzIDI4MC43MTVDMzc4LjU5MiAyNzYuNTAxIDM4MC42OTkgMjcxLjc4NiAzODIuMTA0IDI2Ni41NjhDMzgzLjMwOCAyNjEuMTUgMzgzLjkxIDI1NS40MzEgMzgzLjkxIDI0OS40MTFDMzgzLjkxIDIzNy4zNzEgMzgyLjUwNSAyMjcuNTM5IDM3OS42OTYgMjE5LjkxM0MzNzYuODg3IDIxMi4wODcgMzczLjQ3NSAyMDUuNzY2IDM2OS40NjIgMjAwLjk1TDM5NS4wNDcgMTg4LjAwN1pNMjg3LjU5IDI1My4wMjNDMjg3LjU5IDI1OC4yNDEgMjg4LjI5MiAyNjMuMTU3IDI4OS42OTcgMjY3Ljc3MkMyOTEuMTAyIDI3Mi4zODggMjkzLjIwOSAyNzYuNjAyIDI5Ni4wMTggMjgwLjQxNEMyOTguNjI3IDI4NC4wMjYgMzAxLjkzOCAyODcuMDM2IDMwNS45NTEgMjg5LjQ0NEMzMDkuOTY0IDI5MS44NTIgMzE0LjQ3OSAyOTMuMjU3IDMxOS40OTYgMjkzLjY1OEwzMTkuNDk2IDIxOS42MTJDMzA5LjY2MyAyMTkuNjEyIDMwMS45MzggMjIyLjQyMiAyOTYuMzE5IDIyOC4wNEMyOTAuNSAyMzMuNDU4IDI4Ny41OSAyNDEuNzg2IDI4Ny41OSAyNTMuMDIzWk0zNzcuODkgMTM3LjI1NkwzNzcuODkgOTguMTI1OEwyOTUuMTE1IDk4LjEyNThMMjk1LjExNSAxMjEuOTA1TDMyMC43IDEyMS45MDVMMzIwLjcgMTU1LjMxNkwyNjAuNSAxNTUuMzE2TDI2MC41IDAuNjAxNzY2TDMyMC43IDAuNjAxNzYzTDMyMC43IDMzLjcxMThMMjk1LjExNSAzMy43MTE4TDI5NS4xMTUgNTcuNzkxOEwzNzcuODkgNTcuNzkxOEwzNzcuODkgMTguNjYxOEw0MTEgMTguNjYxOEw0MTEgMTM3LjI1NkwzNzcuODkgMTM3LjI1NloiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI0YyMjcyNyIgc3Ryb2tlLXdpZHRoOiAiMXB4Ii8+Cjwvc3ZnPgo=);
  background-repeat: no-repeat;
  background-position: right center;
  background-size: 75%;
}
@media only screen and (min-width: 768px) {
  .experience__background-img_mobile {
    background-image: none;
  }
}
.experience__totem path {
  fill: #F2ECE9;
}
.developer-mobile__container {
  padding-top: 10px;
}
.developer-mobile__name {
  font-size: 1.3rem;
  margin-bottom: var(--margin-std);
}
.developer-mobile__ava {
  border-radius: 50%;
}
.developer-mobile__totem {
  width: 65px;
  height: 65px;
  position: absolute;
  bottom: 0;
  right: 0;
}
.developer-mobile__skill-container {
  width: 75%;
}
.developer-mobile__skill {
  font-family: 'PT Mono';
  font-weight: bold;
  font-size: 1.3rem;
  color: #263173;
  border: 2px solid #263173;
  border-radius: 10px;
  display: inline-block;
  padding: 4px 8px;
  margin: 0 10px 10px 0;
}
.developer-mobile__presentation {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 20px;
}
.developer-mobile__col-left_mobile {
  width: -webkit-min-content;
  width: -moz-min-content;
  width: min-content;
  flex: 1 0 auto;
  margin-right: 10px;
}
.developer-mobile__col-right_mobile {
  width: 66%;
  flex: 1 1 auto;
}
.developer-desktop__background {
  background-image: linear-gradient(to bottom, #c8c6d0, #cdcbd3, #cac8d2);
  color: #263173;
}
.developer-desktop__main {
  position: relative;
}
.developer-desktop__container {
  position: relative;
  z-index: 100;
  width: 100vw;
  height: 100vw;
}
@media only screen and (min-width: 1024px) {
  .developer-desktop__container {
    width: 100%;
    height: 0;
    padding-bottom: 52.8%;
  }
}
.developer-desktop__img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center center;
     object-position: center center;
  z-index: -100;
}
@media only screen and (min-width: 1024px) {
  .developer-desktop__img {
    height: auto;
  }
}
.developer-desktop__content-container {
  display: flex;
  flex-direction: column;
}
.developer-desktop__content {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.developer-desktop__column-left {
  width: -webkit-min-content;
  width: -moz-min-content;
  width: min-content;
  display: flex;
  flex-direction: column;
}
@media only screen and (min-width: 1024px) {
  .developer-desktop__column-left {
    width: 36%;
  }
}
.developer-desktop__column-right {
  width: 32%;
}
@media only screen and (min-width: 1024px) {
  .developer-desktop__column-right {
    width: 36%;
  }
}
.developer-desktop__column-right-content {
  max-width: 310px;
  margin-right: auto;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.developer-desktop__highlight {
  font-size: 2.8rem;
}
@media only screen and (min-width: 1024px) {
  .developer-desktop__highlight {
    font-size: 4.1rem;
  }
}
.developer-desktop__name {
  font-size: 2.8rem;
  margin-bottom: var(--margin-std);
}
.developer-desktop__buttons-row {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 200;
  display: flex;
  padding: 60px 40px 60px 40px;
}
@media only screen and (min-width: 1024px) {
  .developer-desktop__buttons-row {
    padding: 70px 83px 70px 83px;
  }
}
.developer-desktop__buttons-container {
  margin-left: 68%;
  background-color: #263173;
  padding: 10px 10px;
  margin-top: 10px;
  border-radius: 20px;
  display: flex;
  flex-direction: row;
  align-items: center;
}
@media only screen and (min-width: 1024px) {
  .developer-desktop__buttons-container {
    margin-left: 64%;
  }
}
.developer-desktop__button-container {
  position: relative;
  margin: 0 8px;
  border-radius: 50%;
  cursor: pointer;
}
@media only screen and (min-width: 1024px) {
  .developer-desktop__button-container {
    margin: 0 10px;
  }
}
.developer-desktop__button-container:hover {
  box-shadow: 0 0 0 3px #F22727;
  outline: none;
}
.developer-desktop__button-container:focus {
  box-shadow: 0 0 0 4px #263173, 0 0 0 10px #F22727;
  outline: none;
}
.developer-desktop__button-container:focus:not(:focus-visible) {
  box-shadow: none;
}
.developer-desktop__button-input {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  position: absolute;
}
.developer-desktop__button-svg {
  display: block;
  height: 20px;
  width: 20px;
}
.developer-desktop__button-svg path {
  fill: #F2ECE9;
}
.developer-desktop__button-svg circle {
  fill: #F2ECE9;
  transform-origin: center;
}
.developer-desktop__totem {
  width: 140px;
  height: 140px;
}
@media only screen and (min-width: 1024px) {
  .developer-desktop__totem {
    width: 160px;
    height: 160px;
  }
}
.developer-desktop__skill {
  font-family: 'PT Mono';
  font-weight: bold;
  font-size: 1.3rem;
  color: #263173;
  border: 3px solid #263173;
  border-radius: 10px;
  display: inline-block;
  padding: 4px 8px;
  margin: 0 10px 10px 0;
}
.developer-desktop__button-input:checked + svg circle {
  fill: #F22727;
}
@media only screen and (min-width: 768px) {
  .projects__background {
    background-image: linear-gradient(to right, #F22727 50%, #F2ECE9 50%);
  }
}
.projects__container {
  display: grid;
  grid-template-columns: none;
  grid-template-rows: auto 1fr;
}
@media only screen and (min-width: 768px) {
  .projects__container {
    grid-template-columns: 1fr 2fr;
    grid-template-rows: none;
  }
}
.projects__title {
  padding-bottom: var(--margin-std);
}
.projects__details {
  padding-top: var(--margin-std);
  height: 100%;
}
.projects__client-row_mobile {
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
  align-items: flex-end;
}
@media only screen and (min-width: 768px) {
  .projects__client-row_mobile {
    display: block;
  }
}
.projects__case-logo {
  width: 54px;
  height: 54px;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
  margin-bottom: 10px;
}
.projects__case-client-name {
  margin-bottom: var(--margin-big);
}
.projects__arrow-container {
  margin-bottom: var(--margin-small);
}
.projects__arrow circle {
  fill: #F2ECE9;
}
.projects__arrow path {
  fill: #F22727;
}
@media (hover: hover) {
  .projects__arrow:hover circle {
    fill: #263173;
  }
}
.projects__arrow-left:focus-visible circle {
  fill: #263173;
}
.projects__arrow-right:focus-visible circle {
  fill: #263173;
}
.projects__details-text {
  display: grid;
  grid-template-columns: 1fr 1fr;
  -moz-column-gap: var(--margin-small);
       column-gap: var(--margin-small);
  margin-bottom: var(--margin-std);
}
.projects__img-container-outer {
  position: relative;
}
.projects__img-container-inner {
  width: 66%;
  padding-bottom: 60%;
}
@media only screen and (min-width: 768px) {
  .projects__img-container-inner {
    width: 100%;
  }
}
.projects__img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: top;
     object-position: top;
}
.projects__carousel-hint {
  display: none;
}
@media only screen and (min-width: 768px) {
  .projects__carousel-hint {
    display: block;
  }
}
.projects__result-background {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  color: #F2ECE9;
  height: 100%;
}
.projects__result-container {
  display: grid;
  place-items: center;
}
.projects__result-row_sparse {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: var(--margin-big);
}
.projects__result-row_clamped {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  margin-bottom: var(--margin-big);
}
.projects__result-column {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
}
.projects__result-text-normal {
  font-family: 'PT Mono';
  font-size: 1.4rem;
  margin: 0 var(--margin-std) var(--margin-std) 0;
}
@media only screen and (min-width: 768px) {
  .projects__result-text-normal {
    font-size: 1.9rem;
  }
}
.projects__result-text-strong {
  font-family: 'PT Mono';
  font-size: 2rem;
  margin: 0 var(--margin-std) var(--margin-std) 0;
}
@media only screen and (min-width: 768px) {
  .projects__result-text-strong {
    font-size: 4rem;
  }
}
.projects__result-text-highlight {
  font-family: 'PT Mono';
  font-size: 6rem;
  margin: 0 var(--margin-std) var(--margin-std) 0;
}
@media only screen and (min-width: 768px) {
  .projects__result-text-highlight {
    font-size: 8rem;
  }
}
.project-data-bus__background {
  background-image: url(/e1d5d69fc9be7f21b9f0d5dd7672729a.jpg);
}
@media only screen and (min-width: 768px) {
  .project-data-bus__background {
    background-image: url(/bd4d53c750242757b34339d8c6e56447.jpg);
  }
}
.project-data-bus__flags {
  width: 146px;
  height: 64px;
  -o-object-position: top;
     object-position: top;
  -o-object-fit: contain;
     object-fit: contain;
}
.project-cars-app__background {
  background-image: url(/e1d5d69fc9be7f21b9f0d5dd7672729a.jpg);
}
@media only screen and (min-width: 768px) {
  .project-cars-app__background {
    background-image: url(/e7c62614b19dc9d6a6be82511fff7075.jpg);
  }
}
@media only screen and (min-width: 1024px) {
  .project-cars-app__background {
    background-image: url(/bd4d53c750242757b34339d8c6e56447.jpg);
  }
}
.project-cars-app__text-middle {
  margin: auto;
}
.project-data-collection__background {
  background-image: url(/dd1b0c7c3b81174f182d23847d58c547.jpg);
}
@media only screen and (min-width: 768px) {
  .project-data-collection__background {
    background-image: url(/6f36845a3c7cb4ebd561c050159d4161.jpg);
  }
}
.project-fashion__background {
  background-image: url(/a075b4ae53af9c9a5341d88baf747a4c.jpg);
}
@media only screen and (min-width: 768px) {
  .project-fashion__background {
    background-image: url(/7a95d64042dd8142473a4c5dad4e6eae.jpg);
  }
}
#projects-title {
  margin-bottom: var(--margin-std);
}
@media only screen and (min-width: 768px) {
  .why-us__container {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(2, auto);
  }
}
.why-us__highlight {
  grid-row: 1/2;
  grid-column: 1/2;
}
@media only screen and (min-width: 768px) {
  .why-us__sections {
    grid-row: 2/3;
    grid-column: 1/-1;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 100%;
  }
}
@media only screen and (min-width: 768px) {
  .why-us__section {
    margin-right: var(--margin-big);
  }
}
@media only screen and (min-width: 1024px) {
  .why-us__section {
    max-width: 25.42rem;
  }
}
.why-us__progress {
  margin-bottom: var(--margin-std);
}
.why-us__avatar {
  background-color: #F22727;
  mix-blend-mode: multiply;
}
.why-us__quote-container {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
@media only screen and (min-width: 768px) {
  .why-us__quote-container {
    grid-row: 1/2;
    grid-column: 3/4;
  }
}
.clients__quote {
  margin-bottom: var(--margin-std);
}
@media only screen and (min-width: 768px) {
  .clients__quote {
    margin-left: var(--margin-big);
    margin-right: var(--margin-big);
  }
}
@media only screen and (min-width: 768px) {
  .clients__quotes {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-evenly;
  }
}
.footer__background {
  color: #F2ECE9;
  background-image: linear-gradient(to right top, #F22727 50%, #263173 50%);
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
@media only screen and (min-width: 768px) {
  .footer__background {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAwIiBoZWlnaHQ9IjEwMCIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSIgdmlld0JveD0iMCAwIDEwMCAxMDAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCIgaGVpZ2h0PSIxMDAiIHN0eWxlPSJmaWxsOiMyNjMxNzM7c3Ryb2tlLXdpZHRoOjAiPjwvcmVjdD4KICA8cG9seWdvbiBwb2ludHM9IjAsMCAwLDEwMCAyNSwxMDAiIHN0eWxlPSJmaWxsOiNGMjI3Mjc7c3Ryb2tlLXdpZHRoOjAiPjwvcG9seWdvbj4KICA8cG9seWdvbiBwb2ludHM9IjUwLDAgMjUsMTAwIDc1LDEwMCIgc3R5bGU9ImZpbGw6I0YyMjcyNztzdHJva2Utd2lkdGg6MCI+PC9wb2x5Z29uPgogIDxwb2x5Z29uIHBvaW50cz0iMTAwLDAgNzUsMTAwIDEwMCwxMDAiIHN0eWxlPSJmaWxsOiNGMjI3Mjc7c3Ryb2tlLXdpZHRoOjAiPjwvcG9seWdvbj4KPC9zdmc+);
  }
}
.footer__content {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  padding-top: 70px;
}
@media only screen and (min-width: 768px) {
  .footer__content {
    flex-direction: row-reverse;
  }
}
.footer__info {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  font-family: PT Mono;
  margin-top: 50px;
  font-size: 1.3rem;
}
@media only screen and (min-width: 768px) {
  .footer__info {
    margin-top: 0;
    flex-direction: column;
    justify-content: flex-start;
  }
}
.footer__info-company {
  margin-bottom: var(--margin-std);
}
.footer__info-year {
  margin-bottom: var(--margin-std);
}
@media only screen and (min-width: 768px) {
  .footer__info-year {
    margin-top: var(--margin-std);
    margin-bottom: 0;
  }
}
.footer-contacts-container {
  margin: 20px 0 0 0;
  line-height: 1.5;
}
@media only screen and (min-width: 768px) {
  .footer-contacts-container {
    margin: 20px 20px 0 0;
  }
}
.footer-contacts-container a {
  margin-top: 20px;
  text-decoration: none;
  color: #F2ECE9;
}
.footer-contacts-container a:hover {
  cursor: pointer;
  text-decoration: underline;
}
.footer-contacts-name {
  font-size: 1.3rem;
  margin-bottom: var(--margin-small);
}
.footer-contacts-value {
  margin-bottom: var(--margin-big);
  font-size: 2.8rem;
}
@media only screen and (min-width: 768px) {
  .footer-contacts-value {
    font-size: 4.1rem;
  }
}