@charset "UTF-8";

/*!*
 * ВНИМАНИЕ! Этот файл генерируется автоматически.
 * Не пишите сюда ничего вручную, все такие правки будут потеряны.
 * Читайте ./README.md для понимания.
 */
@-ms-viewport {
  width: device-width
}

.page {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 10px;
  -webkit-tap-highlight-color: transparent;
  -ms-overflow-style: scrollbar;
  -ms-text-size-adjust: 100%;
  min-width: 320px;
  min-height: 100%
}

.page__inner {
  min-height: 100vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column
}

.page__content {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1
}

.page__footer-wrapper {
  -ms-flex-negative: 0;
  flex-shrink: 0
}

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

body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  background-color: #fff;
  margin: 0;
  min-height: 100%
}

[tabindex='-1']:focus {
  outline: 0 !important
}

[role=button] {
  cursor: pointer
}

input[type=search] {
  -webkit-appearance: textfield
}

[role=button], a, button, input, label, select, textarea {
  -ms-touch-action: manipulation;
  touch-action: manipulation
}

a svg, button svg {
  pointer-events: none
}

img {
  max-width: 100%;
  height: auto
}

.wave-01--dark {
  height: 20%;
  width: 100%;
  background-image: url(../img/wave-01--dark.svg);
  background-repeat: no-repeat;
  background-position: bottom center;
  bottom: -1px;
  left: 0;
  position: absolute
}

.wave-01 {
  height: 19%;
  width: 100%;
  background-image: url(../img/wave-01.svg);
  background-repeat: no-repeat;
  background-position: bottom center;
  bottom: -1px;
  left: 0;
  position: absolute
}

.wave-02 {
  height: 20%;
  width: 100%;
  background-image: url(../img/wave-02.svg);
  background-repeat: no-repeat;
  background-position: top center;
  top: -2px;
  left: 0;
  position: absolute
}

.wave-03 {
  height: 175px;
  width: 100%;
  background-color: #fff;
  top: -2px;
  left: 0;
  position: absolute
}

.wave-03:before {
  content: "";
  height: 200px;
  width: 100%;
  background-image: url(../img/wave-03.svg);
  background-repeat: no-repeat;
  background-position: top center;
  top: 173px;
  left: 0;
  position: absolute
}

@-webkit-keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
  }
}

@keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
  }
}

body {
  font-family: Montserrat, Arial, sans-serif;
  font-size: 14px;
  line-height: 1.375em;
  color: #1a1a1a
}

h1, h2, h3, h4, h5, h6 {
  font-family: Montserrat, Arial, sans-serif;
  font-weight: 700;
  line-height: 1.375em;
  color: currentColor
}

h1, h2, h3 {
  margin-top: 1.375em;
  margin-bottom: .6875em
}

h4, h5, h6 {
  margin-top: .6875em;
  margin-bottom: .6875em
}

h1 {
  font-size: 2.25em
}

h2 {
  font-size: 1.875em
}

h3 {
  font-size: 1.5em
}

h4 {
  font-size: 1.25em
}

h5, h6 {
  font-size: 1em
}

address, blockquote, dl, figure, ol, p, pre, ul {
  margin-top: .6875em;
  margin-bottom: .6875em
}

address {
  font-style: normal
}

ol, ul {
  padding-left: 1.2em
}

ol ol, ol ul, ul ol, ul ul {
  margin-top: 0;
  margin-bottom: 0
}

li {
  line-height: inherit
}

dt {
  font-weight: 700
}

dd {
  margin-left: 0
}

dd+dt {
  margin-top: .6875em
}

hr {
  margin-top: 1.375em;
  margin-bottom: 1.375em;
  border: 0;
  border-top: 1px solid #999
}

small {
  font-size: .75em
}

sub, sup {
  font-size: 70%
}

mark {
  background: #fcf8e3;
  padding: .1em .3em
}

b, strong {
  font-weight: bolder
}

abbr[title] {
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted
}

blockquote {
  padding: 0;
  margin-left: 0;
  margin-right: 0
}

code, kbd, pre, samp {
  font-family: Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace
}

code, kbd {
  padding: .06em .3em;
  color: #1a1a1a;
  background-color: #e6e6e6;
  border-radius: 3px
}

kbd kbd {
  padding: 0
}

pre {
  display: block;
  width: 100%;
  overflow-x: auto;
  -moz-tab-size: 2;
  -o-tab-size: 2;
  tab-size: 2
}

.page-header {
  border-bottom: 1px solid #ebebeb;
  position: relative
}

.page-header__inner {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding: 15px;
  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;
  min-height: 114px
}

.page-header--sticky {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 20;
  background: #fff;
  -webkit-animation: slideInDown 1s 1 ease-in-out;
  animation: slideInDown 1s 1 ease-in-out;
  -webkit-box-shadow: 0 0 13px 0 rgba(0, 0, 0, .29);
  box-shadow: 0 0 13px 0 rgba(0, 0, 0, .29)
}

.page-header--sticky .page-header__inner {
  min-height: inherit;
  padding-top: 5px;
  padding-bottom: 5px
}

.page-footer__inner {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  min-height: 114px
}

.main-nav {
  position: relative;
  z-index: 10
}

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

.main-nav__item {
  position: relative
}

.main-nav__item--active>.main-nav__link {
  color: #e22c3d
}

.main-nav__link {
  display: block;
  padding: .5em;
  text-decoration: none;
  font-size: 14px;
  font-weight: 400;
  color: #000
}

.main-nav__link:hover {
  text-decoration: none;
  color: #a0a0a0
}

.main-nav__link.active {
  color: #e22c3d
}

.main-nav__toggler {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  display: inline-block;
  padding: 0;
  background: 0 0;
  border: none;
  outline: 0
}

.no-js .main-nav__toggler {
  display: none
}

.logo {
  display: block;
  white-space: nowrap;
  min-width: 195px;
  margin-right: 20px
}

.btn {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  margin: 0;
  padding: 0 37px;
  min-width: 311px;
  height: 74px;
  white-space: nowrap;
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  text-align: center;
  font-size: 16px;
  font-family: inherit;
  line-height: 72px;
  text-decoration: none;
  text-transform: none;
  color: #fff;
  border-radius: 36.8px;
  border: 1px solid #4167f2;
  border-bottom: 5px solid #173bc1;
  background-color: #4167f2;
  background-image: none;
  cursor: pointer;
  -webkit-transition: all .2s;
  transition: all .2s
}

.btn:focus, .btn:hover {
  text-decoration: none;
  color: #fff;
  background-color: #2450f0;
  border-color: #2450f0
}

.btn:active, .btn:focus {
  outline: 0;
  -webkit-box-shadow: 0 0 0 2px rgba(226, 44, 61, .7);
  box-shadow: 0 0 0 2px rgba(226, 44, 61, .7)
}

.btn--disabled, .btn:disabled {
  opacity: .7;
  cursor: not-allowed;
  color: #1a1a1a;
  background-color: #e6e6e6;
  border-color: #ccc
}

a.btn--disabled {
  pointer-events: none
}

.btn .btn-icon {
  vertical-align: middle;
  margin-right: 17px
}

.temp-icon-left-arrow {
  background-image: url(../img/sprite-06136688437797801.png);
  background-position: 0 0;
  width: 32px;
  height: 32px
}

