@charset "UTF-8";
html {
  line-height: 1.15;
}
body {
  margin: 0;
}
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
hr {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}
pre {
  font-size: 1em;
}
a {
  background-color: transparent;
}
abbr[title] {
  border-bottom: none;
  text-decoration: underline;
}
b,
strong {
  font-weight: bolder;
}
code,
kbd,
samp {
  font-size: 1em;
}
small {
  font-size: 80%;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
img {
  border-style: none;
}
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
  margin: 0;
}
button,
input {
  overflow: visible;
}
button,
select {
  text-transform: none;
}
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner,
button::-moz-focus-inner {
  border-style: none;
  padding: 0;
}
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring,
button:-moz-focusring {
  outline: 1px dotted ButtonText;
}
fieldset {
  padding: 0.35em 0.75em 0.625em;
}
legend {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal;
}
progress {
  vertical-align: baseline;
}
textarea {
  overflow: auto;
}
[type="checkbox"],
[type="radio"] {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
}
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
[type="search"] {
  outline-offset: -2px;
}
details {
  display: block;
}
summary {
  display: list-item;
}
template {
  display: none;
}
[hidden] {
  display: none;
}
.slick-slider {
  position: relative;
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}
.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}
.slick-list:focus {
  outline: 0;
}
.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}
.slick-slider .slick-list,
.slick-slider .slick-track {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.slick-track:after,
.slick-track:before {
  content: "";
  display: table;
}
.slick-track:after {
  clear: both;
}
.slick-loading .slick-track {
  visibility: hidden;
}
.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none;
}
[dir="rtl"] .slick-slide {
  float: right;
}
.slick-slide img {
  display: block;
}
.slick-slide.slick-loading img {
  display: none;
}
.slick-slide.dragging img {
  pointer-events: none;
}
.slick-initialized .slick-slide {
  display: block;
}
.slick-loading .slick-slide {
  visibility: hidden;
}
.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
  display: none;
}
.form {
  position: relative;
  margin: 0 auto;
  padding: 30px;
  width: 100%;
  max-width: 320px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #004298;
  background-color: #fff;
  border-radius: 5px;
}
.form--vacancy {
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
}
.form__title {
  margin: 0;
  margin-bottom: 30px;
  font-size: 20px;
  font-weight: 400;
  text-align: center;
}
.form__mark {
  font-family: Qanelas-Bold, Arial, sans-serif;
}
.form__mark--uppercase {
  text-transform: uppercase;
}
.form__wrapper {
  margin: 0 0 15px;
  width: 100%;
}
.form__wrapper--calculator {
  padding-bottom: 15px;
  margin-bottom: 8px;
  border-bottom: 1px dashed #d9d9d9;
}
.form__wrapper--input {
  position: relative;
  width: 100%;
  margin-bottom: 15px;
}
.form__wrapper--margin {
  margin-bottom: 0;
}
.form__control {
  margin-top: 0;
  padding: 15px 20px;
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 16px;
  text-align: center;
  border: 2px solid #e0e0e0;
  -webkit-box-shadow: none;
  box-shadow: none;
  background-color: #fff;
  border-radius: 3px;
  outline: 0;
  -webkit-appearance: none;
}
.form__wrapper--input span {
  position: absolute;
  top: 41px;
  right: 5px;
  width: 24px;
  height: auto;
  font-size: 16px;
  text-align: center;
}
.form__input {
  padding: 14px 20px;
  width: 100%;
  max-width: 320px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 16px;
  color: #0c1327;
  border: 2px solid #e0e0e0;
  background-color: #fff;
  border-radius: 3px;
  -webkit-box-shadow: inset 3px 3px 1px 0 #f4f4f4;
  box-shadow: inset 3px 3px 1px 0 #f4f4f4;
  -webkit-appearance: none;
  outline: 0;
}
.form__input--textarea {
  resize: none;
}
.form__input:focus + label {
  font-size: 0;
}
.form__privacy {
  margin: 0;
  color: #adadad;
  font-size: 11px;
  text-align: center;
}
.form__privacy-link {
  color: inherit;
  text-decoration: none;
}
.form__remont-description {
  display: none;
}
.form__button {
  margin-bottom: 20px;
}
.form__button--margin {
  margin-bottom: 0;
}
.form__grid {
  margin-bottom: 20px;
}
.calculation__grid--vacancy {
  margin-bottom: 17px;
}
.form__radio-group {
  margin-bottom: 12px;
  padding: 0;
  padding-bottom: 20px;
  font-size: 0;
  border: none;
  border-bottom: 1px dashed #d9d9d9;
}
.form__legend {
  margin-bottom: 20px;
  font-size: 14px;
}
.form__radio-group input[type="radio"] {
  display: none;
}
.form__radio-group input[type="radio"] + .form__radio-label {
  position: relative;
  display: inline-block;
  vertical-align: top;
  width: 35px;
  height: 35px;
  font-size: 12px;
  line-height: 37px;
  letter-spacing: -0.07em;
  text-align: center;
  border-radius: 50%;
  background-color: #f3f5f9;
  border: 1px solid #a3bbda;
  cursor: pointer;
  z-index: 2;
}
.form__radio-group input[type="radio"]:checked + .form__radio-label {
  color: #004298;
  background-color: rgba(255, 211, 0, 0.3);
  border: 1px solid #ffd300;
}
.form__radio-label {
  margin-right: 7px;
}
.form__radio-label:last-child {
  margin-right: 0;
}
.form__radio-group input[type="radio"] + .form__radio-label:hover {
  color: #004298;
  border: 1px solid #ffd300;
}
input::-webkit-inner-spin-button,
input::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
input[type="number"] {
  -moz-appearance: textfield;
}
@media (min-width: 768px) {
  .form {
    max-width: 400px;
    padding: 40px;
  }
  .form--vacancy {
    padding-bottom: 0;
  }
  .form__title {
    font-size: 26px;
    margin-bottom: 25px;
  }
  .form__radio-group input[type="radio"] + .form__radio-label {
    width: 44px;
    height: 44px;
    font-size: 14px;
    line-height: 44px;
  }
  .form__legend {
    font-size: 18px;
  }
  .form__wrapper--input span {
    top: 51px;
  }
  .form__grid--gauge {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 25px;
    width: 595px;
    margin-left: auto;
    margin-right: auto;
  }
  .form__grid--gauge .form__wrapper {
    margin-bottom: 0;
  }
  .form__grid--gauge .form__wrapper + .form__wrapper {
    margin-left: 35px;
  }
  .form__grid--vacancy {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 0 auto;
    margin-bottom: 40px;
    width: 595px;
  }
  .form__grid--vacancy .form__wrapper {
    width: 47%;
  }
  .form__wrapper--calculator {
    margin-bottom: 30px;
    padding-bottom: 0;
    width: 48%;
    border: none;
  }
  .form__remont-description {
    margin: 0;
    width: 48%;
    font-size: 16px;
    line-height: 22px;
  }
  .form__remont-description.active {
    display: block;
  }
  .form--vacancy {
    max-width: 690px;
  }
  .form__wrapper--card {
    margin-bottom: 0;
    width: 48%;
  }
  .form__input--card {
    padding: 10px 15px;
    font-size: 12px;
  }
  .form__grid--card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 15px;
  }
}
@media (min-width: 992px) {
  .form {
    max-width: 750px;
  }
  .form__grid {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 0 auto;
    margin-bottom: 40px;
    width: 600px;
  }
  .calculation__grid--vacancy {
    width: 600px;
  }
  .form__grid .form__wrapper {
    width: 280px;
    margin-bottom: 0;
  }
  .form__grid--width {
    width: 670px;
  }
  .form__grid--width .form__wrapper {
    width: 200px;
  }
  .form__grid--width .form__wrapper--dislike {
    width: 165px;
  }
  .form__input--dislike {
    padding-left: 14px;
    padding-right: 14px;
  }
  .form__title {
    margin: 0 auto;
    margin-bottom: 30px;
    width: 540px;
    font-size: 28px;
  }
  .form__title--home {
    width: 504px;
  }
  .form__title br {
    display: none;
  }
  .form__button {
    margin-bottom: 30px;
    max-width: 250px;
  }
  .form__button--margin {
    margin-bottom: 0;
  }
  .form__button--calculator {
    max-width: 320px;
  }
  .form__wrapper {
    margin-bottom: 40px;
  }
  .form__wrapper--wide {
    width: 680px;
  }
  .form__input--textarea {
    max-width: 680px;
  }
  .form__control {
    font-size: 16px;
    text-align: left;
  }
  .form__wrapper--input span {
    top: 15px;
  }
  .form__legend {
    display: none;
  }
  .form__radio-group input[type="radio"] + .form__radio-label {
    width: 46px;
    height: 46px;
    line-height: 46px;
  }
  .form__grid--card {
    margin-bottom: 20px;
    width: 100%;
  }
  .form__grid--card .form__wrapper {
    width: 48%;
  }
}
@media (min-width: 1200px) {
  .form__button {
    font-size: 18px;
  }
  .form__title {
    width: 630px;
    font-size: 32px;
  }
  .form__title--home {
    width: 575px;
  }
  .form__title--width {
    width: 600px;
  }
  .form__input--calculation {
    font-size: 18px;
  }
  .form__grid--card {
    margin-bottom: 0;
  }
}
.form-gauge {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-left: 15px;
  padding-right: 15px;
  height: 100vh;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
@media (min-width: 768px) {
  .form-gauge {
    padding-top: 45px;
    padding-bottom: 60px;
    height: auto;
  }
  .form-gauge__form {
    padding-top: 30px;
    padding-bottom: 16px;
    max-width: 690px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
}
@media (min-width: 992px) {
  .form-gauge {
    padding-top: 100px;
    padding-bottom: 100px;
  }
  .form-gauge__form {
    padding: 40px;
    max-width: 750px;
    width: 750px;
  }
}
@media (min-width: 1200px) {
  .form-gauge {
    height: 100vh;
  }
}
.nowrap {
  white-space: nowrap;
}
.price {
  padding-top: 60px;
  padding-bottom: 60px;
  color: #fff;
  background-color: #1a181b;
}
.price__title.title {
  margin: 0 0 15px;
  color: #fff;
}
.price__explanation {
  display: none;
  margin: 0 0 25px;
  color: #ffd300;
  font-size: 18px;
  text-align: center;
}
.price__column-info {
  margin: 0 auto;
  margin-bottom: 3px;
  width: 80%;
  font-size: 20px;
  font-weight: 400;
  text-align: center;
  color: #fff;
}
.price__column-explanation {
  display: block;
  margin: 0 0 17px;
  color: #ffd300;
  font-size: 16px;
  font-style: italic;
  text-align: center;
}
.price__head {
  display: none;
}
.price__box {
  position: relative;
  padding-top: 133px;
  padding-left: 10px;
  padding-right: 10px;
  padding-bottom: 15px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #fff;
  border: 5px solid #ffd300;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.price__list {
  margin: 0;
  padding: 0;
  list-style: none;
}
.price__column + .price__column {
  margin-top: 41px;
}
.price__box::before {
  content: "";
  position: absolute;
  top: -15px;
  left: 50%;
  width: 220px;
  height: 140px;
  margin-left: -110px;
  background-repeat: no-repeat;
  background-position: top center;
  background-size: contain;
}
.price__box--complex::before {
  background-image: url(../images/price-before-1.png);
}
.price__box--separate::before {
  background-image: url(../images/price-before-2.png);
}
.price__box--complex-dismantling::before {
  background-image: url(../images/3d1-1.png);
}
.price__box--separate-dismantling::before {
  background-image: url(../images/3d2-2.png);
}
.price__box--acceptance::before {
  background-image: url(../images/3d1-priyom-kvartir.png);
}
.price__box--additionally::before {
  background-image: url(../images/3d-teplovizor-kvartiry-2.png);
}
.price__item + .price__item {
  margin-top: 10px;
  padding-top: 22px;
  border-top: 1px dashed #fff;
}
.price__inner {
  display: block;
  margin-bottom: 7px;
}
.price__service-name {
  margin: 0;
  margin-bottom: 10px;
  color: #ffd300;
  font-size: 18px;
  font-weight: 400;
}
.price__service-content {
  margin: 0;
  font-size: 15px;
  text-align: left;
}
.price__cost {
  margin: 0;
  font-family: Qanelas-Bold, Arial, sans-serif;
  font-size: 24px;
  text-align: center;
}
.price__box--separate {
  padding-top: 142px;
  padding-bottom: 30px;
}
.price__box--separate .price__service-name {
  margin-bottom: 0;
  color: #fff;
  font-size: 16px;
}
.price__box--separate .price__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 10px;
}
.price__box--separate .price__cost {
  font-size: 16px;
}
.price__box--separate .price__item + .price__item {
  margin-top: 0;
  padding-top: 13px;
}
.price__box--separate .price__item.price__item--button {
  padding-top: 30px;
  margin-bottom: 0;
}
.price__btn {
  margin-top: 10px;
  margin-bottom: 15px;
  color: #fff;
  background-image: none;
  border: 2px solid #0052bd;
}
.price__btn--width {
  width: 220px;
}
.price__popup {
  position: relative;
  margin: auto;
  padding-top: 30px;
  padding-left: 30px;
  padding-right: 30px;
  padding-bottom: 30px;
  width: 66.66666667%;
  background-color: #fff;
}
.price__caption {
  margin: 0;
  margin-bottom: 15px;
  font-family: Qanelas-Bold, Arial, sans-serif;
  font-size: 18px;
}
.price__roster {
  margin: 0;
  padding: 0;
  list-style: none;
}
.price__part {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.price__part::before {
  content: "";
  margin-top: 7px;
  margin-right: 10px;
  width: 8px;
  min-width: 8px;
  height: 3px;
  border-left: 2px solid #fb9b36;
  border-bottom: 2px solid #fb9b36;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.price__part + .price__part {
  margin-top: 10px;
}
@media (min-width: 768px) {
  .price__box {
    padding-top: 275px;
  }
  .price__box::before {
    margin-left: -200px;
    width: 400px;
    height: 255px;
  }
  .price__explanation {
    display: block;
  }
  .price__box--complex::before {
    background-image: url(../images/price-before-1-big.png);
  }
  .price__box--separate::before {
    background-image: url(../images/price-before-2-big.png);
  }
  .price__head {
    display: block;
    margin: 0 0 25px;
    font-family: Qanelas-Bold, Arial, sans-serif;
    font-size: 26px;
    font-weight: 400;
    text-align: center;
  }
  .price__service-name {
    font-size: 25px;
  }
  .price__service-content {
    font-size: 16px;
  }
  .price__cost {
    font-size: 20px;
  }
  .price__box--separate .price__cost,
  .price__box--separate .price__service-name {
    font-size: 20px;
  }
  .price__caption {
    margin-left: 20px;
    font-size: 20px;
  }
  .price__roster {
    margin-left: 20px;
  }
  .price__part {
    font-size: 16px;
  }
}
@media (min-width: 992px) {
  .price {
    padding-top: 100px;
    padding-bottom: 100px;
  }
  .price__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .price__inner {
    margin-bottom: 0;
    width: 70%;
  }
  .price--flat .price__inner {
    width: 73%;
  }
  .price--flat .price__inner--width {
    width: 72%;
  }
  .price--flat .price__service-name {
    font-size: 20px;
  }
  .price--flat .price__cost {
    font-size: 18px;
  }
  .price__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .price__column {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 49%;
  }
  .price__column-info {
    margin-left: 0;
    font-size: 22px;
    text-align: left;
  }
  .price__column-explanation {
    margin-left: 0;
    margin-bottom: 25px;
    text-align: left;
  }
  .price__box {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
  }
  .price__column + .price__column {
    margin-top: 0;
  }
  .price__box:hover {
    color: #004298;
    background-color: #fff;
    border: 5px solid #fff;
    -webkit-box-shadow: 0 40px 0 -30px #cecece, 0 80px 0 -60px #a7a7a7;
    box-shadow: 0 40px 0 -30px #cecece, 0 80px 0 -60px #a7a7a7;
  }
  .price__box:hover .price__service-name {
    color: #004298;
  }
  .price__box:hover .price__item + .price__item {
    border-top: 1px dashed #004298;
  }
  .price__box:hover .price__btn {
    color: #004298;
    background-image: none;
    border: 2px solid #ffd300;
  }
  .price__btn {
    margin-top: 20px;
    margin-bottom: 10px;
  }
  .price__caption {
    margin-bottom: 25px;
    margin-left: 40px;
    font-size: 25px;
  }
  .price__part + .price__part {
    margin-top: 15px;
  }
  .price__roster {
    margin-left: 40px;
  }
}
@media (min-width: 1200px) {
  .price__head {
    font-size: 30px;
  }
  .price__box {
    padding-left: 22px;
    padding-right: 22px;
  }
  .price__item + .price__item {
    padding-top: 12px;
  }
  .price__explanation {
    font-size: 20px;
  }
  .price__service-name {
    margin-bottom: 5px;
  }
  .price__cost {
    font-size: 25px;
  }
  .price--flat .price__cost {
    font-size: 22px;
  }
  .price__btn {
    font-size: 18px;
  }
  .price__box--separate .price__cost,
  .price__box--separate .price__service-name {
    font-size: 25px;
  }
  .price__box--separate .price__service-name--bathroom {
    font-size: 24px;
  }
  .price--flat .price__service-name {
    font-size: 23px;
  }
  .price__caption {
    font-size: 32px;
  }
}
.price-list {
  position: relative;
  margin: 0 auto;
  padding: 20px;
  max-width: 800px;
  background: #fff;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.price-list__title {
  margin: 0;
  margin-bottom: 20px;
  color: #003c59;
  font-size: 26px;
  text-align: center;
  font-weight: 400;
}
.price-list table {
  width: 100%;
  padding: 10px;
  margin-bottom: 10px;
  border: 1px;
  border-collapse: collapse;
  border-spacing: 0;
}
.price-list tr {
  border-bottom: 1px solid #ccc;
  border: 1px solid #ffd300;
}
.price-list td,
.price-list th {
  font-family: Qanelas-Regular, Arial, sans-serif;
  font-size: 12px;
  text-align: center;
  border-left: 1px solid #ffd300;
}
.price-list td:nth-child(2),
.price-list th:nth-child(2) {
  text-align: left;
  padding-left: 20px;
}
.price-list__text {
  margin: 0;
}
@media (min-width: 768px) {
  .price-list__title {
    font-size: 42px;
  }
  .price-list td,
  .price-list th {
    font-size: 16px;
  }
}
.portfolio {
  padding-top: 60px;
  padding-bottom: 60px;
  padding-left: 15px;
  padding-right: 15px;
  background-color: #fff;
}
.portfolio__title {
  color: #0c1327;
}
.portfolio__slider {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0 auto;
}
.portfolio__top .portfolio__block {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.portfolio__slide {
  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%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 5px solid #004298;
}
.portfolio__top {
  margin-bottom: 10px;
}
.portfolio__bottom .slick-track {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-left: 0;
  margin-right: 0;
  -webkit-transform: translate3d(0, 0, 0) !important;
  transform: translate3d(0, 0, 0) !important;
}
.portfolio__miniature.slick-current {
  border: 2px solid #ffd300;
}
.portfolio__miniature {
  width: 17.8% !important;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: auto;
  cursor: pointer;
  border: 2px solid #004298;
  overflow: hidden;
  outline: 0;
  z-index: 77777;
}
.portfolio__img {
  display: block;
  width: 100%;
  height: auto;
  min-width: 280px;
  min-height: 187px;
}
.portfolio__wrapper {
  padding: 15px;
}
.portfolio__btn {
  margin-top: 25px;
}
.portfolio__name {
  margin: 0;
  margin-bottom: 15px;
  font-size: 17px;
  font-weight: 400;
  text-align: left;
}
.portfolio__head {
  margin: 0;
  margin-right: 5px;
  color: #004298;
  font-size: 13px;
  text-align: left;
}
.portfolio__list {
  margin: 0;
  margin-bottom: 15px;
  padding: 0;
  padding-left: 10px;
  list-style: none;
}
.portfolio__item--margin {
  margin-top: 0;
  margin-bottom: 15px;
}
.portfolio__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.portfolio__inner--design {
  margin-bottom: 5px;
}
.portfolio__info {
  margin: 0;
}
@media (min-width: 768px) {
  .portfolio__head--width {
    width: auto;
  }
}
@media (min-width: 992px) {
  .portfolio {
    padding-top: 100px;
    padding-bottom: 100px;
  }
  .portfolio__slide {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }
  .portfolio__grid {
    padding-bottom: 15px;
    width: 66.6666666%;
  }
  .portfolio__name--acceptance {
    font-size: 22px;
  }
  .portfolio__head--acceptance {
    font-size: 16px;
  }
  .portfolio__info--acceptance {
    font-size: 16px;
  }
  .portfolio__item--acceptance {
    font-size: 16px;
  }
  .portfolio__img {
    display: block;
    width: 66.66666667%;
  }
  .portfolio__top {
    margin-bottom: 15px;
  }
  .portfolio__img--top {
    width: 100%;
    height: auto;
  }
  .portfolio__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 33.333%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  .portfolio__btn {
    margin-top: auto;
  }
  .portfolio__miniature:last-child {
    margin-right: -2%;
  }
}
@media (min-height: 768px) and (max-height: 900px) and (min-width: 992px) and (max-width: 1600px) {
  .portfolio {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .portfolio__title.title {
    margin-bottom: 40px;
  }
  .portfolio__grid {
    padding-bottom: 10px;
    width: 60%;
  }
  .portfolio__wrapper {
    width: 40%;
    padding-bottom: 10px;
  }
  .portfolio__top {
    margin-bottom: 10px;
  }
  .portfolio__miniature:last-child {
    margin-right: -1.4%;
  }
}
@media (min-width: 1200px) {
  .portfolio__slider {
    width: 1140px;
  }
  .portfolio__head {
    font-size: 16px;
  }
  .portfolio__name {
    font-size: 20px;
  }
  .portfolio__name--acceptance {
    font-size: 22px;
  }
  .portfolio__head--acceptance {
    font-size: 18px;
  }
  .portfolio__info--acceptance {
    font-size: 18px;
  }
  .portfolio__list {
    font-size: 15px;
  }
  .portfolio__info {
    font-size: 16px;
  }
}
.selectric-wrapper {
  position: relative;
  cursor: pointer;
}
.selectric-responsive {
  width: 100%;
}
.selectric {
  border: 1px solid #ddd;
  border-radius: 0;
  background: #f8f8f8;
  position: relative;
  overflow: hidden;
}
.selectric .label {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin: 0 38px 0 10px;
  font-size: 12px;
  line-height: 38px;
  color: #444;
  height: 38px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.selectric .button {
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  width: 38px;
  height: 38px;
  line-height: 38px;
  background-color: #f8f8f8;
  color: #bbb;
  text-align: center;
  font: 0/0 a;
}
.selectric .button:after {
  content: " ";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  width: 0;
  height: 0;
  border: 4px solid transparent;
  border-top-color: #bbb;
  border-bottom: none;
}
.selectric-focus .selectric {
  border-color: #aaa;
}
.selectric-hover .selectric {
  border-color: #c4c4c4;
}
.selectric-hover .selectric .button {
  color: #a2a2a2;
}
.selectric-hover .selectric .button:after {
  border-top-color: #a2a2a2;
}
.selectric-open {
  z-index: 9999;
}
.selectric-open .selectric {
  border-color: #c4c4c4;
}
.selectric-open .selectric-items {
  display: block;
}
.selectric-disabled {
  opacity: 0.5;
  cursor: default;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.selectric-hide-select {
  position: relative;
  overflow: hidden;
  width: 0;
  height: 0;
}
.selectric-hide-select select {
  position: absolute;
  left: -100%;
}
.selectric-hide-select.selectric-is-native {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 10;
}
.selectric-hide-select.selectric-is-native select {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  border: none;
  z-index: 1;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  opacity: 0;
}
.selectric-input {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  margin: 0 !important;
  padding: 0 !important;
  width: 1px !important;
  height: 1px !important;
  outline: 0 !important;
  border: none !important;
  background: 0 0 !important;
}
.selectric-temp-show {
  position: absolute !important;
  visibility: hidden !important;
  display: block !important;
}
.selectric-items {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  background: #f8f8f8;
  border: 1px solid #c4c4c4;
  z-index: -1;
  -webkit-box-shadow: 0 0 10px -6px;
  box-shadow: 0 0 10px -6px;
}
.selectric-items .selectric-scroll {
  height: 100%;
  overflow: auto;
}
.selectric-above .selectric-items {
  top: auto;
  bottom: 100%;
}
.selectric-items li,
.selectric-items ul {
  list-style: none;
  padding: 0;
  margin: 0;
  font-size: 12px;
  line-height: 20px;
  min-height: 20px;
}
.selectric-items li {
  display: block;
  padding: 10px;
  color: #666;
  cursor: pointer;
}
.selectric-items li.selected {
  background: #e0e0e0;
  color: #444;
}
.selectric-items li.highlighted {
  background: #d0d0d0;
  color: #444;
}
.selectric-items li:hover {
  background: #d5d5d5;
  color: #444;
}
.selectric-items .disabled {
  opacity: 0.5;
  cursor: default !important;
  background: 0 0 !important;
  color: #666 !important;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.selectric-items .selectric-group .selectric-group-label {
  font-weight: 700;
  padding-left: 10px;
  cursor: default;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background: 0 0;
  color: #444;
}
.selectric-items .selectric-group.disabled li {
  opacity: 1;
}
.selectric-items .selectric-group li {
  padding-left: 25px;
}
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.8;
}
.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: 0 !important;
  -webkit-backface-visibility: hidden;
}
.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.mfp-container:before {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}
.mfp-align-top .mfp-container:before {
  display: none;
}
.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045;
}
.mfp-ajax-holder .mfp-content,
.mfp-inline-holder .mfp-content {
  width: 100%;
  cursor: auto;
}
.mfp-ajax-cur {
  cursor: progress;
}
.mfp-zoom-out-cur,
.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: -webkit-zoom-out;
  cursor: zoom-out;
}
.mfp-zoom {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: zoom-in;
}
.mfp-auto-cursor .mfp-content {
  cursor: auto;
}
.mfp-arrow,
.mfp-close,
.mfp-counter,
.mfp-preloader {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.mfp-loading.mfp-figure {
  display: none;
}
.mfp-hide {
  display: none !important;
}
.mfp-preloader {
  color: #ccc;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044;
}
.mfp-preloader a {
  color: #ccc;
}
.mfp-preloader a:hover {
  color: #fff;
}
.mfp-s-ready .mfp-preloader {
  display: none;
}
.mfp-s-error .mfp-content {
  display: none;
}
button.mfp-arrow,
button.mfp-close {
  overflow: visible;
  cursor: pointer;
  background: 0 0;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: 0;
  padding: 0;
  z-index: 1046;
  -webkit-box-shadow: none;
  box-shadow: none;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
}
button::-moz-focus-inner {
  padding: 0;
  border: 0;
}
.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  padding: 0 0 18px 10px;
  color: #fff;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace;
}
.mfp-close:focus,
.mfp-close:hover {
  opacity: 1;
}
.mfp-close:active {
  top: 1px;
}
.mfp-close-btn-in .mfp-close {
  color: #333;
}
.mfp-iframe-holder .mfp-close,
.mfp-image-holder .mfp-close {
  color: #fff;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%;
}
.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #ccc;
  font-size: 12px;
  line-height: 18px;
  white-space: nowrap;
}
.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: transparent;
}
.mfp-arrow:active {
  margin-top: -54px;
}
.mfp-arrow:focus,
.mfp-arrow:hover {
  opacity: 1;
}
.mfp-arrow:after,
.mfp-arrow:before {
  content: "";
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  left: 0;
  top: 0;
  margin-top: 35px;
  margin-left: 35px;
  border: medium inset transparent;
}
.mfp-arrow:after {
  border-top-width: 13px;
  border-bottom-width: 13px;
  top: 8px;
}
.mfp-arrow:before {
  border-top-width: 21px;
  border-bottom-width: 21px;
  opacity: 0.7;
}
.mfp-arrow-left {
  left: 0;
}
.mfp-arrow-left:after {
  border-right: 17px solid #fff;
  margin-left: 31px;
}
.mfp-arrow-left:before {
  margin-left: 25px;
  border-right: 27px solid #3f3f3f;
}
.mfp-arrow-right {
  right: 0;
}
.mfp-arrow-right:after {
  border-left: 17px solid #fff;
  margin-left: 39px;
}
.mfp-arrow-right:before {
  border-left: 27px solid #3f3f3f;
}
.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px;
}
.mfp-iframe-holder .mfp-content {
  line-height: 0;
  width: 100%;
  max-width: 900px;
}
.mfp-iframe-holder .mfp-close {
  top: -40px;
}
.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%;
}
.mfp-iframe-scaler iframe {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #000;
}
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto;
}
.mfp-figure {
  line-height: 0;
}
.mfp-figure:after {
  content: "";
  position: absolute;
  left: 0;
  top: 40px;
  bottom: 40px;
  display: block;
  right: 0;
  width: auto;
  height: auto;
  z-index: -1;
  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #444;
}
.mfp-figure small {
  color: #bdbdbd;
  display: block;
  font-size: 12px;
  line-height: 14px;
}
.mfp-figure figure {
  margin: 0;
}
.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto;
}
.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #f3f3f3;
  word-wrap: break-word;
  padding-right: 36px;
}
.mfp-image-holder .mfp-content {
  max-width: 100%;
}
.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer;
}
@media screen and (max-width: 800px) and (orientation: landscape),
  screen and (max-height: 300px) {
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0;
  }
  .mfp-img-mobile img.mfp-img {
    padding: 0;
  }
  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0;
  }
  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px;
  }
  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  .mfp-img-mobile .mfp-bottom-bar:empty {
    padding: 0;
  }
  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px;
  }
  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0;
  }
}
@media all and (max-width: 900px) {
  .mfp-arrow {
    -webkit-transform: scale(0.75);
    transform: scale(0.75);
  }
  .mfp-arrow-left {
    -webkit-transform-origin: 0;
    transform-origin: 0;
  }
  .mfp-arrow-right {
    -webkit-transform-origin: 100%;
    transform-origin: 100%;
  }
  .mfp-container {
    padding-left: 6px;
    padding-right: 6px;
  }
} /*!
     * animate.css -http://daneden.me/animate
     * Version - 3.7.0
     * Licensed under the MIT license - http://opensource.org/licenses/MIT
     *
     * Copyright (c) 2018 Daniel Eden
     */
