@charset "UTF-8";

/*Переменные и миксины*/

/*Миксины*/

.ppix {
  position: absolute;
  left: 0px;
  top: 0px;
  opacity: 0.4;
  pointer-events: none;
  z-index: 10000;
}

* {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

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

body {
  max-width: 100%;
  margin: 0px;
  font-family: "PT Sans";
  font-weight: 400;
  color: #333;
  background: #EAEAEE;
  font-size: 17px;
  line-height: 140%;
  width: 100%;
  overflow: hidden auto;
}

.no-scroll {
  height: 100vh;
  overflow: hidden;
}

.no-scroll > .simplebar-track {
  display: none;
}

.container {
  /* width: 1176px;
  max-width: calc(100% - 104px); */
  margin: 0 auto;
}

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

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

.flex--v-start-h-start {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.flex--v-start-h-center {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.flex--v-start-h-end {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.flex--v-start-h-space {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.flex--v-start-h-space-a {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}

.flex--v-center-h-start {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.flex--v-center-h-center {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.flex--v-center-h-end {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.flex--v-center-h-space {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.flex--v-center-h-space-a {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}

.flex--v-end-h-start {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.flex--v-end-h-center {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.flex--v-end-h-start {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.flex--v-end-h-center {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.flex--v-end-h-end {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.flex--v-end-h-space {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.flex--v-end-h-space-a {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}

.flex--nowrap {
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}

.pos--relative {
  position: relative;
}

/* Ссылки */

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

.page a:not([class]) {
  -webkit-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
  border-bottom: 1px solid;
}

.page a:not([class]):visited {
  color: #84848E;
}

.page a:not([class]):hover {
  border-color: transparent;
}

a[href^="tel:"] {
  border: none !important;
}

.outerlink {
  white-space: nowrap;
  padding-left: 36px;
  display: inline-block;
}

.outerlink span {
  -webkit-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
  border-bottom: 1px solid;
  white-space: initial;
}

.outerlink i {
  display: inline-block;
  width: 12px;
  height: 12px;
  background: url(../img/icons/link.svg) center center/contain no-repeat;
  margin-left: 2px;
  -webkit-transform: translateY(-6px);
      -ms-transform: translateY(-6px);
          transform: translateY(-6px);
}

.outerlink:hover span {
  border-color: transparent;
}

/* Файлы */

.file-in-text {
  white-space: none;
  border: none;
  padding-left: 36px;
  position: relative;
  display: inline-block;
}

.file-in-text::before {
  content: "";
  display: block;
  width: 24px;
  height: 24px;
  position: absolute;
  top: 2px;
  left: 4px;
  background: url("../img/file-types/file.svg") center center/cover no-repeat;
}

.file-in-text.pdf::before {
  background-image: url(../img/file-types/pdf.svg);
}

.file-in-text.doc::before {
  background-image: url(../img/file-types/doc.svg);
}

.file-in-text.xls::before {
  background-image: url(../img/file-types/xls.svg);
}

.file-in-text.jpg::before {
  background-image: url(../img/file-types/jpg.svg);
}

.file-in-text.png::before {
  background-image: url(../img/file-types/png.svg);
}

.file-in-text.z7::before {
  background-image: url(../img/file-types/7z.svg);
}

.file-in-text.aac::before {
  background-image: url(../img/file-types/aac.svg);
}

.file-in-text.avi::before {
  background-image: url(../img/file-types/avi.svg);
}

.file-in-text.bmp::before {
  background-image: url(../img/file-types/bmp.svg);
}

.file-in-text.csv::before {
  background-image: url(../img/file-types/csv.svg);
}

.file-in-text.docx::before {
  background-image: url(../img/file-types/docx.svg);
}

.file-in-text.gif::before {
  background-image: url(../img/file-types/gif.svg);
}

.file-in-text.gzip::before {
  background-image: url(../img/file-types/gzip.svg);
}

.file-in-text.htm::before {
  background-image: url(../img/file-types/htm.svg);
}

.file-in-text.html::before {
  background-image: url(../img/file-types/html.svg);
}

.file-in-text.jpeg::before {
  background-image: url(../img/file-types/jpeg.svg);
}

.file-in-text.jpg::before {
  background-image: url(../img/file-types/jpg.svg);
}

.file-in-text.json::before {
  background-image: url(../img/file-types/json.svg);
}

.file-in-text.mkv::before {
  background-image: url(../img/file-types/mkv.svg);
}

.file-in-text.mp3::before {
  background-image: url(../img/file-types/mp3.svg);
}

.file-in-text.mp4::before {
  background-image: url(../img/file-types/mp4.svg);
}

.file-in-text.mpeg::before {
  background-image: url(../img/file-types/mpeg.svg);
}

.file-in-text.odp::before {
  background-image: url(../img/file-types/odp.svg);
}

.file-in-text.ods::before {
  background-image: url(../img/file-types/ods.svg);
}

.file-in-text.odt::before {
  background-image: url(../img/file-types/odt.svg);
}

.file-in-text.ogg::before {
  background-image: url(../img/file-types/ogg.svg);
}

.file-in-text.ppt::before {
  background-image: url(../img/file-types/ppt.svg);
}

.file-in-text.pptx::before {
  background-image: url(../img/file-types/pptx.svg);
}

.file-in-text.rar::before {
  background-image: url(../img/file-types/rar.svg);
}

.file-in-text.rtf::before {
  background-image: url(../img/file-types/rtf.svg);
}

.file-in-text.svg::before {
  background-image: url(../img/file-types/svg.svg);
}

.file-in-text.tar::before {
  background-image: url(../img/file-types/tar.svg);
}

.file-in-text.tgz::before {
  background-image: url(../img/file-types/tgz.svg);
}

.file-in-text.tiff::before {
  background-image: url(../img/file-types/tiff.svg);
}

.file-in-text.txt::before {
  background-image: url(../img/file-types/txt.svg);
}

.file-in-text.vob::before {
  background-image: url(../img/file-types/vob.svg);
}

.file-in-text.wav::before {
  background-image: url(../img/file-types/wav.svg);
}

.file-in-text.webm::before {
  background-image: url(../img/file-types/webm.svg);
}

.file-in-text.wma::before {
  background-image: url(../img/file-types/wma.svg);
}

.file-in-text.wmv::before {
  background-image: url(../img/file-types/wmv.svg);
}

.file-in-text.xlsx::before {
  background-image: url(../img/file-types/xlsx.svg);
}

.file-in-text.xml::before {
  background-image: url(../img/file-types/xml.svg);
}

.file-in-text.zip::before {
  background-image: url(../img/file-types/zip.svg);
}

.file-in-text:hover .file-name {
  border-color: transparent;
}

.file-name {
  white-space: normal;
  margin: 0 6px 0 0;
  border-bottom: 1px solid;
  -webkit-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}

.file-info {
  white-space: nowrap;
}

.files-list .file-in-text {
  display: block;
}

/* Заголовки */

h1,
.h1 {
  line-height: 120%;
  margin: 64px 0 32px;
  font-weight: 700;
}

.breadcrumbs + h1,
.breadcrumbs + .h1 {
  margin-top: 0 !important;
}

h1:first-child,
.h1:first-child {
  margin-top: 0;
}

h1 + h1 {
  margin-top: 0;
}

.h1 + .h1 {
  margin-top: 0;
}

h1 + .h1 {
  margin-top: 0;
}

.h1 + h1 {
  margin-top: 0;
}

h1 + h2 {
  margin-top: 0;
}

.h1 + .h2 {
  margin-top: 0;
}

h1 + .h2 {
  margin-top: 0;
}

.h1 + h2 {
  margin-top: 0;
}

h1 + h3 {
  margin-top: 0;
}

.h1 + .h3 {
  margin-top: 0;
}

h1 + .h3 {
  margin-top: 0;
}

.h1 + h3 {
  margin-top: 0;
}

h1 + h4 {
  margin-top: 0;
}

.h1 + .h4 {
  margin-top: 0;
}

h1 + .h4 {
  margin-top: 0;
}

.h1 + h4 {
  margin-top: 0;
}

h1 + h5 {
  margin-top: 0;
}

.h1 + .h5 {
  margin-top: 0;
}

h1 + .h5 {
  margin-top: 0;
}

.h1 + h5 {
  margin-top: 0;
}

h1 + h6 {
  margin-top: 0;
}

.h1 + .h6 {
  margin-top: 0;
}

h1 + .h6 {
  margin-top: 0;
}

.h1 + h6 {
  margin-top: 0;
}

h2,
.h2 {
  line-height: 120%;
  margin: 64px 0 32px;
  font-weight: 700;
}

h2:first-child,
.h2:first-child {
  margin-top: 0;
}

h2 + h2 {
  margin-top: 0;
}

.h2 + .h2 {
  margin-top: 0;
}

h2 + .h2 {
  margin-top: 0;
}

.h2 + h2 {
  margin-top: 0;
}

h2 + h3 {
  margin-top: 0;
}

.h2 + .h3 {
  margin-top: 0;
}

h2 + .h3 {
  margin-top: 0;
}

.h2 + h3 {
  margin-top: 0;
}

h2 + h4 {
  margin-top: 0;
}

.h2 + .h4 {
  margin-top: 0;
}

h2 + .h4 {
  margin-top: 0;
}

.h2 + h4 {
  margin-top: 0;
}

h2 + h5 {
  margin-top: 0;
}

.h2 + .h5 {
  margin-top: 0;
}

h2 + .h5 {
  margin-top: 0;
}

.h2 + h5 {
  margin-top: 0;
}

h2 + h6 {
  margin-top: 0;
}

.h2 + .h6 {
  margin-top: 0;
}

h2 + .h6 {
  margin-top: 0;
}

.h2 + h6 {
  margin-top: 0;
}

h2 + h7 {
  margin-top: 0;
}

.h2 + .h7 {
  margin-top: 0;
}

h2 + .h7 {
  margin-top: 0;
}

.h2 + h7 {
  margin-top: 0;
}

h3,
.h3 {
  line-height: 120%;
  margin: 64px 0 32px;
  font-weight: 700;
}

h3:first-child,
.h3:first-child {
  margin-top: 0;
}

h3 + h3 {
  margin-top: 0;
}

.h3 + .h3 {
  margin-top: 0;
}

h3 + .h3 {
  margin-top: 0;
}

.h3 + h3 {
  margin-top: 0;
}

h3 + h4 {
  margin-top: 0;
}

.h3 + .h4 {
  margin-top: 0;
}

h3 + .h4 {
  margin-top: 0;
}

.h3 + h4 {
  margin-top: 0;
}

h3 + h5 {
  margin-top: 0;
}

.h3 + .h5 {
  margin-top: 0;
}

h3 + .h5 {
  margin-top: 0;
}

.h3 + h5 {
  margin-top: 0;
}

h3 + h6 {
  margin-top: 0;
}

.h3 + .h6 {
  margin-top: 0;
}

h3 + .h6 {
  margin-top: 0;
}

.h3 + h6 {
  margin-top: 0;
}

h3 + h7 {
  margin-top: 0;
}

.h3 + .h7 {
  margin-top: 0;
}

h3 + .h7 {
  margin-top: 0;
}

.h3 + h7 {
  margin-top: 0;
}

h3 + h8 {
  margin-top: 0;
}

.h3 + .h8 {
  margin-top: 0;
}

h3 + .h8 {
  margin-top: 0;
}

.h3 + h8 {
  margin-top: 0;
}

h4,
.h4 {
  line-height: 120%;
  margin: 64px 0 32px;
  font-weight: 700;
}

h4:first-child,
.h4:first-child {
  margin-top: 0;
}

h4 + h4 {
  margin-top: 0;
}

.h4 + .h4 {
  margin-top: 0;
}

h4 + .h4 {
  margin-top: 0;
}

.h4 + h4 {
  margin-top: 0;
}

h4 + h5 {
  margin-top: 0;
}

.h4 + .h5 {
  margin-top: 0;
}

h4 + .h5 {
  margin-top: 0;
}

.h4 + h5 {
  margin-top: 0;
}

h4 + h6 {
  margin-top: 0;
}

.h4 + .h6 {
  margin-top: 0;
}

h4 + .h6 {
  margin-top: 0;
}

.h4 + h6 {
  margin-top: 0;
}

h4 + h7 {
  margin-top: 0;
}

.h4 + .h7 {
  margin-top: 0;
}

h4 + .h7 {
  margin-top: 0;
}

.h4 + h7 {
  margin-top: 0;
}

h4 + h8 {
  margin-top: 0;
}

.h4 + .h8 {
  margin-top: 0;
}

h4 + .h8 {
  margin-top: 0;
}

.h4 + h8 {
  margin-top: 0;
}

h4 + h9 {
  margin-top: 0;
}

.h4 + .h9 {
  margin-top: 0;
}

h4 + .h9 {
  margin-top: 0;
}

.h4 + h9 {
  margin-top: 0;
}

h5,
.h5 {
  line-height: 120%;
  margin: 64px 0 32px;
  font-weight: 700;
}

h5:first-child,
.h5:first-child {
  margin-top: 0;
}

h5 + h5 {
  margin-top: 0;
}

.h5 + .h5 {
  margin-top: 0;
}

h5 + .h5 {
  margin-top: 0;
}

.h5 + h5 {
  margin-top: 0;
}

h5 + h6 {
  margin-top: 0;
}

.h5 + .h6 {
  margin-top: 0;
}

h5 + .h6 {
  margin-top: 0;
}

.h5 + h6 {
  margin-top: 0;
}

h5 + h7 {
  margin-top: 0;
}

.h5 + .h7 {
  margin-top: 0;
}

h5 + .h7 {
  margin-top: 0;
}

.h5 + h7 {
  margin-top: 0;
}

h5 + h8 {
  margin-top: 0;
}

.h5 + .h8 {
  margin-top: 0;
}

h5 + .h8 {
  margin-top: 0;
}

.h5 + h8 {
  margin-top: 0;
}

h5 + h9 {
  margin-top: 0;
}

.h5 + .h9 {
  margin-top: 0;
}

h5 + .h9 {
  margin-top: 0;
}

.h5 + h9 {
  margin-top: 0;
}

h5 + h10 {
  margin-top: 0;
}

.h5 + .h10 {
  margin-top: 0;
}

h5 + .h10 {
  margin-top: 0;
}

.h5 + h10 {
  margin-top: 0;
}

h1,
.h1 {
  font-size: 28px;
}

h2,
.h2 {
  font-size: 28px;
  font-weight: 400;
}

h3,
.h3 {
  font-size: 24px;
}

h4,
.h4 {
  font-size: 20px;
}

h5,
.h5 {
  font-size: 18px;
}

/* Тексты */

b {
  font-weight: 700;
}

p {
  margin: 0 0 32px 0;
}

p:last-child {
  margin-bottom: 0;
}

/* Шапка */

.header {
  position: relative;
  z-index: 2;
}

.header__top {
  margin-bottom: 24px;
}

.header__logo {
  color: #333;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  max-width: calc(100% - 48px);
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}

.header__logo img {
  margin-right: 24px;
}

.header__logo .h3 {
  margin: 0;
}

/* Верхнее меню */

.menu__wrapper {
  width: 100%;
  padding: 8px;
  border-radius: 40px;
  background: #2779C6;
  position: relative;
}

.menu {
  list-style: none;
  margin: 0;
  padding: 0;
  width: calc(100% - 280px);
}

.menu a {
  border: none;
}

.menu__item {
  margin-right: 8px;
  position: relative;
}

.menu__item a {
  display: block;
  padding: 8px 16px;
  color: #fff;
  -webkit-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}

.menu__item a:hover {
  color: #F6B54B;
}

.sub-menu {
  position: absolute;
  top: calc(100% + 16px);
  z-index: 1;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
  border-radius: 16px;
  background: #2779C6;
  list-style: none;
  margin: 0;
  padding: 24px;
  -webkit-transform: translateY(-4px);
      -ms-transform: translateY(-4px);
          transform: translateY(-4px);
}

.sub-menu::before {
  content: "";
  display: block;
  width: 100%;
  height: 16px;
  position: absolute;
  top: -16px;
  left: 0px;
}

.sub-menu__item a {
  white-space: nowrap;
  margin-bottom: 8px;
}

.sub-menu__item a:last-child {
  margin-bottom: 0;
}

/* Поиск в шапке */

.header__search {
  width: 280px;
  padding: 8px 16px;
  background: #3992E3;
  border-radius: 20px;
  overflow: hidden;
  position: relative;
}

.header__search--input {
  font-size: 17px;
  font-family: PT Sans;
  line-height: 140%;
  background: none;
  border: none !important;
  color: #fff;
  outline: none !important;
  width: calc(100% - 24px);
}

.header__search-button {
  border: none;
  background: none;
  padding: 0;
  height: 24px;
  margin-left: auto;
  cursor: pointer;
  position: relative;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.header__search-button::before {
  content: "";
  display: block;
  width: calc(100% + 20px);
  height: calc(100% + 20px);
  position: absolute;
  top: -10px;
  left: -10px;
}

.burger {
  display: none;
}

.burger.open .burger__line:nth-child(1) {
  margin-top: 0;
  -webkit-transform: translate(-50%, -50%) rotate(-45deg);
      -ms-transform: translate(-50%, -50%) rotate(-45deg);
          transform: translate(-50%, -50%) rotate(-45deg);
}

.burger.open .burger__line:nth-child(2) {
  width: 0;
}

.burger.open .burger__line:nth-child(3) {
  margin-top: 0;
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
      -ms-transform: translate(-50%, -50%) rotate(45deg);
          transform: translate(-50%, -50%) rotate(45deg);
}

.burger__line {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 18px;
  height: 2px;
  border-radius: 1px;
  background: #fff;
  -webkit-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}

.burger__line:nth-child(1) {
  margin-top: -6px;
}

.burger__line:nth-child(3) {
  margin-top: 6px;
}

.breadcrumbs {
  margin-bottom: 16px;  
}
.breadcrumbs__sepearator {
  margin: 0 8px;  
}
.breadcrumbs__item {
  display: flex;
  flex-wrap: nowrap;
  align-items: flex-start;
  justify-content: flex-start;  
}
.breadcrumbs__link {
    color: #2779C6;
    transition: .2s;
    border-bottom: 1px solid transparent;
}
.breadcrumbs__link:hover {
    border-color: #2779C6;
}

/* Страница */

.page {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: initial;
      -ms-flex-align: initial;
          align-items: initial;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 32px;
  position: relative;
  z-index: 1;
}

.small-block {
  width: calc(((1176px + 24px) / 12 * 3) - 24px + 0px);
}

.big-block {
  width: calc(((1176px + 24px) / 12 * 9) - 24px + 0px);
}

.half-block {
  width: calc(50% - 12px);
}

.block {
  display: block;
  padding: 32px;
  border-radius: 32px;
  background: #fff;
  margin-bottom: 24px;
  overflow: hidden;
}

.block--blue {
  background: #2779C6;
  color: #fff;
}

.block--blue .banner-circle {
  background: #3992E3;
  left: 32px;
  top: 180px;
}

.block--blue .banner-img {
  left: 48px;
  bottom: -12px;
}

.block--green {
  background: #2BA561;
  color: #fff;
}

.block--green .banner-img {
  left: 55px;
  bottom: 0;
}

.block--orange {
  background: #EAA718;
  color: #fff;
}

.block--orange .banner-circle {
  display: none;
}

.block--orange .banner-img {
  right: 0;
  bottom: 0;
}

.block--contacts h1 {
  margin-bottom: 8px;
}

.block--contacts p {
  margin-bottom: 8px;
}

.block--contacts p:last-child {
  margin-bottom: 0;
}

.block--map {
  padding: 0 !important;
  position: relative;
}

.block--breadcrumbs {
  width: 100%;
  padding: 16px 32px;
}

.block__heading {
  gap: 32px;
  margin-bottom: 32px;
}

.block__heading .h1 {
  margin: 0;
}

.banner {
  display: block;
  height: 332px;
  position: relative;
  overflow: hidden;
}

.banner .h1 {
  position: relative;
  z-index: 1;
}

.banner-arrow {
  display: block;
  width: 40px;
  height: 40px;
  position: absolute;
  bottom: 16px;
  left: 16px;
  border-radius: 50%;
  z-index: 1;
  background: #fff;
}

.banner-arrow::before {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  background: url("../img/icons/banner-arrow.svg") center center/contain no-repeat;
}

.banner-circle {
  position: absolute;
  width: 259px;
  height: 259px;
  border-radius: 50%;
}

.banner-img {
  position: absolute;
  max-width: unset;
  margin: 0 !important;
}

blockquote,
.blockquote,
.blockquote2 {
  padding: 16px 16px 16px 60px;
  border: 1px solid #F0F0F2;
  border-radius: 16px;
  margin: 0 0 32px 0;
  position: relative;
}

blockquote:last-child,
.blockquote:last-child,
.blockquote2:last-child {
  margin-bottom: 0;
}

blockquote::before,
.blockquote::before,
.blockquote2::before {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  position: absolute;
  top: 16px;
  left: 16px;
  background: url("../img/icons/quotes.svg") center center/contain no-repeat;
}

.blockquote2 {
  padding-left: 16px;
}

.blockquote2::before {
  display: none;
}

.document {
  border-radius: 16px;
  padding: 16px;
  background: #F0F0F2;
  display: block;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  margin-bottom: 24px;
}

.document:last-child {
  margin-bottom: 0;
}

.document::after {
  content: "";
  display: block;
  width: 24px;
  height: 24px;
  margin-left: auto;
  background: url("../img/icons/download.svg") center center/contain no-repeat;
}

.document:hover span {
  border-color: transparent;
}

.document__text {
  width: calc(100% - 48px);
}

.document__text span {
  border-bottom: 1px solid;
  -webkit-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}

.document__info {
  display: block;
  width: 100%;
  margin-top: 8px;
}

.page li {
  margin-bottom: 32px;
}

.page li ul,
.page li ol {
  margin-top: 32px;
}

.page li ul li:last-child,
.page li ol li:last-child {
  margin-bottom: 0;
}

.page ul,
.page ol {
  margin: 0;
  padding: 0;
}

.page ul {
  list-style: none;
}

.page ul li {
  padding-left: 32px;
  position: relative;
}

.page ul li::before {
  content: "";
  display: block;
  width: 16px;
  height: 1px;
  position: absolute;
  top: 11px;
  left: 6px;
  background: #333;
}

.page ul li ul li::before {
  width: 8px;
  height: 8px;
  top: 8px;
  left: 8px;
  border-radius: 50%;
  -webkit-box-shadow: inset 0 0 0 1px #333;
          box-shadow: inset 0 0 0 1px #333;
}

.page ul li ul li ul li::before {
  background: none;
}

.page ul li ul li ul ul li::before {
  background: #333;
  border-radius: 0;
}

.page ul li ul li ul ul ul li::before {
  background: none;
}

.page ol {
  list-style: none;
  counter-reset: point1;
}

.page ol > li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  padding-left: 0;
}

.page ol > li > div {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.page ol > li::before {
  content: counter(point1) ".";
  counter-increment: point1 1;
  display: inline-block;
  position: relative;
  top: 0;
  left: 0;
  width: auto;
  min-width: 24px;
  margin-right: 8px;
  background: none;
}

.page ol > li ol {
  counter-reset: point2;
}

.page ol > li ol > li > div {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.page ol > li ol > li::before {
  content: counter(point1) "." counter(point2) ".";
  counter-increment: point2 1;
  min-width: 32px;
}

.page ol > li ol ol {
  counter-reset: point3;
}

.page ol > li ol ol > li > div {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.page ol > li ol ol > li::before {
  content: counter(point1) "." counter(point2) "." counter(point3) ".";
  counter-increment: point3 1;
  min-width: 46px;
}

.page ol > li ol ol ol {
  counter-reset: point4;
}

.page ol > li ol ol ol > li > div {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.page ol > li ol ol ol > li::before {
  content: counter(point1) "." counter(point2) "." counter(point3) "." counter(point4) ".";
  counter-increment: point4 1;
  min-width: 60px;
}

.page ol > li ol ol ol ol {
  counter-reset: point5;
}

.page ol > li ol ol ol ol > li > div {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.page ol > li ol ol ol ol > li::before {
  content: counter(point1) "." counter(point2) "." counter(point3) "." counter(point4) "." counter(point5) ".";
  counter-increment: point5 1;
  min-width: 70px;
}

.page img {
  max-width: 100%;
  margin-bottom: 32px;
  border-radius: 32px;
}

.page img[align=left] {
  margin-right: 32px;
  border-radius: 16px;
}

.page img[align=right] {
  margin-left: 32px;
  border-radius: 16px;
}

.page table {
  border-collapse: collapse;
}

.page table th,
.page table td {
  padding: 24px 16px;
}

.page table.table--clear {
  border: none;
}

.page table.table--clear td {
  padding: 14px;
}

.page table.table--clear td:first-child {
  padding-left: 0;
}

.page table.table--clear td:last-child {
  padding-right: 0;
}

.page table.table--odd {
  border: none;
}

.page table.table--odd tr {
  position: relative;
}

.page table.table--odd tr:nth-child(odd)::after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: -2;
  background: #F9F9F9;
  border-radius: 16px;
}

.page table.table--odd th {
  font-weight: 700;
  text-align: left;
}

.page table.table--odd th::after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: -1;
  background: #F0F0F2;
  border-radius: 16px;
}

.page table[border] td,
.page table[border] th {
  border: 1px solid #CFCFD9;
}

.page table[border] th {
  background: #F0F0F2;
  position: relative;
}

.page table[border] th::after {
  content: "";
  display: block;
  width: 1px;
  height: 100%;
  position: absolute;
  top: 0px;
  right: 0px;
  background: #CFCFD9;
}

.scroll-table {
  max-width: 100%;
  padding: 10px 0 10px;
}

.scroll-table--clear {
  border-top: 1px solid #F0F0F2;
  border-bottom: 1px solid #F0F0F2;
}

.scroll-table--clear .simplebar-track {
  top: 72px;
  bottom: auto;
  background: transparent;
  border-bottom: 1px solid #2779C6;
}

.scroll-table--clear .simplebar-track.simplebar-horizontal {
  height: 6px !important;
  overflow: visible;
}

.scroll-table--clear .simplebar-track.simplebar-horizontal .simplebar-scrollbar {
  top: -1px;
  height: 6px;
  width: auto;
  background: #2779C6;
  border-radius: 20px;
}

.scroll-table--clear .simplebar-track.simplebar-horizontal .simplebar-scrollbar::before {
  left: 0;
  right: 0;
  height: 6px !important;
  background: #3992E3;
  border-radius: 3px;
  z-index: 1;
}

/* Левое меню */

.parent-link {
  display: block;
}

.side-menu {
  margin-bottom: 32px;
}

.side-menu__item {
  margin-bottom: 8px;
}

.side-menu__item:last-child {
  margin-bottom: 0;
}

.side-menu__link {
  display: inline-block;
  border-radius: 20px;
  padding: 8px 16px;
  background: #fff;
  -webkit-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}

.side-menu__link:hover,
.side-menu__link.selected {
  background: #F6B54B;
}

/* Слайдер в подвале */

.bottom-slider {
  width: 100%;
  overflow: hidden;
  position: relative;
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
  margin-bottom: 10px;
  margin-top: 32px;
}

.bottom-slider .swiper-wrapper {
  margin-bottom: 24px;
}

.bottom-slider__slide {
  position: relative;
  padding-bottom: 80px;
  height: 345px;
}

.bottom-slider__slide .banner-arrow {
  background: #EAEAEE;
}

.bottom-slider__image {
  width: 100%;
  height: 140px;
  margin-bottom: 48px;
}

.bottom-slider__image img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center center;
     object-position: center center;
}

.bottom-slider__image img[src$="gerb.png"] {
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center center;
     object-position: center center;
}

.swiper-container-horizontal > .swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
  bottom: 6px;
}

.swiper-pagination-bullet {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: #3992E3;
  opacity: 1;
}

.swiper-pagination-bullet-active {
  background: #2779C6;
}

.swiper-notification {
  display: none;
}

.footer__wrapper {
  position: relative;
  z-index: 1;
  margin-top: 80px;
  padding-top: 128px;
  background: url("../img/orn.svg") center top no-repeat;
}

/* .footer {
  margin-bottom: 48px;
  border-radius: 32px;
  background: #2779C6;
  padding: 32px;
  color: #fff;
}

.footer p {
  margin-bottom: 16px;
}

.footer p:last-child {
  margin-bottom: 0;
}

.footer a {
  -webkit-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}

.footer a:not([href^=tel]) {
  border-bottom: 1px solid;
}

.footer a:not([href^=tel]):hover {
  border-color: transparent;
} */

.footer__top {
  margin-bottom: 32px;
}

.footer__bottom {
  margin-top: 32px;
  padding-top: 32px;
  border-top: 1px solid #F6B54B;
}

.footer__half {
  width: calc(50% - 12px);
}

.footer__menu {
  list-style: none;
  padding: 0;
  margin: 0;
}

.footer__menu a {
  border-color: transparent !important;
}

.footer__menu a:hover {
  border-color: #fff;
}

.footer__menu li {
  margin-bottom: 8px;
}

.footer__menu li:last-child {
  margin-bottom: 0;
}

/* ОБращение представителя */

.chairmans-message__top {
  position: relative;
  margin-bottom: 32px;
}

.chairmans-message__ico {
  width: 192px;
  height: 192px;
}

.chairmans-message__ico img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center top;
     object-position: center top;
  margin: 0;
}

.chairmans-message__text {
  width: calc(100% - 192px - 32px);
}

.chairmans-message__text .h1,
.chairmans-message__text .h2 {
  margin: 0;
}

.chairmans-message__button {
  position: absolute;
  top: 0;
  right: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  padding: 8px 16px;
  border-radius: 40px;
  border: 1px solid #CFCFD9;
}

.chairmans-message__button svg {
  margin-right: 10px;
}

.chairmans-message__blockquote {
  margin-bottom: 32px;
}

.quote-ico {
  margin: 4px 10px -4px 0;
}

/* Новости */

/* .news {
  padding: 16px;
  margin-bottom: 32px;
  border-radius: 16px;
  border: 1px solid #F0F0F2;
  position: relative;
  -webkit-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}

.news:last-child {
  margin-bottom: 0;
}

.news:hover {
  -webkit-box-shadow: 0px 8px 24px 0px rgba(0, 0, 0, 0.08);
          box-shadow: 0px 8px 24px 0px rgba(0, 0, 0, 0.08);
}

.news:hover .ico-button {
  background: #F6B54B;
} */

.news__title {
  margin-bottom: 18px;
}

.news__text {
  margin-bottom: 48px;
}

.news__bottom {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.block-separate {
  width: 100%;
  height: 1px;
  background: #F0F0F2;
  margin: 32px 0;
}

/* Детальная новостей */

.news-card__top {
  margin-bottom: 32px;
}

.news-card__top h1 {
  margin: 8px 0;
}

.news-card__image {
  line-height: 0;
  display: block;
  width: 100%;
}

.swiper__bottom {
  margin-top: 24px;
  width: 100%;
}

.swiper-nav__button {
  width: 40px;
  height: 40px;
  background: #F0F0F2;
  border-radius: 50%;
  -webkit-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
  cursor: pointer;
}

.swiper-nav__button:hover {
  background: #F6B54B;
}

.swiper-nav__button--next {
  margin-left: 8px;
}

.image-slider .swiper-slide {
  /* max-width: 56%; */
  width: auto;
  max-width: 100%;
  line-height: 0;
}

.image-slider .swiper__pagination {
  display: none;
}

.image-slider__wrapper {
  width: 722px;
  overflow: hidden;
  padding-right: 30px;
}
.image-slider__wrapper img{
  max-height: 400px;
}

.image-slider__image {
  /* display: block;
  width: 100%;
  overflow: hidden;
  &::before {
      content: '';
      display: block;
      width: 100%;
      height: 0;
      margin-top: 88%;
  }
  img {
      position: absolute;
      top: 0;
      left: 0;
      margin: 0;
      width: 100%;
      height: 100%;
      object-fit: cover;
      object-position: center top;
  } */
}

.image-slider__image img {
  height: 450px;
  max-width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center top;
     object-position: center top;
  margin: 0;
  border-radius: 32px;
}

/* Контакты */

.contact-list {
  width: calc(100% + 24px);
  -webkit-box-align: initial;
      -ms-flex-align: initial;
          align-items: initial;
}

.contact {
  width: calc(33.3333333333% - 24px);
  margin: 0 24px 24px 0;
  padding: 16px;
  border-radius: 16px;
  border: 1px solid #F0F0F2;
}

.contact .h2 {
  margin-bottom: 8px;
}

.contact__fio {
  word-spacing: 1000px;
}

.contact__position {
  margin-bottom: 24px;
}

.contact__links a {
  margin-bottom: 8px;
  display: table;
}

.contact__links a:last-child {
  margin-bottom: 0;
}

.contact-item {
  margin-bottom: 24px;
  width: 100%;
}

.contact-item:last-child {
  margin-bottom: 0;
}

.map {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.more {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}

.more svg:last-child {
  margin-left: 0px;
}

.more path {
  -webkit-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}

.more:hover {
  color: #333;
}

.more:hover path {
  fill: #333;
}

.max-link {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.pagination__numbers a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: #F0F0F2;
  border: none !important;
  margin-right: 8px;
  color: #333 !important;
}

.pagination__numbers a:hover,
.pagination__numbers a.active {
  background: #F6B54B;
}

.pagination__all {
  margin-left: auto;
}

.pagination__sepearate {
  width: 24px;
  text-align: center;
  margin-right: 8px;
}

.button {
  padding: 16px 24px;
  border: 1px solid #333;
  background: transparent;
  color: #333;
  cursor: pointer;
  -webkit-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
  text-align: center;
  border-radius: 40px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.button svg {
  margin-left: 10px;
}

.button path {
  -webkit-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}

.button:hover {
  color: #2779C6;
  border-color: #2779C6;
}

.button:hover path {
  fill: #2779C6;
}

.button:disabled {
  color: #F0F0F2;
  border-color: #F0F0F2;
  pointer-events: none;
}

.to-top {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: #fff;
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
  cursor: pointer;
  -webkit-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.to-top:hover {
  background: #EAEAEE;
}

.ico-button {
  padding: 8px 16px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  background: #F0F0F2;
  border-radius: 20px;
  color: #333;
  cursor: pointer;
  -webkit-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}

.ico-button:hover {
  background: #F6B54B;
}

.ico-button::before {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  background: center center/contain no-repeat;
  margin-right: 10px;
}

.ico-button--plus::before {
  background-image: url("../img/icons/plus.svg");
}

.ico-button--link::before {
  background-image: url("../img/icons/banner-arrow.svg");
}

.video__wrapper {
  width: 100%;
  position: relative;
  line-height: 0;
  margin-bottom: 32px;
}

.video__wrapper video {
  width: 100%;
}

.video__overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #fff;
  cursor: pointer;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  z-index: 1;
}

.video__overlay img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  opacity: 0.5;
}

.video__overlay::before {
  content: "";
  display: block;
  width: 80px;
  height: 80px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  z-index: 1;
  background: #333;
  border-radius: 50%;
}

.video__overlay::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  margin-left: 4px;
  z-index: 2;
  border-left: 24px solid #fff;
  border-top: 18px solid transparent;
  border-bottom: 18px solid transparent;
}

.spoiler {
  border: 1px solid #F0F0F2;
  border-radius: 16px;
  position: relative;
  -webkit-transition: -webkit-box-shadow 0.2s;
  transition: -webkit-box-shadow 0.2s;
  -o-transition: box-shadow 0.2s;
  transition: box-shadow 0.2s;
  transition: box-shadow 0.2s, -webkit-box-shadow 0.2s;
  margin-bottom: 24px;
}

.spoiler.open {
  -webkit-box-shadow: 0px 8px 24px 0px rgba(0, 0, 0, 0.08);
          box-shadow: 0px 8px 24px 0px rgba(0, 0, 0, 0.08);
}

.spoiler.open .spoiler-name::after {
  width: 0px;
  right: 26px;
}

.spoiler:hover {
  -webkit-box-shadow: 0px 8px 24px 0px rgba(0, 0, 0, 0.08);
          box-shadow: 0px 8px 24px 0px rgba(0, 0, 0, 0.08);
}

.spoiler-name {
  cursor: pointer;
  padding: 24px 64px 24px 16px;
  position: relative;
  font-weight: 700;
}

.spoiler-name p {
  margin: 0;
}

.spoiler-name::before,
.spoiler-name::after {
  content: "";
  display: block;
  position: absolute;
  top: 34px;
  right: 16px;
  width: 20px;
  height: 2px;
  background: #333;
  pointer-events: none;
  -webkit-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}

.spoiler-name::after {
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg);
}

.spoiler-content {
  display: none;
  margin: 40px 16px 24px 16px;
}

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

.form label {
  position: relative;
  display: block;
  margin-bottom: 24px;
}

.form label.w100 {
  width: 100%;
}

.form label.w66 {
  width: calc(66.66% - 12px);
}

.form label.w50 {
  width: calc(50% - 12px);
}

.form label.w33 {
  width: calc(33.33% - 12px);
}

.form label.w25 {
  width: calc(25% - 12px);
}

.form input[type=text],
.form input[type=password],
.form textarea {
  width: 100%;
  border: none;
  border: 1px solid #CFCFD9;
  border-radius: 8px;
  padding: 12px 16px;
  font-family: "PT Sans";
  font-style: normal;
  font-weight: 400;
  font-size: 17px;
  line-height: 140%;
  color: #333;
  outline: none !important;
}

.form input[type=text]::-webkit-input-placeholder, .form input[type=password]::-webkit-input-placeholder, .form textarea::-webkit-input-placeholder {
  color: inherit;
  opacity: 1;
}

.form input[type=text]::-moz-placeholder, .form input[type=password]::-moz-placeholder, .form textarea::-moz-placeholder {
  color: inherit;
  opacity: 1;
}

.form input[type=text]:-ms-input-placeholder, .form input[type=password]:-ms-input-placeholder, .form textarea:-ms-input-placeholder {
  color: inherit;
  opacity: 1;
}

.form input[type=text]::-ms-input-placeholder, .form input[type=password]::-ms-input-placeholder, .form textarea::-ms-input-placeholder {
  color: inherit;
  opacity: 1;
}

.form input[type=text]::placeholder,
.form input[type=password]::placeholder,
.form textarea::placeholder {
  color: inherit;
  opacity: 1;
}

.form textarea {
  height: 96px;
}

.form .textarea {
  border: 1px solid #333;
}

.placeholder {
  display: block;
  font-weight: 700;
  margin-bottom: 3px;
}

.placeholder span {
  color: #E0592E;
}

label.error {
  position: absolute;
  left: 0;
  top: calc(100% - 2px);
  color: #E0592E;
  font-size: 80%;
}

label.error + .recap-error {
  opacity: 1;
}

.captcha {
  position: relative;
}

.recap-error {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 302px;
  height: 76px;
  border: 1px solid #E0592E;
  border-radius: 2px;
  opacity: 0;
  pointer-events: none;
}

.file {
  padding: 24px 16px;
  border: 2px dashed #CFCFD9;
  border-radius: 8px;
  cursor: pointer;
  position: relative;
}

.file input {
  position: absolute !important;
  opacity: 0;
  left: 0;
  top: 0;
  width: 100%;
  height: 100% !important;
  z-index: 2;
}

.file__show {
  width: 100%;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.file__name {
  text-align: center;
  width: calc(100% - 40px);
  color: #828282;
}

.file__ico {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 24px;
  height: 24px;
  z-index: 1;
}
.file__ico.file-remove {
  z-index: 3;
}

.file__ico svg {
  width: 100%;
  height: 100%;
}

.file__ico--close {
  display: none;
}

.file__ico.file-remove .file__ico--close {
  display: block;
}

.file__ico.file-remove .file__ico--load {
  display: none;
}

.color--red {
  color: #E0592E;
}

.form__bottom {
  width: 100%;
}

.agreement-list {
  width: calc(100% - 200px);
}

label.agreement {
  margin-bottom: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  cursor: pointer;
}

label.agreement:last-child {
  margin-bottom: 0;
}

label.agreement input {
  display: none;
}

label.agreement input:checked ~ i::before {
  opacity: 1;
}

label.agreement i {
  width: 24px;
  height: 24px;
  border: 1px solid #CFCFD9;
  border-radius: 4px;
  position: relative;
  margin-right: 8px;
}

label.agreement i::before {
  content: "";
  display: block;
  width: calc(100% - 4px);
  height: calc(100% - 4px);
  position: absolute;
  top: 2px;
  left: 2px;
  background: #F6B54B;
  border-radius: 4px;
  -webkit-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
  opacity: 0;
}

label.agreement span {
  width: calc(100% - 32px);
}

button {
  font-family: "PT Sans";
  font-size: 17px;
}

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

.form__resutl {
  width: 100%;
  display: none;
}

.form__resutl-text {
  width: calc(100% - 200px);
}
.logo-text-large {
  margin-top: -20px !important;  
}