.temp-icon-right-arrow {
  background-image: url(../img/sprite-06136688437797801.png);
  background-position: -36px 0;
  width: 32px;
  height: 32px
}

.field-text {
  display: block;
  margin-bottom: .6875em
}

.field-text__name {
  display: block;
  margin-bottom: .4em;
  line-height: 1.375em;
  font-weight: 700
}

.field-text__input-wrap {
  display: block
}

.field-text__input {
  display: inline-block;
  vertical-align: middle;
  width: 100%;
  padding: 20px 48px;
  margin: 0;
  line-height: 1.375em;
  font-size: 14px;
  font-weight: 500;
  font-family: inherit;
  background-color: #fff;
  border: 1px solid silver;
  border-radius: 30px;
  -webkit-appearance: textfield;
  -moz-appearance: textfield;
  appearance: textfield
}

.field-text__input:focus {
  outline: 0;
  -webkit-box-shadow: 0 0 0 2px rgba(226, 44, 61, .7);
  box-shadow: 0 0 0 2px rgba(226, 44, 61, .7)
}

.field-text__input[disabled], .field-text__input[readonly] {
  cursor: default;
  background-color: #ccc
}

.field-text__input[type=search]::-webkit-search-cancel-button, .field-text__input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none
}

.field-text__input[type=color] {
  padding: 0
}

.field-text__input::-webkit-input-placeholder {
  color: #000;
  opacity: 1
}

.field-text__input::-ms-input-placeholder {
  color: #000;
  opacity: 1
}

.field-text__input::placeholder {
  color: #000;
  opacity: 1
}

textarea.field-text__input {
  height: auto;
  min-height: calc(3.35em + 2px);
  resize: vertical
}

.field-text__input.icon {
  background-position: left 25px center;
  background-repeat: no-repeat
}

.field-text__input.icon--user {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='13' height='17' viewBox='0 0 13 17'%3E%3Cdefs%3E%3Cpath id='n2waa' d='M419.059 3068.156c0-2.296.505-4.157 3.44-4.157 2.936 0 3.442 1.861 3.442 4.157 0 2.296-1.541 4.157-3.441 4.157s-3.441-1.86-3.441-4.157zM416 3078.661c-.001-.04 0-.14 0 0zm12.999.11c0-.267.002-.04 0 0zm0 0v.31s-.957 1.919-6.5 1.919c-5.542 0-6.498-1.92-6.498-1.92v-.419c0 .036.003.02.009-.298.073-3.894.63-5.017 4.605-5.73 0 0 .566.716 1.885.716 1.318 0 1.884-.717 1.884-.717 4.019.722 4.544 1.861 4.608 5.861.004.256.006.3.007.277z'/%3E%3C/defs%3E%3Cg%3E%3Cg transform='translate(-416 -3064)'%3E%3Cuse fill='%23e74f5d' xlink:href='%23n2waa'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")
}

.field-text__input.icon--phone {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='16' height='16' viewBox='0 0 16 16'%3E%3Cdefs%3E%3Cpath id='x7bua' d='M720.639 3077.66l-2.47-2.478c-.493-.49-1.307-.476-1.816.035l-1.245 1.247-.245-.136c-.786-.437-1.862-1.036-2.994-2.171-1.135-1.139-1.732-2.219-2.17-3.008l-.133-.24.835-.836.41-.413c.51-.511.525-1.329.034-1.82l-2.47-2.478c-.491-.493-1.306-.477-1.816.033l-.696.703.019.02a4.024 4.024 0 0 0-.574 1.014c-.134.353-.217.69-.255 1.029-.326 2.711.91 5.19 4.263 8.552 4.635 4.648 8.37 4.298 8.532 4.28a4.152 4.152 0 0 0 2.037-.832l.016.014.705-.693c.509-.512.523-1.328.033-1.822z'/%3E%3C/defs%3E%3Cg%3E%3Cg transform='translate(-705 -3065)'%3E%3Cuse fill='%23e22c3d' xlink:href='%23x7bua'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")
}

.field-text__input.icon--email {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='18' height='13' viewBox='0 0 18 13'%3E%3Cdefs%3E%3Cpath id='jz2wa' d='M1005 3075.1l2.227-1.971 6.364 5.517c-.231.219-.543.353-.886.353h-15.41c-.345 0-.657-.134-.889-.353l6.367-5.517zm8.593-8.748L1005 3073.8l-8.591-7.446c.231-.22.543-.355.885-.355h15.411c.346 0 .657.134.888.353zm-17.593.789l6.214 5.461-6.214 5.338zm11.786 5.461l6.214-5.465v10.803z'/%3E%3C/defs%3E%3Cg%3E%3Cg transform='translate(-996 -3066)'%3E%3Cuse fill='%23e22c3d' xlink:href='%23jz2wa'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  padding: 20px 48px 20px 52px
}

.field-text__help-text {
  display: block;
  padding-top: .4em;
  font-size: .75em;
  line-height: 1.2em;
  color: gray
}

.field-text__help-text:empty {
  display: none
}

.field-text--error .field-text__help-text, .field-text--error .field-text__input, .field-text--error .field-text__name {
  color: #d8544f
}

.field-text--error .field-text__input {
  border-color: #d8544f;
  background-color: #f9e2e2
}

.field-checkbox {
  display: block;
  margin-bottom: .6875em
}

.field-checkbox__title {
  display: block;
  font-weight: 700;
  line-height: 1.375em;
  margin-bottom: .4em
}

.field-checkbox__input-wrap+.field-checkbox__input-wrap {
  margin-top: .6875em
}

.field-checkbox__name {
  position: relative;
  display: inline-block;
  padding-left: 1.5em;
  margin-right: .6em;
  font-weight: 400;
  line-height: 1.375em
}

.field-checkbox__name-text a {
  color: #999;
  text-decoration: underline
}

.field-checkbox__name-text a:hover {
  text-decoration: none
}

.field-checkbox__name-text:before {
  content: '';
  position: absolute;
  top: .1em;
  left: 0;
  width: 14px;
  height: 14px;
  border: 2px solid #000;
  border-radius: 3px
}

input:focus~.field-checkbox__name-text:before {
  outline: 0;
  -webkit-box-shadow: 0 0 0 2px rgba(226, 44, 61, .7);
  box-shadow: 0 0 0 2px rgba(226, 44, 61, .7)
}

.field-checkbox__name-text:after {
  content: '';
  position: absolute;
  top: calc(0.1em + 1px);
  left: 3px;
  width: 14px;
  height: 6px;
  opacity: 0;
  border-left: 2px solid #e22c3d;
  border-bottom: 2px solid #e22c3d;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-transition: opacity .3s;
  transition: opacity .3s
}

input:checked~.field-checkbox__name-text:after {
  opacity: 1
}

.field-checkbox__input {
  position: absolute;
  top: .7em;
  left: 0;
  padding: 0;
  margin: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  opacity: 0
}

.field-checkbox__input:active, .field-checkbox__input:focus {
  outline: 0;
  -webkit-box-shadow: 0 0 0 2px rgba(226, 44, 61, .7);
  box-shadow: 0 0 0 2px rgba(226, 44, 61, .7)
}

.field-checkbox__help-text-wrap {
  padding-left: 1.5em
}

.field-checkbox__help-text {
  display: block;
  padding-top: .4em;
  font-size: .75em;
  line-height: 1.2em;
  color: gray
}

