/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.3.6,
* Autoprefixer: v10.3.1
* Browsers: last 4 version
*/

*,
::after,
::before {
  -webkit-box-sizing: border-box;
  box-sizing        : border-box
}

blockquote,
body,
dd,
dl,
figure,
h1,
h2,
h3,
h4,
p {
  margin: 0
}

ol[role=list],
ul[role=list] {
  list-style: none
}

html:focus-within {
  scroll-behavior: smooth
}

html {
  min-height: 100vh;
  overflow-y: auto;
  overflow-x: hidden;
  min-width : 320px
}

body {
  min-height           : 100vh;
  overflow             : hidden;
  text-rendering       : optimizeSpeed;
  line-height          : 1.5;
  display              : -webkit-box;
  display              : -ms-flexbox;
  display              : flex;
  -webkit-box-orient   : vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction   : column;
  flex-direction       : column
}

main {
  -webkit-box-flex: 1;
  -ms-flex        : 1 0 auto;
  flex            : 1 0 auto
}

a:not([class]) {
  -webkit-text-decoration-skip: ink;
  text-decoration-skip-ink    : auto;
  text-decoration             : none
}

img,
picture {
  max-width: 100%;
  display  : block
}

button,
input,
select,
textarea {
  font: inherit
}

button,
input[type=submit] {
  cursor: pointer
}

@media(prefers-reduced-motion:reduce) {
  html:focus-within {
    scroll-behavior: auto
  }

  *,
  ::after,
  ::before {
    -webkit-animation-duration       : .01ms !important;
    animation-duration               : .01ms !important;
    -webkit-animation-iteration-count: 1 !important;
    animation-iteration-count        : 1 !important;
    -webkit-transition-duration      : .01ms !important;
    -o-transition-duration           : .01ms !important;
    transition-duration              : .01ms !important;
    scroll-behavior                  : auto !important
  }
}

/* #region Fonts */
@font-face {
  font-family : 'Comfortaa';
  font-style  : normal;
  font-display: swap;
  font-weight : 400;
  src         : url('/fonts/comfortaa-regular.eot');
  /* IE9 Compat Modes */
  src         : local(''),
    url('/fonts/comfortaa-regular.eot?#iefix') format('embedded-opentype'),
    /* IE6-IE8 */
    url('/fonts/comfortaa-regular.woff2') format('woff2'),
    /* Super Modern Browsers */
    url('/fonts/comfortaa-regular.woff') format('woff'),
    /* Modern Browsers */
    url('/fonts/comfortaa-regular.ttf') format('truetype'),
    /* Safari, Android, iOS */
    url('/fonts/comfortaa-regular.svg#OpenSans') format('svg');
  /* Legacy iOS */
}

@font-face {
  font-family : 'Comfortaa';
  font-style  : normal;
  font-display: swap;
  font-weight : 500;
  src         : url('/fonts/comfortaa-medium.eot');
  /* IE9 Compat Modes */
  src         : local(''),
    url('/fonts/comfortaa-medium.eot?#iefix') format('embedded-opentype'),
    /* IE6-IE8 */
    url('/fonts/comfortaa-medium.woff2') format('woff2'),
    /* Super Modern Browsers */
    url('/fonts/comfortaa-medium.woff') format('woff'),
    /* Modern Browsers */
    url('/fonts/comfortaa-medium.ttf') format('truetype'),
    /* Safari, Android, iOS */
    url('/fonts/comfortaa-medium.svg#OpenSans') format('svg');
  /* Legacy iOS */
}

@font-face {
  font-family : 'Comfortaa';
  font-style  : normal;
  font-display: swap;
  font-weight : 600;
  src         : url('/fonts/comfortaa-semibold.eot');
  /* IE9 Compat Modes */
  src         : local(''),
    url('/fonts/comfortaa-semibold.eot?#iefix') format('embedded-opentype'),
    /* IE6-IE8 */
    url('/fonts/comfortaa-semibold.woff2') format('woff2'),
    /* Super Modern Browsers */
    url('/fonts/comfortaa-semibold.woff') format('woff'),
    /* Modern Browsers */
    url('/fonts/comfortaa-semibold.ttf') format('truetype'),
    /* Safari, Android, iOS */
    url('/fonts/comfortaa-semibold.svg#OpenSans') format('svg');
  /* Legacy iOS */
}

@font-face {
  font-family : 'Comfortaa';
  font-style  : normal;
  font-display: swap;
  font-weight : 700;
  src         : url('/fonts/comfortaa-bold.eot');
  /* IE9 Compat Modes */
  src         : local(''),
    url('/fonts/comfortaa-bold.eot?#iefix') format('embedded-opentype'),
    /* IE6-IE8 */
    url('/fonts/comfortaa-bold.woff2') format('woff2'),
    /* Super Modern Browsers */
    url('/fonts/comfortaa-bold.woff') format('woff'),
    /* Modern Browsers */
    url('/fonts/comfortaa-bold.ttf') format('truetype'),
    /* Safari, Android, iOS */
    url('/fonts/comfortaa-bold.svg#OpenSans') format('svg');
  /* Legacy iOS */
}

@font-face {
  font-family : 'Ubuntu';
  font-style  : normal;
  font-display: swap;
  font-weight : 500;
  src         : url('/fonts/ubuntu-medium.eot');
  /* IE9 Compat Modes */
  src         : local(''),
    url('/fonts/ubuntu-medium?#iefix') format('embedded-opentype'),
    /* IE6-IE8 */
    url('/fonts/ubuntu-medium.woff2') format('woff2'),
    /* Super Modern Browsers */
    url('/fonts/ubuntu-medium.woff') format('woff'),
    /* Modern Browsers */
    url('/fonts/ubuntu-medium.ttf') format('truetype'),
    /* Safari, Android, iOS */
    url('/fonts/ubuntu-medium.svg#OpenSans') format('svg');
  /* Legacy iOS */
}

@font-face {
  font-family : 'Ubuntu';
  font-style  : normal;
  font-display: swap;
  font-weight : 700;
  src         : url('/fonts/ubuntu-bold.eot');
  /* IE9 Compat Modes */
  src         : local(''),
    url('/fonts/ubuntu-bold?#iefix') format('embedded-opentype'),
    /* IE6-IE8 */
    url('/fonts/ubuntu-bold.woff2') format('woff2'),
    /* Super Modern Browsers */
    url('/fonts/ubuntu-bold.woff') format('woff'),
    /* Modern Browsers */
    url('/fonts/ubuntu-bold.ttf') format('truetype'),
    /* Safari, Android, iOS */
    url('/fonts/ubuntu-bold.svg#OpenSans') format('svg');
  /* Legacy iOS */
}

/* #endregion */

/* #region Main */
:root {
  --white      : #FFFFFF;
  --orange     : #F48221;
  --dark-gray  : #4C4A4B;
  --gray3      : #B0B0B0;
  --gray2      : #C0C0C0;
  --gray       : #F2F2F2;
  --light-gray : #FBFBFB;
  --black      : #000000;
  --dark-orange: #f45221;
  --yellow     : #ffc800;
  --green      : #2feb00;

  --fzText1   : 14px;
  --fzText2   : 16px;
  --fzText3   : 18px;
  --fzText4   : 20px;
  --fzTitle   : 52px;
  --fzSubTitle: 34px;
}

body {
  background-color: var(--white);
  font-family     : 'Comfortaa', Arial, Helvetica, sans-serif;
  font-size       : var(--fzText2);
  font-weight     : 400;
}

.container {
  max-width: 1200px;
  padding  : 0 15px;
  margin   : 0 auto;
  width    : 100%;
}

.container--fw {
  max-width: 100% !important;
}

/* #endregion */

/* #region UI */
a:not([class]) {
  color          : var(--orange);
  text-decoration: underline;
  -webkit-transition     : color 300ms ease;
  -o-transition     : color 300ms ease;
  transition     : color 300ms ease;
}

a:not([class]):hover {
  color          : var(--dark-gray);
  text-decoration: none;
}

.btn {
  font-size       : var(--fzText1);
  line-height     : 1.2;
  font-weight     : 700;
  border          : 0;
  color           : var(--white);
  text-transform  : uppercase;
  background-color: var(--dark-gray);
  display         : -webkit-box;
  display         : -ms-flexbox;
  display         : flex;
  -webkit-box-align     : center;
      -ms-flex-align     : center;
          align-items     : center;
  -webkit-box-pack : center;
      -ms-flex-pack : center;
          justify-content : center;
  text-align      : center;
  padding         : 17px 35px;
  -webkit-transition      : background-color 300ms ease;
  -o-transition      : background-color 300ms ease;
  transition      : background-color 300ms ease;
  outline         : none;
  position        : relative;
  overflow        : hidden;
}

.btn::before {
  content         : "";
  position        : absolute;
  left            : -40px;
  width           : 30px;
  height          : 100%;
  -webkit-filter          : blur(1px);
          filter          : blur(1px);
  background-color: rgba(255, 255, 255, 1);
  -webkit-transform       : translateX(-4em) skewX(-45deg);
      -ms-transform       : translateX(-4em) skewX(-45deg);
          transform       : translateX(-4em) skewX(-45deg);
  -webkit-animation       : moveLight 4s infinite;
          animation       : moveLight 4s infinite;
  -webkit-animation-delay : 0.05s;
          animation-delay : 0.05s;
}

@-webkit-keyframes moveLight {
  0% {
    left       : -30px;
    margin-left: 0px;
    opacity    : 0;
  }

  30% {
    left       : 110%;
    margin-left: 80px;
    opacity    : .5;
  }

  60% {
    opacity: .7;
  }

  100% {
    left       : 110%;
    margin-left: 80px;
    opacity    : 0;
  }
}

@keyframes moveLight {
  0% {
    left       : -30px;
    margin-left: 0px;
    opacity    : 0;
  }

  30% {
    left       : 110%;
    margin-left: 80px;
    opacity    : .5;
  }

  60% {
    opacity: .7;
  }

  100% {
    left       : 110%;
    margin-left: 80px;
    opacity    : 0;
  }
}

a.btn {
  text-decoration: none;
}

.btn>.iconify {
  font-size: 20px;
}

.btn:hover {
  background-color: var(--orange);
}

.btn.btn--alt {
  background-color: var(--orange);
}

.btn.btn--alt:hover {
  background-color: var(--dark-gray);
}

section.section--bordered {
  position: relative;
}

section.section--bordered.section--bordered-top::before {
  content            : ' ';
  position           : absolute;
  top                : 0;
  left               : 50%;
  -webkit-transform          : translateX(-50%);
      -ms-transform          : translateX(-50%);
          transform          : translateX(-50%);
  height             : 4px;
  width              : 100%;
  /* max-width       : 149px; */
  background-color   : var(--gray);
}

section.section--bordered.section--bordered-bot::after {
  content            : ' ';
  position           : absolute;
  bottom             : 0;
  left               : 50%;
  -webkit-transform          : translateX(-50%);
      -ms-transform          : translateX(-50%);
          transform          : translateX(-50%);
  height             : 4px;
  width              : 100%;
  /* max-width       : 149px; */
  background-color   : var(--gray);
}

.section__title {
  font-size     : var(--fzSubTitle);
  font-weight   : 800;
  line-height   : 1.05;
  font-family   : 'Ubuntu', Arial, Helvetica, sans-serif;
  color         : var(--orange);
  text-align    : center;
  text-transform: uppercase;
  margin        : 0 0 25px;
}

.section__title.section__title--background {
  background-color: var(--orange);
  color           : var(--white);
  padding         : 20px 30px;
  margin          : 0 0 20px;
}

.splide__arrow {
  width        : 54px;
  height       : 54px;
  opacity      : 1;
  line-height  : 1;
  font-size    : 54px;
  border-radius: 0;
  color        : var(--gray2);
  -webkit-transition   : color 300ms ease;
  -o-transition   : color 300ms ease;
  transition   : color 300ms ease;
}

.splide__arrow:hover {
  color  : var(--orange);
  opacity: 1;
}

.splide__arrow svg {
  fill  : initial;
  width : auto;
  height: auto;
}

.splide__arrow--prev {
  left: -1.8em;
}

.splide__arrow--next {
  right: -1.8em;
}

.form {
  display       : -webkit-box;
  display       : -ms-flexbox;
  display       : flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width         : 100%;
}

.form__fields {
  display              : -ms-grid;
  display              : grid;
  -ms-grid-columns: 100%;
  grid-template-columns: 100%;
  row-gap              : 22px;
  -webkit-column-gap           : 22px;
     -moz-column-gap           : 22px;
          column-gap           : 22px;
  width                : 100%;
}