@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3%, 0);
    transform: translate3d(0, 3%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3%, 0);
    transform: translate3d(0, 3%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}
.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.animated-1 {
  -webkit-animation-duration: 0.2s;
  animation-duration: 0.2s;
  -webkit-animation-delay: 0.1s;
  animation-delay: 0.1s;
}
.animated-2 {
  -webkit-animation-duration: 0.2s;
  animation-duration: 0.2s;
  -webkit-animation-delay: 0.2s;
  animation-delay: 0.2s;
}
.animated-3 {
  -webkit-animation-duration: 0.2s;
  animation-duration: 0.2s;
  -webkit-animation-delay: 0.4s;
  animation-delay: 0.4s;
}
.animated-4 {
  -webkit-animation-duration: 0.2s;
  animation-duration: 0.2s;
  -webkit-animation-delay: 0.8s;
  animation-delay: 0.8s;
}
@-webkit-keyframes ani_close_popup {
  0% {
    -webkit-transform: scale(1, 1) rotate(0, 0);
    transform: scale(1, 1) rotate(0, 0);
  }
  60% {
    -webkit-transform: scale(0.6, 0.6) rotate(-20deg);
    transform: scale(0.6, 0.6) rotate(-20deg);
  }
  70% {
    -webkit-transform: rotate(20deg);
    transform: rotate(20deg);
  }
  80% {
    -webkit-transform: scale(1, 1) rotate(-10deg);
    transform: scale(1, 1) rotate(-10deg);
  }
  90% {
    -webkit-transform: rotate(10deg);
    transform: rotate(10deg);
  }
  95% {
    -webkit-transform: scale(1.2, 1.2) rotate(-5deg);
    transform: scale(1.2, 1.2) rotate(-5deg);
  }
  100% {
    -webkit-transform: scale(1, 1) rotate(0);
    transform: scale(1, 1) rotate(0);
  }
}
@keyframes ani_close_popup {
  0% {
    -webkit-transform: scale(1, 1) rotate(0, 0);
    transform: scale(1, 1) rotate(0, 0);
  }
  60% {
    -webkit-transform: scale(1.4, 1.4) rotate(-20deg);
    transform: scale(1.4, 1.4) rotate(-20deg);
  }
  70% {
    -webkit-transform: rotate(20deg);
    transform: rotate(20deg);
  }
  80% {
    -webkit-transform: scale(1, 1) rotate(-10deg);
    transform: scale(1, 1) rotate(-10deg);
  }
  90% {
    -webkit-transform: rotate(10deg);
    transform: rotate(10deg);
  }
  95% {
    -webkit-transform: scale(1.2, 1.2) rotate(-5deg);
    transform: scale(1.2, 1.2) rotate(-5deg);
  }
  100% {
    -webkit-transform: scale(1, 1) rotate(0);
    transform: scale(1, 1) rotate(0);
  }
}
@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}
@-webkit-keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}
@-webkit-keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}
.arrow {
  position: absolute;
  top: 50%;
  display: block;
  width: 40px;
  height: 78px;
  margin-top: -42px;
  padding: 0;
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
  z-index: 7;
}
.arrow--portfolio {
  top: 170px;
}
.arrow--reviews {
  top: 75px;
}
.arrow--prev {
  left: -1%;
  background-image: url(../fonts/slider-left.svg);
}
.arrow--next {
  right: -1%;
  background-image: url(../fonts/slider-right.svg);
}
.certificates--company .arrow {
  width: 16px;
  height: 25px;
}
.certificates--company .arrow--prev {
  left: 0;
  background-image: url(../fonts/arrow-company.svg);
}
.certificates--company .arrow--next {
  right: 0;
  background-image: url(../fonts/arrow-company.svg);
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
.arrow--services.arrow--next {
  right: 0;
}
.arrow--services {
  top: 40%;
}
.arrow--services.arrow--prev {
  left: 0;
}
.arrow--card.arrow--prev {
  left: -11%;
}
.arrow--card.arrow--next {
  right: -11%;
}
@media (min-width: 768px) {
  .arrow--portfolio {
    top: 50%;
  }
  .arrow--prev {
    left: 0;
  }
  .arrow--next {
    right: 0;
  }
  .arrow--services {
    top: 50%;
  }
  .arrow--images.arrow--prev {
    left: -2%;
  }
  .arrow--images.arrow--next {
    right: -2%;
  }
  .arrow--card.arrow--next {
    right: -2%;
  }
  .arrow--card.arrow--prev {
    left: -2%;
  }
}
@media (min-width: 992px) {
  .arrow--services.arrow--next {
    right: 1%;
  }
  .arrow--services.arrow--prev {
    left: 1%;
  }
  .arrow--images.arrow--prev {
    left: -4%;
  }
  .arrow--images.arrow--next {
    right: -4%;
  }
}
@media (min-width: 1200px) {
  .arrow--reviews {
    top: 100px;
  }
  .certificates--company .arrow--prev {
    left: -10px;
  }
  .certificates--company .arrow--next {
    right: -10px;
  }
  .arrow--images.arrow--prev {
    left: -1%;
  }
  .arrow--images.arrow--next {
    right: -1%;
  }
}
@media (min-width: 1304px) {
  .arrow--prev {
    left: -6%;
  }
  .arrow--next {
    right: -6%;
  }
}
.slick-dots {
  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;
  margin: 0;
  margin-top: 15px;
  padding: 0;
  font-size: 0;
  list-style: none;
}
.slick-dots button {
  width: 12px;
  height: 12px;
  margin: 5px 7px;
  padding: 0;
  background-color: #d6d6d6;
  -webkit-backface-visibility: visible;
  -webkit-transition: opacity 0.2s ease;
  transition: opacity 0.2s ease;
  border: none;
  border-radius: 30px;
  cursor: pointer;
}
.certificates--company .slick-dots button {
  width: 12px;
  height: 12px;
  background: #fff;
  border: 2px solid #004298;
}
.certificates--company .slick-active button,
.certificates--company .slick-dots button:hover {
  background: #004298;
}
.slick-active button,
.slick-dots button:hover {
  background: -webkit-gradient(
    linear,
    left top,
    right top,
    color-stop(0, #59b3ff),
    color-stop(70%, #0e6dee),
    to(#0456c5)
  );
  background: linear-gradient(90deg, #59b3ff 0, #0e6dee 70%, #0456c5 100%);
}
.slick-slide img {
  margin: 0 auto;
  width: 100%;
}
.slick-initialized .slick-slide {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.cost__image.slick-slide {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
@media (min-width: 768px) {
  .portfolio .slick-list {
    max-height: 1300px;
  }
  .certificates--company .slick-dots button {
    width: 16px;
    height: 16px;
  }
  .certificates--company .slick-dots {
    margin-top: 20px;
  }
}
@media (min-width: 992px) {
  .portfolio .slick-list {
    max-height: 542px;
  }
  .portfolio--flat .slick-list {
    max-height: 668px;
  }
  .certificates--company .slick-dots {
    margin-top: 32px;
  }
}
.mfp-image-holder .mfp-close,
button.mfp-close {
  position: absolute;
  top: 0;
  right: 0;
  width: 60px;
  height: 60px;
  font-size: 0;
  opacity: 1;
  padding: 0;
  outline-style: none;
  border: 5px solid #ffd300;
  cursor: pointer;
}
.mfp-image-holder .mfp-close:after,
button.mfp-close:after {
  content: "";
  position: absolute;
  top: 3px;
  left: 3px;
  width: 44px;
  height: 44px;
  background-image: url(../fonts/close.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
.mfp-close:hover:after {
  -webkit-animation: ani_close_popup 0.6s;
  animation: ani_close_popup 0.6s;
}
.title {
  margin: 0 auto;
  padding-left: 15px;
  padding-right: 15px;
  margin-bottom: 25px;
  font-family: Qanelas-Bold, Arial, sans-serif;
  font-size: 24px;
  color: #0c1327;
  letter-spacing: 0.6px;
  text-align: center;
}
.title--installment {
  margin: 0 auto;
  margin-top: 50px;
  margin-bottom: 60px;
  max-width: 250px;
  font-family: Qanelas-Regular, Arial, sans-serif;
  color: #202124;
  line-height: 1.27;
  font-weight: 400;
  text-align: center;
}
@media (min-width: 768px) {
  .title {
    max-width: 750px;
    font-size: 32px;
  }
  .title--installment {
    margin-top: 140px;
    margin-bottom: 50px;
    max-width: 620px;
  }
}
@media (min-width: 992px) {
  .title {
    margin-bottom: 60px;
    max-width: 950px;
    font-size: 38px;
  }
  .title--installment {
    margin-top: 85px;
    margin-bottom: 100px;
    max-width: 750px;
  }
}
@media (min-width: 1200px) {
  .title {
    max-width: 1140px;
  }
  .title--installment {
    max-width: 920px;
    font-size: 48px;
  }
}
.masters {
  position: relative;
  padding-top: 60px;
  padding-bottom: 60px;
  padding-left: 15px;
  padding-right: 15px;
  background-color: #f6f8fd;
}
.masters__slider {
  margin: 0 auto;
}
.masters__slide {
  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%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 5px solid #004298;
}
.masters__wrapper {
  padding: 15px;
}
.masters__name {
  margin: 0;
  margin-bottom: 15px;
  font-family: Qanelas-Bold, Arial, sans-serif;
  font-size: 18px;
  font-weight: 400;
  letter-spacing: 0.6px;
}
.masters__post {
  margin: 0;
  margin-bottom: 15px;
  font-family: Qanelas-Bold, Arial, sans-serif;
  font-size: 16px;
}
.masters__head {
  margin: 0;
  font-family: Qanelas-Bold, Arial, sans-serif;
}
.masters__info {
  margin: 0;
}
.masters__inner {
  display: none;
}
.masters__say {
  display: none;
}
.masters__img {
  display: block;
  min-height: 209px;
}
@media (min-width: 768px) {
  .masters__inner {
    display: block;
    margin-bottom: 15px;
  }
  .masters__say {
    display: block;
    margin: 0;
    font-family: Qanelas-Bold, Arial, sans-serif;
    font-style: italic;
  }
}
@media (min-width: 992px) {
  .masters {
    padding-top: 100px;
    padding-bottom: 100px;
  }
  .masters__slider {
    max-width: 950px;
  }
  .masters__wrapper {
    width: 45%;
  }
  .masters__slide {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }
  .masters__img {
    display: block;
    width: 55%;
  }
  .masters__name {
    font-size: 26px;
  }
  .masters__inner {
    margin-bottom: 20px;
  }
}
@media (min-width: 1200px) {
  .masters__name {
    font-size: 28px;
  }
}
.calculator {
  padding-top: 60px;
  padding-bottom: 60px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.calculator__form {
  padding: 0;
  max-width: 100%;
  color: inherit;
  background-color: inherit;
  border-radius: 0;
}
.calculator__wrapper {
  margin: 0 auto;
  max-width: 720px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 5px solid #ffd907;
  background-color: #fff;
}
.calculator__content {
  position: relative;
  padding: 9px;
  padding-bottom: 20px;
  max-width: 878px;
  color: inherit;
  border-radius: 0;
}
.calculator__grid {
  margin-bottom: 20px;
}
.calculator__title {
  margin: 0;
  margin-top: 20px;
  margin-bottom: 8px;
  font-family: Qanelas-Bold, Arial, sans-serif;
  color: #004298;
  font-size: 26px;
  text-align: center;
}
.calculator__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin: 0;
  padding: 0;
  padding-bottom: 15px;
  margin-bottom: 9px;
  width: 100%;
  border-bottom: 1px dashed #d9d9d9;
  list-style: none;
}
.calculator__item {
  width: 30%;
}
.calculator__label {
  display: block;
  margin: 0;
  margin-bottom: 12px;
}
.calculator__link {
  display: block;
  margin-right: 0;
  padding: 7px 4px;
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-family: Qanelas-Bold, Arial, sans-serif;
  font-size: 13px;
  color: #0c1327;
  text-align: center;
  text-decoration: none;
  border: 2px solid #ffd300;
  border-radius: 3px;
}
.calculator__item.active .calculator__link {
  background-color: #ffe259;
}
.calculator__select {
  display: block;
  padding: 0;
  margin-bottom: 15px;
  text-align: center;
}
.calculator__result {
  margin: 0;
  margin-bottom: 7px;
  font-size: 14px;
  color: #0c1327;
}
.calculator__total {
  margin: 0;
  font-family: Qanelas-Bold, Arial, sans-serif;
  font-size: 18px;
}
.calculator__value-error {
  display: none;
}
.calculator__sum {
  position: absolute;
  top: 0;
  left: 0;
  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%;
  height: 100%;
  padding: 10px;
  padding-bottom: 20px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #fff;
  z-index: 10;
}
.calculator .selectric .button::after {
  background-image: url(../fonts/arrow-blue.svg);
}
.calculator__button {
  margin-bottom: 0;
  padding-left: 5px;
  padding-right: 5px;
  font-size: 13px;
  outline: 0;
}
.calculator__sum.hidden {
  display: none;
}
.calculator__column {
  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;
  margin-left: 29px;
  margin-right: 13px;
  padding-bottom: 8px;
  border-bottom: 5px solid #ffd907;
}
.calculator__column::before {
  content: "";
  position: absolute;
  top: -3px;
  left: -30px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
.calculator__column--cost::before {
  top: -3px;
  left: -30px;
  width: 24px;
  height: 24px;
  background-image: url(../fonts/wallet.svg);
}
.calculator__column--materials::before {
  top: 2px;
  width: 16px;
  height: 13px;
  background-image: url(../fonts/group.svg);
}
.calculator__column--date::before {
  top: 2px;
  width: 15px;
  height: 15px;
  background-image: url(../fonts/calendar.svg);
}
.calculator__info {
  margin: 0;
  width: 95%;
  font-size: 12px;
  text-align: center;
  color: #505564;
}
.calculator__footer {
  padding-bottom: 20px;
  margin-bottom: 15px;
  width: 100%;
  border-bottom: 1px dashed #d9d9d9;
}
.calculator__column + .calculator__column {
  margin-top: 28px;
}
.calculator__column.hidden {
  display: none;
}
.calculator__phone-wrap {
  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-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 0 auto;
  width: 100%;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}
.calculator__input {
  margin-bottom: 20px;
  font-size: 14px;
  color: #505564;
  text-align: center;
  z-index: 10;
}
@media (min-width: 768px) {
  .calculator__content {
    padding: 15px;
  }
  .calculator__link {
    font-size: 21px;
  }
  .calculator__label {
    font-size: 18px;
  }
  .calculator__result {
    font-size: 16px;
  }
  .calculator__column {
    margin-left: 45px;
  }
  .calculator__sum {
    padding: 15px;
  }
  .calculator__footer {
    padding-bottom: 40px;
  }
  .calculator__info {
    font-size: 14px;
  }
  .calculator__button--sum {
    margin-right: 0;
  }
  .calculator__column::before {
    left: -45px;
  }
  .calculator__column + .calculator__column {
    margin-top: 45px;
  }
  .calculator__column--cost::before {
    width: 35px;
    height: 35px;
  }
  .calculator__column--materials::before {
    width: 29px;
    height: 21px;
  }
  .calculator__column--date::before {
    width: 29px;
    height: 24px;
  }
  .calculator .form__radio-group {
    padding-bottom: 0;
    width: 48%;
    border: none;
  }
  .calculator__total {
    font-size: 20px;
  }
  .calculator__phone-wrap {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    width: 100%;
  }
  .calculator__phone-wrap .calculator__input {
    margin-bottom: 0;
  }
  .calculator__grid {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 30px;
    border-bottom: 1px dashed #d9d9d9;
  }
}
@media (min-width: 992px) {
  .calculator {
    padding-top: 100px;
    padding-bottom: 100px;
  }
  .calculator__wrapper {
    padding-top: 20px;
    padding-bottom: 30px;
    padding-left: 40px;
    padding-right: 40px;
    max-width: 888px;
  }
  .calculator__content {
    padding: 0;
    max-width: 878px;
  }
  .calculator__title {
    margin-top: 0;
    margin-bottom: 24px;
    font-family: Qanelas-Regular, Arial, sans-serif;
    font-size: 38px;
    font-weight: 400;
    text-align: left;
  }
  .calculator__label {
    display: none;
  }
  .calculator__select--mobile {
    display: none;
  }
  .calculator__list {
    padding-bottom: 0;
    margin-bottom: 30px;
    border: none;
  }
  .calculator__column {
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-top: 30px;
    width: 28.4%;
  }
  .calculator__column::before {
    top: 0;
    left: 0;
  }
  .calculator__column--cost::before {
    top: -7px;
  }
  .calculator__result {
    margin-bottom: 15px;
    width: 145px;
  }
  .calculator__column + .calculator__column {
    margin-top: 0;
  }
  .calculator__total {
    font-size: 25px;
  }
  .calculator__link {
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 15px;
    text-align: left;
  }
  .calculator__item.active .calculator__link {
    -webkit-box-shadow: inset 3px 3px 10px 0 rgba(5, 33, 124, 0.1);
    box-shadow: inset 3px 3px 10px 0 rgba(5, 33, 124, 0.1);
    cursor: default;
  }
  .calculator__grid {
    margin-bottom: 15px;
  }
  .calculator__input-block {
    width: 47%;
  }
  .calculator__phone-wrap {
    margin-left: 0;
    max-width: 82.07%;
  }
  .calculator__phone-wrap .calculator__input {
    padding-top: 15px;
    padding-bottom: 15px;
    font-size: 18px;
  }
  .calculator__button {
    font-size: 16px;
  }
  .calculator__button--calculation {
    display: none;
  }
  .calculator__sum {
    position: static;
    display: block;
    padding: 0;
  }
  .calculator__sum.hidden {
    display: block;
  }
  .calculator__footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-bottom: 0;
    margin-bottom: 30px;
    border: none;
  }
  .calculator__info {
    display: none;
  }
}
@media (min-width: 1200px) {
  .calculator {
    overflow: hidden;
  }
  .calculator__wrapper {
    position: relative;
    margin-left: 0;
  }
  .calculator__wrapper::after {
    content: "";
    position: absolute;
    bottom: -105px;
    right: -430px;
    width: 561px;
    height: 555px;
    background-image: url(../images/calculator-mockup.png);
    background-repeat: no-repeat;
    background-size: cover;
    z-index: 100;
  }
}
.preload {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #fff;
  z-index: 10;
}
.dws-progress-bar {
  position: absolute;
  top: 35%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.dws-progress-bar::before {
  content: "Подсчет результатов...";
  position: absolute;
  bottom: -22px;
  left: -18px;
  width: 166px;
  font-family: Qanelas-Bold, Arial, sans-serif;
  color: #0c1327;
}
.progress-percentage {
  position: absolute;
  top: 50%;
  left: 50%;
  font-family: Quanelas-Bold, Arial, sans-serif;
  font-weight: 600;
  font-size: 16px;
  color: #505564;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.selectric {
  position: relative;
  padding: 5px 5px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #0c1327;
  font-size: 16px;
  background: #fff;
  background-image: none;
  border: 2px solid #e0e0e0;
  border-radius: 3px;
}
.selectric .label {
  margin: 0;
  font-size: 16px;
  color: #0c1327;
  text-align: center;
}
.selectric-form__select--calculation .selectric .label {
  text-align: left;
}
.selectric-form__control--new .label {
  font-size: 14px;
  text-align: left;
}
.selectric .button {
  right: 7px;
  width: 25px;
  height: 100%;
  color: transparent;
  text-align: center;
  background-color: #fff;
  pointer-events: none;
}
.selectric .button::after {
  top: 5px;
  right: 12px;
  width: 9px;
  height: 12px;
  border-color: transparent;
  background-image: url(../fonts/arrow-orange.svg);
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  background-repeat: no-repeat;
  background-size: contain;
  pointer-events: none;
}
.selectric-items li {
  font-size: 14px;
  line-height: 20px;
  text-align: left;
  color: #444;
}
.selectric-hover .selectric .button::after {
  border-top-color: transparent;
}
.form--vacancy .selectric {
  position: relative;
  padding: 6px 15px 0 0;
  border: none;
  border-radius: 0;
  border-bottom: 2px solid #0e6dee;
}
@media (min-width: 768px) {
  .selectric {
    padding: 5px 20px;
  }
  .selectric .label {
    font-size: 18px;
  }
  .selectric-items li {
    font-size: 18px;
  }
}
@media (min-width: 992px) {
  .calculator .selectric .label {
    font-size: 16px;
    text-align: left;
  }
}
@media (min-width: 1200px) {
  .selectric-form__select--calculation .selectric .label {
    font-size: 21px;
  }
}
.credit {
  padding-top: 60px;
  padding-bottom: 60px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #fff;
}
.credit__title {
  margin: 0;
  margin-bottom: 15px;
  font-family: Qanelas-Bold, Arial, sans-serif;
  letter-spacing: 0.6px;
}
.credit__list {
  margin: 0;
  padding: 0;
  list-style: none;
}
.credit__list--principles {
  margin-bottom: 15px;
}
.credit__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.credit__item + .credit__item {
  margin-top: 15px;
}
.credit__advantage-number {
  margin: 0;
  margin-bottom: 10px;
  font-family: Qanelas-Bold, Arial, sans-serif;
  font-size: 22px;
  line-height: 1.4;
  color: #ff5a00;
  text-align: left;
}
.credit__advantage-ad {
  margin: 0;
  font-size: 16px;
  color: #004298;
}
.credit__condition {
  position: relative;
  padding-left: 25px;
  color: #0c1327;
  font-size: 16px;
}
.credit__condition + .credit__condition {
  margin-top: 15px;
}
.credit__condition::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 12px;
  height: 12px;
  margin-top: -6px;
  background: -webkit-gradient(
    linear,
    left top,
    right top,
    color-stop(0, #59b3ff),
    color-stop(70%, #0e6dee),
    to(#0456c5)
  );
  background: linear-gradient(90deg, #59b3ff 0, #0e6dee 70%, #0456c5 100%);
  border-radius: 50%;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
@media (min-width: 768px) {
  .credit__title {
    font-size: 32px;
  }
  .credit__advantage-number {
    font-size: 26px;
  }
  .credit__condition {
    font-size: 18px;
  }
}
@media (min-width: 992px) {
  .credit {
    padding-top: 100px;
    padding-bottom: 100px;
  }
  .credit__container {
    position: relative;
    z-index: 1;
  }
  .credit__container::after {
    content: "переплата 0%";
    position: absolute;
    bottom: 0;
    right: 0;
    font-family: Qanelas-Bold, Arial, sans-serif;
    font-size: 120px;
    color: rgba(0, 60, 89, 0.2);
    z-index: -1;
  }
  .credit__title {
    margin-bottom: 40px;
    font-size: 38px;
  }
  .credit__advantage-number {
    font-size: 30px;
  }
  .credit__advantage-ad {
    font-size: 20px;
  }
  .credit__list--principles {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 55px;
    width: 56%;
  }
  .credit__item + .credit__item {
    margin-top: 0;
  }
  .credit__condition {
    font-size: 20px;
  }
}
@media (min-width: 1200px) {
  .credit__advantage-number {
    font-size: 38px;
  }
  .credit__advantage-ad {
    font-size: 26px;
  }
  .credit__container::after {
    bottom: -28px;
  }
}
.principles {
  padding-top: 60px;
  background-color: #f6f8fd;
}
.principles__container {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.principles__title {
  display: none;
  color: #0c1327;
}
.principles__name {
  position: relative;
  padding-top: 25px;
}
.principles__name::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 0;
  width: 34px;
  height: 8px;
  margin-left: -17px;
  background-color: #ff8817;
  background-image: linear-gradient(71deg, #fea56b 0, #fe7c00 100%);
  border-radius: 4px;
}
.principles__description {
  margin: 0 auto;
  margin-bottom: 35px;
  font-size: 24px;
  font-weight: 400;
  text-align: center;
  color: #0c1327;
  letter-spacing: 0.6px;
}
.principles__description + .principles__description {
  margin-top: 10px;
}
@media (min-width: 768px) {
  .principles__description {
    width: 525px;
    font-size: 28px;
  }
  .principles__description + .principles__description {
    margin-top: 15px;
  }
}
@media (min-width: 992px) {
  .principles__title {
    display: block;
  }
  .principles {
    padding-top: 100px;
  }
  .principles__description {
    margin-bottom: 0;
    width: 800px;
  }
  .principles__description + .principles__description {
    margin-top: 20px;
  }
}
@media (min-width: 1200px) {
  .principles__description {
    font-size: 38px;
    width: 1140px;
  }
  .principles__description--home {
    font-size: 32px;
  }
}
.principle {
  position: relative;
  padding-top: 60px;
  padding-bottom: 55px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.principle--quality {
  padding-top: 0;
  margin: 0 auto;
}
.principle--workers {
  color: #fff;
  background-color: #0c1327;
}
.principle--deadlines {
  color: #fff;
  background-color: #004298;
}
.principle__name {
  position: relative;
  padding-top: 25px;
  margin: 0 auto;
  margin-bottom: 25px;
  width: 190px;
  font-family: Qanelas-Bold, Aria, sans-serif;
  font-size: 18px;
  line-height: 1.3;
  text-align: center;
}
.principle__name::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 0;
  margin-left: -17px;
  width: 34px;
  height: 8px;
  border-radius: 4px;
  background-color: #ff8817;
  background-image: linear-gradient(71deg, #fea56b 0, #fe7c00 100%);
}
.principle__name--deadlines {
  width: 280px;
}
.principle__name--home {
  width: 215px;
}
.principle__list {
  display: none;
  margin: 0;
  margin-bottom: 35px;
  padding: 0;
  list-style: none;
}
.principle__item {
  position: relative;
  padding-left: 30px;
  font-size: 16px;
}
.principle__item--line-height {
  line-height: 1.85;
}
.principle__item::before {
  content: "";
  position: absolute;
  left: 0;
  top: 4px;
  width: 10px;
  height: 5px;
  border-left: 3px solid #fe8000;
  border-bottom: 3px solid #fe8000;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-transition: 0.5s;
  transition: 0.5s;
  opacity: 0.3;
}
.principle__item--line-height::before {
  top: 10px;
}
.principle__item:hover::before {
  opacity: 1;
}
.principle__item + .principle__item {
  margin-top: 15px;
}
.principle__caption {
  margin: 0;
  margin-bottom: 15px;
  font-family: Qanelas-Bold, Aria, sans-serif;
  font-size: 18px;
}
.principle__info {
  margin: 0;
  font-size: 14px;
}
.principle__img {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 0 auto;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.principle__image {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 184px;
  height: 184px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-shadow: 0 4px 30px rgba(10, 10, 9, 0.34);
  box-shadow: 0 4px 30px rgba(10, 10, 9, 0.34);
  background-color: #ff8817;
  background-image: linear-gradient(71deg, #fea56b 0, #fe7c00 100%);
  border-radius: 50%;
  overflow: hidden;
}
.principle__image--workers {
  background-color: #fff;
  background-image: none;
}
.principle__image img {
  width: 172px;
  height: 172px;
  vertical-align: middle;
  border-radius: 50%;
}
.principle__image--delivery {
  background-color: #07f;
  background-image: linear-gradient(71deg, #9bd8f6 0, #07f 100%);
}
.principle__img-inner {
  border-radius: 50%;
}
@media (min-width: 768px) {
  .principle__name {
    width: 330px;
    font-size: 32px;
  }
  .principle__name--deadlines {
    width: 400px;
  }
  .principle__name--home {
    width: 365px;
  }
  .principle__item {
    font-size: 18px;
  }
  .principle__caption {
    font-size: 20px;
  }
  .principle__image {
    width: 264px;
    height: 264px;
  }
  .principle__image img {
    width: 252px;
    height: 252px;
  }
}
@media (min-width: 992px) {
  .principle {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100vh;
    min-height: 750px;
    padding-top: 0;
    padding-bottom: 0;
  }
  .principle__container {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .principle__grid {
    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;
    width: 50%;
  }
  .principle__list {
    display: block;
    margin-bottom: 0;
    width: 100%;
  }
  .principle__item--design {
    line-height: 1.85;
  }
  .principle__item--design::before {
    top: 12px;
  }
  .principle__grid--fixed {
    position: relative;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
  }
  .principle.active .principle__grid--fixed {
    position: absolute;
    top: 0;
    right: 0;
    width: 50%;
    height: 100%;
    overflow: hidden;
    clip: rect(auto, auto, auto, auto);
  }
  .principle.active .principle__image {
    position: fixed;
    top: 50%;
    margin-top: -200px;
    -webkit-transform: translate3d(0, 0, 0);
  }
  .principle__img-inner {
    position: relative;
    display: block;
    margin-right: 28px;
    margin: auto 0 0 auto;
    width: 400px;
    height: 400px;
    vertical-align: bottom;
    opacity: 0.99;
  }
  .principle__image {
    width: 400px;
    height: 400px;
  }
  .principle__image img {
    width: 386px;
    height: 386px;
  }
  .principle .principle__img {
    position: absolute;
    top: -200px;
    right: 28px;
  }
  .principle.active .principle__img {
    position: absolute;
    top: 45%;
    right: 43px;
    margin-left: auto;
    padding: 0;
    width: 400px;
  }
  .principle__name {
    margin-left: 0;
    width: 430px;
    font-size: 38px;
    text-align: left;
  }
  .principle__name--width {
    width: 450px;
  }
  .principle__name--home {
    width: 440px;
  }
  .principle__name::before {
    left: 0;
    margin-left: 0;
  }
  .principle__item {
    padding-left: 0;
    font-size: 21px;
  }
  .principle__item::before {
    left: -30px;
  }
}
@media (min-width: 1200px) {
  .principle__caption {
    font-size: 21px;
  }
  .principle__name {
    width: 425px;
  }
  .principle__name--width {
    width: 500px;
  }
  .principle__name--home {
    width: 460px;
  }
  .principle__name--deadlines {
    width: 460px;
  }
}
.calculation {
  padding-top: 60px;
  padding-bottom: 60px;
  padding-left: 15px;
  padding-right: 15px;
}
.calculation__form .selectric {
  position: relative;
  padding: 6px 15px 0 0;
  border: none;
  border-radius: 0;
  border-bottom: 2px solid #0e6dee;
}
.calculation__grid .form__wrapper:last-child {
  margin-bottom: 0;
}
.calculation__grid {
  margin-bottom: 17px;
}
.calculation__form .selectric-hover .selectric {
  border-bottom: 2px solid #e0e0e0;
}
.calculation__form .selectric .button::after {
  background-image: url(../fonts/arrow-orange.svg);
}
@media (min-width: 768px) {
  .calculation__form {
    max-width: 690px;
  }
  .calculation__grid {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 0 auto;
    margin-bottom: 40px;
    width: 595px;
  }
  .calculation__grid .form__wrapper {
    margin-bottom: 0;
    width: 280px;
  }
}
@media (min-width: 992px) {
  .calculation {
    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;
    height: 100vh;
  }
  .calculation__grid {
    width: 600px;
  }
  .calculation__form {
    max-width: 750px;
  }
}
.video-reviews {
  display: none;
}
@media (min-width: 768px) {
  .video-reviews {
    display: block;
    padding-top: 60px;
    padding-bottom: 60px;
    color: #fff;
    background-color: #1a181b;
  }
  .video-reviews__title {
    color: #fff;
  }
  .video-reviews__name {
    margin: 0;
    margin-bottom: 5px;
    font-size: 18px;
    font-weight: 400;
  }
  .video-reviews__info {
    margin: 0;
    margin-bottom: 5px;
  }
  .video-reviews__info--last {
    margin-bottom: 15px;
  }
  .video-reviews__youtube {
    position: relative;
    max-width: 615px;
    height: 281px;
    margin: 0 auto;
    background-position: center;
    background-size: cover;
  }
  .video-reviews iframe {
    display: block;
    margin: 0 auto;
    margin-bottom: 20px;
  }
  .video-reviews__head {
    margin: 0;
    color: #ff5a00;
    font-size: 18px;
    font-weight: 400;
  }
  .video-reviews__description {
    margin: 0;
  }
  .video-reviews__name .orange {
    display: block;
  }
  .video-reviews__column + .video-reviews__column {
    margin-top: 50px;
  }
  .video-reviews__play {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -32px;
    margin-top: -32px;
    width: 64px;
    height: 64px;
    background: url(../fonts/youtube-1.svg);
    background-repeat: no-repeat;
    border: none;
    cursor: pointer;
  }
  .video-reviews__button {
    margin-top: 30px;
    color: #fff;
    z-index: 10;
  }
  .video-reviews__wrapper {
    display: none;
    margin: 0 auto;
  }
  .video-reviews__notice {
    margin: 0;
    margin-bottom: 20px;
    font-size: 18px;
    text-align: center;
  }
  .video-reviews__button--yotube {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 0;
    padding-top: 14px;
    padding-bottom: 14px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .video-reviews__button--yotube::before {
    content: "";
    display: block;
    margin-right: 10px;
    width: 30px;
    height: 20px;
    background-image: url(../fonts/youtube-1.svg);
    background-repeat: no-repeat;
    background-size: 30px 20px;
  }
  .video-reviews__column {
    position: static;
    margin: 0 auto;
    margin-bottom: 30px;
    width: 615px;
    height: auto;
    opacity: 1;
    -webkit-transition: all 1s ease;
    transition: all 1s ease;
    overflow: visible;
  }
  .video-reviews__column--hidden {
    position: absolute;
    margin: 0;
    height: 0;
    opacity: 0;
    overflow: hidden;
  }
  .video-reviews__column.video-reviews__column--hidden {
    margin-top: 0;
  }
}
@media (min-width: 992px) {
  .video-reviews {
    padding-top: 100px;
    padding-bottom: 100px;
  }
  .video-reviews__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .video-reviews__column {
    margin: 0;
    margin-bottom: 40px;
    width: 48%;
  }
  .video-reviews__column:nth-last-child(-n + 2) {
    margin-bottom: 0;
  }
  .video-reviews__column + .video-reviews__column {
    margin-top: 0;
  }
  .video-reviews__button {
    margin-top: 0;
  }
  .video-reviews__notice {
    margin-bottom: 30px;
    font-size: 20px;
  }
  .video-reviews__name {
    font-size: 20px;
  }
  .video-reviews__info {
    font-size: 16px;
  }
  .video-reviews__info--last {
    margin-bottom: 20px;
  }
  .video-reviews__head {
    font-size: 20px;
  }
}
@media (min-width: 1200px) {
  .video-reviews__name .orange {
    display: inline-block;
  }
}
.advantages {
  padding-top: 60px;
  background-color: #fff;
}
.advantages__title {
  padding-left: 15px;
  padding-right: 15px;
}
.advantages__list {
  margin: 0;
  padding: 0;
  list-style: none;
}
.advantages__item {
  position: relative;
  padding-top: 60px;
  padding-bottom: 60px;
}
.advantages__item:first-child {
  padding-top: 0;
}
.advantages__item--estimate,
.advantages__item--guarantee {
  padding-left: 0;
  padding-right: 0;
  color: #fff;
  background-color: #16181c;
}
.advantages__item--delivery {
  padding-left: 0;
  padding-right: 0;
  color: #fff;
  background-color: #004298;
}
.advantages__name {
  margin: 0 auto;
  width: 250px;
  font-family: Qanelas-Bold, Arial, sans-serif;
  font-size: 18px;
  line-height: 1.3;
  text-align: center;
}
.advantages__name--guarantee {
  width: 180px;
}
.advantages__name--estimate {
  width: 240px;
}
.advantages__name--design {
  position: relative;
  padding-top: 25px;
}
.advantages__name--design::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 0;
  margin-left: -17px;
  width: 34px;
  height: 8px;
  border-radius: 4px;
  background-color: #ff8817;
  background-image: linear-gradient(71deg, #fea56b 0, #fe7c00 100%);
}
.advantages__description {
  display: none;
  position: relative;
  margin: 0;
  padding-left: 30px;
  font-size: 16px;
}
.advantages__description::before {
  content: "";
  position: absolute;
  left: 0;
  top: 4px;
  width: 10px;
  height: 5px;
  border-left: 3px solid #fe8000;
  border-bottom: 3px solid #fe8000;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-transition: 0.5s;
  transition: 0.5s;
  opacity: 0.3;
}
.advantages__img {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 0 auto;
  margin-bottom: 25px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.advantages__image {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 184px;
  height: 184px;
  -webkit-box-shadow: 0 4px 30px rgba(10, 10, 9, 0.34);
  box-shadow: 0 4px 30px rgba(10, 10, 9, 0.34);
  background-color: #ff8817;
  background-image: linear-gradient(71deg, #fea56b 0, #fe7c00 100%);
  border-radius: 50%;
  overflow: hidden;
}
.advantages__image--estimate {
  background-color: #fff;
  background-image: none;
}
.advantages__image img {
  width: 172px;
  height: 172px;
  vertical-align: middle;
  border-radius: 50%;
}
.advantages__image--installment,
.advantages__image--standard {
  background-color: #07f;
  background-image: linear-gradient(71deg, #9bd8f6 0, #07f 100%);
}
.advantages__img-inner {
  border-radius: 50%;
}
@media (min-width: 768px) {
  .advantages__name {
    width: 435px;
    font-size: 32px;
  }
  .advantages__name--guarantee {
    width: 310px;
  }
  .advantages__name--estimate {
    width: 410px;
  }
  .advantages__name--stardant {
    width: 510px;
  }
  .advantages__image {
    width: 264px;
    height: 264px;
  }
  .advantages__image img {
    width: 252px;
    height: 252px;
  }
}
@media (min-width: 992px) {
  .advantages {
    padding-top: 100px;
  }
  .advantages__container {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100vh;
  }
  .advantages__item.active .advantages__container {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
  }
  .advantages__grid {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .advantages__title {
    margin-bottom: 0;
  }
  .advantages__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-top: 0;
    padding-bottom: 0;
    min-height: 100vh;
  }
  .advantages__img {
    position: relative;
    margin-bottom: 0;
    margin-left: 28px;
  }
  .advantages__item:last-child {
    padding-bottom: 0;
  }
  .advantages__img-inner {
    position: relative;
    width: 400px;
    height: 400px;
    margin: auto 0 0 auto;
    vertical-align: bottom;
    opacity: 0.99;
  }
  .advantages__image {
    width: 400px;
    height: 400px;
  }
  .advantages__image img {
    width: 386px;
    height: 386px;
  }
  .advantages__item.active .advantages__grid {
    position: absolute;
    top: 0;
    left: 0;
    width: 50%;
    height: 100%;
    overflow: hidden;
    clip: rect(auto, auto, auto, auto);
  }
  .advantages__item.active .advantages__img {
    position: absolute;
    top: 45%;
    left: 44px;
    margin-right: auto;
    margin-left: 0;
    padding: 0;
    width: 400px;
  }
  .advantages__item.active .advantages__image {
    position: fixed;
    top: 50%;
    margin-top: -200px;
    -webkit-transform: translate3d(0, 0, 0);
  }
  .advantages__name {
    width: 50%;
    margin: 0;
    font-size: 38px;
    text-align: left;
  }
  .advantages__inner {
    width: 50%;
  }
  .advantages__name--design {
    width: 100%;
    margin-bottom: 25px;
  }
  .advantages__name--design::before {
    left: 0;
    margin-left: 0;
  }
  .advantages__description {
    display: block;
    padding-left: 0;
    font-size: 21px;
    line-height: 1.85;
  }
  .advantages__description::before {
    top: 12px;
    left: -30px;
  }
  .advantages__link {
    font: inherit;
    color: #337ab7;
    text-decoration: none;
  }
}
.certificates {
  position: relative;
  padding-top: 60px;
  padding-bottom: 60px;
  padding-left: 15px;
  padding-right: 15px;
  margin: 0 auto;
  background-color: #f6f8fd;
  -webkit-box-shadow: 0 0 2em 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 2em 0 rgba(0, 0, 0, 0.2);
}
.certificates__title {
  margin-bottom: 10px;
}
.certificates__info {
  margin: 0 auto;
  margin-bottom: 25px;
  text-align: center;
}
.certificates--company {
  padding: 0;
  background-color: #fff;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.certificates__slider {
  margin: 0 auto;
}
.certificates__slide {
  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-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.certificates__link {
  display: block;
  margin-left: 5px;
  margin-right: 5px;
  margin-bottom: 25px;
}
.certificates__link--company {
  margin-bottom: 15px;
}
.certificates__name {
  margin: 0;
  font-size: 16px;
  text-align: center;
  font-weight: 400;
}
@media (min-width: 768px) {
  .certificates__info {
    max-width: 750px;
    font-size: 18px;
  }
}
@media (min-width: 992px) {
  .certificates {
    padding-top: 100px;
    padding-bottom: 100px;
  }
  .certificates__title {
    margin-bottom: 15px;
  }
  .certificates__info {
    margin-bottom: 60px;
    max-width: 950px;
    font-size: 21px;
  }
  .certificates--company {
    padding: 0;
  }
}
@media (min-width: 1200px) {
  .certificates__slider {
    max-width: 1170px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
}
.schema {
  display: none;
}
@media (min-width: 768px) {
  .schema {
    position: relative;
    display: none;
    padding-top: 60px;
    padding-bottom: 60px;
    color: #fff;
    background-color: #0c1327;
  }
  .schema__title {
    color: #fff;
  }
  .schema__list {
    margin: 0;
    padding: 0;
    list-style: none;
  }
  .schema__item {
    position: relative;
    margin-bottom: 20px;
    padding-left: 60px;
  }
  .schema__item::before {
    position: absolute;
    top: 0;
    left: 0;
    width: 45px;
    height: 45px;
    font-family: Qanelas-Bold, Arial, sans-serif;
    font-size: 20px;
    line-height: 2.2;
    text-align: center;
    background-color: #ff5a00;
    background-position: center;
    border-radius: 50%;
  }
  .schema__item--one::before {
    content: "1";
  }
  .schema__item--two::before {
    content: "2";
  }
  .schema__item--three::before {
    content: "3";
  }
  .schema__item--four::before {
    content: "4";
  }
  .schema__item--five::before {
    content: "5";
  }
  .schema__item--six::before {
    content: "6";
  }
  .schema__list--second .schema__item:last-child {
    margin-bottom: 0;
  }
  .schema__head {
    margin: 0;
    margin-bottom: 5px;
    font-family: Qanelas-Bold, Arial, sans-serif;
    font-size: 16px;
  }
  .schema__description {
    margin: 0;
    font-size: 16px;
  }
  .schema__button {
    position: relative;
    display: block;
    padding: 12px 14px;
    margin-top: 5px;
    max-width: 159px;
    font-family: Qanelas-Bold, Arial, sans-serif;
    color: #fff;
    font-size: 13px;
    line-height: 1.3;
    font-weight: 400;
    letter-spacing: 0.6px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    background-color: transparent;
    -webkit-box-shadow: 0 4px 25px rgba(0, 0, 0, 0.29);
    box-shadow: 0 4px 25px rgba(0, 0, 0, 0.29);
    border-radius: 5px;
    border: 2px solid #ff6c00;
    z-index: 0;
  }
  .schema__button::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 0;
    background-color: #ff6c00;
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
    z-index: -1;
  }
  .schema__button:hover::before {
    height: 100%;
  }
}
@media (min-width: 992px) {
  .schema {
    display: block;
    padding-top: 100px;
    padding-bottom: 100px;
  }
  .schema__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 0 auto;
    width: 655px;
  }
  .schema__list + .schema__list {
    margin-top: 90px;
  }
  .schema__list--margin + .schema__list--margin {
    margin-top: 108px;
  }
  .schema__item {
    padding-left: 0;
    padding-top: 60px;
    margin-bottom: 0;
    width: 25%;
  }
  .schema__item::before {
    top: 0;
    left: 0;
  }
  .schema__head {
    margin-bottom: 5px;
    font-size: 21px;
  }
  .schema__description {
    margin-bottom: 0;
    font-size: 16px;
  }
  .schema__description--margin {
    margin-bottom: 15px;
  }
  .schema__container {
    position: relative;
    padding-bottom: 72px;
  }
  .schema__container::before {
    content: "";
    position: absolute;
    top: 20px;
    left: 15px;
    width: 920px;
    height: 525px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAABBsAAAJYCAMAAAAUgB4OAAAAflBMVEUAAAD////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////vroaSAAAAKXRSTlMA9g/tCfEgtDBMJ2WQ36aBFAU/2Zi+0ntfNcxuxRgc51njnkY6dFSIrTO2H2AAAA14SURBVHja7N3bbtpAFAXQsTFXByjhmoQgAiSt//8HKw0OVTxxFRq1UtS1Xvbbll98ZM/4Er6E7fKc/ac85qLTi/ncPcXcZMOYx24Zc9CZxtx1DjGLeV1wv3pbdFMXrduKuq9Fi5j5uN8oGtdHdCm6+ztFw+xtUe/aojIpWl9bNDgXdV+LNjHvmkVPddHq/rWoiHno7GJOO3VRdvx90fhSlBxRo6jtiG7eFM1W2xBN6uJhGfjittsPzobGCfSB2TB6fzZkHz2ln5Iz8U+L/u1saC9atRRNu8mZePVsSIo+MRvai05ts2G+DdG4U5yzOhcdnh5j5qMA/MeK/Jy3+3NOOo8x+9UgZj4IABdlP69nxClEeQC42E/ymIfMBQSQelj1YpYTFxBAalndxSy+BYDar7XJbbYLAE3TZR5zcAoAiW5m/QFIletzDm1jAKldNQ4AifXmnKNZAGg6VocA0LRb7gNAm/3W2iSQmlYvASDRq6MXABKdbhEAmqa2LYB2xYN7CyC199gD8I5ibUsTaHe7CQCJeWXdAUidHgJAm9nQUw9AalPdBICm3uE2AABcYXbfDwBNs/kqAKR8XBJoNxoGgMS2GgWApuPUvQUAcJXbhf/2A6lF5d8WQCp/sewAAFzlNNkFgKbvVRkAmopjAAC4xmCaB4CmReV79UDqsfS9WQDgKt+8vg28Y5kZDkCq/GG7AgAA+LTDcwBoyrN5AEiMvLcN8JO9O0hBGIaCAJqUKtKqRUGodlFQivT+F3Tf343UuHrvECGEzAzwHd+ogRW9tllgxWu0jgcAAGy2t38FRHU+JYDgeUwAAAAb1SIWwIpzPiSApfbh4gAAAACU0I/XBLDUzmLbgCooAACghOat0gGIutnuFRBVg7VtAAAAoIROowOwYsr3BAAAAPB7TZMAgjGLbQPRZBEPAAAAKKFulb0AUT97kQSi6ih2BQAAAJRw1ecARJe8SwDBYLUCAAAAKKHaJ4Dglh0OQDTc7OgCAAAAAH/SPTxIfti7l5QGoiAMo38e0NIx0Q6+WiRENErvf4POb03NzeScRdSgCr4CqoNDJpBqkpYFAAAAruF4DECxWU0BaL1JxAEAAAAAnZyezwFozcshAMW4DQAAAMD/s3MAUg0b9Uigut+bDQAAAABAH9MYgOJh+QlA6+v9LgAAAAAAPUxzAIrLsgtAa/74DgAAAABAF48BKH5XbhVAdd4LOQAAAAAAALczDAEoXj4DUGz93AcAAAAA+hifTgFovS6XALTWu3UA+GPvDlIQBoIgALZBxAQxUYgQEFTwkP3/B73v3hMPVa8YhulpAAAAYAtnsQqgtZRrAGrTrFUbAAAAAADYTbe+A1Abim/0QFrfKQAAAAAAWxgC0OjLGIDa8OgDAAAAAACwk0VtLpDWXM4BMDcAAAAAAAD/4zQLYwKte7kEoLEcAwAAAACwActIIK3udQ1ArfusAQAAAAAA2MmpC0BtOjwDULvNYwAAAAAAAHbSu3D4sXcvKQjDUBhGL0X6wKJROhKVghKa/W/QeTJxlsk527gf/wVaS9kCoJaOTwAAAAAAAPTxzgHQmMocALVl894KAAAAAADo5HYeA6CWTTgA0RpW8RMAAAAAANDL7lABtMbyCIDG1fQTAAAAAADQSxY4AAIH4E+rwAEAAAAAAOglpwCoLWUNgFq63AMAAAAAAKCL5E4BROso1l2A1j4NAQAAAAAA0MV8CoDat2wBUHs99+DHvh3kJAxFURi+tE9KYqzWCjG01RgnsP8NksKsdwGPwffNzh7+AwAAAAAAVNHoG4BsaM8BkBz7AAAAAAAAqGIYAiA5nQIgOWufAAAAAAAAgOdRRh9tIGvaLgCSopkGAAAAAADq+Hz7D4Ct7+trACT7AAAAAAAAqKL/CoCt4WUMgGS/BAAAAAAAQA1TVwJga979BMDWxyEAAAAAAABqmC7yBiCbdy7aQLbIG4BnU/opVs1f99jjHHfHscSq/11i9d4eYjXd2Luz3bTBIAygY1aXAMFJQxuWNGGt3/8FK2dBKYaGQKgEnPMAn8YXHlvW/OP6TRQWyWMUbuovAa1qOwq9X93NQZPXoGW19VfQ4ypo/u+g0aqiXhTaa0GLQ4Pmq4oWGy9tvDXoadeg5VrQ3VtQtiVo9smg/kvQ708HTfaraFq/ikJavS5VxGkaP02i0MoHW3pDZ6031NN97sRyk1n1huR8esNHQclevWF7UPpBULk3JLPjVDRNXntDXW84dbXuPArjajeepb0ALliWRaGRDALgTXbbiWetSgCnYLKM/+GuGcAJqSW3cUzLjuUQcJJajTimbr0VACvfKvHMQDbwzmPeDoB1jYlRbOCd8SwASvp5I4BTNxvcx9e68p0BzsAwvwqAkjS+SK3phQEoGyejACjpmXICAD5QGUwCYF2v7vg1nJlKvx2HcJoKztM48cgHNuhlcYCf8wAoecotfwTKZjcBAABcsCyL/bRGiwDOVdYZxX4W+XUA5yrrN2NP9soDAAB7aU1sigXKlvZLAhtUFlkAZy11GAIoe0juAmBdrTm0wgU4WJr4/wRQllaHAQAAALDd+LoXuzMJAZfiRz6MnbWTNICL8Kn3hh+3DlgBAAAAAEc1bfoMCZejOYkdfc+nAVyIWtKPHVXuA7gYDwYdAQCAo6tZKQ2UVaqWzf5h715yEwaCIIA2JlZgQNigOETkJ6QomPtfMHubhb2wsuj3DjHS9PRUQSbtJiapXgVEQibd6isAhs69OQIAALCwSosVMNbWzwEw9HS5BZDI28FlARjr7rJagLFPeQwAAMDCdmqsAPWXQCkxSRtAJut1AIzczgEAALCospMKBYz191MADJ1uPmpCJj/1LgCGTitnA/CAESMAALC0qnsPgKFyPwSQx34f0xTLDZBJ/R0AI0XIGwAAsDyDSOCBslKQC3ls98eYptRNAFl8aMcFHijbAAAAAPgfT2owIYttc4zJuroKIIXLnPfLl4u9SEhi8xsAAAAAAItqmpil9YIJGRxX65jleg0ggU2JWfo+AAAAAOCPvXvbSRgIwgA8tAgih4AcLCIHwRD6/i/orWl7Q2xDWr7vHXay8+9mBu6xnZ4CoGiUj+Nei0MAXTePu03y1wAo2i2NqgcAACIGWgOgQpoGQMnKLmygRn1DpoEKy2kAlKzXAQA8j9NNZgCUrfO3ACjabwMAIJq3CICS4VGQCd0zv8Q/3b7VBuieWf4eAEWjs22WAAAAQH28LwAVbr191GDwMgmgQ86bRG0A/tCaAAAAAHXrb2YBUJSkQ2Ek0PBpTlK3EKCsP1UbAADgaWS9SwAU7XpmwAEAj2RlHlBhl2cBtNUhiYZclkIMaK1Dbx0ARcnXRwAAAADUZJRFwxbjfQBtk+b9aNY1XwXQNqNrNCyZ/AQAAADwHGbHJACKhlO1AXio7NMXB37Zu9eltKEoDKAbmmq4g5QioAgi2rz/C/avw2HooEVO4loPkcnZ375Aql+JMYHUxPInqIPeWwAkti1VSCBVLgIAIFvt1TiAXG3u4kpW1SiATK2raVzJ+O0mgFytHIsAAAA+om2hK3DEPoeYYN0JIC+Po3Vc3W2lIRNI7Z7NcQBA1jZOZANHPLWKADj0Yh0bkL/13DwmkNpX6h9wXZ2nXeRnPNegCde1ar0GQEI+AQD8071TMUDqpbqNvP3aGqyAr1eMcm93ev4prACOmATwhQrRBJAqfvwOgEOTWT8A6u1+piAJpPpVjvMe0CzLh6idSRnAhU1nAQAAcLZiUMNCw3vF9k8A/10xHUatFQOVEgC4uNK6ZiBVVv7FgVR7uIkGmWuRBFLdahnAp3SHTWw1fl0E8Cn7ah8Ah4qdfWrAO4930XSdXgDnWlaNvzoxrWx7gbP1+o1/TCwalcvCpY0b/00APqBs1XycCriIm+UqvpXuQEoLJ33TwlzZskkfThm2Gh9MHOc4F5w0enBsGv62d4fLaQJRFIAPIquLWgFFsESNSI28/wt27goZLAptsEmU8/3h35l1hDuwd1moQnNrBgBu+PyLvYj+yTFPQTjmbyCiik2agYA15x2Izqacn7+CK7+o93zLBtU7mny0oN7yNAy1Bf3J3bE2UG+Ncs7IE1GFgqGnnHVr9cbJGOqPJO/ZmxJd7C2uBKPnp3yIwwt3UP1rm54uIKde0fkS9DHZPgbR03l1IdxQgz4msCIQPZuA36nrbggjmHP+lh7f4GUKMYzYq7yXU86v5NEDSzSEskag+9rGPkTC1iY9Ej2GcPMFDHbf6u68bb2rQPR9TTIIVdaEmC9U/m8qg2FbQ4iMj230lXycBR6EFyYQ43wFY84+xGf7NYVhFTUinJ2PP/YexNJWEJGzhogtDRE4xX9nzyE2uxRiuAhh/Fz5EKP9AGJ6I+jgTC6CtmXQ7D0IN4IyiFfreD3ILoNGl0GnhhE1BQ0k6NqIlm1BThm0vBE0aw7SVkvQqiVo8h4UF0ERhGobUWpvIebOuBJUH5Hq+tPKPtohPxU1oQhKeJ/w1SYJjHBR1IZdS22wksvTtaE2NF9AlbOsW22oXUC1oNbaUAvqVhvqQfepDaprbVg7UUNQW23oPqJ6ULY7H71Uw1Dsp131G89kpLRs7HaAAAAAAElFTkSuQmCC);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
  }
  .schema__button {
    margin-top: 0;
  }
}
@media (min-width: 1200px) {
  .schema__list {
    width: 870px;
  }
  .schema__container {
    padding-bottom: 200px;
  }
  .schema__container::before {
    width: 1140px;
    height: 650px;
  }
  .schema__list + .schema__list {
    margin-top: 162px;
  }
  .schema__list--margin + .schema__list--margin {
    margin-top: 180px;
  }
  .schema__head {
    width: 175px;
  }
}
.stock {
  position: relative;
  padding-top: 60px;
  padding-bottom: 60px;
  padding-left: 15px;
  padding-right: 15px;
}
.stock__title {
  display: block;
  margin: 0 auto;
  padding: 10px;
  max-width: 215px;
  margin-bottom: 45px;
  color: #fff;
  text-transform: uppercase;
  border: 5px solid #ffd300;
  background-color: rgba(0, 0, 0, 0.7);
}
.stock__slider {
  margin: 0 auto;
  margin-bottom: 45px;
  max-width: 620px;
}
.stock__slide {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 30px 25px 65px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 5px solid #ffd300;
  background-color: rgba(0, 0, 0, 0.7);
}
.stock__name {
  margin: 0;
  margin-bottom: 25px;
  font-family: Qanelas-Bold, Arial, sans-serif;
  color: #fff;
  font-size: 21px;
  font-weight: 400;
  text-align: center;
  text-transform: uppercase;
}
.stock__description {
  margin: 0;
  color: #fff;
  font-size: 16px;
  font-style: italic;
}
.stock .slick-dots {
  position: absolute;
  left: 50%;
  bottom: 20px;
  margin-top: 0;
  margin-left: -36px;
}
.stock .form__button {
  margin-bottom: 0;
}
@media (min-width: 768px) {
  .stock__description {
    font-size: 18px;
  }
  .stock__title {
    max-width: 287px;
  }
  .stock__title--zhk {
    max-width: 400px;
  }
}
@media (min-width: 992px) {
  .stock {
    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;
    padding-top: 100px;
    padding-bottom: 100px;
  }
  .stock__title {
    margin-bottom: 100px;
    max-width: 330px;
  }
  .stock__title--zhk {
    max-width: 605px;
  }
  .stock__slider {
    max-width: 750px;
  }
  .stock__slide {
    margin-left: 5px;
    margin-right: 5px;
  }
  .stock__form.form {
    max-width: 445px;
  }
  .stock__form .form__title {
    max-width: 350px;
  }
  .stock__description {
    font-size: 20px;
  }
  .stock__slider .arrow--prev {
    left: -6%;
  }
  .stock__slider .arrow--next {
    right: -6%;
  }
}
@media (min-width: 1200px) {
  .stock__slide {
    padding-left: 50px;
    padding-right: 50px;
    padding-top: 50px;
    padding-bottom: 100px;
  }
  .stock__name {
    font-size: 28px;
  }
  .stock__description {
    font-size: 24px;
  }
  .stock .form__button {
    max-width: 153px;
  }
  .stock .slick-dots {
    bottom: 50px;
  }
}
.reviews {
  padding-top: 60px;
  padding-bottom: 60px;
  padding-left: 15px;
  padding-right: 15px;
  margin: 0 auto;
  color: #505564;
  background-color: #f6f8fd;
}
.reviews__title {
  margin-bottom: 35px;
  color: #000;
}
.reviews__author {
  margin-bottom: 14px;
}
.reviews__slide {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.reviews__photo {
  margin: 0 auto;
  margin-bottom: 15px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 95px;
  height: 95px;
  border: 5px solid #fff;
  -webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
  border-radius: 50%;
  overflow: hidden;
}
.reviews__info {
  margin: 0;
  font-size: 12px;
  font-style: italic;
  text-align: center;
}
.reviews__say {
  margin: 0;
  font-size: 14px;
}
@media (min-width: 768px) {
  .reviews__photo {
    width: 115px;
    height: 115px;
  }
  .reviews__say {
    font-size: 16px;
  }
  .reviews__slider {
    margin-left: auto;
    margin-right: auto;
    width: 620px;
  }
}
@media (min-width: 992px) {
  .reviews {
    padding-top: 100px;
    padding-bottom: 100px;
  }
  .reviews__slider {
    width: 950px;
  }
  .reviews__info {
    font-size: 14px;
  }
  .reviews__photo {
    width: 130px;
    height: 130px;
  }
  .reviews__say {
    margin-right: 50px;
    width: 660px;
    font-size: 17px;
  }
  .reviews__author {
    margin-left: 40px;
  }
  .reviews__slide {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
}
@media (min-width: 1200px) {
  .reviews__slider {
    max-width: 750px;
  }
  .reviews__say {
    width: 490px;
  }
}
.opinion {
  padding-top: 60px;
  padding-bottom: 60px;
  text-align: center;
  background-color: #fff;
}
.opinion__title {
  margin-bottom: 0;
  padding-left: 0;
  font-size: 24px;
  letter-spacing: normal;
  text-align: left;
}
.opinion__appeal {
  margin: 0;
  margin-bottom: 37px;
  font-family: Qanelas-Bold, Arial, sans-serif;
  font-size: 24px;
  color: #0c1327;
  text-align: left;
}
.opinion__img {
  display: block;
}
.opinion__wrapper {
  margin-bottom: 25px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 4px solid #004298;
}
.opinion__description {
  margin: 0;
  padding: 9px 9px;
  font-size: 14px;
  line-height: 1.4;
  letter-spacing: -0.015em;
  text-align: left;
}
.opinion__links {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin: 0 auto;
  width: 220px;
}
.opinion__btn {
  position: relative;
  padding-top: 70px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center;
}
.opinion__btn::before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -30px;
  width: 61px;
  height: 61px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background-position: center;
  background-repeat: no-repeat;
  border-radius: 50%;
  border: 3px solid #fff;
  -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.15);
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.15);
}
.opinion__btn--like {
  border-bottom: 1px dashed #ff9800;
}
.opinion__btn--like::before {
  background-color: #4777b5;
  background-image: url(../fonts/like.svg);
}
.opinion__btn--dislike {
  border-bottom: 1px dashed #4777b5;
}
.opinion__btn--dislike::before {
  background-color: #f3f5f9;
  background-image: url(../fonts/dislike.svg);
}
.opinion__btn:hover::before {
  -webkit-transform: rotate(10deg);
  transform: rotate(10deg);
  -webkit-transition: 0.1s;
  transition: 0.1s;
}
@media (min-width: 768px) {
  .opinion__title {
    font-size: 31px;
  }
  .opinion__appeal {
    font-size: 31px;
  }
  .opinion__btn {
    padding-top: 90px;
    font-size: 16px;
  }
  .opinion__btn::before {
    margin-left: -40px;
    width: 80px;
    height: 80px;
    background-size: 50%;
  }
  .opinion__description {
    padding: 15px;
  }
  .opinion__links {
    width: 260px;
  }
  .opinion__container {
    width: 650px;
  }
}
@media (min-width: 992px) {
  .opinion {
    padding-top: 100px;
    padding-bottom: 100px;
  }
  .opinion__container {
    width: 950px;
  }
  .opinion__wrapper {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin-bottom: 50px;
    margin-left: 170px;
    border: none;
  }
  .opinion__title {
    font-size: 32px;
  }
  .opinion__appeal {
    font-size: 32px;
  }
  .opinion__img {
    max-width: 750px;
    border-radius: 5px;
  }
  .opinion__description {
    position: absolute;
    bottom: -160px;
    left: -90px;
    width: 500px;
    font-size: 16px;
    background-color: #fff;
    border: 4px solid #004298;
  }
  .opinion__links {
    margin-right: 10px;
  }
  .opinion__title {
    padding-left: 170px;
    font-size: 38px;
  }
  .opinion__appeal {
    padding-left: 170px;
    margin-bottom: 60px;
  }
}
@media (min-width: 1200px) {
  .opinion__container {
    width: 1170px;
  }
  .opinion__img {
    max-width: 1000px;
  }
  .opinion__description {
    width: 600px;
  }
  .opinion__links {
    margin-right: 80px;
  }
}
.contacts {
  padding-top: 60px;
  background-color: #f3f5f9;
}
.contacts--contacts {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  padding-top: 0;
}
.contacts__container--contacts {
  padding: 0;
  z-index: 20;
}
.contacts__title {
  margin: 0 auto;
  margin-bottom: 35px;
}
.contacts__title--contacts {
  margin-top: 100px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.contacts__tab {
  display: none;
  padding: 25px;
}
.contacts__wrapper {
  position: relative;
  padding-top: 40px;
  padding-bottom: 40px;
  background-repeat: no-repeat;
  background-position: top center;
  background-image: url(../images/bg-map-992.jpg);
  z-index: 7;
}
.contacts__wrapper.contacts__wrapper--contacts {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0;
  padding-top: 40px;
  padding-bottom: 40px;
  background-size: cover;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}
.contacts__view {
  position: absolute;
  left: 50%;
  bottom: 40px;
  display: none;
  margin-left: -125px;
  max-width: 250px;
  z-index: 30;
}
.contacts__view.active {
  display: block;
}
.contacts__tab.active {
  display: block;
}
.contacts__list {
  margin: 0;
  padding: 0;
  list-style: none;
}
.contacts__item {
  display: block;
  padding: 15px;
  -webkit-box-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 14px;
  color: rgba(49, 49, 49, 0.6);
  border: solid rgba(140, 172, 214, 0.3);
  border-width: 0 0 1px 0;
  cursor: pointer;
}
.contacts__block {
  margin: 0 auto;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  max-width: 480px;
  background-color: #fff;
  border-radius: 5px;
  border: 1px solid #e5e8ed;
  -webkit-box-shadow: 0 2px 10px 10px rgba(3, 27, 78, 0.06);
  box-shadow: 0 2px 10px 10px rgba(3, 27, 78, 0.07);
}
.contacts__block--contacts {
  padding-bottom: 25px;
}
.contacts__block--contacts .contacts__tab {
  padding-bottom: 0;
  margin-bottom: 20px;
}
.contacts__button {
  width: 100%;
  max-width: 100%;
}
.contacts__item.active {
  color: #031b4e;
  background-color: #f3f5f9;
  cursor: default;
}
.contacts__info {
  position: relative;
  padding-left: 30px;
  margin-bottom: 15px;
  font-style: normal;
}
.contacts__info--address {
  width: 212px;
  line-height: 1.87;
}
.contacts__phone {
  font-size: 18px;
}
.contacts__working-hours {
  margin: 0;
}
.contacts__info::before,
.contacts__link::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
.contacts__info--phone::before {
  top: 4px;
  width: 16px;
  height: 16px;
  background-image: url(../fonts/icon-contacts-phone.svg);
}
.contacts__info--address::before {
  width: 14px;
  height: 20px;
  background-image: url(../fonts/icon-contacts-address.svg);
}
.contacts__grid {
  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;
  padding-left: 30px;
  margin-bottom: 15px;
  vertical-align: top;
  color: #0c1327;
}
.contacts__grid::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 16px;
  height: 14px;
  background-image: url(../fonts/icon-contacts-email.svg);
  background-repeat: no-repeat;
  background-position: center;
}
.contacts__link {
  margin-bottom: 5px;
  font-size: 14px;
  color: #0c1327;
  text-decoration: none;
  cursor: pointer;
}
.contacts__small {
  display: block;
  margin: 0;
  font-size: 12px;
}
.contacts__map--contacts {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  z-index: 7;
}
.contacts__map-view {
  display: block;
  margin: 0 auto;
  color: rgba(49, 49, 49, 0.6);
  background-color: transparent;
  border: none;
  text-decoration: underline;
  outline: 0;
}
.contacts__map-view:hover {
  color: #031b4e;
  text-decoration: none;
}
.contacts__block.transition {
  visibility: hidden;
  z-index: 1;
}
@media (min-width: 768px) {
  .contacts {
    padding-bottom: 0;
  }
  .contacts--contacts {
    height: 100vh;
  }
  .contacts__wrapper.contacts__wrapper--contacts {
    padding: 0;
  }
  .contacts__tab {
    padding: 35px;
  }
  .contacts__map {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
  }
  .contacts__map-view {
    display: none;
  }
  .contacts__container--contacts {
    z-index: auto;
  }
  .contacts__block {
    position: relative;
    margin-right: 0;
    z-index: 20;
  }
  .contacts__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    border-bottom: 1px solid rgba(140, 172, 214, 0.3);
  }
  .contacts__item {
    width: 33.33333%;
    font-size: 16px;
    text-align: center;
    padding: 15px 0;
    border-bottom: none;
  }
  .contacts__item + .contacts__item {
    border-left: 1px solid rgba(140, 172, 214, 0.3);
  }
  .contacts__item:last-child {
    border-right: none;
  }
  .contacts__phone {
    font-size: 22px;
  }
  .contacts__info {
    padding-left: 35px;
    margin-bottom: 30px;
    font-size: 16px;
  }
  .contacts__info--address {
    width: 250px;
  }
  .contacts__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 30px;
  }
  .contacts__grid {
    margin-bottom: 0;
    padding-left: 35px;
    width: 50%;
  }
  .contacts__block--contacts {
    padding-bottom: 0;
  }
  .contacts__block--contacts .contacts__tab {
    padding-bottom: 25px;
    margin-bottom: 0;
  }
}
@media (min-width: 992px) {
  .contacts {
    padding-top: 100px;
  }
  .contacts--contacts {
    padding-top: 0;
    min-height: 680px;
  }
  .contacts__wrapper {
    padding-top: 65px;
    padding-bottom: 100px;
    background-image: url(../images/bg-map-1366.jpg);
  }
  .contacts__title--contacts {
    margin-top: 115px;
  }
  .contacts__button {
    font-size: 16px;
  }
  .contacts__info--phone::before {
    top: 9px;
  }
  .contacts__link:hover {
    text-decoration: underline;
  }
}
@media (min-width: 1200px) {
  .contacts__wrapper {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-image: url(../images/bg-map-1920.jpg);
  }
  .contacts__phone {
    font-size: 28px;
  }
}
.map,
.map__yandex {
  max-height: 750px;
  min-height: 335px;
  height: auto;
}
.map__container {
  background-color: #eee9de;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}
.map,
.map__yandex {
  position: relative;
}
.map__yandex {
  width: 100%;
  background-color: transparent;
  overflow: hidden;
  z-index: 7;
}
[class*="ymaps-2"][class*="-ground-pane"] {
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
}
.page-footer {
  padding-top: 30px;
  padding-bottom: 30px;
  color: #fff;
  background-color: #003b5c;
}
.page-footer__social.social {
  padding-bottom: 30px;
  border-bottom: 1px solid #30446d;
}
.page-footer__list {
  margin: 0;
  margin-bottom: 24px;
  padding: 0;
  list-style: none;
}
.page-footer__caption {
  position: relative;
  margin: 0;
  padding: 24px 0 18px;
  font-size: 17px;
  font-weight: 400;
  border-bottom: 1px solid #30446d;
  cursor: pointer;
}
.page-footer__caption::after {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -12px;
  width: 24px;
  height: 24px;
  background-image: url(../fonts/arrow-white.svg);
  background-repeat: no-repeat;
  background-position: center;
}
.page-footer__subnav {
  margin: 0;
  padding: 0;
  padding-top: 18px;
  padding-bottom: 18px;
  list-style: none;
}
.page-footer__subnav-item {
  display: block;
}
.page-footer__subnav-item + .page-footer__subnav-item {
  margin-top: 27px;
}
.page-footer__subnav-link {
  font-size: 14px;
  text-decoration: none;
  border-bottom: 1px solid #94adbb;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  opacity: 0.7;
}
.page-footer__subnav-link:hover {
  border-bottom: 1px solid #fff;
  opacity: 1;
}
@media (min-width: 992px) {
  .page-footer__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 0;
  }
  .page-footer__nav {
    padding-top: 24px;
    padding-bottom: 40px;
    margin-bottom: 24px;
    border-bottom: 1px solid #678a9e;
  }
  .page-footer__subnav {
    display: block;
    padding-top: 0;
    padding-bottom: 0;
  }
  .page-footer__subnav-link {
    font-size: 16px;
  }
  .page-footer__caption {
    padding-top: 0;
    padding-bottom: 0;
    margin-bottom: 36px;
    border-bottom: none;
    cursor: auto;
  }
  .page-footer__caption::after {
    content: none;
  }
}
.copyright__info {
  display: block;
}
.copyright__info + .copyright__info {
  margin-top: 15px;
}
@media (min-width: 992px) {
  .copyright {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    opacity: 0.9;
  }
  .copyright__info {
    width: 30%;
    font-size: 16px;
  }
  .copyright__info + .copyright__info {
    margin-top: 0;
  }
}
.company {
  padding-top: 100px;
  padding-bottom: 60px;
  color: #202124;
}
.company__title {
  margin: 0 auto;
  margin-bottom: 32px;
  max-width: 600px;
  font-size: 25px;
  line-height: 1.27;
  font-weight: 400;
  text-align: center;
}
.company__youtube {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 auto;
  width: 100%;
  height: auto;
  margin-bottom: 20px;
  cursor: pointer;
}
.company__block iframe {
  display: block;
  margin: 0 auto;
  margin-bottom: 20px;
}
.company__play {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 40px;
  height: 40px;
  margin-left: -20px;
  margin-top: -20px;
  background-color: #fff;
  background-image: url(../fonts/youtube.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 35%;
  border: none;
  border-radius: 50%;
  -webkit-box-shadow: 0 2px 4px rgba(3, 27, 78, 0.06);
  box-shadow: 0 2px 4px rgba(3, 27, 78, 0.06);
  cursor: pointer;
  z-index: 5;
}
.company__image {
  border-radius: 5px;
  overflow: hidden;
}
.company__image img {
  display: block;
}
.company__description {
  margin: 0;
  margin-left: 5px;
  margin-bottom: 20px;
  text-align: left;
  line-height: 1.4;
}
.company__description.company__description--margin {
  margin-bottom: 0;
}
.company .company__description--video {
  font-size: 18px;
}
.company__block {
  margin-bottom: 60px;
}
.company__image--top {
  margin-bottom: 20px;
}
.company__image--desktop {
  display: none;
}
.company__block.company__block--margin {
  margin-bottom: 0;
}
.company__image--youtube {
  -webkit-box-shadow: 0 10px 20px rgba(1, 14, 40, 0.1);
  box-shadow: 0 10px 20px rgba(1, 14, 40, 0.1);
}
@media (min-width: 768px) {
  .company {
    padding-top: 140px;
    padding-bottom: 80px;
  }
  .company__block {
    margin-bottom: 70px;
  }
  .company__block--boss {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .company__block--boss .company__image {
    width: 44%;
  }
  .company__image--top {
    margin-bottom: 0;
  }
  .company__block--house,
  .company__block--office,
  .company__block--photo {
    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;
  }
  .company__image {
    border-radius: 0;
  }
  .company__image--big {
    width: 58.68%;
  }
  .company__image--second {
    width: 41.32%;
  }
  .company__title {
    margin-bottom: 50px;
    max-width: 500px;
    font-size: 30px;
  }
  .company__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 41.32%;
  }
  .company__image--desktop {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .company__block iframe,
  .company__youtube {
    margin-bottom: 30px;
  }
  .company__play {
    width: 70px;
    height: 70px;
    margin-left: -35px;
    margin-top: -35px;
    background-size: auto;
  }
  .company__description {
    margin-left: 60px;
    margin-bottom: 30px;
    max-width: 530px;
    font-size: 18px;
  }
  .company .company__description--video {
    margin: 0 auto;
    font-size: 24px;
    text-align: left;
    max-width: 565px;
  }
}
@media (min-width: 992px) {
  .company {
    padding-top: 170px;
    padding-bottom: 100px;
  }
  .company__title {
    max-width: 570px;
    margin-bottom: 80px;
    font-size: 40px;
  }
  .company .company__description--video {
    max-width: 750px;
    font-size: 30px;
  }
  .company__block iframe,
  .company__youtube {
    margin-bottom: 40px;
  }
  .company__description {
    max-width: 600px;
    font-size: 20px;
  }
}
@media (min-width: 1200px) {
  .company {
    padding-top: 163px;
    padding-bottom: 150px;
  }
  .company__title {
    margin-bottom: 90px;
    max-width: 700px;
    font-size: 48px;
  }
  .company__description {
    margin-left: 190px;
    margin-bottom: 45px;
    max-width: 720px;
    font-size: 24px;
  }
  .company__description--width {
    max-width: 750px;
  }
  .company .company__description--video {
    max-width: 755px;
    font-size: 32px;
  }
  .company__block {
    margin-bottom: 135px;
  }
}
.quote {
  margin: 0;
  margin-left: 20px;
}
.quote__item {
  margin: 0;
  margin-bottom: 10px;
  line-height: 1.3;
}
.quote__item.quote__item--margin {
  margin-bottom: 0;
}
.quote__author {
  font-size: 14px;
}
@media (min-width: 768px) {
  .quote {
    margin-left: 0;
    margin-top: 55px;
    width: 52.5%;
  }
  .quote__item {
    font-size: 18px;
  }
}
@media (min-width: 992px) {
  .quote {
    margin-top: 85px;
  }
  .quote__item {
    margin-bottom: 20px;
    font-size: 20px;
  }
  .quote__author {
    font-size: 16px;
  }
}
@media (min-width: 1200px) {
  .quote__item {
    font-size: 24px;
  }
  .quote__item--width {
    width: 510px;
  }
  .quote__author {
    font-size: 18px;
  }
}
.page-errore {
  background-color: #f3f5f9;
}
.errore {
  padding-top: 80px;
  padding-bottom: 60px;
}
.errore__title {
  margin: 0;
  font-family: Qanelas-Regular, Arial, sans-serif;
  font-size: 24px;
  text-align: center;
  text-transform: none;
}
.errore__image {
  margin: 0 auto;
  max-width: 290px;
  padding: 50px 24px 20px 40px;
  position: relative;
}
.errore__image .errore__cat {
  overflow: visible;
  width: 100%;
}
.class-11 {
  fill: #59b3ff !important;
}
.class-1 {
  fill: #a2a2a2 !important;
}
@media (min-width: 992px) {
  .errore {
    padding-top: 120px;
    padding-bottom: 100px;
  }
  .errore__image {
    max-width: 330px;
  }
  .errore__title {
    font-size: 33px;
  }
}
.prelude {
  padding-top: 117px;
  padding-bottom: 60px;
  background-color: #c2d7d8;
  background-image: url(../images/bg-vacancy-414.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.prelude__title {
  line-height: 1.4;
}
.prelude__list {
  padding: 0;
  margin: 0;
  list-style: none;
}
.prelude__item {
  position: relative;
  padding-left: 35px;
  color: #031b4e;
  font-size: 16px;
}
.prelude__item::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -12.5px;
  width: 25px;
  height: 25px;
  background-image: url(../fonts/benefit-vacancy.svg);
}
.prelude__item + .prelude__item {
  margin-top: 15px;
}
@media (min-width: 768px) {
  .prelude {
    padding-top: 140px;
    background-image: url(../images/bg-vacancy.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
  }
  .prelude__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 0 auto;
    max-width: 600px;
  }
  .prelude__item {
    padding-top: 40px;
    padding-left: 0;
    width: 20%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  .prelude__item::before {
    top: 0;
    left: 0;
    width: 30px;
    height: 30px;
    margin-top: 0;
  }
  .prelude__item + .prelude__item {
    margin-top: 0;
  }
}
@media (min-width: 992px) {
  .prelude__list,
  .prelude__title {
    max-width: 680px;
  }
  .prelude {
    padding-top: 170px;
    padding-bottom: 100px;
    background-position-y: -5px;
  }
  .prelude__title {
    margin-bottom: 20px;
  }
  .prelude__item {
    padding-top: 48px;
    font-size: 18px;
  }
  .prelude__item::before {
    width: 38px;
    height: 38px;
  }
}
.vacancy {
  margin: 0 auto;
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 90px;
  padding-bottom: 60px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.vacancy__company-info {
  margin: 0;
  margin-bottom: 20px;
  font-family: Qanelas-Bold, Arial, sans-serif;
  font-style: italic;
}
.vacancy__list {
  margin: 0;
  padding: 0;
  list-style: none;
}
.vacancy__title {
  position: relative;
  margin-left: 0;
  padding-bottom: 15px;
  padding-left: 0;
  max-width: 650px;
  text-align: left;
  border-bottom: 1px solid #004298;
}
.vacancy__description {
  display: none;
  padding-top: 20px;
  padding-bottom: 0;
}
.vacancy__description--mono {
  display: block;
  padding-top: 0;
}
.vacancy__title::before {
  content: "";
  position: absolute;
  bottom: -2px;
  left: 0;
  width: 95px;
  height: 4px;
  background-color: #004298;
}
.vacancy__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
.vacancy__name {
  display: inline-block;
  margin-bottom: 5px;
  color: #031b4e;
  font-size: 16px;
  text-decoration: none;
  border-bottom: 1px dashed #031b4e;
}
.vacancy__detail {
  position: relative;
  margin-top: 5px;
  margin-right: 10px;
  min-width: 33px;
  height: 33px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 2px solid rgba(0, 66, 152, 0.65);
  border-radius: 5px;
  background-color: #fff;
  cursor: pointer;
}
.vacancy__detail:hover {
  border: 2px solid #004298;
}
.vacancy__detail::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -6px;
  margin-left: -4px;
  width: 7px;
  height: 7px;
  border-left: 2px solid #4c4c4c;
  border-bottom: 2px solid #4c4c4c;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.vacancy__detail:hover::before {
  border-left: 2px solid #fdbb30;
  border-bottom: 2px solid #fdbb30;
}
.vacancy__name:hover {
  color: #004298;
  border-bottom: 1px dashed #004298;
  cursor: pointer;
}
.vacancy__pay {
  margin: 0;
}
.vacancy__pay--mono {
  margin-bottom: 20px;
}
.vacancy__item + .vacancy__item {
  margin-top: 20px;
}
.vacancy__details-name {
  margin: 0;
  margin-bottom: 10px;
  margin-left: 25px;
  font-family: Qanelas-Bold, Arial, sans-serif;
  font-size: 16px;
}
.vacancy__details-list {
  margin: 0;
  margin-bottom: 20px;
  padding: 0;
  list-style: none;
}
.vacancy__details-item {
  position: relative;
  margin-left: 10px;
  padding-left: 15px;
}
.vacancy__details-item::before {
  content: "";
  position: absolute;
  top: 7px;
  left: 0;
  width: 6px;
  height: 6px;
  background-color: #4777b5;
}
.vacancy__details-item + .vacancy__details-item {
  margin-top: 5px;
}
.vacancy__appeal {
  margin: 0;
  margin-left: 10px;
  margin-bottom: 20px;
}
@media (min-width: 768px) {
  .vacancy {
    width: 750px;
  }
  .vacancy__name {
    font-size: 18px;
  }
  .vacancy__company-info {
    width: 665px;
    font-size: 16px;
  }
  .vacancy__wrapper {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .vacancy__detail {
    margin-right: 15px;
    width: 35px;
    height: 35px;
  }
  .vacancy__pay {
    font-size: 16px;
  }
  .vacancy__pay--mono {
    font-size: 18px;
  }
  .vacancy__button {
    margin-left: 10px;
  }
  .vacancy__description {
    margin-left: 40px;
  }
  .vacancy__description--mono {
    margin-left: 0;
  }
}
@media (min-width: 992px) {
  .vacancy {
    padding-top: 130px;
    padding-bottom: 100px;
    width: 950px;
  }
  .vacancy__title {
    margin-bottom: 47px;
    padding-bottom: 18px;
    font-size: 32px;
  }
  .vacancy__title::before {
    width: 122px;
  }
  .vacancy__company-info {
    margin-bottom: 25px;
  }
  .vacancy__wrapper {
    margin-left: 15px;
  }
  .vacancy__name {
    margin-bottom: 20px;
    font-size: 21px;
  }
  .vacancy__detail {
    margin-right: 25px;
    width: 57px;
    height: 57px;
  }
  .vacancy__detail::before {
    width: 10px;
    height: 10px;
    margin-top: -7px;
    margin-left: -6px;
  }
  .vacancy__details-name {
    margin-bottom: 17px;
    font-size: 18px;
  }
  .vacancy__details-item {
    font-size: 16px;
  }
  .vacancy__details-list {
    margin-bottom: 30px;
  }
  .vacancy__details-item + .vacancy__details-item {
    margin-top: 12px;
  }
  .vacancy__description {
    padding-top: 25px;
    margin-left: 88px;
  }
  .vacancy__description--mono {
    padding-top: 0;
    margin-left: 0;
  }
  .vacancy__appeal {
    margin-bottom: 0;
    font-size: 16px;
  }
  .vacancy__item + .vacancy__item {
    margin-top: 35px;
  }
  .vacancy__pay--mono {
    margin-bottom: 25px;
    font-size: 21px;
  }
}
@media (min-width: 1200px) {
  .vacancy {
    width: 1170px;
  }
}
.guarantee {
  padding-top: 60px;
  padding-bottom: 60px;
  background-color: #ededed;
}
.guarantee__title {
  position: relative;
  margin: 0 0 15px;
  padding-bottom: 15px;
  padding-left: 0;
  font-family: Qanelas-Bold, Arial, sans-serif;
  text-align: left;
  border-bottom: 1px solid #004298;
}
.guarantee__title::before {
  content: "";
  position: absolute;
  bottom: -2px;
  left: 0;
  width: 95px;
  height: 4px;
  background-color: #004298;
}
.guarantee__list {
  margin: 0;
  padding: 0;
  list-style: none;
}
.guarantee__item {
  position: relative;
  padding-left: 40px;
  font-size: 16px;
  line-height: 1.4;
}
.guarantee__item::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -15px;
  width: 30px;
  height: 30px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.guarantee__item--salary::before {
  background-image: url(../fonts/salary.svg);
}
.guarantee__item--objects::before {
  background-image: url(../fonts/object.svg);
}
.guarantee__item--training::before {
  background-image: url(../fonts/training.svg);
}
.guarantee__item + .guarantee__item {
  margin-top: 20px;
}
.guarantee__description {
  margin: 0 0 20px;
  font-size: 16px;
  line-height: 1.4;
}
@media (min-width: 768px) {
  .guarantee__description,
  .guarantee__title {
    max-width: 90%;
  }
  .guarantee__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    max-width: 90%;
  }
  .guarantee__item {
    padding-top: 60px;
    padding-left: 0;
    width: 24%;
  }
  .guarantee__item + .guarantee__item {
    margin-top: 0;
  }
  .guarantee__item::before {
    top: 0;
    margin-top: 0;
    width: 50px;
    height: 50px;
  }
}
@media (min-width: 992px) {
  .guarantee {
    padding-top: 100px;
    padding-bottom: 100px;
  }
  .guarantee__title {
    margin-bottom: 38px;
    padding-bottom: 18px;
    max-width: 80%;
    font-size: 32px;
  }
  .guarantee__title::before {
    width: 122px;
  }
  .guarantee__description {
    margin-bottom: 35px;
    max-width: 80%;
    font-size: 18px;
  }
  .guarantee__item {
    padding-top: 96px;
    font-size: 18px;
  }
  .guarantee__item::before {
    width: 81px;
    height: 78px;
  }
  .guarantee__list {
    max-width: 80%;
  }
}
@media (min-width: 1200px) {
  .guarantee__description,
  .guarantee__title {
    max-width: 53%;
  }
  .guarantee__container {
    position: relative;
  }
  .guarantee__container::before {
    content: "";
    position: absolute;
    right: 60px;
    bottom: -157px;
    width: 344px;
    height: 645px;
    background-image: url(../images/hand-decor.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 344px;
  }
  .guarantee__item {
    width: 26%;
  }
  .guarantee__list {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    max-width: 53%;
  }
  .guarantee__item + .guarantee__item {
    margin-left: 50px;
  }
}
.conditions {
  margin: 0 auto;
  padding-top: 60px;
  padding-bottom: 15px;
  padding-left: 15px;
  padding-right: 15px;
  max-width: 665px;
}
.conditions__list {
  margin: 0;
  margin-bottom: 25px;
  padding: 0;
  list-style: none;
}
.conditions__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
.conditions__item::before {
  content: "";
  margin-right: 10px;
  margin-top: 3px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 8px;
  min-width: 8px;
  height: 8px;
  background-image: url(../fonts/check.svg);
  background-repeat: no-repeat;
  background-position: center;
}
.conditions__item + .conditions__item {
  margin-top: 15px;
}
.conditions__block {
  padding-left: 20px;
  padding-top: 15px;
  padding-bottom: 15px;
  padding-right: 20px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #f3f5f9;
  border: 1px solid #e5e8ed;
  border-radius: 5px;
}
.conditions__title {
  padding: 0;
  color: #202124;
}
.conditions__info {
  margin: 0;
  font-size: 16px;
  line-height: 1.3;
}
.conditions__info + .conditions__info {
  margin-top: 25px;
}
@media (min-width: 992px) {
  .conditions {
    padding-top: 100px;
    padding-bottom: 30px;
  }
  .conditions__item {
    font-size: 16px;
  }
  .conditions__title {
    margin-bottom: 40px;
  }
  .conditions__list {
    margin-bottom: 50px;
  }
  .conditions__info {
    width: 75%;
    font-size: 18px;
  }
  .conditions__info + .conditions__info {
    margin-top: 25px;
  }
  .conditions__block {
    position: relative;
  }
  .conditions__item::before {
    margin-top: 7px;
  }
  .conditions__block::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 10px;
    margin-top: -73.5px;
    width: 132px;
    height: 147px;
    background-image: url(../images/docs.png);
    background-repeat: no-repeat;
    background-position: center;
  }
}
.installment {
  padding-top: 60px;
  padding-bottom: 60px;
  background: #f3f5f9;
}
.installment__title {
  padding: 0;
  max-width: 510px;
}
.installment__form {
  margin: 0 auto;
  padding-left: 25px;
  padding-right: 25px;
  padding-top: 15px;
  padding-bottom: 15px;
  max-width: 500px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #e5e8ed;
  border-radius: 5px;
}
.installment__label {
  margin-bottom: 15px;
  color: #004298;
  font-size: 16px;
}
.installment__sum {
  margin: 0;
  margin-bottom: 5px;
  color: #004298;
  font-size: 16px;
}
.installment__input {
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 5px;
  padding-right: 5px;
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background-color: rgba(255, 255, 255, 0.7);
  border: 2px solid #e5e8ed;
  border-radius: 5px;
  -webkit-appearance: none;
}
.installment__input.error {
  border: 2px solid #ff3131;
}
.installment__value {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #757b91;
  cursor: pointer;
}
.installment__value::before {
  content: "";
  width: 30px;
  min-width: 30px;
  height: 30px;
  margin-right: 10px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: rgba(255, 255, 255, 0.7);
  border: 2px solid #e5e8ed;
  border-radius: 5px;
}
.installment__item + .installment__item {
  margin-top: 15px;
}
.installment__list {
  margin: 0;
  padding: 0;
  list-style: none;
}
.installment__group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 0;
  border: none;
}
.installment__group + .installment__group {
  margin-top: 20px;
}
.installment__group--deposit {
  display: none;
}
.installment__group--deposit.active {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 20px;
}
.installment__item input:checked + .installment__value {
  color: #004298;
}
.installment__item input:checked + .installment__value::before {
  border: 2px solid rgba(0, 66, 152, 0.65);
}
.installment__item input:checked + .installment__value::after {
  content: "";
  position: absolute;
  top: 8px;
  left: 8px;
  width: 16px;
  height: 12px;
  background-image: url(../fonts/checked.svg);
  background-repeat: no-repeat;
  background-position: center;
}
.installment__item input:hover + .installment__value::after {
  content: "";
  position: absolute;
  top: 8px;
  left: 8px;
  width: 16px;
  height: 12px;
  background-image: url(../fonts/checked-hover.svg);
  background-repeat: no-repeat;
  background-position: center;
}
.installment__block {
  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: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding-bottom: 10px;
  border-bottom: 2px solid rgba(0, 66, 152, 0.65);
}
.installment__block + .installment__block {
  margin-top: 20px;
}
.installment__column + .installment__column {
  margin-top: 20px;
}
.installment__total {
  margin: 0;
  color: #757b91;
}
@media (min-width: 992px) {
  .installment {
    padding-top: 100px;
    padding-bottom: 100px;
  }
  .installment__form {
    padding: 0;
    max-width: 100%;
  }
  .installment__title {
    margin-bottom: 45px;
    max-width: 850px;
  }
  .installment__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
  .installment__column {
    -ms-flex-item-align: stretch;
    align-self: stretch;
    padding: 30px;
    width: 50%;
  }
  .installment__column + .installment__column {
    margin-top: 0;
    border-left: 1px dashed #d9d9d9;
  }
  .installment__list {
    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;
  }
  .installment__item + .installment__item {
    margin-top: 0;
  }
  .installment__group + .installment__group {
    margin-top: 25px;
  }
  .installment__block + .installment__block {
    margin-top: 25px;
  }
  .installment__label {
    font-size: 18px;
  }
  .installment__sum {
    margin-bottom: 10px;
    font-size: 18px;
  }
  .installment__total {
    display: block;
    width: 100%;
    font-size: 18px;
  }
}
@media (min-width: 1200px) {
  .installment__value {
    font-size: 16px;
  }
  .installment__value::before {
    margin-right: 20px;
    width: 40px;
    min-width: 40px;
    height: 40px;
  }
  .installment__item input:checked + .installment__value::after {
    top: 14px;
    left: 14px;
  }
  .installment__item input:hover + .installment__value::after {
    top: 14px;
    left: 14px;
  }
  .installment__column {
    padding: 35px 55px;
  }
  .installment__input {
    padding-top: 9px;
    padding-bottom: 9px;
    font-size: 16px;
  }
  .installment__sum {
    margin-bottom: 20px;
  }
}
.info {
  padding-top: 60px;
  padding-bottom: 60px;
  background-color: #f6f8fd;
}
.info__block {
  margin: 0 auto;
  padding: 25px 35px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  max-width: 600px;
  text-align: left;
  line-height: 1.4;
  background-color: #fff;
  border: 5px solid rgba(0, 66, 152, 0.18);
  -webkit-box-shadow: 0 10px 12px rgba(0, 0, 0, 0.1);
  box-shadow: 0 10px 12px rgba(0, 0, 0, 0.1);
  border-radius: 5px;
}
.info__title {
  margin: 0;
  margin-bottom: 17px;
  font-family: Qanelas-Bold, Arial, sans-serif;
  font-size: 26px;
  color: #004298;
}
.info__description {
  margin: 0;
  font-size: 16px;
}
.info__description + .info__description {
  margin-top: 10px;
}
@media (min-width: 768px) {
  .info__title {
    font-size: 42px;
  }
  .info__description {
    font-size: 18px;
    max-width: 570px;
  }
}
@media (min-width: 992px) {
  .info {
    padding-top: 100px;
    padding-bottom: 100px;
    background-image: url(../images/info.jpg);
    background-repeat: no-repeat;
    background-position: center right;
    background-size: contain;
  }
  .info--team {
    background-image: url(../images/team.jpg);
  }
  .info__block {
    margin-left: 0;
  }
  .info__description + .info__description {
    margin-top: 15px;
  }
}
.cost {
  padding-top: 60px;
  padding-bottom: 60px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAADAQMAAABs5if8AAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAGUExURQAAAExpcU/aXC8AAAACdFJOU00AM0T8cAAAAA5JREFUCNdjSGB4wPAAAAVmAiHaOmK0AAAAAElFTkSuQmCC),
    radial-gradient(circle at 50% 110%, #164dc7 150px, #00224f);
}
.cost__list {
  display: none;
  margin: 0;
  padding: 0;
  list-style: none;
}
.cost__project-name {
  margin: 0;
  margin-bottom: 20px;
  max-width: 700px;
  font-size: 16px;
  color: #004298;
  font-weight: inherit;
}
.cost__tab {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  font-size: 16px;
  background-color: #f6f8fd;
  border: 5px solid #164dc7;
  border-radius: 0 0 5px 5px;
}
.cost__title {
  margin: 0;
  margin-bottom: 20px;
  font-family: Qanelas-Bold, Arial, sans-serif;
  color: #fff;
  font-size: 28px;
  text-align: center;
}
.cost__item {
  margin: 0;
  padding-top: 10px;
  padding-bottom: 10px;
  text-align: center;
  font-size: 16px;
}
.cost__item span {
  display: block;
  color: #fb9b36;
  font-size: 22px;
}
.cost__item.active {
  margin-bottom: 0;
  border-color: #e6e6e6;
  background-color: #e6e6e6;
}
.cost__block {
  padding: 15px 25px 25px;
  border: 2px solid rgba(0, 66, 152, 0.18);
  border-radius: 5px;
}
.cost__head {
  margin: 0;
  margin-bottom: 10px;
  font-family: Qanelas-Bold, Arial, sans-serif;
  color: #004298;
  font-size: 15px;
}
.cost__description-list {
  margin: 0;
  padding: 0;
  list-style: none;
}
.cost__description {
  margin: 0;
}
.cost__description--cost {
  font-family: Qanelas-Bold, Arial, sans-serif;
  font-size: 16px;
}
.cost__description-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  font-size: 13px;
  line-height: 1.7;
}
.cost__description-item::before {
  content: "";
  margin-top: 7px;
  margin-right: 15px;
  width: 8px;
  min-width: 8px;
  height: 3px;
  border-left: 2px solid #fb9b36;
  border-bottom: 2px solid #fb9b36;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.cost__inner + .cost__inner {
  margin-top: 15px;
}
.cost__tab .cost__button {
  margin: 25px auto;
  width: 250px;
  background: 0 0;
  cursor: pointer;
}
.cost__images {
  display: none;
}
@media (min-width: 768px) {
  .cost__container {
    max-width: 720px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  .cost__title {
    margin-bottom: 35px;
    font-size: 32px;
  }
  .cost__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .cost__item {
    width: 20%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 14px;
    background-color: #fff;
    border: 5px solid rgba(0, 66, 152, 0.18);
    border-bottom: 0;
  }
  .cost__item span {
    margin-top: 10px;
    font-size: 15px;
  }
  .cost__tab {
    display: none;
    padding: 25px 35px 20px;
  }
  .cost__tab.active {
    display: block;
  }
  .cost__item--mobile {
    display: none;
  }
  .cost__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .cost__project-name {
    font-size: 18px;
  }
  .cost__head {
    margin-bottom: 0;
    margin-right: 80px;
    font-size: 18px;
  }
  .cost__head--list {
    margin-right: 40px;
  }
  .cost__description-item {
    font-size: 17px;
  }
  .cost__description-item::before {
    margin-top: 11px;
  }
  .cost__description--cost {
    font-size: 23px;
  }
  .cost__button--mobile {
    display: none;
  }
  .cost__block {
    margin-bottom: 25px;
  }
  .cost__images {
    display: block;
    max-width: 957px;
    margin: 0 auto;
  }
  .cost__image {
    margin-left: 10px;
    margin-right: 10px;
  }
  .cost__tab .cost__button {
    margin-top: 57px;
    margin-bottom: 0;
  }
}
@media (min-width: 992px) {
  .cost {
    padding-top: 100px;
    padding-bottom: 100px;
  }
  .cost__container {
    max-width: 890px;
  }
  .cost__title {
    margin-bottom: 45px;
    font-size: 38px;
  }
  .cost__project-name {
    font-size: 26px;
  }
  .cost__item {
    font-size: 16px;
    border-radius: 5px 5px 0 0;
  }
  .cost__item.active {
    background-color: #fff;
    border: 5px solid #164dc7;
    margin-bottom: -5px;
    border-bottom: none;
  }
  .cost__item span {
    font-size: 18px;
  }
}
@media (min-width: 1200px) {
  .cost__container {
    max-width: 1090px;
  }
  .cost__block {
    max-width: 957px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-left: auto;
    margin-right: auto;
  }
  .cost__item {
    padding-top: 15px;
    padding-bottom: 15px;
  }
  .cost__item span {
    font-size: 22px;
  }
  .cost__image {
    margin-left: 15px;
    margin-right: 15px;
  }
}
.services {
  padding-top: 60px;
  padding-bottom: 60px;
  background-color: #f6f8fd;
}
.services__slide {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin: 0 5px;
  padding-top: 25px;
  padding-bottom: 20px;
  padding-left: 20px;
  padding-right: 20px;
  min-height: 426px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #fff;
  border: 5px solid rgba(0, 66, 152, 0.18);
  border-radius: 5px;
  -webkit-box-shadow: 0 10px 12px rgba(0, 0, 0, 0.1);
  box-shadow: 0 10px 12px rgba(0, 0, 0, 0.1);
}
.services__name {
  margin: 0;
  margin-bottom: 20px;
  width: 200px;
  font-family: Qanelas-Bold, Arial, sans-serif;
  color: #004298;
  font-size: 24px;
}
.services__description {
  margin: 0;
  margin-bottom: 14px;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  font-size: 16px;
  letter-spacing: 0.3px;
  line-height: 1.4;
}
.services__slider .services__button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 15px;
  padding: 0;
  width: 100%;
  font-family: Qanelas-Regular, Arial, sans-serif;
  color: #004298;
  font-size: 18px;
  border: none;
  background: 0 0;
  cursor: pointer;
  outline: 0;
}
.services__button::after {
  content: "+";
  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: 32px;
  height: 32px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 50%;
  border: 2px solid #fe8001;
}
.services__button.active::after {
  content: "-";
}
.services__button:hover::after {
  background-color: #fe8001;
}
.services__inner {
  padding-bottom: 18px;
  border-bottom: 5px solid #fe8001b8;
}
.services__head {
  margin: 0;
  margin-bottom: 15px;
  font-family: Qanelas-Bold, Arial, sans-serif;
  color: #004298;
  font-size: 18px;
}
.services__cost {
  margin: 0;
  font-family: Qanelas-Bold, Arial, sans-serif;
  font-size: 23px;
}
.services__list {
  display: none;
  margin: 0;
  margin-bottom: 15px;
  padding: 0;
  list-style: none;
}
.services__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.services__item + .services__item {
  margin-top: 4px;
}
.services__item::before {
  content: "";
  margin-top: 5px;
  margin-right: 5px;
  width: 8px;
  min-width: 8px;
  height: 3px;
  border-left: 2px solid #fb9b36;
  border-bottom: 2px solid #fb9b36;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
@media (min-width: 1200px) {
  .services {
    padding-top: 100px;
    padding-bottom: 100px;
  }
  .services .slick-dots {
    display: none;
  }
}
.information {
  padding-top: 60px;
  padding-bottom: 60px;
  background-color: #f6f8fd;
}
.information__description {
  margin: 0;
  line-height: 1.33;
}
.information__description--hidden {
  display: none;
}
.information__description + .information__description {
  margin-top: 15px;
}
.information__list {
  margin: 0;
  padding: 0;
  list-style: none;
  list-style-position: inside;
}
.information__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.information__item::before {
  content: "";
  margin-top: 7px;
  margin-right: 10px;
  width: 8px;
  min-width: 8px;
  height: 3px;
  border-left: 2px solid #fb9b36;
  border-bottom: 2px solid #fb9b36;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.information__item + .information__item {
  margin-top: 12px;
}
.information__link {
  color: #004298;
}
.information__link:hover {
  text-decoration: underline;
}
@media (min-width: 768px) {
  .information__description--hidden {
    display: block;
  }
  .information__description {
    margin-left: auto;
    margin-right: auto;
    max-width: 80%;
    font-size: 18px;
  }
  .information__description + .information__description {
    margin-top: 35px;
  }
  .information__list {
    margin-left: auto;
    margin-right: auto;
    width: 80%;
  }
  .information__item {
    font-size: 18px;
  }
  .information__item::before {
    width: 10px;
    min-width: 10px;
    height: 4px;
  }
}
@media (min-width: 992px) {
  .information {
    padding-top: 100px;
    padding-bottom: 100px;
  }
}
.data {
  padding-top: 60px;
  padding-bottom: 60px;
  font-family: Qanelas-Bold, Arial, sans-serif;
  color: #fff;
  background-color: rgba(0, 0, 0, 0.53);
}
.data__title {
  margin: 0 auto;
  font-size: 28px;
  text-align: center;
}
.data__title--defect {
  margin-bottom: 15px;
}
.data__list {
  margin: 0;
  padding: 0;
  text-align: center;
  list-style: none;
}
.data__item {
  font-size: 20px;
}
@media (min-width: 768px) {
  .data__title {
    font-size: 36px;
  }
  .data__title--defect {
    margin-bottom: 25px;
    width: 550px;
  }
  .data__item {
    font-size: 25px;
  }
}
@media (min-width: 992px) {
  .data {
    padding-top: 100px;
    padding-bottom: 100px;
  }
  .data__title {
    width: 700px;
    font-size: 40px;
  }
  .data__title--defect {
    width: 650px;
  }
  .data__item {
    font-size: 30px;
  }
}
@media (min-width: 1200px) {
  .data__title {
    width: 920px;
    font-size: 54px;
  }
  .data__title--defect {
    margin-bottom: 45px;
    width: 700px;
  }
  .data__item {
    font-size: 38px;
  }
}
.check {
  display: none;
  padding-top: 60px;
  padding-bottom: 60px;
  background-color: #fff;
}
@media (min-width: 768px) {
  .check {
    display: block;
  }
  .check__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0;
    padding: 0;
    list-style: none;
  }
  .check__item {
    padding: 35px 25px;
    width: 25%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #fff;
    -webkit-box-shadow: 0 0 35px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 35px 0 rgba(0, 0, 0, 0.2);
    -webkit-transition: 0.5s;
    transition: 0.5s;
    border-radius: 3px;
  }
  .check__head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: 0;
    margin-bottom: 20px;
    font-size: 20px;
  }
  .check__head::before {
    content: "";
    -ms-flex-item-align: center;
    align-self: center;
    margin-bottom: 20px;
    width: 80px;
    height: 80px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
  }
  .check__head--surface::before {
    background-image: url(../images/poverhnost.png);
  }
  .check__head--electric::before {
    background-image: url(../images/electro.png);
  }
  .check__head--heating::before {
    background-image: url(../images/teplo.png);
  }
  .check__head--plumbing::before {
    background-image: url(../images/kran.png);
  }
  .check__description {
    margin: 0;
    font-size: 15px;
  }
}
@media (min-width: 992px) {
  .check {
    padding-top: 100px;
    padding-bottom: 100px;
  }
  .check__item:hover {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
    -webkit-box-shadow: 0 15px 32px 13px rgba(0, 0, 0, 0.2);
    box-shadow: 0 15px 32px 13px rgba(0, 0, 0, 0.2);
    cursor: pointer;
  }
  .check__head {
    font-size: 28px;
  }
  .check__head::before {
    width: 128px;
    height: 128px;
  }
}
.customers {
  padding-top: 60px;
  padding-bottom: 60px;
  background-color: #fff;
}
.customers__list {
  margin: 0;
  padding: 0;
  list-style: none;
}
.customers__item {
  padding: 35px 15px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #fff;
  -webkit-box-shadow: 0 0 35px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 35px 0 rgba(0, 0, 0, 0.2);
  -webkit-transition: 0.5s;
  transition: 0.5s;
  border-radius: 3px;
}
.customers__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.customers__image {
  margin: 0 auto;
  margin-bottom: 10px;
  width: 85px;
  min-width: 85px;
  height: 85px;
  border-radius: 50%;
  overflow: hidden;
}
.customers__info {
  margin: 0;
  font-size: 16px;
}
.customers__info + .customers__info {
  margin-top: 10px;
}
.customers__info--name {
  font-size: 21px;
  text-align: center;
}
.customers__info--address {
  font-size: 14px;
}
.customers__info--sum {
  margin-bottom: 15px;
  font-family: Qanelas-Bold, Arial, sans-serif;
  color: #0052bd;
}
.customers__list--hidden {
  display: none;
}
.customers__link {
  margin-right: 0;
  -ms-flex-item-align: end;
  align-self: flex-end;
  color: #337ab7;
  font-size: 16px;
  border-bottom: 3px solid #fb9b36;
}
.customers__link:hover {
  border-bottom: 3px solid #fc250f;
}
@media (min-width: 768px) {
  .customers__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .customers__list + .customers__list {
    margin-top: 25px;
  }
  .customers__item {
    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-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 33.3337%;
  }
  .customers__item:hover {
    -webkit-transform: translateY(-7px);
    transform: translateY(-7px);
    -webkit-box-shadow: 0 15px 32px 13px rgba(0, 0, 0, 0.2);
    box-shadow: 0 15px 32px 13px rgba(0, 0, 0, 0.2);
    cursor: pointer;
  }
  .customers__inner {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .customers__info--address {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
  }
}
@media (min-width: 992px) {
  .customers {
    padding-top: 100px;
    padding-bottom: 100px;
  }
  .customers__list + .customers__list {
    margin-top: 35px;
  }
}
@media (min-width: 1200px) {
  .customers__image {
    margin-right: 15px;
    margin-bottom: 0;
  }
  .customers__info--name {
    text-align: left;
  }
  .customers__item {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    margin-top: 0;
  }
}
.equipment {
  padding-top: 60px;
  padding-bottom: 60px;
  background-color: #0c1327;
}
.equipment__title {
  color: #fff;
}
.equipment__list {
  margin: 0;
  padding: 0;
  list-style: none;
}
.equipment__item {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 30px;
  background-color: #fff;
  -webkit-box-shadow: 0 0 35px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 35px 0 rgba(0, 0, 0, 0.2);
  border-radius: 3px;
}
.equipment__image {
  margin: 0 auto;
  margin-bottom: 25px;
  width: 130px;
  height: 130px;
}
.equipment__name {
  margin: 0;
  margin-bottom: 15px;
  font-size: 21px;
  font-weight: inherit;
}
.equipment__description {
  margin: 0;
  color: #5d5d5d;
}
@media (min-width: 768px) {
  .equipment__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .equipment__item {
    margin-bottom: 15px;
    width: 41%;
  }
  .equipment__item:last-child,
  .equipment__item:nth-last-child(-n + 2) {
    margin-bottom: 0;
  }
}
@media (min-width: 992px) {
  .equipment {
    padding-top: 100px;
    padding-bottom: 100px;
  }
  .equipment__item {
    margin-bottom: 30px;
    width: 26%;
    min-height: 242px;
  }
  .equipment__item:nth-last-child(-n + 3) {
    margin-bottom: 0;
  }
}
.developers {
  padding-top: 60px;
  padding-bottom: 60px;
  background-color: #fff;
}
.developers__title {
  color: #004298;
}
.developers__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin: 0;
  padding: 0;
  list-style: none;
}
.developers__item {
  width: 70px;
  height: 70px;
}
@media (min-width: 768px) {
  .developers__item {
    width: 100px;
    height: 100px;
  }
}
@media (min-width: 992px) {
  .developers {
    padding-top: 100px;
    padding-bottom: 100px;
  }
  .developers__item {
    width: 120px;
    height: 120px;
  }
}
@media (min-width: 1200px) {
  .developers__item {
    width: 150px;
    height: 150px;
  }
}
.projects {
  padding-top: 60px;
  padding-bottom: 60px;
  background-color: #1a181b;
}
.projects__title {
  margin-bottom: 0;
  color: #fff;
  line-height: 1.33;
}
.projects__title--card {
  margin-bottom: 25px;
}
.projects__description {
  margin: 0;
  margin-bottom: 40px;
  font-family: Qanelas-Bold, Arial, sans-serif;
  color: #ffd300;
  font-size: 20px;
  text-align: center;
  line-height: 1.33;
  font-weight: 200;
}
.projects__list {
  margin: 0;
  margin-bottom: 35px;
  padding: 0;
  list-style: none;
}
.projects__list--card {
  margin-bottom: 0;
}
.projects__item {
  position: relative;
  width: 100%;
  padding: 0 7px 7px;
  background-color: #fff;
  border: 5px solid #ffd300;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.projects__item + .projects__item {
  margin-top: 5px;
}
.projects__image {
  display: none;
}
.projects__name {
  position: absolute;
  top: 20px;
  left: -9px;
  margin: 0;
  padding: 10px 20px;
  font-size: 20px;
  font-weight: inherit;
  color: #000;
  background-color: #ffd300;
}
.projects__item::before {
  content: "";
  position: absolute;
  top: 55px;
  left: -13px;
  margin-top: -26px;
  width: 22px;
  height: 30px;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAA1BAMAAADbpFSVAAAAJFBMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAD////CwsJIcDyIAAAACnRSTlMAL0EFGA8dJjdMhey3dgAAAKNJREFUKM9kysENQQEABcFXhbsO9KIGHaiIENkq3UT+7HEzi1wv1531cZ1vx/U4XQe6TDTRRBNNNNFEE0000UQTTTTRRAP91vu64+riev4tWbJkyZIlS5YsWbJkyZIlS5YsWbJo30nv3r1TCQlolDBU7N69o1EQCZQwOGrv3p7iggRcGcKEdm8LYEABponaWwxQhZjDJGBCCGXpJehCzCGuqEIA2hmjeI4YA4IAAAAASUVORK5CYII=);
  background-repeat: no-repeat;
  background-size: contain;
  z-index: 2;
}
.projects__filter {
  margin-bottom: 15px;
}
.projects__grid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.projects__grid + .projects__grid {
  margin-top: 10px;
}
.projects__text {
  margin: 0;
  margin-right: 5px;
  color: #989c9f;
}
.projects__value {
  margin: 0;
}
.projects__room {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 0;
  font-size: 15px;
  color: #0552be;
}
.projects__room::after {
  content: "";
  margin-left: 4px;
  width: 20px;
  height: 20px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
.projects__bottom {
  padding: 5px;
}
.projects__link img {
  display: block;
}
.projects__room--bed::after {
  background-image: url(../fonts/bed.svg);
}
.projects__room--bath::after {
  background-image: url(../fonts/bath.svg);
}
.projects__room--terrace::after {
  background-image: url(../fonts/terrace.svg);
}
.projects__room--balcony::after {
  background-image: url(../fonts/balcony.svg);
}
.projects__room--car::after {
  background-image: url(../fonts/car.svg);
}
.projects__room + .projects__room {
  margin-left: 8px;
}
.projects__btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 12px;
  padding: 5px 15px;
  font-size: 13px;
  text-align: left;
}
.projects__btn::after {
  content: "";
  width: 6px;
  height: 6px;
  border-right: 1px solid rgba(255, 255, 255, 0.8);
  border-bottom: 1px solid rgba(255, 255, 255, 0.8);
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.projects__pagination {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  max-width: 70%;
  margin: 0 auto;
  padding: 0;
  list-style: none;
}
.projects__pagination li {
  padding-left: 5px;
  padding-right: 5px;
  font-size: 20px;
  color: #fff;
  text-decoration: none;
  cursor: pointer;
}
.projects__pagination li + li {
  margin-left: 15px;
}
.projects__pagination li.active {
  border-bottom: 1px solid #fff;
}
.projects__not-found {
  position: relative;
  margin: 0;
  padding-bottom: 250px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #fff;
  font-size: 16px;
  text-align: left;
  background-color: transparent;
}
.projects__not-found::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 379px;
  background-image: url(../images/bg-not-fount.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: bottom;
}
@media (min-width: 768px) {
  .projects__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .projects__item {
    width: 49%;
    margin-bottom: 15px;
  }
  .projects__item + .projects__item {
    margin-top: 0;
  }
  .projects__bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .projects__image {
    display: block;
    width: 40%;
  }
  .projects__column {
    width: 60%;
  }
  .projects__not-found {
    width: 100%;
  }
  .projects__btn {
    max-width: 123px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-left: 0;
  }
  .projects__not-found {
    padding-bottom: 480px;
    font-size: 20px;
  }
  .projects__not-found::before {
    height: 430px;
  }
}
@media (min-width: 992px) {
  .projects {
    padding-top: 100px;
    padding-bottom: 100px;
  }
  .projects__title--card {
    margin-bottom: 60px;
  }
  .projects__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
  .projects__list {
    width: 70%;
  }
  .projects__list--card {
    margin-bottom: 0;
    width: 100%;
  }
  .projects__item--card {
    width: 32%;
  }
  .projects__filter {
    width: 28%;
  }
  .projects__not-found {
    padding-bottom: 542px;
    width: 93%;
    margin: 0 auto;
  }
  .projects__not-found::before {
    height: 350px;
  }
  .projects__column {
    width: 65%;
  }
  .projects__image {
    width: 35%;
  }
}
@media (min-width: 1200px) {
  .projects__not-found {
    padding-bottom: 565px;
  }
  .projects__not-found::before {
    height: 415px;
  }
  .projects__column {
    width: 60%;
  }
  .projects__image {
    width: 40%;
  }
}
.filter {
  background-color: #fff;
}
.filter__caption {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin: 0;
  padding: 15px 25px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-family: Qanelas-Regular, Arial, sans-serif;
  font-size: 16px;
  font-weight: inherit;
  color: #0552be;
  background-color: #fff;
  cursor: pointer;
}
.filter__caption::after {
  content: "";
  width: 20px;
  height: 20px;
  background-image: url(../fonts/filter.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.filter__body.active {
  display: block;
}
.filter__list {
  margin: 0;
  padding: 0;
  list-style: none;
}
.filter .ui-slider-horizontal .ui-slider-range,
.filter .ui-widget.ui-widget-content {
  margin-bottom: 20px;
  height: 4px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #ffd300;
  background-color: #ffd300;
}
.filter .ui-slider-horizontal .ui-slider-range {
  top: -1px;
}
.filter .ui-slider-horizontal .ui-slider-handle {
  width: 14px;
  height: 14px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  top: -0.5em;
  border-radius: 50%;
}
.filter__head {
  position: relative;
  margin: 0;
  padding-top: 10px;
  padding-bottom: 10px;
  width: 100%;
  font-family: Qanelas-Bold, Arial, sans-serif;
  font-size: 14px;
  border-bottom: 1px solid #d7d7d7;
  cursor: pointer;
}
.filter__head::after {
  content: "";
  position: absolute;
  right: 2px;
  top: 50%;
  margin-top: -4px;
  width: 8px;
  height: 8px;
  border-right: 1px solid #d7d7d7;
  border-bottom: 1px solid #d7d7d7;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.filter__head.active::after {
  -webkit-transform: rotate(225deg);
  transform: rotate(225deg);
}
.filter__body {
  display: none;
  padding-top: 10px;
  padding-bottom: 15px;
  padding-left: 25px;
  padding-right: 25px;
}
.filter__wrapper {
  display: none;
  margin: 0;
  padding: 0;
  list-style: none;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.filter__wrapper.active {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-top: 15px;
  padding-bottom: 15px;
}
.filter__wrapper .filter__switch + .filter__switch {
  margin-left: 10px;
}
.filter__wrapper--range.active {
  display: block;
}
.filter__group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0;
  padding: 0;
  border: none;
}
.filter__btn {
  display: block;
  margin: 0 auto;
  margin-top: 15px;
  padding: 12px 14px;
  max-width: 160px;
  font-family: Qanelas-Bold, Arial, sans-serif;
  font-size: 13px;
  font-weight: 400;
  text-transform: uppercase;
  border-radius: 3px;
  background-color: transparent;
  cursor: pointer;
}
.filter__label {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.filter__label::after {
  content: "";
  width: 12px;
  height: 12px;
  margin-left: 7px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #e0e0e0;
}
.filter__input:checked + .filter__label::before {
  content: "";
  position: absolute;
  top: 1px;
  right: 2px;
  width: 4px;
  height: 9px;
  border-right: 1px solid #000;
  border-bottom: 1px solid #000;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.filter__grid {
  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: 0 auto;
  max-width: 280px;
}
.filter__inner {
  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;
}
.filter__inner + .filter__inner {
  margin-left: 10px;
}
.filter__amount {
  padding: 10px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 85px;
  font-size: 12px;
  border: 1px solid #e0e0e0;
  -webkit-appearance: none;
}
.filter__mark {
  font-size: 12px;
  margin-right: 5px;
}
.filter__result {
  margin: 0 auto;
  font-size: 13px;
  line-height: 1.22;
  color: #989c9f;
  text-transform: uppercase;
}
@media (min-width: 992px) {
  .filter__caption {
    padding-top: 15px;
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 0;
    font-size: 16px;
    cursor: auto;
  }
  .filter__label {
    cursor: pointer;
  }
  .filter__body {
    display: block;
    padding-left: 15px;
    padding-right: 15px;
  }
  .filter__head {
    cursor: auto;
  }
  .filter__head::after {
    content: none;
  }
  .filter .filter__wrapper--start {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
  .filter__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-top: 15px;
    padding-bottom: 15px;
  }
  .filter__wrapper--range {
    display: block;
  }
  .filter__result {
    font-size: 12px;
  }
}
@media (min-width: 1200px) {
  .filter__amount {
    width: 105px;
    font-size: 14px;
  }
}
.card {
  padding-top: 90px;
  padding-bottom: 60px;
  background-color: #1a181b;
}
.card__title {
  color: #fff;
}
.card__back {
  display: block;
  margin-bottom: 10px;
  color: #337ab7;
  font-size: 16px;
}
.card__wrapper {
  padding: 0 5px 5px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #fff;
  border: 5px solid #ffd907;
}
.card__block {
  margin-bottom: 15px;
  padding: 0 10px 10px;
  -webkit-box-shadow: 0 10px 15px rgba(0, 0, 0, 0.25);
  box-shadow: 0 10px 15px rgba(0, 0, 0, 0.25);
}
.card__grid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 10px;
}
.card__image img,
.card__img img {
  display: block;
}
.card__image {
  margin-bottom: 15px;
}
.card__description {
  margin: 0;
  margin-bottom: 15px;
  font-size: 15px;
  line-height: 1.3;
}
.card__description span {
  font-family: Qanelas-Bold, Arial, sans-serif;
  font-size: 18px;
  color: #0552be;
  letter-spacing: 1px;
}
.card__caption {
  margin: 0;
  margin-bottom: 15px;
  font-size: 16px;
  color: #004298;
  font-weight: inherit;
  text-align: left;
}
.card__plan {
  display: none;
}
.card__form {
  display: none;
}
.card__column + .card__column {
  margin-top: 15px;
}
.card__tabs {
  display: none;
  margin: 0;
  padding: 0;
  list-style: none;
}
.card__content {
  position: relative;
  margin-top: 53px;
  padding: 15px;
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #cdcdcd;
}
.card__content::before {
  position: absolute;
  top: -38px;
  left: 0;
  padding: 10px 15px;
  color: #000;
  background-color: #ffd300;
  border: 1px solid #ffd300;
}
.card__content--project::before {
  content: "План проекта";
}
.card__content--fasade::before {
  content: "Характеристики";
}
.card__content--technology::before {
  content: "Технология";
}
.card__content--finish::before {
  content: "Пакеты отделки";
}
.card__head {
  margin: 0;
}
.card__list {
  margin: 0;
  margin-bottom: 15px;
  padding: 0;
  color: #a8a7a5;
  list-style: none;
}
.card__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
.card__item + .card__item {
  margin-top: 10px;
}
.card__position {
  margin: 0;
  width: 47%;
}
.card__info {
  margin: 0;
  margin-bottom: 10px;
  color: #a8a7a5;
  font-size: 16px;
}
.card__info span {
  color: #0c1327;
}
.card__value {
  margin: 0;
  width: 45%;
  color: #0c1327;
}
.card__facades {
  margin: 0;
  margin-bottom: 15px;
  padding: 0;
  list-style: none;
}
.card__img {
  display: block;
  margin-bottom: 15px;
  width: 100%;
}
.card__btn {
  margin-left: 0;
  padding: 10px 10px;
  max-width: 139px;
  font-size: 12px;
}
.card__btn--remont {
  margin: 0 auto;
  padding-left: 7px;
  padding-right: 7px;
}
.card__remont-items {
  margin: 0;
  margin-bottom: 15px;
  padding: 0;
  text-align: left;
  list-style: none;
}
.card .card__slide {
  display: block;
  padding: 15px 10px;
  text-align: center;
  border: 3px solid #d1dded;
}
.card__remont {
  margin: 0;
  margin-bottom: 15px;
  font-family: Qanelas-Bold, Arial, sans-serif;
  font-size: 16px;
  color: #124fa2;
  text-align: center;
}
.card__remont-item + .card__remont-item {
  margin-top: 10px;
}
.card__text {
  display: block;
  margin: 0;
  margin-bottom: 15px;
  font-family: Qanelas-Bold, Arial, sans-serif;
  font-size: 15px;
  text-align: left;
  color: #124fa2;
}
.card__cost {
  display: inline-block;
  vertical-align: top;
  margin: 0;
  margin-bottom: 15px;
  padding-bottom: 5px;
  font-size: 14px;
  text-align: center;
  border-bottom: 5px solid #ffd300;
}
.card__cost span {
  font-family: Qanelas-Bold, Arial, sans-serif;
}
.card__add {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 0;
  font-size: 16px;
  color: #0552be;
}
.card__add + .card__add {
  margin-left: 5px;
}
.card__add::after {
  content: "";
  margin-left: 2px;
  width: 20px;
  height: 20px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
.card__add--bed::after {
  background-image: url(../fonts/bed.svg);
}
.card__add--bath::after {
  background-image: url(../fonts/bath.svg);
}
.card__add--terrace::after {
  background-image: url(../fonts/terrace.svg);
}
.card__add--balcony::after {
  background-image: url(../fonts/balcony.svg);
}
.card__add--car::after {
  background-image: url(../fonts/car.svg);
}
@media (min-width: 768px) {
  .card {
    padding-top: 115px;
  }
  .card__back {
    margin-bottom: 20px;
  }
  .card__block--top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .card__column {
    width: 48%;
  }
  .card__column--right {
    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-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .card__list {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
  }
  .card__img {
    margin-bottom: 0;
    max-width: 340px;
    margin: 0 auto;
  }
  .card__wrap-plan {
    margin-top: 10px;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
  }
  .card__column + .card__column {
    margin-top: 0;
  }
  .card__description {
    margin-bottom: 0;
  }
  .card__form {
    display: block;
    padding: 10px 10px;
    border: 2px solid #ffd300;
    border-radius: 0;
  }
  .card__form-name {
    margin: 0;
    margin-bottom: 15px;
    font-family: Qanelas-Bold, Arial, sans-serif;
    color: #0c1327;
    font-size: 20px;
  }
  .card__btn--form {
    margin: 0 auto;
  }
  .card__content {
    display: none;
    margin-top: 0;
  }
  .card__content::before {
    content: none;
  }
  .card__tabs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .card__tab {
    margin-bottom: -1px;
    padding: 10px 20px;
    font-size: 15px;
    color: #0c1327;
    background-color: #ffd300;
    border: 1px solid #ffd300;
    border-bottom: none;
    z-index: 10;
  }
  .card__tab:hover {
    cursor: pointer;
  }
  .card__tab.active {
    background-color: #fff;
    border: 1px solid #cdcdcd;
    border-bottom: none;
  }
  .card__tab + .card__tab {
    margin-left: 15px;
  }
  .card__content.active {
    display: block;
  }
  .card__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .card__slide {
    margin-left: 5px;
    margin-right: 5px;
  }
  .card__cover {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 50%;
  }
  .card__cover--left {
    margin-right: 25px;
    margin-left: 25px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 47%;
  }
  .card__cover--right {
    padding-left: 25px;
    border-left: 1px solid #d7d7d7;
  }
  .card__facades {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .card__facade {
    width: 47%;
  }
  .card__description {
    margin-bottom: 15px;
  }
  .card__content--technology.active {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .card__block {
    margin-bottom: 0;
  }
  .card__block + .card__block {
    margin-top: 20px;
  }
}
@media (min-width: 992px) {
  .card {
    padding-bottom: 100px;
  }
  .card__slider {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .card__slide {
    margin-left: 0;
    margin-right: 0;
    width: 24%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  .card__position {
    width: 40%;
  }
  .card__value {
    width: 60%;
  }
  .card__info {
    font-size: 18px;
  }
  .card__add {
    font-size: 18px;
  }
  .card__plan {
    display: block;
    width: 42%;
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
  }
  .card__wrap-plan {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .card__wrap {
    margin-top: 20px;
  }
  .card__content--facade.active {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .card__facades {
    margin-bottom: 0;
    padding-right: 25px;
  }
  .card__wrap-facade {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-left: 25px;
    border-left: 1px solid #d7d7d7;
    width: 100%;
  }
  .card__description {
    margin-bottom: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
  }
  .card__caption {
    font-size: 18px;
  }
  .card__cover--left {
    width: 60%;
  }
  .card__cover--right {
    width: 40%;
  }
}
@media (min-width: 1200px) {
  .card__column {
    width: 57%;
  }
  .card__column--right {
    width: 42%;
  }
  .card__plan {
    margin: 0 auto;
    margin-bottom: 15px;
    width: 68%;
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0;
  }
  .card__wrap-plan {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .card__remont {
    font-size: 25px;
  }
  .card__form-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .card__btn--form {
    margin-left: 10px;
  }
  .card__wrap-combine {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
  }
  .card__wrap {
    margin-top: 0;
    padding-top: 15px;
    border-top: 1px solid #d7d7d7;
  }
  .card__info {
    margin-bottom: 10px;
    font-size: 20px;
  }
  .card__add {
    font-size: 20px;
  }
  .card__caption {
    font-size: 20px;
  }
}
.partner {
  margin-left: auto;
  margin-right: auto;
  padding-top: 120px;
  padding-bottom: 60px;
  padding-left: 15px;
  padding-right: 15px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-family: Qanelas-Regular, Arial, sans-serif;
}
.partner__form {
  margin: 0 auto;
  max-width: 480px;
}
.partner__description {
  margin: 0;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 20px;
  max-width: 770px;
  font-size: 16px;
  text-align: center;
}
.partner__description a {
  text-decoration: underline;
}
.partner__description a:hover {
  color: #004298;
}
.partner__title {
  margin: 0;
  margin-bottom: 33px;
  color: #004298;
  font-size: 30px;
  font-weight: 700;
  text-align: center;
}
.partner__label {
  margin: 0;
  margin-bottom: 10px;
  margin-left: 5px;
  font-weight: 700;
  font-size: 16px;
  line-height: 1.2;
  text-align: left;
}
.partner__input {
  padding: 10px 20px;
  font-size: 18px;
  color: #0c1327;
  border-radius: 3px;
  border: 2px solid #e0e0e0;
  background-color: #fff;
  -webkit-box-shadow: inset 3px 3px 1px 0 #f4f4f4;
  box-shadow: inset 3px 3px 1px 0 #f4f4f4;
}
.partner__input--textarea {
  resize: none;
}
.partner__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-bottom: 20px;
}
.partner__wrapper {
  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-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.partner__btn {
  margin-bottom: 20px;
  padding: 15px 19px;
  width: auto;
  font-size: 16px;
}
@media (min-width: 768px) {
  .partner {
    padding-top: 140px;
    width: 750px;
  }
  .partner__description {
    margin-bottom: 30px;
    font-size: 18px;
  }
  .partner__wrapper {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }
  .partner__btn {
    font-size: 18px;
  }
  .partner__title {
    font-size: 32px;
  }
}
@media (min-width: 992px) {
  .partner {
    padding-top: 170px;
    padding-bottom: 100px;
    width: 950px;
  }
  .partner__description {
    margin-bottom: 40px;
    font-size: 21px;
  }
  .partner__title {
    font-size: 38px;
    margin-bottom: 50px;
  }
  .partner__inner {
    margin-bottom: 40px;
  }
  .partner__btn {
    margin-bottom: 40px;
  }
  .partner__note {
    font-size: 16px;
  }
}
@media (min-width: 1200px) {
  .partner {
    width: 1170px;
  }
  .partner__description {
    margin-bottom: 50px;
    font-size: 23px;
  }
}
.privacy {
  padding-top: 100px;
  padding-bottom: 60px;
}
.privacy__title {
  margin: 0;
  margin-bottom: 25px;
  font-family: "Open Sans Condensed", "Open Sans", sans-serif;
  text-transform: uppercase;
  color: #444;
  font-size: 28px;
  line-height: 1.2;
  text-align: center;
}
.privacy__description {
  position: relative;
  margin: 0;
  padding-bottom: 15px;
  color: #333;
  font-size: 16px;
  text-indent: 10px;
  line-height: 1.5;
  text-align: justify;
}
.privacy__description::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 25%;
  width: 50%;
  height: 1px;
  background-color: #eee;
}
.privacy__description:last-child {
  padding-bottom: 0;
}
.privacy__description:last-child::after {
  content: none;
}
.privacy__description + .privacy__description {
  margin-top: 15px;
}
.privacy__link {
  color: #337ab7;
}
.privacy__container {
  max-width: 780px;
}
@media (min-width: 768px) {
  .privacy {
    padding-top: 130px;
  }
  .privacy__title {
    margin-bottom: 35px;
    font-size: 36px;
  }
  .privacy__description {
    padding-bottom: 20px;
    font-size: 18px;
    text-indent: 21px;
  }
  .privacy__description + .privacy__description {
    margin-top: 20px;
  }
}
@media (min-width: 992px) {
  .privacy {
    padding-top: 150px;
    padding-bottom: 100px;
  }
  .privacy__title {
    margin-bottom: 40px;
    font-size: 42px;
  }
}
@media (min-width: 1200px) {
  .privacy__title {
    margin-bottom: 45px;
    font-size: 48px;
  }
}
.sitemap {
  padding-top: 95px;
}
.sitemap__container {
  width: 100%;
  max-width: 1366px;
}
.sitemap__title {
  font-family: inherit;
  letter-spacing: 0.6px;
}
.sitemap__wrapper {
  padding-top: 20px;
  padding-bottom: 60px;
  font-size: 14px;
  background-color: #fff;
}
.sitemap__list {
  margin: 0;
  margin-bottom: 25px;
  padding: 0;
  font-weight: 700;
  list-style: none;
}
.sitemap__item + .sitemap__item {
  margin-top: 5px;
}
.sitemap__main {
  margin: 0;
  margin-bottom: 25px;
  padding: 0;
  font-weight: 600;
  list-style: none;
}
.sitemap__main-item + .sitemap__main-item {
  margin-top: 10px;
}
.sitemap__column + .sitemap__column {
  margin-top: 20px;
}
.sitemap__column--mono + .sitemap__column--mono {
  margin-top: 5px;
}
.sitemap__inner + .sitemap__inner {
  margin-top: 15px;
}
.sitemap__inner-list {
  margin: 0;
  padding: 0;
  list-style: none;
}
.sitemap__inner-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
.sitemap__inner-item + .sitemap__inner-item {
  margin-top: 5px;
}
.sitemap__inner-item::before {
  content: "";
  margin-right: 10px;
  margin-top: 5px;
  width: 5px;
  min-width: 5px;
  height: 5px;
  background-color: rgba(254, 128, 1, 0.72);
  border-radius: 50%;
}
.sitemap__inner-title {
  margin: 0;
  margin-bottom: 10px;
  font-size: inherit;
}
.sitemap__link {
  display: block;
  padding: 13px 19px 15px 19px;
  color: rgba(0, 66, 152, 0.5);
  text-align: center;
  background-color: #fff;
  text-decoration: none;
}
.sitemap__inner-title a:active,
.sitemap__main-link:active {
  color: #004298;
  opacity: 0.7;
}
.sitemap__inner-link:active {
  text-decoration: underline;
  opacity: 0.7;
}
.sitemap__item.active .sitemap__link {
  color: #004298;
}
.sitemap__tab {
  display: none;
}
.sitemap__tab.active {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
@media (min-width: 768px) {
  .sitemap {
    padding-top: 110px;
  }
}
@media (min-width: 992px) {
  .sitemap {
    padding-top: 140px;
  }
  .sitemap__wrapper {
    padding-top: 30px;
    padding-bottom: 100px;
    font-size: 16px;
  }
  .sitemap__tab.active {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .sitemap__column + .sitemap__column {
    margin-top: 0;
  }
  .sitemap__column--mono + .sitemap__column--mono {
    margin-top: 34px;
  }
  .sitemap__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 0;
    font-size: 16px;
  }
  .sitemap__link {
    background-color: transparent;
  }
  .sitemap__item.active .sitemap__link {
    background-color: #fff;
    border-radius: 2px 2px 0 0;
  }
  .sitemap__item + .sitemap__item {
    margin-top: 0;
  }
  .sitemap__inner-item::before {
    margin-right: 15px;
    margin-top: 7px;
  }
  .sitemap__inner-title {
    margin-bottom: 15px;
  }
  .sitemap__inner-title a:hover,
  .sitemap__main-link:hover {
    color: #004298;
  }
  .sitemap__inner-link:hover {
    text-decoration: underline;
  }
  .sitemap__main-item + .sitemap__main-item {
    margin-top: 21px;
  }
  .sitemap__inner + .sitemap__inner {
    margin-top: 18px;
  }
  .sitemap__column {
    width: 30%;
  }
}
@media (min-width: 1200px) {
  .sitemap {
    padding-top: 180px;
  }
  .sitemap__title {
    margin-bottom: 33px;
  }
}
@media (min-width: 1366px) {
  .sitemap__link {
    padding-left: 36px;
    padding-right: 36px;
  }
}
.repair-cost {
  padding-top: 60px;
  padding-bottom: 60px;
  color: #0c1327;
}
.repair-cost__title {
  margin-bottom: 0;
  font-family: inherit;
  letter-spacing: 0.6px;
}
.repair-cost__description {
  margin: 0;
  margin-bottom: 30px;
  text-align: center;
  letter-spacing: 0.6px;
}
.repair-cost__list {
  margin: 0;
  margin-bottom: 30px;
  padding: 0;
  font-size: 16px;
  letter-spacing: 0.6px;
  font-weight: 700;
  list-style: none;
}
.repair-cost__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  line-height: 1.36;
}
.repair-cost__item::before {
  content: "";
  width: 10px;
  margin-top: 7px;
  margin-right: 14px;
  height: 0;
  border: 2px solid #fe8001;
  border-radius: 30%;
}
.repair-cost__item + .repair-cost__item {
  margin-top: 10px;
}
.repair-cost__input {
  width: 100%;
  padding: 17px 20px;
  padding-left: 35px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #0c1327;
  letter-spacing: 0.6px;
  border: 1px solid rgba(0, 66, 152, 0.09);
  -webkit-box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.05);
}
.repair-cost__input.error {
  padding: 16px 19px;
  border: 2px solid #ff3131;
}
.repair-cost__input::-webkit-input-placeholder {
  color: #0c1327;
}
.repair-cost__input::-moz-placeholder {
  color: #0c1327;
}
.repair-cost__input:-moz-placeholder {
  color: #0c1327;
}
.repair-cost__input:-ms-input-placeholder {
  color: #0c1327;
}
.repair-cost__button {
  max-width: 100%;
  padding-top: 18px;
  padding-bottom: 18px;
  font-family: inherit;
  color: #fff;
  font-weight: 700;
  letter-spacing: 0.6px;
  background-color: #004298;
  border: 2px solid #004298;
  border-radius: 0;
}
.repair-cost__inner {
  margin-bottom: 15px;
}
@media (min-width: 768px) {
  .repair-cost__list {
    margin-bottom: 0;
  }
  .repair-cost__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 auto;
    max-width: 763px;
  }
  .repair-cost__form {
    width: 48%;
  }
}
@media (min-width: 992px) {
  .repair-cost {
    padding-top: 100px;
    padding-bottom: 100px;
  }
  .repair-cost__description {
    margin-bottom: 60px;
    font-size: 16px;
  }
  .repair-cost__inner {
    margin-bottom: 30px;
  }
  .repair-cost__item + .repair-cost__item {
    margin-top: 20px;
  }
  .repair-cost__list {
    width: 270px;
    font-size: 20px;
  }
  .repair-cost__input {
    font-size: 16px;
  }
  .repair-cost__item::before {
    margin-top: 9px;
  }
}
.g-recaptcha {
  margin-bottom: 20px;
  margin-left: -19px;
  -webkit-transform: scale(0.855);
  -ms-transform: scale(0.855);
  transform: scale(0.855);
}
@media (min-width: 992px) {
  .g-recaptcha {
    margin-left: 0;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}