.field-checkbox__help-text:empty {
  display: none
}

.field-checkbox__input-wrap--error .field-checkbox__help-text, .field-checkbox__input-wrap--error .field-checkbox__name-text {
  color: #d8544f
}

.field-radio {
  display: block;
  margin-bottom: .6875em
}

.field-radio__title {
  display: block;
  font-weight: 700;
  line-height: 1.375em;
  margin-bottom: .4em
}

.field-radio__input-wrap+.field-radio__input-wrap {
  margin-top: .6875em
}

.field-radio__name {
  position: relative;
  display: inline-block;
  padding-left: 1.5em;
  margin-right: .6em;
  font-weight: 400;
  line-height: 1.375em
}

.field-radio__name-text:before {
  content: '';
  position: absolute;
  top: .1em;
  left: 0;
  width: 14px;
  height: 14px;
  border: 2px solid;
  border-radius: 50%
}

input:focus~.field-radio__name-text:before {
  outline: 0;
  -webkit-box-shadow: 0 0 0 2px rgba(226, 44, 61, .7);
  box-shadow: 0 0 0 2px rgba(226, 44, 61, .7)
}

.field-radio__name-text:after {
  content: '';
  position: absolute;
  top: calc(0.1em + 4px);
  left: 4px;
  width: 6px;
  height: 6px;
  opacity: 0;
  border-radius: 50%;
  background-color: currentColor;
  -webkit-transition: opacity .3s;
  transition: opacity .3s
}

input:checked~.field-radio__name-text:after {
  opacity: 1
}

.field-radio__input {
  position: absolute;
  top: .8em;
  left: 0;
  padding: 0;
  margin: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  opacity: 0
}

.field-radio__input:active, .field-radio__input:focus {
  outline: 0;
  -webkit-box-shadow: 0 0 0 2px rgba(226, 44, 61, .7);
  box-shadow: 0 0 0 2px rgba(226, 44, 61, .7)
}

.field-radio__help-text-wrap {
  padding-left: 1.5em
}

.field-radio__help-text {
  display: block;
  padding-top: .4em;
  font-size: .75em;
  line-height: 1.2em;
  color: gray
}

.field-radio__help-text:empty {
  display: none
}

.field-radio__input-wrap--error .field-radio__help-text, .field-radio__input-wrap--error .field-radio__name-text {
  color: #d8544f
}

.field-toggler {
  display: block;
  margin-bottom: .6875em
}

.field-toggler__title {
  display: block;
  margin-bottom: .4em;
  line-height: 1.375em;
  font-weight: 700
}

.field-toggler__input-wrap+.field-toggler__input-wrap {
  margin-top: .6875em
}

.field-toggler__name {
  position: relative;
  display: inline-block;
  padding-left: 3.2em;
  margin-right: .6em;
  font-weight: 400;
  line-height: 1.375em
}

.field-toggler__name-text:before {
  content: '';
  position: absolute;
  top: .6em;
  left: 0;
  width: 2.5em;
  height: 1.28571em;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  background-color: #fff;
  border: 1px solid #999
}

input:focus~.field-toggler__name-text:before {
  outline: 0;
  -webkit-box-shadow: 0 0 0 2px rgba(226, 44, 61, .7);
  box-shadow: 0 0 0 2px rgba(226, 44, 61, .7)
}

.field-toggler__name-text:after {
  content: '';
  position: absolute;
  top: .6em;
  left: 2px;
  width: 1em;
  height: 1em;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  background-color: #e6e6e6;
  border: 1px solid #999;
  -webkit-transition: all .3s;
  transition: all .3s
}

input:checked~.field-toggler__name-text:after {
  -webkit-transform: translate(1.21429em, -50%);
  transform: translate(1.21429em, -50%)
}

.field-toggler__input {
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 0;
  opacity: 0
}

.field-toggler__help-text-wrap {
  padding-left: 1.5em
}

.field-toggler__help-text {
  display: block;
  padding-top: .4em;
  font-size: .75em;
  line-height: 1.2em;
  color: gray
}

.field-toggler__help-text:empty {
  display: none
}

.field-file {
  display: block;
  margin-bottom: .6875em
}

.field-file__name {
  display: block;
  margin-bottom: .4em;
  line-height: 1.375em;
  font-weight: 700
}

.field-file__input-wrap {
  display: block;
  position: relative
}

.field-file__input {
  position: absolute;
  width: 1px;
  height: 1px;
  opacity: 0
}

.field-file__input:active~.field-file__name-text, .field-file__input:focus~.field-file__name-text {
  outline: 0;
  -webkit-box-shadow: 0 0 0 2px rgba(226, 44, 61, .7);
  box-shadow: 0 0 0 2px rgba(226, 44, 61, .7)
}

.field-file__name-text {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
  width: 100%;
  background-color: #fff;
  border: 1px solid #999;
  border-radius: 3px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  cursor: pointer
}

.field-file__name-text:before {
  content: attr(data-button-text);
  display: block;
  background-color: #e6e6e6;
  border-right: 1px solid #999;
  margin-right: .7em;
  line-height: 1.375em;
  padding: .3em .7em;
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px
}

.field-file__name-text:focus:before, .field-file__name-text:hover:before {
  background-color: #ccc
}

.field-file__help-text {
  display: block;
  padding-top: .4em;
  font-size: .75em;
  line-height: 1.2em;
  color: gray
}

.field-file__help-text:empty {
  display: none
}

.field-file--error .field-file__help-text, .field-file--error .field-file__input, .field-file--error .field-file__name, .field-file--error .field-file__name-text {
  color: #d8544f
}

.field-file--error .field-file__name-text {
  border-color: #d8544f;
  background-color: #f9e2e2
}

.field-range {
  display: block;
  margin-bottom: .6875em
}

.field-range__name {
  display: block;
  margin-bottom: .4em;
  line-height: 1.375em;
  font-weight: 700
}

.field-range__input-wrap {
  position: relative
}

.field-range__input {
  -ms-flex-item-align: center;
  align-self: center;
  padding: 0;
  width: 100%;
  height: 2em;
  border-radius: .25rem;
  border: 0;
  background: 0 0;
  font-size: inherit;
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none
}

.field-range__input::-webkit-slider-runnable-track, .field-range__input::-webkit-slider-thumb {
  -webkit-appearance: none
}

.field-range__input:focus {
  outline: 0;
  -webkit-box-shadow: 0 0 0 2px rgba(226, 44, 61, .7);
  box-shadow: 0 0 0 2px rgba(226, 44, 61, .7)
}

.field-range__input::-webkit-slider-runnable-track {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  height: .75em;
  border-radius: 3px;
  background: #fff;
  border: 1px solid #999
}

.field-range__input::-moz-range-track {
  box-sizing: border-box;
  width: 100%;
  height: .75em;
  border-radius: 3px;
  background: #fff;
  border: 1px solid #999
}

.field-range__input::-ms-track {
  box-sizing: border-box;
  width: 100%;
  height: .75em;
  border-radius: 3px;
  background: #fff;
  border: 1px solid #999;
  color: transparent
}

.field-range__input::-webkit-slider-thumb {
  margin-top: -.68em;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
  width: 2em;
  height: 2em;
  border-radius: 1em;
  -webkit-box-shadow: none;
  box-shadow: none;
  cursor: ew-resize;
  background: #e6e6e6;
  border: 1px solid #999
}