.form__field {
  display        : -webkit-box;
  display        : -ms-flexbox;
  display        : flex;
  -webkit-box-orient : vertical;
  -webkit-box-direction : normal;
      -ms-flex-direction : column;
          flex-direction : column;
  -webkit-box-align    : start;
      -ms-flex-align    : start;
          align-items    : flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.form__label {
  width           : 100%;
  background-color: var(--white);
  padding         : 9px 15px 8px 44px;
  position        : relative;
  -webkit-transition      : background-color 300ms ease, border-color 300ms ease;
  -o-transition      : background-color 300ms ease, border-color 300ms ease;
  transition      : background-color 300ms ease, border-color 300ms ease;
  display         : -webkit-box;
  display         : -ms-flexbox;
  display         : flex;
  -webkit-box-align     : center;
      -ms-flex-align     : center;
          align-items     : center;
  -webkit-box-pack : start;
      -ms-flex-pack : start;
          justify-content : flex-start;
  border          : 1px solid var(--gray2);
}

.form__label:focus-within {
  background-color: var(--dark-gray);
}

.form__label.form__label--bordered:focus-within {
  border-color: var(--white);
}

.form__icon {
  position   : absolute;
  left       : 14px;
  font-size  : 23px;
  line-height: 1;
  top        : 50%;
  -webkit-transform  : translateY(-50%);
      -ms-transform  : translateY(-50%);
          transform  : translateY(-50%);
  color      : var(--dark-gray);
  display    : -webkit-box;
  display    : -ms-flexbox;
  display    : flex;
  -webkit-transition : color 300ms ease;
  -o-transition : color 300ms ease;
  transition : color 300ms ease;
}

.form__label:focus-within .form__icon {
  color: var(--white);
}

.form__input {
  padding    : 8px 0;
  width      : 100%;
  border     : 0;
  background : transparent;
  font-size  : 16px;
  font-weight: 400;
  line-height: 1;
  color      : var(--dark-gray);
  outline    : none;
}

.form__input::-webkit-input-placeholder {
  color: var(--dark-gray);
}

.form__input::-moz-placeholder {
  color: var(--dark-gray);
}

.form__input:-ms-input-placeholder {
  color: var(--dark-gray);
}

.form__input::-ms-input-placeholder {
  color: var(--dark-gray);
}

.form__input::placeholder {
  color: var(--dark-gray);
}

.form__label:focus-within .form__input {
  color: var(--white);
}

.form__label:focus-within .form__input::-webkit-input-placeholder {
  color: var(--white);
}

.form__label:focus-within .form__input::-moz-placeholder {
  color: var(--white);
}

.form__label:focus-within .form__input:-ms-input-placeholder {
  color: var(--white);
}

.form__label:focus-within .form__input::-ms-input-placeholder {
  color: var(--white);
}

.form__label:focus-within .form__input::placeholder {
  color: var(--white);
}

.form__doc {
  display        : -webkit-box;
  display        : -ms-flexbox;
  display        : flex;
  -webkit-box-align    : center;
      -ms-flex-align    : center;
          align-items    : center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  font-size      : 14px;
  font-weight    : 600;
  line-height    : 1;
  color          : var(--white);
  -webkit-column-gap     : 8px;
     -moz-column-gap     : 8px;
          column-gap     : 8px;
}

.form__doc>.iconify {
  font-size: 21px;
}

.form__politics {
  text-align : center;
  margin-top : 15px;
  font-size  : 12px;
  font-weight: 400;
  line-height: initial;
  color      : var(--gray3);
}

.splide__pagination {
  bottom: 1em;
}

.splide__pagination__page {
  background: var(--white);
  height    : 10px;
  width     : 10px;
  margin    : 0 6px;
  opacity   : .9;
}

.splide__pagination__page.is-active {
  background: var(--orange);
  -webkit-transform : scale(1.5);
      -ms-transform : scale(1.5);
          transform : scale(1.5);
}

/* #endregion */

/* #region Header */
.header {
  padding: 5px 0;
}

.header__container {
  max-width: 1834px;
}

.header__inner {
  display        : -webkit-box;
  display        : -ms-flexbox;
  display        : flex;
  -webkit-box-align    : center;
      -ms-flex-align    : center;
          align-items    : center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.header__logotype {
  display        : -webkit-box;
  display        : -ms-flexbox;
  display        : flex;
  -webkit-box-align    : center;
      -ms-flex-align    : center;
          align-items    : center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-column-gap     : 15px;
     -moz-column-gap     : 15px;
          column-gap     : 15px;
}

.header__logotype__link {
  display        : -webkit-box;
  display        : -ms-flexbox;
  display        : flex;
  -webkit-box-align    : center;
      -ms-flex-align    : center;
          align-items    : center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-transition     : opacity 300ms ease;
  -o-transition     : opacity 300ms ease;
  transition     : opacity 300ms ease;
}

.header__logotype__link:hover,
.header__logotype__link:focus {
  opacity: .6;
}

.header__logotype__picture {
  max-height: 64px;
  max-width : 165px;
  width     : 100%;
  height    : 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.header__logotype__picture>img {
  max-height: inherit;
  max-width : inherit;
  width     : inherit;
  height    : inherit;
  -o-object-fit: inherit;
     object-fit: inherit;
}

.header__navigation {
  margin-left: auto;
  display    : -webkit-box;
  display    : -ms-flexbox;
  display    : flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding    : 0 15px;
}

.header__nav__list {
  padding        : 0;
  margin         : 0;
  list-style-type: none;
  display        : -webkit-box;
  display        : -ms-flexbox;
  display        : flex;
  -webkit-box-align    : center;
      -ms-flex-align    : center;
          align-items    : center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.header__nav__list>li:not(:last-child) {
  margin-right: 20px;
}

.header__nav__list a {
  white-space    : nowrap;
  text-transform : uppercase;
  text-decoration: none;
  font-size      : 14px;
  font-weight    : 700;
  color          : var(--dark-gray);
  border-bottom  : 2px solid transparent;
  -webkit-transition     : color 300ms ease, border-color 300ms ease;
  -o-transition     : color 300ms ease, border-color 300ms ease;
  transition     : color 300ms ease, border-color 300ms ease;
}

.header__nav__list a:hover,
.header__nav__list a:focus {
  color       : var(--orange);
  border-color: var(--orange);
}

.header__contacts {
  margin-left: auto;
  display    : -webkit-box;
  display    : -ms-flexbox;
  display    : flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.header__contacts>*:not(:last-child) {
  margin-right: 15px;
}

.header__contact {
  display        : -webkit-box;
  display        : -ms-flexbox;
  display        : flex;
  -webkit-box-align    : center;
      -ms-flex-align    : center;
          align-items    : center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.header__contact.header__contact--mobile {
  display: none;
}

.header__contact__icon {
  font-size   : 32px;
  line-height : 1;
  color       : var(--orange);
  display     : -webkit-box;
  display     : -ms-flexbox;
  display     : flex;
  margin-top  : 5px;
  margin-right: 8px;
  -webkit-transition  : color 300ms ease;
  -o-transition  : color 300ms ease;
  transition  : color 300ms ease;
}

.header__contact:hover>.header__contact__icon,
.header__contact:focus-within>.header__contact__icon {
  color: var(--dark-gray);
}

.header__contact__links {
  display       : -webkit-box;
  display       : -ms-flexbox;
  display       : flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align   : start;
      -ms-flex-align   : start;
          align-items   : flex-start;
  row-gap       : 3px;
}

.header__contact__link {
  font-size      : var(--fzText1);
  font-weight    : 400;
  line-height    : 1;
  color          : var(--dark-gray);
  text-decoration: underline;
  -webkit-transition     : color 300ms ease;
  -o-transition     : color 300ms ease;
  transition     : color 300ms ease;
}

.header__contact__link.header__contact__link--phone {
  font-size      : var(--fzText3);
  font-weight    : 700;
  text-decoration: none;
  white-space    : nowrap;
}

.header__contact__ext {
  font-size  : var(--fzText1);
  font-weight: 400;
}

.header__contact__link:hover,
.header__contact__link:focus {
  color: var(--orange);
}

.header__buttons {
  margin-left   : 60px;
  display       : -webkit-box;
  display       : -ms-flexbox;
  display       : flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

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

.header__btn--mobile {
  display: none;
}

.header__nav__btn {
  margin-top      : 5px;
  border          : 0;
  background-color: transparent;
  display         : none;
  -webkit-box-align     : center;
      -ms-flex-align     : center;
          align-items     : center;
  -webkit-box-pack : center;
      -ms-flex-pack : center;
          justify-content : center;
  font-size       : 32px;
  line-height     : 1;
  color           : var(--orange);
  outline         : none;
  -webkit-transition      : color 300ms ease;
  -o-transition      : color 300ms ease;
  transition      : color 300ms ease;
}

.header__nav__btn:hover,
.header__nav__btn:focus {
  color: var(--dark-gray);
}

/* #endregion */

/* #region Banner */
.banner {
  padding: 40px 0 0;
}

.banner__container {
  max-width: 1834px;
}

.banner__inner {
  width                : 100%;
  display              : -ms-grid;
  display              : grid;
  -ms-grid-columns: 1fr 50px 1fr;
  grid-template-columns: 1fr 1fr;
  grid-column-gap      : 50px;
  -webkit-box-align          : center;
      -ms-flex-align          : center;
          align-items          : center;
}

.banner__info {
  display       : -webkit-box;
  display       : -ms-flexbox;
  display       : flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.banner__title {
  font-size    : var(--fzTitle);
  font-weight  : 700;
  font-family  : 'Ubuntu', Arial, Helvetica, sans-serif;
  line-height  : 1.15;
  color        : var(--orange);
  margin-bottom: 25px;
}

.banner__pretitle {
  font-size  : var(--fzSubTitle);
  line-height: 1.2;
  color      : var(--dark-gray);
}

.banner__picture {
  display        : -webkit-box;
  display        : -ms-flexbox;
  display        : flex;
  width          : 100%;
  height         : 100%;
  -webkit-box-align    : center;
      -ms-flex-align    : center;
          align-items    : center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.banner__picture__splide {
  width: 100%;
}

.banner__picture__splide img {
  -webkit-user-select   : none;
     -moz-user-select   : none;
      -ms-user-select   : none;
          user-select   : none;
  pointer-events: none;
}

/* #endregion */

/* #region Project */
.project {
  margin-top: 35px;
  padding   : 54px 0;
}

.project__inner {
  display       : -webkit-box;
  display       : -ms-flexbox;
  display       : flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align   : center;
      -ms-flex-align   : center;
          align-items   : center;
  text-align    : center;
  margin-bottom : 25px;
}

.project__name {
  font-size     : var(--fzText2);
  font-weight   : 400;
  letter-spacing: .605em;
  color         : var(--dark-gray);
  text-transform: uppercase;
  margin-bottom : 15px;
}

.project__title {
  width              : 100%;
  max-width          : 914px;
  /* background-color: var(--orange); */
  color              : var(--orange);
  padding            : 0 15px;
  font-size          : var(--fzTitle);
  line-height        : 1.1;
  font-weight        : 700;
  font-family        : 'Ubuntu', Arial, Helvetica, sans-serif;
  margin-bottom      : 20px;
}

.project__text {
  width      : 100%;
  max-width  : 842px;
  font-size  : var(--fzText3);
  color      : var(--dark-gray);
  font-weight: 400;
}

.project__text span {
  font-family    : 'Ubuntu', Arial, Helvetica, sans-serif;
  text-decoration: underline;
  font-weight    : 700;
}

.project__blockquote {
  display              : -ms-grid;
  display              : grid;
  -ms-grid-columns: 321px 30px 1fr;
  grid-template-columns: 321px 1fr;
  -webkit-box-align          : center;
      -ms-flex-align          : center;
          align-items          : center;
  grid-column-gap      : 30px;
}

.project__blockquote__picture {
  height         : 321px;
  width          : 100%;
  display        : -webkit-box;
  display        : -ms-flexbox;
  display        : flex;
  -webkit-box-align    : center;
      -ms-flex-align    : center;
          align-items    : center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius  : 100%;
  overflow       : hidden;
  -webkit-box-shadow     : 8px 10px 12px rgba(0, 0, 0, 0.07);
          box-shadow     : 8px 10px 12px rgba(0, 0, 0, 0.07);
}

.project__blockquote__picture>img {
  width          : 100%;
  height         : 100%;
  -o-object-fit     : cover;
     object-fit     : cover;
  -o-object-position: center top;
     object-position: center top;
  border-radius  : 100%;
}

.project__blockquote__text {
  display       : -webkit-box;
  display       : -ms-flexbox;
  display       : flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align   : start;
      -ms-flex-align   : start;
          align-items   : flex-start;
  font-size     : var(--fzText4);
  line-height   : 1.5;
  font-weight   : 400;
  color         : var(--dark-gray);
}

.project__blockquote__autor {
  display        : -webkit-box;
  display        : -ms-flexbox;
  display        : flex;
  -webkit-box-align    : center;
      -ms-flex-align    : center;
          align-items    : center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  font-size      : var(--fzText3);
  line-height    : 1;
  font-family    : Ubuntu;
  font-weight    : bold;
  margin-top     : 10px;
}

.project__blockquote__autor>.iconify {
  font-size   : 45px;
  margin-right: 10px;
  color       : var(--orange);
}



/* #endregion */

/* #region About */
.about {
  padding: 54px 0;
}

.about__list {
  padding        : 0;
  margin         : 0;
  list-style-type: none;
  display        : -webkit-box;
  display        : -ms-flexbox;
  display        : flex;
  -ms-flex-wrap  : wrap;
      flex-wrap  : wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-column-gap: 30px;
     -moz-column-gap: 30px;
          column-gap: 30px;
  row-gap        : 30px;
}

.about__item {
  width           : calc(50% - 15px);
  display         : -webkit-box;
  display         : -ms-flexbox;
  display         : flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  background-color: var(--light-gray);
  border-top      : 4px solid var(--orange);
  padding         : 30px 30px 35px;
}

.about__item__icon {
  width           : 64px;
  min-height      : 64px;
  display         : -webkit-box;
  display         : -ms-flexbox;
  display         : flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: var(--white);
  color           : var(--orange);
  font-size       : 32px;
  -webkit-box-shadow: 8px 10px 12px rgba(0, 0, 0, 0.07);
          box-shadow: 8px 10px 12px rgba(0, 0, 0, 0.07);
  margin-bottom   : 22px;
}

.about__item__text {
  font-size  : var(--fzText3);
  font-weight: 400;
  line-height: 1.5;
  color      : var(--dark-gray);
}

.about__item__text+.about__item__text {
  margin-top: 15px;
}

.about__accent {
  color      : var(--orange);
  font-weight: 700;
}

.about__link {
  color          : var(--orange);
  font-weight    : 700;
  text-decoration: underline;
  white-space    : nowrap;
  -webkit-transition: color 300ms ease;
  -o-transition     : color 300ms ease;
  transition        : color 300ms ease;
}

.about__link:hover,
.about__link:focus {
  color          : var(--dark-gray);
  text-decoration: none;
}

/* #endregion */

/* #region Directions */

.directions__types {
  display              : -ms-grid;
  display              : grid;
  -ms-grid-columns: 100%;
  grid-template-columns: 100%;
  grid-row-gap         : 25px;
}

.directions__type {
  display              : -ms-grid;
  display              : grid;
  -ms-grid-columns: 30% 1fr;
  grid-template-columns: 30% 1fr;
  -webkit-box-align          : start;
      -ms-flex-align          : start;
          align-items          : flex-start;
  background-color     : var(--gray);
}

.directions__type.directions__type--reverse {
  -ms-grid-columns: 1fr 30%;
  grid-template-columns: 1fr 30%;
}

.directions__type__picture {
  width          : 100%;
  height         : 100%;
  display        : -webkit-box;
  display        : -ms-flexbox;
  display        : flex;
  -webkit-box-align    : center;
      -ms-flex-align    : center;
          align-items    : center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.directions__type__picture>img {
  width     : 100%;
  height    : 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.directions__type.directions__type--reverse .directions__type__picture {
  -ms-grid-column: 2;
  grid-column: 2;
  -ms-grid-row   : 1;
  grid-row   : 1;
}

.direction__type__icon {
  height          : 77px;
  width           : 77px;
  min-width       : 77px;
  display         : -webkit-box;
  display         : -ms-flexbox;
  display         : flex;
  -webkit-box-align     : center;
      -ms-flex-align     : center;
          align-items     : center;
  -webkit-box-pack : center;
      -ms-flex-pack : center;
          justify-content : center;
  padding         : 12px;
  background-color: var(--orange);
}

.directions__type__info {
  display       : -webkit-box;
  display       : -ms-flexbox;
  display       : flex;
  -webkit-box-align   : center;
      -ms-flex-align   : center;
          align-items   : center;
  height        : 100%;
  padding-bottom: 25px;
  -ms-flex-wrap     : wrap;
      flex-wrap     : wrap;
}

.directions__type.directions__type--reverse .directions__type__info {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}

.direction__type__icon>picture {
  width     : auto;
  height    : auto;
  -o-object-fit: contain;
     object-fit: contain;
}

.direction__type__icon>picture>img {
  width     : inherit;
  height    : inherit;
  -o-object-fit: inherit;
     object-fit: inherit;
}

.direction__type__head {
  padding    : 0 25px;
  display    : -webkit-box;
  display    : -ms-flexbox;
  display    : flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.direction__type__name {
  font-size     : var(--fzSubTitle);
  font-weight   : 800;
  line-height   : 1.15;
  text-transform: uppercase;
  color         : var(--dark-gray);
  font-family   : 'Ubuntu', Arial, Helvetica, sans-serif;
}

.directions__type.directions__type--reverse .direction__type__name {
  text-align: right;
}

.directions__any__links {
  display        : -webkit-box;
  display        : -ms-flexbox;
  display        : flex;
  -ms-flex-wrap      : wrap;
      flex-wrap      : wrap;
  padding        : 0 25px;
  width          : 100%;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.directions__type.directions__type--reverse .directions__any__links {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.directions__any__link {
  width           : calc(100% / 3 - 18px);
  margin          : 8px;
  padding         : 15px;
  text-decoration : none;
  display         : -webkit-box;
  display         : -ms-flexbox;
  display         : flex;
  -webkit-box-align     : center;
      -ms-flex-align     : center;
          align-items     : center;
  text-align      : left;
  font-size       : var(--fzText3);
  font-weight     : 400;
  color           : var(--dark-gray);
  line-height     : 1.2;
  -webkit-transition      : color 300ms ease, -webkit-box-shadow 300ms ease, -webkit-transform 300ms ease;
  transition      : color 300ms ease, -webkit-box-shadow 300ms ease, -webkit-transform 300ms ease;
  -o-transition      : color 300ms ease, box-shadow 300ms ease, transform 300ms ease;
  transition      : color 300ms ease, box-shadow 300ms ease, transform 300ms ease;
  transition      : color 300ms ease, box-shadow 300ms ease, transform 300ms ease, -webkit-box-shadow 300ms ease, -webkit-transform 300ms ease;
  background-color: var(--white);
  -webkit-box-shadow      : 8px 10px 12px rgba(0, 0, 0, 0.07);
          box-shadow      : 8px 10px 12px rgba(0, 0, 0, 0.07);
}

.directions__any__link:hover,
.directions__any__link:focus {
  color     : var(--orange);
  -webkit-box-shadow: none;
          box-shadow: none;
  -webkit-transform : translate(-2px, -2px);
      -ms-transform : translate(-2px, -2px);
          transform : translate(-2px, -2px);
}

.directions__any__icon {
  height         : 65px;
  width          : 65px;
  display        : -webkit-box;
  display        : -ms-flexbox;
  display        : flex;
  -webkit-box-align    : center;
      -ms-flex-align    : center;
          align-items    : center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding        : 7px;
  -webkit-transition     : -webkit-transform 300ms ease-in-out;
  transition     : -webkit-transform 300ms ease-in-out;
  -o-transition     : transform 300ms ease-in-out;
  transition     : transform 300ms ease-in-out;
  transition     : transform 300ms ease-in-out, -webkit-transform 300ms ease-in-out;
  min-width      : 65px;
  margin-right   : 10px;
}

.directions__any__link:hover .directions__any__icon,
.directions__any__link:focus .directions__any__icon {
  -webkit-box-shadow: none;
          box-shadow: none;
  -webkit-transform : translate(-2px, -2px);
      -ms-transform : translate(-2px, -2px);
          transform : translate(-2px, -2px);
}

/* #endregion */

/* #region Advantages */
.advantages {
  padding: 42px 0 30px;
}

.advantages__inner {
  padding-top   : 13px;
  display       : -webkit-box;
  display       : -ms-flexbox;
  display       : flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.advantages__list {
  padding        : 0;
  margin         : 0;
  list-style-type: none;
  display        : -webkit-box;
  display        : -ms-flexbox;
  display        : flex;
  -ms-flex-wrap      : wrap;
      flex-wrap      : wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-column-gap     : 30px;
     -moz-column-gap     : 30px;
          column-gap     : 30px;
  row-gap        : 30px;
}

.advantages__item {
  width           : calc(100% / 3 - 20px);
  display         : -webkit-box;
  display         : -ms-flexbox;
  display         : flex;
  -webkit-box-orient  : vertical;
  -webkit-box-direction  : normal;
      -ms-flex-direction  : column;
          flex-direction  : column;
  -webkit-box-align     : center;
      -ms-flex-align     : center;
          align-items     : center;
  text-align      : center;
  background-color: var(--light-gray);
  padding         : 0 15px 35px;
}

.advantages__item__icon {
  width           : 77px;
  min-height      : 77px;
  display         : -webkit-box;
  display         : -ms-flexbox;
  display         : flex;
  -webkit-box-align     : center;
      -ms-flex-align     : center;
          align-items     : center;
  -webkit-box-pack : center;
      -ms-flex-pack : center;
          justify-content : center;
  background-color: var(--white);
  padding         : 15px;
  -webkit-box-shadow      : 8px 10px 12px rgba(0, 0, 0, 0.07);
          box-shadow      : 8px 10px 12px rgba(0, 0, 0, 0.07);
  margin-bottom   : 20px;
}

.advantages__item__title {
  font-size     : 18px;
  font-weight   : 800;
  line-height   : 1.35;
  text-transform: uppercase;
  color         : var(--dark-gray);
  margin-bottom : 10px;
}

.advantages__item__text {
  font-size  : 14px;
  font-weight: 400;
  line-height: 1.35;
  color      : var(--dark-gray);
}

/* #endregion */

/* #region Results */
.results {
  padding : 30px 0 0 64px;
  position: relative;
}

.results::before {
  content         : ' ';
  position        : absolute;
  left            : 0;
  top             : 32%;
  width           : 64px;
  height          : 26px;
  background-color: var(--dark-gray);
  z-index         : 1;
}

.results__container {
  z-index          : 2;
  position         : relative;
  max-width        : 1495px;
  margin-left      : 0;
  padding          : 22px 0 35px;
  background       : url('/img/results_back.png') 81% 0px, -webkit-gradient(linear, left top, right top, color-stop(58%, var(--gray)), color-stop(58%), color-stop(42%, var(--white))) 0 22px;
  background       : url('/img/results_back.png') 81% 0px, -o-linear-gradient(left, var(--gray) 58%, 58%, var(--white) 42%) 0 22px;
  background       : url('/img/results_back.png') 81% 0px, linear-gradient(to right, var(--gray) 58%, 58%, var(--white) 42%) 0 22px;
  background-size  : auto;
  background-repeat: no-repeat;
}

.results__title {
  font-size     : 40px;
  font-weight   : 800;
  line-height   : 1.35;
  color         : var(--white);
  text-transform: uppercase;
  max-width     : 1080px;
  display       : -webkit-box;
  display       : -ms-flexbox;
  display       : flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align   : start;
      -ms-flex-align   : start;
          align-items   : flex-start;
}

.results__title>p {
  padding-left    : 40px;
  padding-right   : 40px;
  background-color: var(--orange);
}

.results__title>p:first-child {
  padding-top   : 25px;
  padding-bottom: 25px;
}

.results__title>p:last-child {
  padding-bottom: 20px;
  margin-top    : -20px;
}

.results__inner {
  max-width     : 1056px;
  margin-right  : 85px;
  padding       : 35px 0 0;
  display       : -webkit-box;
  display       : -ms-flexbox;
  display       : flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.results__splide {
  width        : 100%;
  margin-bottom: 25px;
}

.results__splide .splide__arrow--next {
  right: -2.3em;
}

.results__card {
  padding              : 0 15px;
  width                : 100%;
  display              : -ms-grid;
  display              : grid;
  -ms-grid-columns: 340px 55px 1fr;
  grid-template-columns: 340px 1fr;
  -webkit-column-gap           : 55px;
     -moz-column-gap           : 55px;
          column-gap           : 55px;
  -webkit-box-align          : start;
      -ms-flex-align          : start;
          align-items          : flex-start;
}

.results__card__person {
  display       : -webkit-box;
  display       : -ms-flexbox;
  display       : flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align   : start;
      -ms-flex-align   : start;
          align-items   : flex-start;
}

.results__person__picture {
  display        : -webkit-box;
  display        : -ms-flexbox;
  display        : flex;
  -webkit-box-align    : center;
      -ms-flex-align    : center;
          align-items    : center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  margin-bottom  : 30px;
}

.results__person__picture>img {
  width          : 100%;
  height         : 321px;
  max-width      : 321px;
  max-height     : 321px;
  -o-object-fit     : cover;
     object-fit     : cover;
  -o-object-position: center center;
     object-position: center center;
  border-radius  : 100%;
  pointer-events : none;
}

.results__person__name {
  font-family  : 'Ubuntu', Arial, Helvetica, sans-serif;
  font-size    : var(--fzText3);
  font-weight  : 700;
  line-height  : 1.35;
  color        : var(--black);
  margin-bottom: 15px;
}

.results__person__status {
  font-size  : var(--fzText2);
  font-weight: 700;
  line-height: 1.3;
  color      : var(--black);
}

.results__card__info {
  display       : -webkit-box;
  display       : -ms-flexbox;
  display       : flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding-bottom: 20px;
}

.results__info__text {
  width        : 100%;
  max-width    : 600px;
  font-size    : var(--fzText3);
  font-weight  : 600;
  line-height  : 1.35;
  color        : var(--dark-gray);
  margin-bottom: 50px;
}

.results__info__text>*:not(:last-child) {
  margin-bottom: 1rem;
}

.results__info__cards {
  max-width            : 634px;
  width                : 100%;
  padding              : 0;
  margin               : 0;
  list-style-type      : none;
  display              : -ms-grid;
  display              : grid;
  -ms-grid-columns: 1fr 35px 1fr 35px 1fr;
  grid-template-columns: repeat(3, 1fr);
  -webkit-column-gap           : 35px;
     -moz-column-gap           : 35px;
          column-gap           : 35px;
  row-gap              : 25px;
}

.results__info__card {
  display         : -webkit-box;
  display         : -ms-flexbox;
  display         : flex;
  -webkit-box-orient  : vertical;
  -webkit-box-direction  : normal;
      -ms-flex-direction  : column;
          flex-direction  : column;
  -webkit-box-align     : center;
      -ms-flex-align     : center;
          align-items     : center;
  text-align      : center;
  background-color: var(--white);
  border-top      : 2px solid var(--orange);
  padding         : 15px 5px 13px;
  -webkit-box-shadow      : 8px 10px 12px rgba(0, 0, 0, 0.07);
          box-shadow      : 8px 10px 12px rgba(0, 0, 0, 0.07);
}

.results__info__card.results__info__card--orange {
  border-top-color: var(--dark-orange);
}

.results__info__card.results__info__card--green {
  border-top-color: var(--green);
}

.results__info__card.results__info__card--yellow {
  border-top-color: var(--yellow);
}

.results__info__card__number {
  font-size    : 42px;
  line-height  : 1;
  font-weight  : 700;
  color        : var(--orange);
  margin-bottom: 12px;
  font-family  : 'Ubuntu', Arial, Helvetica, sans-serif;
}

.results__info__card__text {
  font-size    : 13px;
  font-weight  : 400;
  line-height  : 1.35;
  color        : var(--dark-gray);
  margin-bottom: 20px;
}

.results__info__card__stat {
  margin-top : auto;
  font-size  : 12px;
  font-weight: 400;
  line-height: 1.35;
  color      : var(--dark-gray);
}

/* #endregion */

/* #region Participants*/
.participants {
  padding: 42px 0 60px;
}

.particip__inner {
  padding-top   : 10px;
  display       : -webkit-box;
  display       : -ms-flexbox;
  display       : flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.particip__list {
  width                : 100%;
  padding              : 0;
  margin               : 0;
  list-style-type      : none;
  display              : -ms-grid;
  display              : grid;
  grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
  -webkit-column-gap           : 50px;
     -moz-column-gap           : 50px;
          column-gap           : 50px;
  row-gap              : 50px;
}

.particip__item {
  width          : 100%;
  height         : 100%;
  display        : -webkit-box;
  display        : -ms-flexbox;
  display        : flex;
  -webkit-box-align    : center;
      -ms-flex-align    : center;
          align-items    : center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.particip__link {
  display        : -webkit-box;
  display        : -ms-flexbox;
  display        : flex;
  -webkit-box-align    : center;
      -ms-flex-align    : center;
          align-items    : center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width          : 100%;
  height         : 100%;
  -webkit-transition     : -webkit-filter 300ms ease;
  transition     : -webkit-filter 300ms ease;
  -o-transition     : filter 300ms ease;
  transition     : filter 300ms ease;
  transition     : filter 300ms ease, -webkit-filter 300ms ease;
}

.particip__link:hover,
.particip__link:focus {
  -webkit-filter: grayscale(.7);
          filter: grayscale(.7);
}

.particip__link>img {
  width         : auto;
  max-height    : 123px;
  -o-object-fit    : contain;
     object-fit    : contain;
  -webkit-user-select   : none;
     -moz-user-select   : none;
      -ms-user-select   : none;
          user-select   : none;
  pointer-events: none;
}

/* #endregion */

/* #region Algorithm */
.algorithm {
  padding: 42px 0 20px;
}

.algorithm__inner {
  padding-top   : 15px;
  display       : -webkit-box;
  display       : -ms-flexbox;
  display       : flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.algorithm__steps {
  width                   : 100%;
  padding                 : 0;
  margin                  : 0;
  list-style-type         : none;
  display                 : -ms-grid;
  display                 : grid;
  /* grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); */
  -ms-grid-columns   : 1fr 30px 1fr 30px 1fr;
  grid-template-columns   : 1fr 1fr 1fr;
  -webkit-column-gap              : 30px;
     -moz-column-gap              : 30px;
          column-gap              : 30px;
  row-gap                 : 30px;
}

.algorithm__step {
  display         : -webkit-box;
  display         : -ms-flexbox;
  display         : flex;
  -webkit-box-orient  : vertical;
  -webkit-box-direction  : normal;
      -ms-flex-direction  : column;
          flex-direction  : column;
  -webkit-box-align     : center;
      -ms-flex-align     : center;
          align-items     : center;
  text-align      : center;
  background-color: var(--gray);
  padding         : 15px 15px 20px;
  position        : relative;
}

.algorithm__step__time {
  margin-right    : auto;
  margin-left     : -15px;
  margin-top      : -15px;
  margin-bottom   : 30px;
  background-color: var(--orange);
  font-family     : 'Ubuntu', Arial, Helvetica, sans-serif;
  font-size       : var(--fzText1);
  line-height     : 1;
  font-weight     : 800;
  color           : var(--white);
  text-transform  : uppercase;
  padding         : 5px 11px 6px;
}

.algorithm__step__picture {
  display        : -webkit-box;
  display        : -ms-flexbox;
  display        : flex;
  -webkit-box-align    : center;
      -ms-flex-align    : center;
          align-items    : center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom  : 32px;
}

.algorithm__step__text {
  font-size  : var(--fzText2);
  font-weight: 600;
  line-height: 1.35;
  color      : var(--black);
  max-width  : 280px;
}

.algorithm__step__arrow {
  display    : -webkit-box;
  display    : -ms-flexbox;
  display    : flex;
  position   : absolute;
  top        : 50%;
  -webkit-transform  : translateY(-50%);
      -ms-transform  : translateY(-50%);
          transform  : translateY(-50%);
  left       : calc(100% - 5px);
  font-size  : 46px;
  color      : var(--orange);
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  z-index    : 1;
}

.algorithm__step:nth-child(3n) .algorithm__step__arrow {
  top      : calc(100% - 18px);
  left     : 50%;
  -webkit-transform: translateX(-50%)rotate(90deg);
      -ms-transform: translateX(-50%)rotate(90deg);
          transform: translateX(-50%)rotate(90deg);
}

.algorithm__step:last-child .algorithm__step__arrow {
  display: none;
}

.algorithm__step:nth-child(4) .algorithm__step__arrow,
.algorithm__step:nth-child(5) .algorithm__step__arrow {
  -webkit-transform: translateY(-50%)rotate(180deg);
      -ms-transform: translateY(-50%)rotate(180deg);
          transform: translateY(-50%)rotate(180deg);
}

/* #endregion */

/* #region Criteria */
.criteria {
  padding      : 50px 0;
  margin-bottom: 30px;
  position     : relative;
  overflow     : hidden;
}

.criteria__container {
  max-width: 1300px;
}

.criteria__picture {
  display        : -webkit-box;
  display        : -ms-flexbox;
  display        : flex;
  position       : absolute;
  left           : 0;
  top            : 0;
  width          : 100%;
  height         : 100%;
  max-width      : 50%;
  -o-object-fit     : cover;
     object-fit     : cover;
  -o-object-position: left center;
     object-position: left center;
  z-index        : 1;
}

.criteria__picture>img {
  -o-object-fit     : inherit;
     object-fit     : inherit;
  width          : inherit;
  -o-object-position: inherit;
     object-position: inherit;
  opacity        : .15;
}

.criteria__inner {
  position      : relative;
  z-index       : 2;
  display       : -webkit-box;
  display       : -ms-flexbox;
  display       : flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.criteria__lists {
  width                : 100%;
  display              : -ms-grid;
  display              : grid;
  -ms-grid-columns: 1fr 32px 430px 32px 1fr;
  grid-template-columns: 1fr 430px 1fr;
  -webkit-box-align          : start;
      -ms-flex-align          : start;
          align-items          : flex-start;
  -webkit-column-gap           : 32px;
     -moz-column-gap           : 32px;
          column-gap           : 32px;
  row-gap              : 45px;
}

.criteria__center {
  -ms-grid-column   : 2;
  grid-column   : 2;
  -ms-grid-row      : 1;
  grid-row      : 1;
  display       : -webkit-box;
  display       : -ms-flexbox;
  display       : flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align   : center;
      -ms-flex-align   : center;
          align-items   : center;
  height        : 100%;
}

.criteria__center>.btn {
  margin-top: auto;
}

.criteria__list {
  width                : 100%;
  padding              : 0;
  margin               : 0;
  list-style-type      : none;
  display              : -ms-grid;
  display              : grid;
  -ms-grid-columns: 100%;
  grid-template-columns: 100%;
  row-gap              : 75px;
}

.criteria__item {
  display              : -ms-grid;
  display              : grid;
  -ms-grid-columns: 70px 13px 1fr;
  grid-template-columns: 70px 1fr;
  -webkit-column-gap           : 13px;
     -moz-column-gap           : 13px;
          column-gap           : 13px;
}

.criteria__list.criteria__list--reverse .criteria__item {
  -ms-grid-columns: 1fr 70px;
  grid-template-columns: 1fr 70px;
}

.criteria__item__icon {
  height          : 70px;
  padding         : 12px;
  display         : -webkit-box;
  display         : -ms-flexbox;
  display         : flex;
  -webkit-box-align     : center;
      -ms-flex-align     : center;
          align-items     : center;
  -webkit-box-pack : center;
      -ms-flex-pack : center;
          justify-content : center;
  background-color: var(--dark-gray);
}

.criteria__list.criteria__list--reverse .criteria__item__icon {
  -ms-grid-column: 2;
  grid-column: 2;
  -ms-grid-row   : 1;
  grid-row   : 1;
}

.criteria__list.criteria__list--orange .criteria__item__icon {
  background-color: var(--orange);
}

.criteria__item__info {
  display       : -webkit-box;
  display       : -ms-flexbox;
  display       : flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align   : start;
      -ms-flex-align   : start;
          align-items   : flex-start;
}

.criteria__list.criteria__list--reverse .criteria__item__info {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  text-align : right;
}

.criteria__item__title {
  font-family   : 'Ubuntu', Arial, Helvetica, sans-serif;
  font-size     : var(--fzText2);
  font-weight   : 800;
  line-height   : 1.35;
  text-transform: uppercase;
  color         : var(--dark-gray);
  margin-bottom : 5px;
}

.criteria__item__text {
  font-size  : var(--fzText2);
  font-weight: 400;
  line-height: 1.35;
  color      : var(--dark-gray);
}

.criteria__item__text>*:not(:last-child) {
  margin-bottom: .6rem;
}

.criteria__images {
  display       : -webkit-box;
  display       : -ms-flexbox;
  display       : flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  row-gap       : 22px;
  margin-bottom : 15px;
  height        : 100%;
}

.criteria__images>img {
  width     : 100%;
  -o-object-fit: cover;
     object-fit: cover;
  height    : 100%;
}

.criteria__center__text {
  width        : 100%;
  font-size    : var(--fzText2);
  line-height  : 1.2;
  color        : var(--dark-gray);
  font-weight  : 400;
  margin-bottom: 14px;
  text-align   : center;
}

.criteria__center__text span {
  font-family    : 'Ubuntu', Arial, Helvetica, sans-serif;
  text-decoration: underline;
  font-weight    : 700;
}

/* #endregion */

/* #region News */
.news {
  padding: 42px 0 40px;
}

.news__inner {
  padding-top   : 15px;
  display       : -webkit-box;
  display       : -ms-flexbox;
  display       : flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.news__list {
  width                : 100%;
  display              : -ms-grid;
  display              : grid;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
  -webkit-column-gap           : 30px;
     -moz-column-gap           : 30px;
          column-gap           : 30px;
  row-gap              : 30px;
}

.news__item {
  display              : -ms-grid;
  display              : grid;
  -ms-grid-columns: 1fr 27px 50%;
  grid-template-columns: 1fr 50%;
  -webkit-column-gap           : 27px;
     -moz-column-gap           : 27px;
          column-gap           : 27px;
  row-gap              : 20px;
  -webkit-box-align          : center;
      -ms-flex-align          : center;
          align-items          : center;
}

.news__item__picture {
  width          : 100%;
  display        : -webkit-box;
  display        : -ms-flexbox;
  display        : flex;
  -webkit-box-align    : center;
      -ms-flex-align    : center;
          align-items    : center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.news__item__picture>img {
  width          : 100%;
  height         : 100%;
  -o-object-fit     : cover;
     object-fit     : cover;
  -o-object-position: center;
     object-position: center;
}

.news__item__desc {
  display       : -webkit-box;
  display       : -ms-flexbox;
  display       : flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align   : start;
      -ms-flex-align   : start;
          align-items   : flex-start;
}

.news__item__date {
  display        : -webkit-box;
  display        : -ms-flexbox;
  display        : flex;
  -webkit-box-align    : center;
      -ms-flex-align    : center;
          align-items    : center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-column-gap     : 5px;
     -moz-column-gap     : 5px;
          column-gap     : 5px;
  font-size      : 14px;
  line-height    : 1;
  font-weight    : 600;
  color          : var(--gray3);
  margin-bottom  : 5px;
}

.news__item__date>svg {
  font-size  : 16px;
  line-height: 1;
}

.news__item__title {
  font-size  : 14px;
  font-weight: 400;
  line-height: 1.35;
  color      : var(--dark-gray);
}

.news__item__title>a {
  text-decoration: none;
  color          : inherit;
  -webkit-transition     : color 300ms ease;
  -o-transition     : color 300ms ease;
  transition     : color 300ms ease;
}

.news__item__title>a:hover {
  color: var(--orange);
}

/* #endregion */

/* #region News Page */
.news_page {
  padding: 50px 0 60px;
}

.news_page__inner {
  display              : -ms-grid;
  display              : grid;
  -ms-grid-columns: 1fr 65%;
  grid-template-columns: 1fr 65%;
  margin-bottom        : 25px;
}

.news_page__picture {
  display        : -webkit-box;
  display        : -ms-flexbox;
  display        : flex;
  -webkit-box-align    : center;
      -ms-flex-align    : center;
          align-items    : center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.news_page__picture>picture {
  width     : 100%;
  max-height: 428px;
  height    : 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.news_page__picture>picture>img {
  width     : inherit;
  max-height: inherit;
  height    : inherit;
  -o-object-fit: inherit;
     object-fit: inherit;
}

.news_page__info {
  text-align     : left;
  display        : -webkit-box;
  display        : -ms-flexbox;
  display        : flex;
  -webkit-box-orient : vertical;
  -webkit-box-direction : normal;
      -ms-flex-direction : column;
          flex-direction : column;
  -webkit-box-align    : start;
      -ms-flex-align    : start;
          align-items    : flex-start;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  padding-bottom : 20px;
}

.news_page__date {
  display        : -webkit-box;
  display        : -ms-flexbox;
  display        : flex;
  -webkit-box-align    : center;
      -ms-flex-align    : center;
          align-items    : center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-column-gap     : 10px;
     -moz-column-gap     : 10px;
          column-gap     : 10px;
  font-size      : 16px;
  line-height    : 1.35;
  color          : var(--dark-gray);
  font-weight    : 600;
  padding-left   : 25px;
}

.news_page__description {
  position      : relative;
  display       : -webkit-box;
  display       : -ms-flexbox;
  display       : flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.news_page__description::before,
.news_page__description::after {
  content: ' ';
  display: inline-table;
  clear  : both;
}

.news_page__description>*:not(:last-child) {
  margin-bottom: 1rem;
}

.news_page__title {
  -webkit-transform : translateX(-15%);
      -ms-transform : translateX(-15%);
          transform : translateX(-15%);
  text-align: left;
}

/* #endregion */

/* #region Factory */
.factory {
  padding: 42px 0 45px;
}

.factory__inner {
  width                : 100%;
  display              : -ms-grid;
  display              : grid;
  -ms-grid-columns: 1fr 16px 398px 16px 1fr;
  grid-template-columns: 1fr 398px 1fr;
  -webkit-column-gap           : 16px;
     -moz-column-gap           : 16px;
          column-gap           : 16px;
  row-gap              : 16px;
  margin-bottom        : 24px;
}

.factory__center {
  padding-top     : 25px;
  padding-bottom  : 34px;
  -ms-grid-column     : 2;
  grid-column     : 2;
  -ms-grid-row        : 1;
  grid-row        : 1;
  display         : -webkit-box;
  display         : -ms-flexbox;
  display         : flex;
  -webkit-box-orient  : vertical;
  -webkit-box-direction  : normal;
      -ms-flex-direction  : column;
          flex-direction  : column;
  -webkit-box-align     : center;
      -ms-flex-align     : center;
          align-items     : center;
  -webkit-box-pack : center;
      -ms-flex-pack : center;
          justify-content : center;
  text-align      : center;
  background-color: var(--orange);
  font-family     : 'Ubuntu', Arial, Helvetica, sans-serif;
}

.factory__national__picture {
  padding        : 28px 30px 14px;
  display        : -webkit-box;
  display        : -ms-flexbox;
  display        : flex;
  -webkit-box-align    : center;
      -ms-flex-align    : center;
          align-items    : center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom  : 14px;
}

.factory__national__picture>picture {
  width     : 100%;
  max-width : 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.factory__national__picture>picture>img {
  width     : inherit;
  max-width : inherit;
  -o-object-fit: inherit;
     object-fit: inherit;
}

.factory__national__pretitle {
  font-size     : var(--fzText3);
  font-weight   : 700;
  line-height   : 1.1;
  text-transform: uppercase;
  color         : var(--white);
  margin-bottom : 23px;
  padding       : 0 15px;
}

.factory__national__area {
  width           : 100%;
  padding         : 22px 25px;
  background-color: var(--dark-gray);
  color           : var(--white);
  font-size       : var(--fzText3);
  font-weight     : 700;
  line-height     : 1.1;
  text-transform  : uppercase;
  margin-bottom   : 17px;
}

.factory__national__title {
  font-size     : var(--fzTitle);
  font-weight   : 700;
  line-height   : 1;
  text-transform: uppercase;
  color         : var(--white);
  padding       : 0 15px;
  margin        : 0 0 25px;
}

.factory__processes {
  padding              : 0;
  margin               : 0;
  width                : 100%;
  list-style-type      : none;
  display              : -ms-grid;
  display              : grid;
  -ms-grid-columns: 100%;
  grid-template-columns: 100%;
  grid-auto-rows       : minmax(500px, 700px);
  row-gap              : 16px;
}

.factory__process {
  width          : 100%;
  display        : -webkit-box;
  display        : -ms-flexbox;
  display        : flex;
  -webkit-box-align    : center;
      -ms-flex-align    : center;
          align-items    : center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.factory__process__btn {
  width          : 100%;
  height         : 100%;
  display        : -webkit-box;
  display        : -ms-flexbox;
  display        : flex;
  -webkit-box-align    : center;
      -ms-flex-align    : center;
          align-items    : center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-decoration: none;
}

.factory__process__figure {
  position: relative;
  width   : 100%;
  height  : 100%;
  display : -webkit-box;
  display : -ms-flexbox;
  display : flex;
}

.factory__process__figure>img {
  width          : 100%;
  height         : 100%;
  -o-object-fit     : cover;
     object-fit     : cover;
  -o-object-position: center;
     object-position: center;
}

.factory__process__figure>figcaption {
  position       : absolute;
  left           : 0;
  top            : 0;
  display        : -webkit-box;
  display        : -ms-flexbox;
  display        : flex;
  -webkit-box-orient : vertical;
  -webkit-box-direction : normal;
      -ms-flex-direction : column;
          flex-direction : column;
  -webkit-box-align    : center;
      -ms-flex-align    : center;
          align-items    : center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align     : center;
  padding        : 30px 48px;
  width          : 100%;
  height         : 100%;
  background     : -webkit-gradient(linear, left bottom, left top, from(rgba(76, 74, 75, 0.85)), to(rgba(76, 74, 75, 0.85)));
  background     : -o-linear-gradient(bottom, rgba(76, 74, 75, 0.85), rgba(76, 74, 75, 0.85));
  background     : linear-gradient(0deg, rgba(76, 74, 75, 0.85), rgba(76, 74, 75, 0.85));
  color          : var(--white);
  -webkit-user-select    : none;
     -moz-user-select    : none;
      -ms-user-select    : none;
          user-select    : none;
  -webkit-transition     : opacity 500ms ease-in-out;
  -o-transition     : opacity 500ms ease-in-out;
  transition     : opacity 500ms ease-in-out;
}

.factory__process:hover .factory__process__figure>figcaption,
.factory__process:focus-within .factory__process__figure>figcaption {
  opacity: 0;
}

.factory__process__name {
  width         : 100%;
  font-family   : 'Ubuntu', Arial, Helvetica, sans-serif;
  font-size     : var(--fzSubTitle);
  font-weight   : 700;
  line-height   : 1.35;
  text-transform: uppercase;
  margin-bottom : 15px;
}

.factory__process__desc {
  width      : 100%;
  font-size  : var(--fzText2);
  font-weight: 400;
  line-height: 1.5;
}

.factory__teach {
  font-size  : var(--fzText2);
  font-weight: 400;
  line-height: 1.5;
  color      : var(--dark-gray);
  text-align : center;
  max-width  : 1024px;
  width      : 100%;
  margin     : 0 auto;
}

/* #endregion */

/* #region Callback */
.callback {
  padding: 26px 0 45px;
}

.callback__inner {
  display       : -webkit-box;
  display       : -ms-flexbox;
  display       : flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align   : center;
      -ms-flex-align   : center;
          align-items   : center;
}

.callback__card {
  width                : 100%;
  max-width            : 770px;
  background-color     : var(--dark-gray);
  display              : -ms-grid;
  display              : grid;
  -ms-grid-columns: 25% 25px 1fr;
  grid-template-columns: 25% 1fr;
  -webkit-column-gap           : 25px;
     -moz-column-gap           : 25px;
          column-gap           : 25px;
}

.callback__card__icon {
  background-color: var(--orange);
  padding         : 40px 34px;
  display         : -webkit-box;
  display         : -ms-flexbox;
  display         : flex;
  -webkit-box-align     : center;
      -ms-flex-align     : center;
          align-items     : center;
  -webkit-box-pack : center;
      -ms-flex-pack : center;
          justify-content : center;
}

.callback__card__info {
  padding       : 40px 15px 40px;
  display       : -webkit-box;
  display       : -ms-flexbox;
  display       : flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align   : start;
      -ms-flex-align   : start;
          align-items   : flex-start;
}

.callback__card__text {
  font-size    : var(--fzText3);
  font-weight  : 600;
  line-height  : 1.35;
  color        : var(--white);
  margin-bottom: 15px;
}

.callback__card__link {
  margin-bottom  : 35px;
  font-family    : 'Ubuntu', Arial, Helvetica, sans-serif;
  font-size      : var(--fzTitle);
  line-height    : 1;
  font-weight    : 700;
  color          : var(--white);
  text-decoration: none;
  -webkit-transition     : color 300ms ease;
  -o-transition     : color 300ms ease;
  transition     : color 300ms ease;
}

.callback__card__link:hover,
.callback__card__link:focus {
  color: var(--orange);
}

/* #endregion */

/* #region Footer */
.footer {
  background-color: var(--gray);
  padding         : 44px 0 72px;
}

.footer__inner {
  display        : -webkit-box;
  display        : -ms-flexbox;
  display        : flex;
  -webkit-box-align    : center;
      -ms-flex-align    : center;
          align-items    : center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap      : wrap;
      flex-wrap      : wrap;
}

.footer__inner>*:not(:first-child) {
  margin-left: 15px;
}

.footer__desc {
  display       : -webkit-box;
  display       : -ms-flexbox;
  display       : flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align   : start;
      -ms-flex-align   : start;
          align-items   : flex-start;
}

.footer__desc__politics {
  font-size  : var(--fzText2);
  font-weight: 400;
  line-height: 1.35;
  color      : var(--dark-gray);
}

.footer__socials {
  display       : -webkit-box;
  display       : -ms-flexbox;
  display       : flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.footer__socials__list {
  padding        : 0;
  margin         : 0;
  list-style     : none;
  display        : -webkit-box;
  display        : -ms-flexbox;
  display        : flex;
  -webkit-box-align    : center;
      -ms-flex-align    : center;
          align-items    : center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.footer__socials__list>li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.footer__socials__list>li:not(:last-child) {
  margin-right: 11px;
}

.footer__socials__link {
  display        : -webkit-box;
  display        : -ms-flexbox;
  display        : flex;
  -webkit-box-align    : center;
      -ms-flex-align    : center;
          align-items    : center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-transition     : opacity 300ms ease;
  -o-transition     : opacity 300ms ease;
  transition     : opacity 300ms ease;
}

.footer__socials__link:hover,
.footer__socials__link:focus {
  opacity: .6;
}

.footer__contacts {
  display    : -webkit-box;
  display    : -ms-flexbox;
  display    : flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-column-gap : 15px;
     -moz-column-gap : 15px;
          column-gap : 15px;
}

.footer__contact {
  display        : -webkit-box;
  display        : -ms-flexbox;
  display        : flex;
  -webkit-box-align    : center;
      -ms-flex-align    : center;
          align-items    : center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-column-gap     : 8px;
     -moz-column-gap     : 8px;
          column-gap     : 8px;
}

.footer__contact__icon {
  font-size  : 32px;
  line-height: 1;
  color      : var(--orange);
  display    : -webkit-box;
  display    : -ms-flexbox;
  display    : flex;
  margin-top : 5px;
  -webkit-transition : color 300ms ease;
  -o-transition : color 300ms ease;
  transition : color 300ms ease;
}

.footer__contact:hover>.footer__contact__icon,
.footer__contact:focus-within>.footer__contact__icon {
  color: var(--dark-gray);
}

.footer__contact__links {
  display       : -webkit-box;
  display       : -ms-flexbox;
  display       : flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align   : start;
      -ms-flex-align   : start;
          align-items   : flex-start;
  row-gap       : 3px;
}

.footer__contact__link {
  font-size      : 14px;
  font-weight    : 400;
  line-height    : 1;
  color          : var(--dark-gray);
  text-decoration: underline;
  -webkit-transition     : color 300ms ease;
  -o-transition     : color 300ms ease;
  transition     : color 300ms ease;
}

.footer__contact__link.footer__contact__link--phone {
  font-size      : 20px;
  font-weight    : 700;
  text-decoration: none;
  white-space    : nowrap;
}

.footer__contact__ext {
  font-size  : 14px;
  font-weight: 400;
}

.footer__contact__link:hover,
.footer__contact__link:focus {
  color: var(--orange);
}

.footer__contact.footer__contact--mobile {
  display: none;
}

/* #endregion */

/* #region Modal */
.modal {
  width           : 100%;
  height          : 100%;
  position        : fixed;
  left            : 0;
  top             : 0;
  right           : 0;
  bottom          : 0;
  background-color: rgba(0, 0, 0, .6);
  padding         : 15px;
  z-index         : 10;
  display         : -webkit-box;
  display         : -ms-flexbox;
  display         : flex;
  -webkit-box-align     : center;
      -ms-flex-align     : center;
          align-items     : center;
  -webkit-box-pack : center;
      -ms-flex-pack : center;
          justify-content : center;
  -webkit-transition      : visibility 300ms ease, opacity 300ms ease;
  -o-transition      : visibility 300ms ease, opacity 300ms ease;
  transition      : visibility 300ms ease, opacity 300ms ease;
}

.modal.--is_fade {
  visibility: hidden;
  opacity   : 0;
}

.modal__dialog {
  width         : 100%;
  max-width     : 450px;
  margin        : auto;
  display       : -webkit-box;
  display       : -ms-flexbox;
  display       : flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.modal__description .modal__dialog,
.modal__algorithm .modal__dialog {
  max-width: 80%;
}

.modal__container {
  display         : -webkit-box;
  display         : -ms-flexbox;
  display         : flex;
  -webkit-box-orient  : vertical;
  -webkit-box-direction  : normal;
      -ms-flex-direction  : column;
          flex-direction  : column;
  position        : relative;
  max-height      : 95vh;
  background-color: var(--white);
}

.modal__close {
  position   : absolute;
  right      : 9px;
  top        : 6px;
  font-size  : 26px;
  line-height: 1;
  color      : var(--white);
  -webkit-transition : color 300ms ease;
  -o-transition : color 300ms ease;
  transition : color 300ms ease;
}

.modal__close:hover,
.modal__close:focus {
  color: var(--dark-gray);
}

.modal__header {
  background-color: var(--orange);
  padding         : 15px 25px 15px 15px;
  display         : -webkit-box;
  display         : -ms-flexbox;
  display         : flex;
  -webkit-box-orient  : vertical;
  -webkit-box-direction  : normal;
      -ms-flex-direction  : column;
          flex-direction  : column;
  -webkit-box-align     : start;
      -ms-flex-align     : start;
          align-items     : flex-start;
  -webkit-box-pack : start;
      -ms-flex-pack : start;
          justify-content : flex-start;
  position        : relative;
}

.modal__header::after {
  content         : ' ';
  position        : absolute;
  top             : 100%;
  left            : 50%;
  -webkit-transform       : translateX(-50%);
      -ms-transform       : translateX(-50%);
          transform       : translateX(-50%);
  height          : 4px;
  width           : 100%;
  background-color: var(--gray);
}

.modal__title {
  font-family   : 'Ubuntu', Arial, Helvetica, sans-serif;
  font-size     : 26px;
  line-height   : 1.35;
  font-weight   : 700;
  text-transform: uppercase;
  color         : var(--white);
  margin-bottom : 5px;
}

.modal__text {
  font-size  : 14px;
  font-weight: 400;
  line-height: 1.35;
  color      : var(--white);
}

.modal__body {
  padding         : 15px;
  display         : -webkit-box;
  display         : -ms-flexbox;
  display         : flex;
  -webkit-box-orient  : vertical;
  -webkit-box-direction  : normal;
      -ms-flex-direction  : column;
          flex-direction  : column;
  background-color: var(--light-gray);
  overflow-y      : auto;
  max-height      : 85vh;
}

.modal__description .modal__body {
  padding: 0;
}

.modal__form .form__field:last-child {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.modal__page__inner {
  display              : -ms-grid;
  display              : grid;
  -ms-grid-columns: 35% 1fr;
  grid-template-columns: 35% 1fr;
  -webkit-box-align          : center;
      -ms-flex-align          : center;
          align-items          : center;
}

.modal__page__picture {
  width          : 100%;
  height         : 100%;
  display        : -webkit-box;
  display        : -ms-flexbox;
  display        : flex;
  -webkit-box-align    : center;
      -ms-flex-align    : center;
          align-items    : center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.modal__page__picture>img {
  width          : 100%;
  height         : 100%;
  -o-object-fit     : cover;
     object-fit     : cover;
  -o-object-position: center;
     object-position: center;
}

.modal__page__description {
  padding  : 25px 15px;
  font-size: var(--fzText3);
}

.modal__page__description:after,
.modal__page__description:before {
  content: " ";
  display: table;
  clear  : both;
}


/* #endregion */

/* #region Media */
@media all and (max-width: 1900px) {

  /* #region Header */
  .header__buttons {
    margin-left: 15px;
  }

  /* #endregion */

  /* #region Results */
  .results__container {
    max-width: 1400px;
  }

  /* #endregion */

}

@media all and (max-width: 1599px) {

  /* #region Main */
  :root {
    --fzTitle   : 42px;
    --fzSubTitle: 28px;
  }

  /* #endregion */

  /* #region UI */
  .splide__pagination {
    bottom: 0.7rem;
  }

  /* #endregion */

  /* #region Header */
  .header__buttons {
    margin-left: 0;
  }

  .header__nav__list>li:not(:last-child) {
    margin-right: 12px;
  }

  .header__nav__list a {
    font-size: 12px;
  }

  .header__btn {
    font-size    : 12px;
    padding-left : 15px;
    padding-right: 15px;
  }

  .header__contact__link.header__contact__link--phone {
    font-size: var(--fzText2);
  }

  /* #endregion */

  /* #region Directions */
  .directions__any__link {
    width    : calc(100% / 2 - 18px);
    font-size: var(--fzText2);
  }

  .directions__any__links {
    padding: 20px 25px 0;
  }

  /* #endregion */

  /* #region Results */
  .results {
    padding: 30px 0 0;
  }

  .results__container {
    margin-left: auto;
    padding    : 22px 0 45px;
  }

  .results__title {
    font-size    : 36px;
    margin-bottom: 25px;
  }

  .results__title>p:first-child {
    padding-top   : 18px;
    padding-bottom: 20px;
  }

  .results__title>p:last-child {
    padding-bottom: 15px;
  }

  .results__inner {
    max-width   : 1200px;
    margin-right: auto;
    padding     : 35px 15px 0;
  }

  .results__splide .splide__arrow--prev {
    left: -0.9em;
  }

  .results__splide .splide__arrow--next {
    right: -0.9em;
  }

  .results__info__card__number {
    font-size: 38px;
  }

  /* #endregion */

  /* #region Factory */
  .factory__process__figure>figcaption {
    padding: 20px 30px;
  }

  /* #endregion */
}

@media all and (max-width: 1279px) {

  /* #region Main */
  .container {
    max-width: 992px;
  }

  :root {
    --fzTitle   : 34px;
    --fzSubTitle: 24px;
  }

  /* #endregion */

  /* #region UI */
  .splide__arrow {
    width    : 46px;
    height   : 46px;
    font-size: 46px;
  }

  .splide__pagination {
    bottom: 0.5rem;
  }

  .splide__pagination__page {
    width : 7px;
    height: 7px;
    margin: 0 5px;
  }

  /* #endregion */

  /* #region Header */
  .header {
    position: relative;
  }

  .header__nav__btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  .header__navigation {
    margin-right: 15px;
    padding     : 0;
  }

  .header__contacts {
    margin-right: 15px;
  }

  .header__contacts {
    margin-left: 0;
  }

  .header__nav__menu {
    position        : absolute;
    width           : 100%;
    top             : 100%;
    left            : 0;
    z-index         : 5;
    background-color: var(--white);
    display         : -webkit-box;
    display         : -ms-flexbox;
    display         : flex;
    -webkit-box-orient  : vertical;
    -webkit-box-direction  : normal;
        -ms-flex-direction  : column;
            flex-direction  : column;
    -webkit-box-align     : center;
        -ms-flex-align     : center;
            align-items     : center;
    visibility      : hidden;
    opacity         : 0;
    -webkit-transition      : visibility 0s, opacity .5s ease, -webkit-transform .3s ease-in-out;
    transition      : visibility 0s, opacity .5s ease, -webkit-transform .3s ease-in-out;
    -o-transition      : visibility 0s, transform .3s ease-in-out, opacity .5s ease;
    transition      : visibility 0s, transform .3s ease-in-out, opacity .5s ease;
    transition      : visibility 0s, transform .3s ease-in-out, opacity .5s ease, -webkit-transform .3s ease-in-out;
    -webkit-transition-delay: 1s, .1s, .1s;
         -o-transition-delay: 1s, .1s, .1s;
            transition-delay: 1s, .1s, .1s;
    -webkit-transform       : translateY(5px);
        -ms-transform       : translateY(5px);
            transform       : translateY(5px);
    -webkit-box-shadow      : 0 10px 6px 0 rgba(0, 0, 0, .09);
            box-shadow      : 0 10px 6px 0 rgba(0, 0, 0, .09);
  }

  .header__nav__menu.--is_show {
    -webkit-transition-delay: 0s, .1s, .1s;
         -o-transition-delay: 0s, .1s, .1s;
            transition-delay: 0s, .1s, .1s;
    opacity         : 1;
    visibility      : visible;
    -webkit-transform       : translateY(0);
        -ms-transform       : translateY(0);
            transform       : translateY(0);
  }

  .header__nav__list {
    max-width      : 992px;
    width          : 100%;
    padding        : 10px 15px 15px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }

  .header__nav__list a {
    font-size: 14px;
  }

  /* #endregion */

  /* #region Banner */
  .banner {
    padding: 20px 0 0;
  }

  .banner__inner {
    grid-column-gap: 25px;
  }

  /* #endregion */

  /* #region Project */
  .project {
    padding   : 40px 0 30px;
    margin-top: 25px;
  }

  .project__name {
    font-size    : var(--fzText1);
    margin-bottom: 5px;
  }

  .project__title {
    margin-bottom: 15px;
  }

  .project__blockquote {
    -ms-grid-columns: 260px 1fr;
    grid-template-columns: 260px 1fr;
  }

  .project__blockquote__picture {
    height: 260px;
  }

  .project__blockquote__text {
    font-size: var(--fzText2);
  }

  .project__blockquote__autor>.iconify {
    font-size: 40px;
  }

  /* #endregion */

  /* #region Directions */
  .directions__type {
    -ms-grid-columns: 25% 1fr;
    grid-template-columns: 25% 1fr;
  }

  .directions__type.directions__type--reverse {
    -ms-grid-columns: 1fr 25%;
    grid-template-columns: 1fr 25%;
  }

  .direction__type__icon {
    height   : 65px;
    width    : 65px;
    min-width: 65px;
  }

  .directions__any__links {
    padding: 25px 22px 0;
  }

  .directions__any__link {
    padding  : 12px;
    font-size: var(--fzText1);
  }

  .directions__any__icon {
    height   : 50px;
    width    : 50px;
    min-width: 50px;
  }

  /* #endregion */

  /* #region Algorithm */
  .algorithm__step__text {
    font-size: var(--fzText1);
  }

  /* #endregion */

  /* #region Advantages */
  .advantages {
    padding: 35px 0 30px;
  }

  .advantages__item {
    padding: 0 15px 25px;
  }

  .advantages__item__title {
    font-size: 16px;
  }

  /* #endregion */

  /* #region Results */
  .results__container {
    max-width: 1200px;
    padding  : 22px 0 0;
  }

  .results__title>p {
    padding-left : 20px;
    padding-right: 20px;
  }

  .results__title>p:first-child {
    padding-top   : 15px;
    padding-bottom: 15px;
  }

  .results__card {
    -webkit-column-gap           : 25px;
       -moz-column-gap           : 25px;
            column-gap           : 25px;
    -ms-grid-columns: 260px 25px 1fr;
    grid-template-columns: 260px 1fr;
  }

  .results__person__picture {
    margin-bottom: 20px;
  }

  .results__person__picture>img {
    max-height: 260px;
    max-width : 260px;
  }

  .results__person__name {
    line-height: 1.15;
  }

  .results__info__text {
    font-size: var(--fzText2)
  }

  .results__info__cards {
    -webkit-column-gap: 20px;
       -moz-column-gap: 20px;
            column-gap: 20px;
  }

  .results__info__card {
    padding: 10px 5px;
  }

  .results__info__card__number {
    font-size: 36px;
  }

  .results__info__card__text {
    font-size: 13px;
  }

  .results__inner {
    padding: 35px 35px 0;
  }

  .results__splide .splide__arrow--next {
    right: -1em;
  }

  .results__splide .splide__arrow--prev {
    left: -1em;
  }

  /* #endregion */

  /* #region Participants */
  .particip__list {
    grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
  }

  /* #endregion */

  /* #region Criteria */
  .criteria {
    margin-bottom: 15px;
  }

  .criteria__container {
    max-width: 1280px;
  }

  .criteria__lists {
    -ms-grid-columns: 1fr 15px 350px 15px 1fr;
    grid-template-columns: 1fr 350px 1fr;
    -webkit-column-gap           : 15px;
       -moz-column-gap           : 15px;
            column-gap           : 15px;
  }

  .section__title.section__title--background {
    padding: 20px 15px;
  }

  .criteria__list {
    row-gap: 35px;
  }

  .criteria__item {
    -ms-grid-columns: 60px 1fr;
    grid-template-columns: 60px 1fr;
  }

  .criteria__item__icon {
    height: 60px;
  }

  .criteria__list.criteria__list--reverse .criteria__item {
    -ms-grid-columns: 1fr 60px;
    grid-template-columns: 1fr 60px;
  }

  .criteria__item__title {
    font-size: var(--fzText1);
  }

  .criteria__item__text {
    font-size: var(--fzText1);
  }

  /* #endregion */

  /* #region News */
  .news__list {
    -webkit-column-gap: 15px;
       -moz-column-gap: 15px;
            column-gap: 15px;
    row-gap   : 25px;
  }

  .news__item {
    -ms-grid-columns: 1fr 15px 60%;
    grid-template-columns: 1fr 60%;
    -webkit-column-gap           : 15px;
       -moz-column-gap           : 15px;
            column-gap           : 15px;
  }

  .news__item__picture {
    height: 100%;
  }

  /* #endregion */

  /* #region News Page */
  .news_page__inner {
    -ms-grid-columns: 1fr 60%;
    grid-template-columns: 1fr 60%;
  }

  /* #endregion */

  /* #region Factory */
  .factory__process__figure>figcaption {
    padding: 15px;
  }

  .factory__process__desc {
    font-size: var(--fzText1);
  }

  .factory__inner {
    -ms-grid-columns: 1fr 310px 1fr;
    grid-template-columns: 1fr 310px 1fr;
  }

  .factory__national__pretitle {
    font-size: var(--fzText2)
  }

  .factory__national__area {
    padding  : 20px 25px;
    font-size: var(--fzText3)
  }

  .factory__processes {
    grid-auto-rows: minmax(450px, 1fr);
  }

  /* #endregion */

  /* #region Callback */
  .callback__card {
    max-width: 650px;
  }

  .callback__card__info {
    padding: 20px 15px 25px;
  }

  .callback__card__text {
    font-size: var(--fzText2)
  }

  /* #endregion */
}

@media all and (max-width: 1023px) {

  /* #region Main */
  .container {
    max-width: 740px;
  }

  /* #endregion */

  /* #region UI */
  .section__title.section__title--background {
    padding: 15px;
  }

  /* #endregion */

  /* #region Header */
  .header__nav__list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }

  .header__nav__list>li:not(:last-child) {
    margin-right : 0;
    margin-bottom: 15px;
  }

  .header__nav__list a {
    font-size: 16px;
  }

  .header__contact.header__contact--computer {
    display: none;
  }

  .header__btn.header__btn--computer {
    display: none;
  }

  .header__contact.header__contact--mobile {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  /* #endregion */

  /* #region Banner */
  .banner__inner {
    -ms-grid-columns: 100%;
    grid-template-columns: 100%;
    grid-row-gap         : 25px;
  }

  /* #endregion */

  /* #region Project */
  .project__title {
    max-width: 600px;
  }

  .project__name {
    margin-bottom: 10px;
  }

  /* #endregion */

  /* #region Directions */
  .directions__type {
    -ms-grid-columns: 20% 1fr;
    grid-template-columns: 20% 1fr;
  }

  .directions__type.directions__type--reverse {
    -ms-grid-columns: 1fr 20%;
    grid-template-columns: 1fr 20%;
  }

  .directions__type__info {
    padding-bottom: 15px;
  }

  .direction__type__head {
    padding: 0 15px;
  }

  .directions__any__links {
    padding: 15px 12px 0;
  }

  .direction__type__name {
    max-width: 400px;
  }

  /* #endregion */

  /* #region Factory */
  .factory__inner {
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
  }

  .factory__center {
    -ms-grid-column     : 1;
    -ms-grid-column-span     : 2;
    grid-column     : 1 / span 2;
    padding         : 0 0 20px;
    background-color: transparent;
  }

  .factory__national__pretitle {
    color        : var(--orange);
    padding      : 0;
    margin-bottom: 8px;
  }

  .factory__national__area {
    background-color: transparent;
    padding         : 0;
    color           : var(--orange);
    margin-bottom   : 4px;
  }

  .factory__national__title {
    color  : var(--orange);
    padding: 0;
  }

  .factory__teach {
    font-size: var(--fzText1);
  }

  /* #endregion */

  /* #region Advantages */
  .advantages__list {
    -webkit-column-gap: 20px;
       -moz-column-gap: 20px;
            column-gap: 20px;
    row-gap   : 20px;
  }

  /* #endregion */

  /* #region Results */
  .results__container {
    padding: 22px 0 15px;
  }

  .results__title {
    font-size: 28px;
  }

  .results__title>p {
    padding-left : 15px;
    padding-right: 15px;
  }

  .results__title>p:last-child {
    margin-top: -15px;
  }

  .results__container {
    max-width: 1024px;
  }

  .results__card {
    -ms-grid-columns: 100%;
    grid-template-columns: 100%;
    row-gap              : 25px;
  }

  .results__info__text {
    margin-bottom: 30px;
  }

  .results__card__person {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    text-align : center;
  }

  .results__person__picture {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }

  .results__person__picture>img {
    max-width : 251px;
    max-height: 251px;
  }

  .results__card__info {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }

  .results__info__text {
    text-align: center;
  }

  /* #endregion */

  /* #region Participants */
  .participants {
    padding: 42px 0;
  }

  /* #endregion */

  /* #region Algorithm */
  .algorithm {
    padding: 42px 0;
  }

  .algorithm__steps {
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
  }

  .algorithm__step:nth-child(2n) .algorithm__step__arrow {
    -webkit-transform: rotate(135deg);
        -ms-transform: rotate(135deg);
            transform: rotate(135deg);
    top      : calc(100% - 10px);
    left     : -35px;
  }

  .algorithm__step:last-child {
    -ms-grid-column: 2;
    grid-column: 2;
    -ms-grid-row   : 2;
    grid-row   : 2;
  }

  .algorithm__step:last-child .algorithm__step__arrow {
    display  : -webkit-box;
    display  : -ms-flexbox;
    display  : flex;
    -webkit-transform: rotate(135deg) !important;
        -ms-transform: rotate(135deg) !important;
            transform: rotate(135deg) !important;
    top      : calc(100% - 10px) !important;
    left     : -35px !important;
  }

  .algorithm__step:nth-child(4) {
    -ms-grid-column: 2;
    grid-column: 2;
    -ms-grid-row   : 3;
    grid-row   : 3;
  }

  .algorithm__step:nth-child(3n) .algorithm__step__arrow {
    top      : 50%;
    left     : calc(100% - 5px);
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
  }

  .algorithm__step:nth-child(4) .algorithm__step__arrow,
  .algorithm__step:nth-child(5) .algorithm__step__arrow {
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
  }

  .algorithm__step:nth-child(4) .algorithm__step__arrow {
    display: none;
  }

  /* #endregion */

  /* #region Criteria */
  .criteria__lists {
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    row-gap              : 25px;
  }

  .criteria__center {
    -ms-grid-column   : 1;
    -ms-grid-column-span   : 2;
    grid-column   : 1 / span 2;
    display       : -webkit-box;
    display       : -ms-flexbox;
    display       : flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align   : center;
        -ms-flex-align   : center;
            align-items   : center;
  }

  .criteria__images {
    display: none;
  }

  /* #endregion */

  /* #region Footer */
  .footer__contact.footer__contact--mobile {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  .footer__contact.footer__contact--computer {
    display: none;
  }

  /* #endregion */

  /* #region News Page */
  .news_page__inner {
    -ms-grid-columns: 1fr 62%;
    grid-template-columns: 1fr 62%;
  }

  .news_page__picture>picture {
    -o-object-fit: cover;
       object-fit: cover;
  }

  /* #endregion */

  /* #region Modal */
  .modal__description .modal__dialog,
  .modal__algorithm .modal__dialog {
    max-width: 100%;
  }

  .modal__page__description {
    font-size: var(--fzText2);
  }

  /* #endregion */
}

@media all and (max-width: 767px) {

  /* #region Main */
  .container {
    max-width: 550px;
  }

  :root {
    --fzTitle   : 30px;
    --fzSubTitle: 22px;
  }

  /* #endregion */

  /* #region UI */
  .section__title {
    line-height: 1.25;
  }

  /* #endregion */

  /* #region Header */
  .header__btn.header__btn--computer {
    display: none;
  }

  /* #endregion */

  /* #region Project */
  .project {
    padding: 35px 0 30px;
  }

  .project__name {
    margin-bottom: 10px;
  }

  .project__blockquote {
    -ms-grid-columns: 100%;
    grid-template-columns: 100%;
    grid-row-gap         : 15px;
    justify-items        : center;
  }

  .project__blockquote__picture {
    width : 250px;
    height: 250px;
  }


  .project__blockquote__text {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    text-align : center;
  }

  /* #endregion */

  /* #region About */
  .about {
    padding: 42px 0;
  }

  .about__item {
    width  : 100%;
    padding: 25px 20px 30px;
  }

  .about__item__text {
    font-size: var(--fzText2);
  }

  /* #endregion */

  /* #region Directions */
  .directions__type {
    -ms-grid-columns: 100%;
    grid-template-columns: 100%;
  }

  .directions__type.directions__type--reverse {
    -ms-grid-columns: 100%;
    grid-template-columns: 100%;
  }

  .directions__type__picture {
    height: 80px;
  }

  .directions__type.directions__type--reverse .directions__type__picture {
    grid-column: auto;
    grid-row   : auto;
  }

  /* #endregion */

  /* #region Advantages */
  .advantages {
    padding: 35px 0 15px;
  }

  .advantages__inner {
    padding-top: 0;
  }

  .advantages__item__icon {
    width    : 65px;
    min-width: 65px;
  }

  .advantages__item {
    padding: 0 10px 25px;
    width  : calc(100% / 2 - 10px);
  }

  .advantages__item__icon {
    width        : 65px;
    min-height   : 65px;
    margin-bottom: 15px;
  }

  .advantages__item__text {
    font-size: 13px;
  }

  /* #endregion */

  /* #region Results */
  .results {
    padding: 30px 0 20px;
  }

  .results__container {
    max-width: 768px;
  }

  .results__title {
    font-size  : 22px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    text-align : center;
  }

  .results__title>p:last-child {
    margin-top: -10px;
  }

  .results__card {
    row-gap: 20px;
  }

  .results__person__picture {
    margin-bottom: 15px;
  }

  .results__person__picture>img {
    max-width : 221px;
    max-height: 221px;
  }

  .results__person__name {
    margin-bottom: 6px;
  }

  .results__person__status {
    margin-bottom: 25px;
  }

  .results__info__text {
    font-size: var(--fzText1);
  }

  .results__info__cards {
    -webkit-column-gap: 15px;
       -moz-column-gap: 15px;
            column-gap: 15px;
  }

  .results__info__card__number {
    font-size    : 30px;
    margin-bottom: 7px;
  }

  /* #endregion */

  /* #region Participants */
  .participants {
    padding: 35px 0;
  }

  .particip__inner {
    padding-top: 0;
  }

  .particip__list {
    -webkit-column-gap: 20px;
       -moz-column-gap: 20px;
            column-gap: 20px;
    row-gap   : 20px;
  }

  .particip__link {
    padding: 15px;
  }

  /* #endregion */

  /* #region Algorithm */
  .algorithm {
    padding: 35px 0;
  }

  .algorithm__inner {
    padding-top: 10px;
  }

  .algorithm__steps {
    /* grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); */
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
  }

  .algorithm__step__time {
    margin-bottom: 18px;
  }

  .algorithm__step__picture {
    margin-bottom: 15px;
  }

  /* #endregion */

  /* #region Criteria */
  .criteria__lists {
    -ms-grid-columns: 100%;
    grid-template-columns: 100%;
  }

  .criteria__center {
    grid-column: auto;
  }

  .criteria__list {
    row-gap: 20px;
  }

  .criteria__list.criteria__list--reverse .criteria__item {
    -ms-grid-columns: 60px 1fr;
    grid-template-columns: 60px 1fr;
  }

  .criteria__list.criteria__list--reverse .criteria__item__info {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    text-align : left;
  }

  .criteria__list.criteria__list--orange .criteria__item__icon {
    -ms-grid-column: 1;
    grid-column: 1;
  }

  /* #endregion */

  /* #region News */
  .news {
    padding: 30px 0 25px;
  }

  .news__inner {
    padding-top: 0;
  }

  /* #endregion */

  /* #region News Page */
  .news_page__inner {
    -ms-grid-columns: 100%;
    grid-template-columns: 100%;
  }

  .news_page__title {
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
  }

  .news_page__inner {
    margin-bottom: 20px;
  }

  .news_page__info {
    padding-bottom: 0;
  }

  /* #endregion */

  /* #region Factory */
  .factory {
    padding: 35px 0 20px;
  }

  .factory__inner {
    -ms-grid-columns: 100%;
    grid-template-columns: 100%;
  }

  .factory__center {
    grid-column: auto;
  }

  .factory__processes {
    grid-auto-rows: minmax(250px, 500px);
  }

  /* #endregion */

  /* #region Criteria */

  .criteria {
    padding: 30px 0 40px;
  }

  /* #endregion */

  /* #region Callback */
  .callback {
    padding: 20px 0 35px;
  }

  .callback__card {
    -webkit-column-gap: 15px;
       -moz-column-gap: 15px;
            column-gap: 15px;
  }

  .callback__card__icon {
    padding: 25px 30px;
  }

  .callback__card__info {
    padding: 15px 15px 20px 0;
  }

  .callback__card__text {
    font-size: var(--fzText1);
  }

  /* #endregion */

  /* #region Footer */
  .footer__desc__politics {
    font-size: var(--fzText1);
  }

  /* #endregion */

  /* #region Modal */
  .modal__page__inner {
    -ms-grid-columns: 100%;
    grid-template-columns: 100%;
  }

  .modal__page__picture>img {
    max-height: 250px;
  }

  /* #endregion */
}

@media all and (max-width: 575px) {

  /* #region Main */
  .container {
    max-width: 100%;
  }

  :root {
    --fzTitle   : 24px;
    --fzSubTitle: 18px;
  }

  /* #endregion */

  /* #region UI */
  .btn {
    font-size: 12px;
    padding  : 12px 20px;
  }

  section.section--bordered.section--bordered-top::before {
    height: 3px;
  }

  section.section--bordered.section--bordered-bot::before {
    height: 3px;
  }

  .section__title.section__title--background {
    padding: 10px;
  }

  .form__label {
    padding: 6px 15px 6px 38px;
  }

  .form__icon {
    font-size: 18px;
  }

  .form__input {
    font-size: 14px;
  }

  .form__fields {
    row-gap   : 15px;
    -webkit-column-gap: 15px;
       -moz-column-gap: 15px;
            column-gap: 15px;
  }

  /* #endregion */

  /* #region Header */
  .header__inner {
    -ms-flex-wrap      : wrap;
        flex-wrap      : wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }

  .header__logotype {
    width          : 100%;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }

  .header__navigation {
    margin-left: 0;
  }

  .header__nav__list a {
    font-size: 14px;
  }

  /* #endregion */

  /* #region Banner */
  .banner__title {
    margin-bottom: 10px;
    text-align   : center;
  }

  .banner__pretitle {
    text-align: center;
  }

  /* #endregion */

  /* #region Project */
  .project {
    padding: 30px 0;
  }

  .project__title {
    padding      : 6px 8px 11px;
    margin-bottom: 10px;
  }

  .project__text {
    font-size: var(--fzText2);
  }

  .project__blockquote {
    grid-row-gap: 5px;
  }

  .project__blockquote__picture {
    width : 200px;
    height: 200px;
  }

  .project__blockquote__text {
    font-size: var(--fzText1);
  }

  .project__blockquote__autor>.iconify {
    font-size: 35px;
    min-width: 35px;
  }

  .project__blockquote__autor {
    max-width: 310px;
  }

  /* #endregion */

  /* #region Directions */
  .directions__type__info {
    padding-bottom : 10px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }

  .direction__type__icon {
    height       : 60px;
    width        : 60px;
    min-width    : 60px;
    margin-top   : -30px;
    margin-bottom: 10px;
  }

  .direction__type__head {
    width          : 100%;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }

  .direction__type__name {
    text-align: center;
  }

  .directions__type.directions__type--reverse .direction__type__name {
    text-align: center;
  }

  .directions__any__link {
    margin: 8px 0;
    width : 100%;
  }

  /* #endregion */

  /* #region Advantages */
  .advantages {
    padding: 30px 0 15px;
  }

  .advantages__item {
    width: 100%;
  }

  .advantages__item__title {
    font-size: 15px;
  }

  /* #endregion */

  /* #region Results */
  .results__title {
    font-size: 18px;
  }

  .results__title>p:first-child {
    padding-top   : 10px;
    padding-bottom: 12px;
  }

  .results__title>p:last-child {
    padding-bottom: 10px;
  }

  .results__person__picture>img {
    max-width : 151px;
    max-height: 151px;
  }

  .results__person__status {
    margin-bottom: 15px;
  }

  .results__card {
    row-gap: 0;
  }

  .results__person__status {
    font-size: var(--fzText1);
  }

  .results__inner {
    padding: 0;
  }

  .results__splide .splide__arrow--prev {
    left: 0.3em;
    top : 1.5em;
  }

  .results__splide .splide__arrow--next {
    right: 0.3em;
    top  : 1.5em;
  }

  .results__info__cards {
    -ms-grid-columns: 100%;
    grid-template-columns: 100%;
    row-gap              : 15px;
  }

  .results__card__info {
    padding-bottom: 0;
  }

  /* #endregion */

  /* #region Participants */
  .participants {
    padding: 30px 0;
  }

  .particip__list {
    grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));
    -webkit-column-gap           : 15px;
       -moz-column-gap           : 15px;
            column-gap           : 15px;
    row-gap              : 15px;
  }

  /* #endregion */

  /* #region Algorithm */
  .algorithm {
    padding: 30px 0;
  }

  .algorithm__step__text {
    font-size  : 13px;
    font-weight: 500;
  }

  .algorithm__step__picture>picture {
    max-width: 45px;
  }

  .algorithm__steps {
    -ms-grid-columns: 100%;
    grid-template-columns: 100%;
    row-gap              : 15px;
    -webkit-column-gap           : 15px;
       -moz-column-gap           : 15px;
            column-gap           : 15px;
  }

  .algorithm__step__arrow {
    font-size: 32px;
  }

  .algorithm__step__arrow,
  .algorithm__step:nth-child(2n) .algorithm__step__arrow,
  .algorithm__step:nth-child(3n) .algorithm__step__arrow,
  .algorithm__step:last-child .algorithm__step__arrow,
  .algorithm__step:nth-child(4) .algorithm__step__arrow,
  .algorithm__step:nth-child(5) .algorithm__step__arrow {
    left     : 50% !important;
    -webkit-transform: translateX(-50%)rotate(90deg) !important;
        -ms-transform: translateX(-50%)rotate(90deg) !important;
            transform: translateX(-50%)rotate(90deg) !important;
    top      : calc(100% - 10px) !important;
  }

  .algorithm__step:nth-child(4) {
    grid-column: auto;
    -ms-grid-row   : 6;
    grid-row   : 6;
  }

  .algorithm__step:last-child {
    grid-column: auto;
    -ms-grid-row   : 4;
    grid-row   : 4;
  }

  /* #endregion */

  /* #region Criteria */
  .criteria {
    padding      : 24px 0 30px;
    margin-bottom: 15px;
  }

  .criteria__item,
  .criteria__list.criteria__list--reverse .criteria__item {
    -ms-grid-columns: 50px 1fr;
    grid-template-columns: 50px 1fr;
  }

  .criteria__item__icon {
    height: 50px;
  }

  .criteria__item__text> :not(:last-child) {
    margin-bottom: .2rem;
  }

  .criteria__center>.section__title {
    margin-bottom: 10px;
  }


  /* #endregion */

  /* #region News */
  .news__item {
    -ms-grid-columns: 1fr 65%;
    grid-template-columns: 1fr 65%;
  }

  .news__item__date {
    font-size: 13px;
  }

  .news__item__title {
    font-size: 13px;
  }

  /* #endregion */

  /* #region News Page */
  .news_page {
    margin-top: 5px;
    padding   : 25px 0 45px;
  }

  .news_page__date {
    font-size: 14px;
  }

  .news_page__title {
    margin: 0 0 15px;
  }

  /* #endregion */

  /* #region Factory */
  .factory {
    padding: 30px 0 20px;
  }

  .factory__center {
    padding         : 0;
    background-color: transparent;
    margin-bottom   : 10px;
  }

  .factory__national__picture {
    padding      : 15px 20px 12px;
    max-width    : 180px;
    margin-bottom: 5px;
  }

  .factory__national__pretitle {
    margin-bottom: 15px;
    padding      : 0;
    margin-bottom: 5px;
    color        : var(--orange);
  }

  .factory__national__area {
    padding         : 0;
    background-color: transparent;
    color           : var(--orange);
    margin-bottom   : 5px;
  }

  .factory__national__title {
    color  : var(--orange);
    padding: 0;
  }

  .factory__processes {
    grid-auto-rows: minmax(220px, 1fr);
  }

  /* #endregion */

  /* #region Callback */
  .callback__card {
    -ms-grid-columns: 100%;
    grid-template-columns: 100%;
  }

  .callback__card__icon {
    padding: 10px;
  }

  .callback__card__icon>picture {
    max-width: 40px;
  }

  .callback__card__info {
    padding: 15px;
  }

  /* #endregion */

  /* #region Footer */
  .footer {
    padding: 35px 0 60px;
  }

  .footer__socials__link>picture {
    max-width: 30px;
  }

  .footer__desc__politics {
    margin-bottom: 10px;
  }

  /* #endregion */

  /* #region Modal */
  .modal__title {
    font-size: 18px;
  }

  .modal__text {
    font-size: 13px;
  }

  .form__input {
    font-size: 14px;
  }

  .modal__page__description {
    font-size: var(--fzText1);
  }

  /* #endregion */
}

/* #endregion */