.font-sz{
    font-size: 16px;
}
span.modal-close {
  display: block;
  position: absolute;
  width: 14px;
  height: 14px;
  right: 16px;
  top: 13px;
  cursor: pointer; }
  span.modal-close svg {
    width: 14px;
    height: 14px; }

span.modal-title {
  display: block;
  font-size: 30px;
  line-height: 120%;
  margin-bottom: 10px; }

p.modal-subtitle {
  margin-bottom: 27px;
  line-height: 20px;
  font-size: 18px;
  font-weight: 300;
  line-height: 143.2%; }

.mask {
  position: fixed;
  background: #000;
  top: 0;
  left: 0;
  opacity: 0.5;
  width: 100%;
  height: 100%;
  z-index: 999; }

.modal-window {
  z-index: 1001;
  position: fixed;
  top: 0;
  left: 0px;
  background: #fff;
  display: none;
  width: 100%;
  -webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.15);
          box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.15); }
  @media (min-width: 1200px) {
    .modal-window {
      max-width: 1170px; } }
  .modal-window input[type="submit"] {
    width: 100%; }
  .modal-window .modal-window__inner {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    background-color: #F4F4F4;
    width: 100%;
    overflow-y: auto;
    position: relative; }
    @media (min-width: 1200px) {
      .modal-window .modal-window__inner {
        padding: 39px 41px 38px 69px; } }
    @media (max-width: 1200px) {
      .modal-window .modal-window__inner {
        padding: 32px 15px;
        height: 100vh; } }
    @media (max-width: 1200px) {
      .modal-window .modal-window__inner {
        display: block; } }
    .modal-window .modal-window__inner .modal-window__left {
      width: 61%; }
      @media (max-width: 1200px) {
        .modal-window .modal-window__inner .modal-window__left {
          width: 100%;
          padding-right: 0px; } }
    .modal-window .modal-window__inner .modal-window__right {
      width: 39%;
      text-align: right; }
      .modal-window .modal-window__inner .modal-window__right input {
        display: inline-block; }
      @media (max-width: 1200px) {
        .modal-window .modal-window__inner .modal-window__right {
          width: 100%;
          display: none;
          text-align: left; } }
    @media (max-width: 430px) {
      .modal-window .modal-window__inner .mbtn {
        width: 100%; } }
  .modal-window .modal-window__img {
    width: 370px;
    height: 370px; }
    @media (min-width: 1200px) {
      .modal-window .modal-window__img {
        margin-left: auto; } }
  .modal-window span.modal-title {
    padding-top: 18px;
    margin-bottom: 20px; }
    @media (max-width: 990px) {
      .modal-window span.modal-title {
        padding-top: 0px;
        margin-bottom: 24px;
        font-size: 18px; } }
  .modal-window .modal-window__imgMobile {
    width: 100%;
    height: 120px;
    -webkit-background-size: cover;
            background-size: cover;
    margin-bottom: 30px;
    display: none; }
    @media (max-width: 990px) {
      .modal-window .modal-window__imgMobile {
        display: block; } }

.modal .close {
  position: absolute;
  right: 15px;
  top: 10px;
  font-size: 30px;
  font-weight: 400;
  text-shadow: none;
  outline: none;
}
.m-title {
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 20px;
}
.thanks-title {
  font-size: 30px;
  font-weight: 700;
  margin-bottom: 20px;
}
.modal-window {
    max-height: 100%;
    overflow-y: auto;
}
.modal-window .modal-window__inner {
    height: auto !important;
    overflow: visible;
}
.modal-window {
    width: 90%;
}
.header-fran-middle {
    padding-left: 0;
}
.modal-thanks {
    box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.2);
}
span.modal-title {
    margin: 0;
    display: none;
}

.header__logo {
width: 300px;
}
@media only screen and (max-width: 767px) {
.header__logo {
    width: 163px;
}
}