.field-range__input::-moz-range-thumb {
  box-sizing: border-box;
  padding: 0;
  width: 2em;
  height: 2em;
  border-radius: 1em;
  box-shadow: none;
  cursor: ew-resize;
  background: #e6e6e6;
  border: 1px solid #999
}

.field-range__input::-ms-thumb {
  box-sizing: border-box;
  padding: 0;
  width: 2em;
  height: 2em;
  border-radius: 1em;
  box-shadow: none;
  cursor: ew-resize;
  background: #e6e6e6;
  border: 1px solid #999
}

.field-range__input::-ms-fill-lower, .field-range__input::-ms-tooltip {
  display: none
}

.field-range__help-text {
  display: block;
  font-size: .75em;
  line-height: 1.2em;
  color: gray;
  padding-top: 0
}

.field-range__help-text:empty {
  display: none
}

.field-select {
  display: block;
  margin-bottom: .6875em
}

.field-select__name {
  display: block;
  margin-bottom: .4em;
  line-height: 1.375em;
  font-weight: 700
}

.field-select__select {
  display: inline-block;
  vertical-align: middle;
  width: 100%;
  line-height: 1.375em;
  padding: .3em .7em;
  font-size: inherit;
  font-family: inherit;
  border: 1px solid #999;
  border-radius: 3px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: #fff;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 17 11' width='17' height='11'%3E%3Cpath fill='%23B1B1B1' d='M.202 1.97L1.956.204A.61.61 0 0 1 2.43 0a.61.61 0 0 1 .47.204L8.5 5.84 14.1.204A.61.61 0 0 1 14.57 0a.61.61 0 0 1 .474.204l1.754 1.766a.618.618 0 0 1 .202.473.62.62 0 0 1-.202.476l-7.826 7.875A.61.61 0 0 1 8.5 11a.61.61 0 0 1-.472-.204L.202 2.92A.618.618 0 0 1 0 2.444c0-.203.067-.34.202-.475z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right .3em center;
  background-size: 1.063em .688em
}

.field-select__select[multiple] {
  background-image: none;
  min-height: 6.8em
}

.field-select__select::-ms-expand {
  display: none
}

.field-select__select:active, .field-select__select:focus {
  outline: 0;
  -webkit-box-shadow: 0 0 0 2px rgba(226, 44, 61, .7);
  box-shadow: 0 0 0 2px rgba(226, 44, 61, .7)
}

.field-select__select[disabled], .field-select__select[readonly] {
  cursor: default;
  background-color: #e6e6e6
}

.field-select__help-text {
  display: block;
  padding-top: .4em;
  font-size: .75em;
  line-height: 1.2em;
  color: gray
}

.field-select__help-text:empty {
  display: none
}

.field-select--error .field-select__help-text, .field-select--error .field-select__name, .field-select--error .field-select__select {
  color: #d8544f
}

.field-select--error .field-select__select {
  border-color: #d8544f;
  background-color: #f9e2e2
}

.field-actions__text {
  display: block;
  font-size: 14px;
  font-weight: 400
}

.form__fieldset {
  min-width: 0;
  padding: 0;
  margin: 0;
  border: 0
}

.form__fieldset:not(:last-child) {
  margin-bottom: 1.375em
}

.form__legend {
  display: block;
  width: 100%;
  margin-top: 1.375em;
  margin-bottom: .6875em;
  font-size: 1.5em;
  font-family: Montserrat, Arial, sans-serif;
  font-weight: 700;
  line-height: 1.375em;
  color: currentColor
}

.code {
  display: block;
  width: 100%;
  max-height: 50rem;
  padding: 1em;
  margin-bottom: .6875em;
  overflow-x: auto;
  background-color: #e6e6e6;
  border-radius: 3px;
  border: 1px solid #ccc;
  white-space: normal;
  -moz-tab-size: 2;
  -o-tab-size: 2;
  tab-size: 2
}

.code code {
  display: block;
  padding: 0;
  white-space: pre;
  background-color: transparent
}

.alert {
  position: relative;
  padding: .7em 1em;
  margin-top: 1em;
  margin-bottom: 1em;
  border: 1px solid #ccc;
  border-radius: 3px;
  color: #1a1a1a;
  background-color: #e6e6e6
}

.alert>:first-child {
  margin-top: 0
}

.alert>:last-child {
  margin-bottom: 0
}

.alert__header {
  display: block;
  margin-top: 0;
  margin-bottom: .2em;
  font-size: 1.5em;
  font-weight: 400;
  line-height: 1.4;
  color: inherit
}

.alert--danger {
  background-color: #d8544f;
  border: 1px solid #c9312c;
  color: #fff
}

.alert--danger a {
  color: inherit;
  text-decoration: underline
}

.alert--danger a:focus, .alert--danger a:hover {
  text-decoration: none
}

.alert--success {
  background-color: #5cb75c;
  border: 1px solid #449c44;
  color: #fff
}

.alert--success a {
  color: inherit;
  text-decoration: underline
}

.alert--success a:focus, .alert--success a:hover {
  text-decoration: none
}

.alert--warning {
  background-color: #fcedd9;
  border: 1px solid #f8d8ab;
  color: #1a1a1a
}

.to-top {
  position: fixed;
  right: 1rem;
  bottom: 1rem;
  z-index: 1;
  width: 4rem;
  height: 4rem;
  border-radius: 50%;
  background-color: #000;
  color: transparent;
  font: 0/0 a;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 17 11' width='17' height='11'%3E%3Cpath fill='%23fff' d='M.202 1.97L1.956.204A.61.61 0 0 1 2.43 0a.61.61 0 0 1 .47.204L8.5 5.84 14.1.204A.61.61 0 0 1 14.57 0a.61.61 0 0 1 .474.204l1.754 1.766a.618.618 0 0 1 .202.473.62.62 0 0 1-.202.476l-7.826 7.875A.61.61 0 0 1 8.5 11a.61.61 0 0 1-.472-.204L.202 2.92A.618.618 0 0 1 0 2.444c0-.203.067-.34.202-.475z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg)
}

.js .to-top {
  display: none
}

.dropdown {
  position: relative;
  display: inline-block
}

.dropdown__menu {
  position: absolute;
  z-index: -1;
  top: 100%;
  left: 0;
  max-width: 90vw;
  width: 1px;
  margin: 0;
  background-color: #fff;
  color: #1a1a1a;
  opacity: 0;
  visibility: hidden;
  overflow: hidden;
  -webkit-transition: opacity .3s;
  transition: opacity .3s
}

.dropdown__menu--up {
  top: auto;
  bottom: 100%
}

.dropdown__menu--right {
  left: auto;
  right: 0
}

.dropdown--open .dropdown__menu {
  z-index: 1;
  visibility: visible;
  opacity: 1;
  width: auto
}

.menu {
  min-width: 10em;
  margin: 0;
  padding: .3em 0;
  list-style: none
}

.menu__item--separator:not(:last-child) {
  padding-bottom: .3em;
  margin-bottom: .3em;
  border-bottom: 1px solid #999
}

.menu__link {
  display: block;
  white-space: nowrap;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: .3em 1em;
  color: #1a1a1a;
  text-decoration: none
}

.label {
  display: inline-block;
  position: relative;
  margin: 0 .1em;
  vertical-align: baseline;
  line-height: 1;
  padding: .25em .4em .2em;
  background-color: #e6e6e6;
  color: #1a1a1a;
  text-decoration: none;
  text-transform: none;
  font-weight: 700;
  font-size: .75em;
  white-space: nowrap;
  border-radius: 3px
}

.label:focus, .label:hover {
  color: #1a1a1a;
  text-decoration: none
}

.loader {
  display: inline-block
}

.loader:before {
  content: '';
  display: block;
  width: 1em;
  height: 1em;
  border: 3px solid #e6e6e6;
  border-top: 3px solid #ccc;
  border-radius: 50%;
  -webkit-animation: loader-rotate 1s linear infinite;
  animation: loader-rotate 1s linear infinite
}

@-webkit-keyframes loader-rotate {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0)
  }

  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg)
  }
}

@keyframes loader-rotate {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0)
  }

  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg)
  }
}

.burger {
  position: relative;
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 30px;
  height: 30px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: pointer
}

.burger>span {
  display: inline-block;
  width: 100%;
  height: 3px;
  background: #000;
  position: relative;
  -webkit-transition: background .3s .3s;
  transition: background .3s .3s
}

.burger>span:after, .burger>span:before {
  content: '';
  position: absolute;
  left: 0;
  width: 100%;
  height: 3px;
  background: #000;
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -webkit-transition: top .3s .3s, -webkit-transform .3s;
  transition: top .3s .3s, -webkit-transform .3s;
  transition: top .3s .3s, transform .3s;
  transition: top .3s .3s, transform .3s, -webkit-transform .3s
}

.burger>span:before {
  top: -10px
}

.burger>span:after {
  top: 10px
}

.burger--close>span {
  -webkit-transition: background .3s 0s;
  transition: background .3s 0s;
  background: 0 0
}

.burger--close>span:after, .burger--close>span:before {
  -webkit-transition: top .3s, -webkit-transform .3s .3s;
  transition: top .3s, -webkit-transform .3s .3s;
  transition: top .3s, transform .3s .3s;
  transition: top .3s, transform .3s .3s, -webkit-transform .3s .3s;
  top: 0
}

.burger--close>span:before {
  -webkit-transform: rotate3d(0, 0, 1, 45deg);
  transform: rotate3d(0, 0, 1, 45deg)
}

.burger--close>span:after {
  -webkit-transform: rotate3d(0, 0, 1, -45deg);
  transform: rotate3d(0, 0, 1, -45deg)
}

.media {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 1.375em;
  margin-bottom: 1.375em
}

.media__picture {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  margin-right: 1em
}

.media__body {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1
}

.media__body :first-child {
  margin-top: 0
}

.js-modal-open {
  overflow: hidden
}

.modal {
  display: none;
  overflow: hidden;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 100;
  -webkit-overflow-scrolling: touch
}

.js-modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto
}

.modal__dialog {
  position: relative;
  margin: 0;
  width: 100%;
  height: 100%
}

.modal__content {
  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;
  min-width: 100%;
  min-height: 100%;
  background-color: #fff;
  outline: 0;
  border-radius: 6px
}

.modal__header {
  padding: 30px 40px 0 10px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  text-align: center;
  margin-bottom: 30px
}

.modal__title {
  margin-top: .6875em;
  margin-bottom: 15px;
  font-size: 30px;
  font-weight: 400
}

.modal__sub-title {
  color: #999;
  font-size: 16px;
  font-weight: 400;
  margin-top: 0
}

.modal__close {
  position: absolute !important;
  top: 19px;
  right: 17px
}

.modal__body {
  padding: 0 10px;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  max-width: 320px;
  margin: auto
}

.modal__form-field {
  margin-bottom: 18px
}

.modal__footer {
  padding: 10px 10px 40px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  text-align: center
}

.modal__footer .field-actions .field-checkbox__name-text, .modal__footer .field-actions__text {
  color: #999;
  font-size: 14px;
  font-weight: 400
}

.modal__backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 99;
  background-color: rgba(0, 0, 0, .7)
}

.modal--text .modal__body {
  max-width: inherit
}

@-webkit-keyframes modal-backdrop-show {
  0% {
    opacity: 0
  }

  100% {
    opacity: 1
  }
}

@keyframes modal-backdrop-show {
  0% {
    opacity: 0
  }

  100% {
    opacity: 1
  }
}

@-webkit-keyframes modal-content-show {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2em);
    transform: translateY(-2em)
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0)
  }
}

@keyframes modal-content-show {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2em);
    transform: translateY(-2em)
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0)
  }
}

.close {
  position: relative;
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 24px;
  height: 24px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: pointer
}

.close>span {
  display: inline-block;
  width: 100%;
  height: 2px;
  background: 0 0;
  position: relative
}

.close>span:after, .close>span:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 2px;
  background: #dcdcdc;
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%
}

.close>span:before {
  -webkit-transform: rotate3d(0, 0, 1, 45deg);
  transform: rotate3d(0, 0, 1, 45deg)
}

.close>span:after {
  -webkit-transform: rotate3d(0, 0, 1, -45deg);
  transform: rotate3d(0, 0, 1, -45deg)
}

.embed-responsive {
  position: relative;
  display: block;
  width: 100%;
  padding: 0;
  overflow: hidden
}

.embed-responsive::before {
  content: '';
  display: block;
  padding-top: 56.25%
}

.embed-responsive iframe, .embed-responsive video {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0
}

.embed-responsive--4-3::before {
  padding-top: 75%
}

.fields-group {
  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;
  margin-bottom: .6875em
}

.fields-group .btn, .fields-group input, .fields-group select {
  position: relative;
  margin: 0
}

.fields-group .btn:focus, .fields-group input:focus, .fields-group select:focus {
  position: relative;
  z-index: 1
}

.fields-group .field-actions, .fields-group .field-text {
  margin: 0
}

.fields-group .field-actions:not(:last-child) .btn {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0
}

.fields-group .field-actions:not(:first-child) .btn {
  border-left: 0;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0
}

.fields-group .field-actions .btn:focus {
  z-index: 1
}

.fields-group .field-text:not(:last-child) .field-text__input {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0
}

.fields-group .field-text:not(:first-child) .field-text__input {
  border-left: 0;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0
}

.fast-cont__item {
  display: inline-block;
  vertical-align: middle;
}

.fast-cont__item:last-child {
  margin-left: 30px
}

.fast-cont__phone-link {
  color: #000;
  font-size: 18px;
  font-weight: 700;
  text-decoration: none
}

.fast-cont__call-link {
  color: #3960f4;
  font-size: 14px;
  font-weight: 400
}

.main__section {
  padding: 10px 0
}

.main__section-inner {
  display: block;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 15px;
  padding-right: 15px
}

.about {
  background-color: #191919;
  position: relative;
  background-image: url(../img/about-bg.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-top: 7vw;
  padding-bottom: 13.4vw;
  overflow: hidden
}

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

.about__header {
  text-align: center;
  position: relative;
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%
}

.about__header:before {
  content: "";
  position: absolute;
  top: -200px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  background-image: url(../img/red-shadow.png);
  background-repeat: no-repeat;
  width: 704px;
  height: 453px
}

.about__title {
  color: #e22c3d;
  font-size: 60px;
  font-weight: 800;
  line-height: 1;
  margin-top: 0;
  margin-bottom: 12px;
  position: relative;
  z-index: 2
}

.about__sub-title {
  margin-top: 0;
  font-size: 30px;
  font-weight: 700;
  color: #fff;
  line-height: 1;
  margin-bottom: 80px;
  position: relative;
  z-index: 2
}

.about__text {
  color: #fff;
  max-width: 945px;
  min-height: 216px;
  font-size: 16px;
  font-weight: 400;
  line-height: 28px;
  text-align: center;
  border-radius: 0 0 40px;
  border-left: 2px solid #474950;
  border-right: 2px solid #474950;
  border-bottom: 2px solid #474950;
  padding: 46px 120px;
  margin: 0 auto 100px;
  position: relative
}

.about__text-dek-wrap {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  top: 0;
  left: 0;
  width: 100%
}

.about__text-dek-wrap:before {
  border-radius: 3px 0 0;
  display: block;
  content: "";
  -webkit-box-flex: 2;
  -ms-flex: 2 0 0;
  flex: 2 0 0;
  height: 1px;
  border-top: 2px solid #474950
}

.about__text-dek-wrap:after {
  display: block;
  content: "";
  -webkit-box-flex: 2;
  -ms-flex: 2 0 0;
  flex: 2 0 0;
  height: 1px;
  border-top: 2px solid #474950
}

.about__text-dek {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 108px;
  flex: 0 0 108px;
  margin-top: -20px;
  height: 36px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='39' height='36' viewBox='0 0 39 36'%3E%3Cdefs%3E%3Cpath id='1utia' d='M955.196 1271.005c-2.477 0-4.704.524-6.62 1.556-1.902 1.026-3.524 2.498-4.82 4.375-1.26 1.826-2.215 4.03-2.837 6.55-.607 2.46-.914 5.244-.914 8.279v13.644c0 .875.715 1.586 1.597 1.586h13.594c.882 0 1.597-.71 1.597-1.586v-13.644c0-.877-.715-1.588-1.597-1.588h-5.099c.238-6.33 1.95-9.536 5.099-9.536.882 0 1.597-.711 1.597-1.587v-6.463c0-.876-.715-1.586-1.597-1.586zm22.204 9.636c.883 0 1.598-.711 1.598-1.587v-6.463c0-.876-.715-1.586-1.598-1.586-2.477 0-4.703.524-6.62 1.556-1.901 1.026-3.524 2.498-4.82 4.375-1.261 1.826-2.216 4.03-2.838 6.552-.605 2.459-.913 5.243-.913 8.277v13.644c0 .876.715 1.586 1.598 1.586h13.592c.882 0 1.598-.71 1.598-1.586v-13.644c0-.877-.716-1.588-1.598-1.588h-5.025c.234-6.33 1.921-9.536 5.026-9.536z'/%3E%3C/defs%3E%3Cg%3E%3Cg transform='translate(-940 -1271)'%3E%3Cuse fill='%23e22c3d' xlink:href='%231utia'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")
}

.about__text-author {
  position: absolute;
  bottom: -30px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  font-weight: 700;
  line-height: 24px;
  font-size: 16px;
  background-color: #1a1a1a;
  width: 225px
}

.about__text-author span {
  color: #717171;
  font-weight: 400
}

.work {
  padding-top: 4.5vw;
  padding-bottom: 3vw;
  position: relative
}

.work__title {
  font-size: 30px;
  font-weight: 700;
  line-height: 42px;
  text-align: center;
  margin-top: 0;
  margin-bottom: 52px
}

.work__title span {
  color: #e22c3d
}

.work__cards-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 6.2vw;
  border: 1px solid #c7c7c7;
  border-right: none
}

.work__card {
  height: 343px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  border-bottom: 1px solid #c7c7c7;
  border-right: 1px solid #c7c7c7;
  margin-bottom: -1px;
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%
}

.work__card-img {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  overflow: hidden
}

.work__card-img img {
  -o-object-fit: scale-down;
  font-family: "object-fit:scale-down";
  object-fit: scale-down;
  width: 100%;
  height: 100%
}

.work__card-title {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  font-size: 16px;
  font-weight: 600;
  text-align: center;
  padding: 15px 15px 40px
}

.work__request-title {
  text-align: center;
  font-size: 30px;
  font-weight: 400;
  margin-top: 0;
  margin-bottom: 50px
}

.work__form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-left: -15px;
  margin-right: -15px
}

.work__form>* {
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%
}

.work__form-field {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
  padding-left: 15px;
  padding-right: 15px;
  margin: 0 0 20px
}

.work__form-field .btn {
  padding: 0 15px;
  min-width: 270px;
  height: 64px;
  line-height: 60px
}

.work .field-actions {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
  padding-left: 15px;
  padding-right: 15px;
  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
}

.work .field-actions__text {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  color: #999
}

.work .field-actions .field-checkbox__name-text, .work .field-actions .field-checkbox__name-text a {
  color: #999
}

.work .field-actions .field-checkbox__name-text a:hover {
  text-decoration: none
}

.services {
  background-color: #191919;
  background-image: url(../img/services-bg.jpg);
  background-position: 50% 50%;
  background-size: cover;
  position: relative;
  color: #fff;
  padding-top: 10vw;
  padding-bottom: 7.4vw
}

.services__title {
  text-align: center;
  font-size: 30px;
  font-weight: 700;
  line-height: 48px;
  margin-top: 0;
  margin-bottom: 135px
}

.services__list {
  list-style: none;
  padding-left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-left: -15px;
  margin-right: -15px;
  margin-bottom: 110px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.services__list>* {
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%
}

.services__list .item {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
  padding-left: 15px;
  padding-right: 15px;
  text-align: center;
  margin-bottom: 30px
}

.services__list .item__num {
  width: 80px;
  height: 80px;
  display: inline-block;
  border-radius: 50%;
  background-color: #e22c3d;
  font-size: 24px;
  font-weight: 600;
  line-height: 80px;
  margin-bottom: 20px;
  text-align: center;
  -webkit-box-shadow: 0 0 46px 3px #e22c3d;
  box-shadow: 0 0 46px 3px #e22c3d
}

.services__list .item__text {
  color: #fefefe;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px
}

.services__action {
  text-align: center
}

.specialist {
  padding-top: 7vw;
  padding-bottom: 4.5vw
}

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

.specialist__image {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -ms-flex-preferred-size: 52%;
  flex-basis: 52%
}

.specialist__image img {
  margin-left: 20px
}

.specialist__body {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -ms-flex-preferred-size: 48%;
  flex-basis: 48%
}

.specialist__title {
  font-size: 30px;
  font-weight: 700;
  line-height: 36px;
  margin-top: 42px;
  margin-bottom: 39px
}

.specialist__text {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  margin-bottom: 26px
}

.specialist__text.red {
  color: #e22c3d;
  font-weight: 600
}

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

.specialist__sert .item {
  -webkit-box-shadow: 0 0 4px 1px rgba(0, 0, 0, .3);
  box-shadow: 0 0 4px 1px rgba(0, 0, 0, .3);
  border-radius: 2px;
  background-color: #fff;
  margin-right: 17px;
  -ms-flex-preferred-size: 124px;
  flex-basis: 124px;
  height: 175px;
  margin-bottom: 17px;
  overflow: hidden
}

.specialist__sert .item--x2 {
  -ms-flex-preferred-size: 265px;
  flex-basis: 265px
}

.specialist__sert .item img {
  -o-object-fit: cover;
  font-family: "object-fit:cover";
  object-fit: cover;
  width: 100%;
  height: 100%
}

.okdesk {
  background-color: #191919;
  background-image: url(../img/okdesk-bg.jpg);
  background-position: 50% 50%;
  background-size: cover;
  color: #fff;
  padding-top: 7vw;
  padding-bottom: 8vw;
  position: relative
}

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

.okdesk__body {
  -ms-flex-preferred-size: 56%;
  flex-basis: 56%
}

.okdesk__title {
  font-size: 30px;
  font-weight: 700;
  line-height: 36px;
  margin-top: 0;
  margin-bottom: 87px
}

.okdesk__title span {
  color: #43be5d
}

.okdesk__list-item {
  background: #279a3f;
  padding: 20px 30px;
  border-radius: 30px;
  min-height: 60px;
  max-width: 476px;
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 35px
}

.okdesk__image {
  -ms-flex-preferred-size: 44%;
  flex-basis: 44%
}

.okdesk__image img {
  display: block;
  margin-bottom: 30px
}

.partners {
  padding-top: 6.5vw;
  padding-bottom: 0vw
}

.partners__title {
  text-align: center;
  font-size: 30px;
  font-weight: 700;
  line-height: 48px;
  margin-top: 0;
  margin-bottom: 40px
}

.partners__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-left: -15px;
  margin-right: -15px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.partners__list>* {
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%
}

.partners__item {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
  padding-left: 15px;
  padding-right: 15px;
  text-align: center;
  margin-bottom: 40px
}

.partners__item-logo {
  min-height: 130px
}

.partners__item-title {
  font-size: 18px;
  font-weight: 700;
  line-height: 48px
}

.contacts {
  background-color: #191919;
  background-image: url(../img/contacts-bg.jpg);
  background-position: 50% 50%;
  background-size: cover;
  padding-top: 100px;
  padding-bottom: 100px;
  position: relative
}

.contacts__wrap {
  -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, .22);
  box-shadow: 0 0 6px rgba(0, 0, 0, .22);
  border-radius: 30px;
  background-color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  overflow: hidden;
  position: relative;
  z-index: 2px
}

.contacts__body {
  padding: 44px 30px 40px 55px;
  -ms-flex-preferred-size: 50%;
  flex-basis: 50%
}

.contacts__title {
  font-size: 36px;
  font-weight: 700;
  line-height: 48px;
  margin-top: 0;
  margin-bottom: 10px
}

.contacts__text {
  color: #adadad;
  font-size: 16px;
  font-weight: 400;
  line-height: 28px;
  margin-bottom: 45px
}

.contacts__list {
  list-style: none;
  padding-left: 0;
  margin-bottom: 38px
}

.contacts__list li {
  font-size: 16px;
  font-weight: 500;
  line-height: 28px;
  margin-bottom: 20px
}

.contacts__list li a {
  text-decoration: none;
  color: #000
}

.contacts__list li.icon {
  padding-left: 40px;
  background-repeat: no-repeat;
  background-position: left 4px top 3px
}

.contacts__list li.icon--map {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='14' height='19' viewBox='0 0 14 19'%3E%3Cdefs%3E%3Cpath id='rau9a' d='M464 6745.88c0 4.709-6.264 11.621-6.531 11.913a.638.638 0 0 1-.938 0c-.267-.292-6.531-7.204-6.531-11.913 0-3.794 3.14-6.88 7-6.88s7 3.086 7 6.88zm-3.478 0c0-1.909-1.58-3.462-3.522-3.462-1.942 0-3.522 1.553-3.522 3.462 0 1.91 1.58 3.462 3.522 3.462 1.942 0 3.522-1.553 3.522-3.462z'/%3E%3C/defs%3E%3Cg%3E%3Cg transform='translate(-450 -6739)'%3E%3Cuse fill='%23e22c3d' xlink:href='%23rau9a'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")
}

.contacts__list li.icon--phone {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='16' height='16' viewBox='0 0 16 16'%3E%3Cdefs%3E%3Cpath id='x7bua' d='M720.639 3077.66l-2.47-2.478c-.493-.49-1.307-.476-1.816.035l-1.245 1.247-.245-.136c-.786-.437-1.862-1.036-2.994-2.171-1.135-1.139-1.732-2.219-2.17-3.008l-.133-.24.835-.836.41-.413c.51-.511.525-1.329.034-1.82l-2.47-2.478c-.491-.493-1.306-.477-1.816.033l-.696.703.019.02a4.024 4.024 0 0 0-.574 1.014c-.134.353-.217.69-.255 1.029-.326 2.711.91 5.19 4.263 8.552 4.635 4.648 8.37 4.298 8.532 4.28a4.152 4.152 0 0 0 2.037-.832l.016.014.705-.693c.509-.512.523-1.328.033-1.822z'/%3E%3C/defs%3E%3Cg%3E%3Cg transform='translate(-705 -3065)'%3E%3Cuse fill='%23e22c3d' xlink:href='%23x7bua'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")
}

.contacts__list li.icon--time {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='17' height='17' viewBox='0 0 17 17'%3E%3Cdefs%3E%3Cpath id='t7n7a' d='M466 6872.5a8.5 8.5 0 1 1-17-.002 8.5 8.5 0 0 1 17 .001zm-4.238 1.028a.588.588 0 0 0-.588-.588h-3.086v-5.414a.588.588 0 0 0-1.176 0v6.002c0 .324.263.588.588.588.012 0 .023-.003.035-.004.012 0 .024.004.036.004h3.603a.588.588 0 0 0 .588-.588z'/%3E%3C/defs%3E%3Cg%3E%3Cg transform='translate(-449 -6864)'%3E%3Cuse fill='%23e22c3d' xlink:href='%23t7n7a'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")
}

.contacts__list li.icon--mail {
background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='iso-8859-1'%3F%3E%3C!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E%3Csvg version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='20px' height='19px' viewBox='0 0 485.211 485.211' fill='%23e22c3d' xml:space='preserve'%3E%3Cg%3E%3Cpath d='M485.211,363.906c0,10.637-2.992,20.498-7.785,29.174L324.225,221.67l151.54-132.584 c5.895,9.355,9.446,20.344,9.446,32.219V363.906z M242.606,252.793l210.863-184.5c-8.653-4.737-18.397-7.642-28.908-7.642H60.651 c-10.524,0-20.271,2.905-28.889,7.642L242.606,252.793z M301.393,241.631l-48.809,42.734c-2.855,2.487-6.41,3.729-9.978,3.729 c-3.57,0-7.125-1.242-9.98-3.729l-48.82-42.736L28.667,415.23c9.299,5.834,20.197,9.329,31.983,9.329h363.911 c11.784,0,22.687-3.495,31.983-9.329L301.393,241.631z M9.448,89.085C3.554,98.44,0,109.429,0,121.305v242.602 c0,10.637,2.978,20.498,7.789,29.174l153.183-171.44L9.448,89.085z'/%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3C/svg%3E%0A");
}

.contacts__map {
  -ms-flex-preferred-size: 50%;
  flex-basis: 50%;
  overflow: hidden
}

.contacts__map img {
  -o-object-fit: cover;
  font-family: "object-fit:cover";
  object-fit: cover;
  width: 100%;
  height: 100%
}

.intro {
  position: relative;
  min-height: 850px;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.intro__body {
  max-width: 56%;
  padding: 15px 0
}

.intro__title {
  margin-top: 0;
  font-size: 42px;
  line-height: 1.2;
  font-weight: 700;
  margin-bottom: 28px
}

.intro__title span {
  color: #e22c3d
}

.intro__text {
  margin-top: 0;
  margin-bottom: 43px;
  font-size: 18px;
  font-weight: 600;
  line-height: 24px;
  color: #acacac
}

.intro__text span {
  color: #000
}

.intro__image {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  width: 45%;
  background-image: url(../img/intro_img.jpg);
  background-size: cover
}

@media (min-width:480px) {
  dd {
    margin-left: 1.8em
  }

  .main__section-inner, .page-footer__inner, .page-header__inner {
    width: 100%
  }

  .work__card {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%
  }

  .partners__item, .services__list .item {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
    padding-left: 15px;
    padding-right: 15px
  }
}

@media (min-width:768px) {
  .main__section-inner, .page-footer__inner, .page-header__inner {
    width: 100%
  }

  .partners__item, .services__list .item {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.33333%;
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
    padding-left: 15px;
    padding-right: 15px
  }
}

@media (min-width:992px) {
  .page-footer__inner, .page-header__inner {
    width: 962px
  }

  .modal__dialog {
    width: 555px;
    height: auto
  }

  .modal--open .modal__dialog {
    -webkit-animation: modal-content-show .3s 1 both;
    animation: modal-content-show .3s 1 both
  }

  .modal__backdrop {
    -webkit-animation: modal-backdrop-show .3s 1;
    animation: modal-backdrop-show .3s 1
  }

  .modal--open {
    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
  }

  .modal--text .modal__body {
    padding-left: 15px;
    padding-right: 15px
  }

  .modal--text .modal__dialog {
    width: 746px;
    height: auto
  }

  .modal--text.modal--open {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-top: 40px
  }

  .main__section-inner {
    width: 962px
  }
}

@media (min-width:1200px) {
  .page-footer__inner, .page-header__inner {
    width: 1170px
  }

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

  .main-nav__sublist-wrapper--lvl-2 {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1;
    opacity: 0;
    height: 0;
    overflow: hidden;
    -webkit-transition: opacity .3s;
    transition: opacity .3s
  }

  .main-nav__item--show-child>.main-nav__sublist-wrapper--lvl-2, .main-nav__item:hover .main-nav__sublist-wrapper--lvl-2 {
    opacity: 1;
    height: auto;
    overflow: visible
  }

  .main-nav__sublist-wrapper--lvl-3 {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 100%;
    opacity: 0;
    height: 0;
    overflow: hidden;
    -webkit-transition: opacity .3s;
    transition: opacity .3s
  }

  .main-nav__item--lvl-2:hover .main-nav__sublist-wrapper--lvl-3, .main-nav__item--show-child>.main-nav__sublist-wrapper--lvl-3 {
    opacity: 1;
    height: auto;
    overflow: visible
  }

  .main-nav__toggler {
    display: none
  }

  .main__section-inner {
    width: 1170px
  }

  .work__header {
    max-width: 855px;
    margin: auto
  }

  .work__card {
    -ms-flex-preferred-size: 33.3333%;
    flex-basis: 33.3333%
  }

  .services__list .item, .work__form-field {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
    padding-left: 15px;
    padding-right: 15px
  }

  .specialist__sert .item:nth-child(4n) {
    margin-right: 0
  }

  .partners__item {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
    padding-left: 15px;
    padding-right: 15px
  }

  .contacts__list {
    max-width: 324px
  }

  .intro__text {
    max-width: 600px
  }
}

@media (max-width:992px) {
  .wave-01, .wave-01--dark, .wave-02, .wave-03, .wave-03:before {
    background: 0 0
  }

  .contacts__body {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%
  }

  .contacts__map {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-height: 400px
  }
}

@media (max-width:480px) {
  .page-header .fast-cont {
    display: none
  }

  .about__text {
    min-height: inherit;
    padding: 30px 15px
  }

  .work__title {
    font-size: 24px
  }

  .work__form-field .btn {
    min-width: 100%
  }

  .specialist__title {
    font-size: 22px
  }

  .okdesk__title {
    font-size: 22px;
    margin-bottom: 35px
  }

  .okdesk__list-item {
    font-size: 14px;
    padding: 10px 15px;
    min-height: inherit
  }

  .contacts__body {
    padding: 20px
  }
}

@media (max-width:768px) {
  .page-footer .logo {
    margin-bottom: 15px
  }

  .about__title {
    font-size: 42px
  }

  .about__sub-title {
    font-size: 18px
  }

  .intro__title {
    font-size: 24px;
    margin-bottom: 20px
  }

  .intro__text {
    font-size: 14px;
    margin-bottom: 30px
  }
}

@media (max-width:1199px) {
  .page-footer__nav {
    display: none
  }

  .main-nav {
    position: absolute;
    background: #fff;
    top: 100%;
    left: 0;
    right: 0;
    border-bottom: 1px solid #ebebeb
  }

  .main-nav__list {
    background: #fff;
    max-width: 962px;
    padding-left: 15px;
    padding-right: 15px;
    margin: auto
  }

  .js .main-nav__list {
    overflow: hidden;
    max-height: 0;
    -webkit-transition: max-height .2s;
    transition: max-height .2s
  }

  .js .main-nav--open .main-nav__list {
    max-height: 100vh;
    -webkit-transition: max-height .6s;
    transition: max-height .6s
  }

  .main-nav__item:last-child {
    margin-bottom: 20px
  }

  .main-nav__link--lvl-2 {
    padding-left: 1.2em
  }

  .main-nav__link--lvl-3 {
    padding-left: 2.4em
  }

  .intro {
    background-image: url(../img/fw-intro_img.jpg);
    background-repeat: no-repeat;
    background-position: 50% 0;
    min-height: inherit;
    padding: 10vw 0
  }

  .intro__body {
    max-width: inherit;
    background: rgba(255, 255, 255, .92);
    padding: 30px;
    border-radius: 6px
  }

  .intro__image {
    display: none
  }
}

@media (max-width:1200px) {
  .specialist__image {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    text-align: center
  }

  .specialist__image img {
    margin-left: 0
  }

  .specialist__body {
    text-align: center
  }

  .okdesk__body {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%
  }

  .okdesk__list-item {
    max-width: none
  }

  .okdesk__image {
    display: none
  }
}

@media print {
  *, :after, :before {
    background: 0 0 !important;
    color: #000 !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    text-shadow: none !important
  }

  a, a:visited {
    text-decoration: underline !important
  }

  a[href]:after {
    content: " ("attr(href) ")"
  }

  a[href^='#']:after, a[href^='javascript:']:after {
    content: ''
  }

  abbr[title]:after {
    content: " ("attr(title) ")"
  }

  blockquote, pre {
    border: 1px solid #999 !important;
    page-break-inside: avoid
  }

  thead {
    display: table-header-group
  }

  img, tr {
    page-break-inside: avoid
  }

  img {
    max-width: 100% !important
  }

  h2, h3, p {
    orphans: 3;
    widows: 3
  }

  h2, h3 {
    page-break-after: avoid
  }

  table {
    border-collapse: collapse !important
  }

  table td, table th {
    background-color: #fff !important
  }
}