@charset "UTF-8";
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: 'Open Sans', sans-serif;
  color: #424242; }

.container {
  width: 100%;
  max-width: 1210px;
  margin: 0 auto;
  padding: 0 20px;
  overflow: hidden; }

input, textarea, button, select, select option {
  border: 0;
  outline: none; }

textarea {
  resize: none; }

li {
  list-style-type: none; }

a, a:hover {
  outline: none;
  text-decoration: none; }

a.disabled {
  pointer-events: none;
  /* делаем элемент неактивным для взаимодействия */
  cursor: default;
  /*  курсор в виде стрелки */
  opacity: .3;
  /* цвет текста серый */ }

img {
  width: 100%;
  height: 100%;
  object-fit: contain; }

@font-face {
  font-family: "proxima-nova-regular";
  src: url("../fonts/proxima-nova-regular.ttf") format("truetype");
  font-style: normal;
  font-weight: 400; }
@font-face {
  font-family: "proxima-nova-bold";
  src: url("../fonts/proxima-nova-bold.ttf") format("truetype");
  font-style: normal;
  font-weight: 700; }
@font-face {
  font-family: "proxima-nova-extrabold";
  src: url("../fonts/proxima-nova-extrabold.ttf") format("truetype");
  font-style: normal;
  font-weight: 800; }
@font-face {
  font-family: "proxima-nova-black";
  src: url("../fonts/proxima-nova-black.ttf") format("truetype");
  font-style: normal;
  font-weight: 900; }
.btn-top {
  position: fixed;
  bottom: 47px;
  right: 47px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 39px;
  height: 39px;
  background: #5468E7;
  transition: background .3s ease;
  z-index: 2;
  border-radius: 50%; }
  .btn-top:hover {
    background: #34439D; }
  .btn-top img {
    display: block;
    width: 11px;
    height: 7px; }

.block-title {
  padding-left: 140px; }
  .block-title h2 {
    font-family: "proxima-nova-bold";
    font-size: 50px;
    line-height: 61px;
    position: relative;
    margin-bottom: 25px; }
    .block-title h2::before {
      content: '';
      display: block;
      position: absolute;
      width: 70px;
      height: 85px;
      background: url(../img/logo.png) no-repeat center/contain;
      left: -140px;
      top: 50%;
      margin-top: -40px; }
  .block-title p {
    font-size: 16px;
    line-height: 28px; }

.block-form {
  padding: 37px 70px 50px;
  background: #5468E7;
  border-radius: 32px;
  position: relative; }
  .block-form::before {
    content: '';
    display: block;
    width: 100%;
    max-width: 443px;
    height: 300px;
    background: url(../img/block-two__form-img.png) no-repeat center/contain;
    position: absolute;
    bottom: -80px;
    right: 50px;
    z-index: 1; }
  .block-form__title {
    font-family: "proxima-nova-bold";
    font-size: 50px;
    line-height: 61px;
    color: #FFFFFF;
    margin-bottom: 37px; }
  .block-form__text {
    font-size: 16px;
    line-height: 26px;
    margin-bottom: 47px;
    width: 100%;
    max-width: 530px;
    color: #FFFFFF; }
  .block-form .form {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    width: 100%;
    max-width: 530px; }
    .block-form .form input {
      width: 50%;
      height: 48px;
      background: #FFFFFF;
      border: 1px solid #FFFFFF;
      border-radius: 8px 0 0 8px;
      display: flex;
      align-items: center;
      padding: 0 20px;
      font-size: 14px;
      line-height: 21px;
      color: #405060;
      margin-bottom: 15px; }
    .block-form .form button {
      width: 50%;
      height: 48px;
      background: #424242;
      border-radius: 0px 8px 8px 0px;
      font-weight: 700;
      font-size: 14px;
      line-height: 21px;
      color: #FFFFFF;
      display: flex;
      align-items: center;
      justify-content: center;
      margin-bottom: 15px;
      cursor: pointer;
      transition: background .3s ease; }
      .block-form .form button:hover {
        background: #000; }
    .block-form .form p {
      width: 100%;
      font-size: 11px;
      line-height: 14px;
      color: #FFFFFF; }
      .block-form .form p a {
        color: inherit;
        text-decoration: underline; }

input.arror {
  border: 1px solid #FF0000 !important;
  color: #FF0000 !important; }

.modal-bg {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 11;
  background: rgba(0, 0, 0, 0.5);
  transform: scale(0);
  transition: transform .4s ease; }
  .modal-bg.active {
    transform: scale(1); }

.modal-form {
  padding: 40px 20px 20px;
  background: #FFFFFF;
  border-radius: 10px;
  position: fixed;
  top: 50%;
  left: 50%;
  z-index: 12;
  width: 100%;
  max-width: 300px;
  margin-left: -150px;
  margin-top: -150px;
  transform: scale(0);
  transition: transform .4s ease; }
  .modal-form.active {
    transform: scale(1); }
  .modal-form h3 {
    font-weight: 700;
    font-size: 16px;
    line-height: 21px;
    text-align: center;
    color: #424242;
    margin-bottom: 40px; }
  .modal-form input {
    background: #FFFFFF;
    border: 1px solid #405060;
    border-radius: 8px;
    width: 100%;
    height: 48px;
    display: flex;
    align-items: center;
    padding: 0 20px;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: 0.01em;
    color: #405060;
    margin-bottom: 7px; }
  .modal-form button {
    background: #5468E7;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    font-weight: 700;
    font-size: 14px;
    line-height: 21px;
    height: 48px;
    text-align: center;
    color: #FFFFFF;
    margin-top: 14px;
    margin-bottom: 10px;
    cursor: pointer;
    transition: background .3s ease; }
    .modal-form button:hover {
      background: #34439D; }
  .modal-form p {
    font-size: 10px;
    line-height: 14px;
    text-align: center;
    letter-spacing: 0.01em; }
    .modal-form p a {
      color: inherit;
      text-decoration: underline; }
      .modal-form p a:hover {
        text-decoration: none; }
  .modal-form .exit {
    position: absolute;
    display: flex;
    width: 8px;
    height: 8px;
    top: 10px;
    right: 10px; }
  .modal-form.modal-spill h3, .modal-form.modal-tel h3 {
    margin-bottom: 11px; }
  .modal-form.modal-spill p:nth-child(2), .modal-form.modal-tel p:nth-child(2) {
    margin-bottom: 40px;
    font-size: 12px;
    line-height: 15px;
    text-align: center;
    letter-spacing: 0.01em; }
  .modal-form.modal-tel button {
    background: #424242; }
    .modal-form.modal-tel button:hover {
      background: #000; }

body {
  overflow-x: hidden; }

body.active {
  overflow: hidden; }

.header {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10;
  width: 100%;
  height: max-content;
  background: #FFFFFF;
  box-shadow: 0px 20px 28px rgba(96, 106, 132, 0.2); }

.container-header {
  display: flex;
  align-items: center;
  height: 80px; }
  .container-header__logo {
    display: block;
    width: 130px;
    height: 67px;
    background: url(../img/logo_+_text.png) no-repeat center/contain;
    margin-right: 23px; }
  .container-header__text {
    font-size: 13px;
    line-height: 18px;
    width: 100%;
    max-width: 195px; }
  .container-header__soc {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    transition: background .3s ease; }
    .container-header__soc:nth-child(1) {
      margin-right: 4px;
      background: #60BD35; }
      .container-header__soc:nth-child(1) img {
        width: 16px;
        height: 16px; }
      .container-header__soc:nth-child(1):hover {
        background: #458726; }
    .container-header__soc:nth-child(2) {
      background: #5468E7;
      margin-right: 14px; }
      .container-header__soc:nth-child(2) img {
        width: 15px;
        height: 14px; }
      .container-header__soc:nth-child(2):hover {
        background: #34439D; }
  .container-header > div {
    display: flex;
    align-items: center;
    margin-left: auto; }
  .container-header__info {
    margin-right: 24px; }
  .container-header__tel {
    font-weight: 700;
    font-size: 22px;
    line-height: 22px; }
  .container-header__time {
    font-size: 13px;
    line-height: 22px; }
  .container-header__collback {
    background: #5468E7;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 180px;
    height: 40px;
    font-weight: 700;
    font-size: 12px;
    line-height: 16px;
    text-align: center;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: #FFFFFF;
    transition: background .3s ease; }
    .container-header__collback:hover {
      background: #34439D; }

.block-main {
  padding: 140px 0 70px;
  background: url(../img/block-one__bg.png) no-repeat center/cover; }

.container-main h1 {
  width: 100%;
  max-width: 812px;
  font-family: "proxima-nova-bold";
  font-size: 50px;
  line-height: 61px; }
.container-main__text-block {
  display: flex;
  align-items: center;
  padding: 50px 0; }
  .container-main__text-block > div:nth-child(1) {
    width: 100%;
    max-width: 300px;
    margin-right: 40px; }
    .container-main__text-block > div:nth-child(1) p {
      font-weight: 600;
      font-size: 14px;
      line-height: 24px;
      margin-bottom: 20px; }
      .container-main__text-block > div:nth-child(1) p:last-child {
        margin-bottom: 0; }
.container-main__white-block {
  background: #FFFFFF;
  box-shadow: 0px 20px 28px rgba(154, 161, 176, 0.2);
  border-radius: 32px;
  padding: 37px 18px 19px;
  width: 100%;
  max-width: 270px; }
  .container-main__white-block p {
    font-size: 13px;
    line-height: 18px;
    text-align: center;
    margin-bottom: 20px; }
    .container-main__white-block p span {
      text-transform: uppercase;
      color: #5468E7; }
    .container-main__white-block p:nth-child(3) {
      position: relative; }
      .container-main__white-block p:nth-child(3)::before {
        content: '';
        display: block;
        width: 40px;
        height: 40px;
        background: url(../img/block-one__arrow.svg) no-repeat center/contain;
        position: absolute;
        bottom: -27px;
        right: 5px;
        z-index: 1; }
  .container-main__white-block a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    max-width: 220px;
    height: 47px;
    background: linear-gradient(0deg, #5468E7, #5468E7), #5468E7;
    border-radius: 32px;
    font-weight: 700;
    font-size: 14px;
    line-height: 21px;
    color: #FFFFFF;
    transition: background .3s ease;
    margin: 30px auto 0; }
    .container-main__white-block a:hover {
      background: #34439D; }
.container-main__info {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  max-width: 600px; }
.container-main__info-item {
  text-align: right; }
.container-main__info-name {
  font-family: "proxima-nova-bold";
  font-size: 14px;
  line-height: 20px;
  margin-bottom: 5px;
  text-transform: uppercase; }
.container-main__info-text {
  font-weight: 600;
  font-size: 12px;
  line-height: 20px;
  margin-bottom: 3px; }
  .container-main__info-text span {
    font-size: 30px;
    line-height: 20px;
    font-family: "proxima-nova-bold"; }
.container-main__block-mobile {
  display: none; }

.container-cooperation {
  padding-top: 70px;
  padding-bottom: 105px; }
  .container-cooperation__block-item {
    padding-top: 64px;
    margin-bottom: 60px; }
    .container-cooperation__block-item .swiper-wrapper {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between; }
  .container-cooperation__item {
    width: 31.5%;
    padding: 30px 30px 50px;
    margin-bottom: 30px;
    border-radius: 32px;
    height: auto; }
    .container-cooperation__item:nth-child(1), .container-cooperation__item:nth-child(6) {
      background: rgba(209, 236, 253, 0.8); }
    .container-cooperation__item:nth-child(2), .container-cooperation__item:nth-child(7) {
      background: #E0F9D4; }
    .container-cooperation__item:nth-child(3), .container-cooperation__item:nth-child(5), .container-cooperation__item:nth-child(9) {
      background: #EDCBFF; }
    .container-cooperation__item:nth-child(4), .container-cooperation__item:nth-child(8) {
      background: rgba(255, 226, 118, 0.8); }
    .container-cooperation__item img {
      display: block;
      width: 70px;
      height: 70px;
      margin-bottom: 20px; }
    .container-cooperation__item p:nth-child(2) {
      font-size: 25px;
      line-height: 30px;
      margin-bottom: 20px;
      font-family: "proxima-nova-bold"; }
    .container-cooperation__item p:nth-child(3) {
      font-weight: 600;
      font-size: 13px;
      line-height: 24px; }
  .container-cooperation.two {
    padding-bottom: 80px; }
  .container-cooperation.two .container-cooperation__item:nth-child(1), .container-cooperation.two .container-cooperation__item:nth-child(2) {
    width: 48.5%; }
  .container-cooperation.two .container-cooperation__block-item {
    padding-top: 25px;
    margin-bottom: 20px; }
  .container-cooperation.two > p {
    font-size: 16px;
    line-height: 28px;
    margin-bottom: 50px; }
  .container-cooperation.two .container-cooperation__item:nth-child(1) {
    background: #E0F9D4; }
  .container-cooperation.two .container-cooperation__item:nth-child(2), .container-cooperation.two .container-cooperation__item:nth-child(4) {
    background: #F4DDFF; }
  .container-cooperation.two .container-cooperation__item:nth-child(3), .container-cooperation.two .container-cooperation__item:nth-child(5) {
    background: #E1F3FD; }
  .container-cooperation.two .block-form {
    background: #FFE175 url(../img/block-two__form-img2.png) no-repeat right top/auto 100%; }
    .container-cooperation.two .block-form::before {
      display: none; }
    .container-cooperation.two .block-form .block-form__title {
      font-size: 40px;
      line-height: 49px;
      color: #424242;
      width: 100%;
      max-width: 680px;
      margin-bottom: 30px; }
    .container-cooperation.two .block-form .block-form__text {
      color: #424242;
      margin-bottom: 34px;
      width: 100%;
      max-width: 460px; }
    .container-cooperation.two .block-form .form p {
      color: #424242; }
  .container-cooperation.three {
    overflow: visible; }
  .container-cooperation.three .container-cooperation__block-item {
    padding-top: 25px;
    margin-bottom: 50px; }
  .container-cooperation.three .container-cooperation__item {
    width: 23%; }
  .container-cooperation.three .container-cooperation__item:nth-child(1), .container-cooperation.three .container-cooperation__item:nth-child(2), .container-cooperation.three .container-cooperation__item:nth-child(9) {
    width: 48.7%; }
  .container-cooperation.three .container-cooperation__item:nth-child(1), .container-cooperation.three .container-cooperation__item:nth-child(5), .container-cooperation.three .container-cooperation__item:nth-child(7) {
    background: rgba(209, 236, 253, 0.8); }
  .container-cooperation.three .container-cooperation__item:nth-child(2), .container-cooperation.three .container-cooperation__item:nth-child(8) {
    background: rgba(255, 216, 148, 0.8); }
  .container-cooperation.three .container-cooperation__item:nth-child(3) {
    background: rgba(216, 248, 201, 0.8); }
  .container-cooperation.three .container-cooperation__item:nth-child(4), .container-cooperation.three .container-cooperation__item:nth-child(6) {
    background: rgba(232, 190, 255, 0.8); }
  .container-cooperation.three .block-form-relative {
    position: relative; }
    .container-cooperation.three .block-form-relative .block-form {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%; }
      .container-cooperation.three .block-form-relative .block-form::before {
        width: 430px;
        height: 540px;
        top: -69px;
        right: 0;
        background: url(../img/package-block__img2.png) no-repeat 0 20px/contain; }
    .container-cooperation.three .block-form-relative .block-form__title {
      font-size: 40px;
      line-height: 49px;
      margin-bottom: 37px; }
    .container-cooperation.three .block-form-relative .block-form__text {
      font-size: 16px;
      line-height: 26px;
      margin-bottom: 37px;
      width: 100%;
      max-width: 530px; }

.block-step {
  background: url(../img/block-3__bg.png) no-repeat 0 0/cover; }

.container-step {
  padding-top: 84px;
  padding-bottom: 80px; }
  .container-step .block-title h2 {
    color: #fff; }
  .container-step .block-title p {
    color: #fff;
    margin-bottom: 20px;
    width: 100%;
    max-width: 930px; }
    .container-step .block-title p:last-child {
      margin-bottom: 0; }
  .container-step__step-item {
    width: 100%;
    max-width: 1070px;
    padding-left: 140px;
    padding-top: 50px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap; }
  .container-step__item {
    width: 100%;
    max-width: 360px;
    margin-bottom: 100px; }
    .container-step__item:nth-child(5) {
      height: max-content; }
  .container-step__number {
    font-family: "proxima-nova-bold";
    font-size: 200px;
    line-height: 100px;
    margin-bottom: 20px;
    color: rgba(139, 139, 139, 0.5); }
  .container-step__title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 27px;
    margin-bottom: 22px;
    border-bottom: 1px solid #666666;
    min-height: 88px; }
    .container-step__title span {
      font-size: 25px;
      line-height: 30px;
      font-family: "proxima-nova-bold";
      color: #FFFFFF;
      display: block;
      width: 85%; }
    .container-step__title a {
      display: block;
      width: 48px;
      height: 48px;
      border-radius: 50%;
      background: #5468E7 url(../img/icon-link.svg) no-repeat center/20px 10px;
      opacity: 0;
      transition: opacity .3s ease; }
  .container-step__item:hover .container-step__title a {
    opacity: 1; }
  .container-step__text {
    font-weight: 600;
    font-size: 14px;
    line-height: 28px;
    color: #FFFFFF; }
  .container-step__item-last {
    width: 100%;
    max-width: 360px;
    position: relative;
    margin-top: 80px;
    border-radius: 32px; }
    .container-step__item-last::before, .container-step__item-last::after {
      content: '';
      display: block;
      width: 100%;
      height: 100%;
      border-radius: inherit;
      position: absolute;
      top: -124px;
      left: 0;
      z-index: 2;
      background: linear-gradient(180deg, rgba(239, 234, 237, 0.06) 0%, rgba(239, 234, 237, 0.54) 100%); }
    .container-step__item-last::after {
      top: -38px;
      left: -30px;
      z-index: 1; }
    .container-step__item-last > div {
      border-radius: inherit;
      position: relative;
      background: #F1F1F1;
      z-index: 3;
      padding: 25px 45px 80px; }
    .container-step__item-last img {
      display: block;
      width: 164px;
      height: 213px;
      margin: 0 auto 15px; }
    .container-step__item-last h3 {
      font-family: "proxima-nova-bold";
      margin-bottom: 23px;
      font-size: 25px;
      line-height: 30px; }
    .container-step__item-last > div > p {
      font-size: 16px;
      line-height: 28px;
      margin-bottom: 30px; }
  .container-step.two .container-step__item-last {
    margin-top: -80px; }
    .container-step.two .container-step__item-last img {
      width: 260px;
      height: 177px; }
  .container-step .form input {
    font-size: 14px;
    line-height: 21px;
    color: #405060;
    margin-bottom: 12px;
    background: #FFFFFF;
    border: 1px solid #405060;
    border-radius: 8px;
    height: 48px;
    width: 100%;
    display: flex;
    align-items: center;
    padding: 0 20px; }
  .container-step .form button {
    font-weight: 700;
    font-size: 14px;
    line-height: 21px;
    color: #FFFFFF;
    margin-bottom: 15px;
    border-radius: 8px;
    height: 48px;
    width: 100%;
    display: flex;
    align-items: center;
    padding: 0 20px;
    justify-content: center;
    background: #5468E7;
    cursor: pointer;
    transition: background .3s ease; }
    .container-step .form button:hover {
      background: #34439D; }
  .container-step .form p {
    font-size: 11px;
    line-height: 14px; }
  .container-step.two {
    padding-bottom: 0;
    overflow: visible; }
  .container-step.two .block-form-relative {
    padding-top: 220px;
    position: relative; }
    .container-step.two .block-form-relative .block-form {
      position: absolute;
      width: 100%;
      top: 80px;
      left: 0;
      z-index: 1;
      display: flex;
      align-items: center;
      justify-content: space-between;
      flex-wrap: wrap; }
      .container-step.two .block-form-relative .block-form__title {
        width: 100%; }
      .container-step.two .block-form-relative .block-form > div:nth-child(2) {
        width: 60%;
        padding-right: 70px;
        border-right: 1px solid rgba(255, 255, 255, 0.15); }
      .container-step.two .block-form-relative .block-form::before {
        display: none; }
      .container-step.two .block-form-relative .block-form input {
        width: 50%;
        border: 0;
        border-radius: 8px 0 0 8px;
        margin-bottom: 15px; }
      .container-step.two .block-form-relative .block-form button {
        width: 50%;
        border-radius: 0 8px 8px 0;
        background: #424242;
        margin-bottom: 15px; }
        .container-step.two .block-form-relative .block-form button:hover {
          background: #000; }
      .container-step.two .block-form-relative .block-form .block-info {
        width: 40%;
        padding-left: 80px; }
        .container-step.two .block-form-relative .block-form .block-info p {
          color: #fff;
          font-weight: 600;
          font-size: 15px;
          line-height: 26px;
          margin-bottom: 30px; }
        .container-step.two .block-form-relative .block-form .block-info .block-soc-footer {
          display: flex;
          align-items: center;
          flex-wrap: wrap; }
          .container-step.two .block-form-relative .block-form .block-info .block-soc-footer p {
            width: 100%;
            margin-bottom: 0;
            margin-top: 7px; }
        .container-step.two .block-form-relative .block-form .block-info a.soc {
          display: block;
          width: 28px;
          height: 28px;
          margin-right: 12px; }
          .container-step.two .block-form-relative .block-form .block-info a.soc:nth-child(1) {
            background: url(../img/viber.svg) no-repeat center/contain; }
          .container-step.two .block-form-relative .block-form .block-info a.soc:nth-child(2) {
            background: url(../img/telega.svg) no-repeat center/contain; }
        .container-step.two .block-form-relative .block-form .block-info a.tel {
          font-weight: 600;
          font-size: 23px;
          line-height: 26px;
          color: #FFFFFF; }

.container-catalog {
  padding-top: 80px;
  padding-bottom: 50px; }
  .container-catalog .block-title {
    margin-bottom: 50px; }
    .container-catalog .block-title p {
      display: none; }
  .container-catalog__item-block .swiper-wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; }
  .container-catalog__item {
    position: relative;
    padding: 25px 20px;
    height: 394px;
    width: 100%;
    max-width: 270px;
    border-radius: 32px;
    margin: 0 0 30px 0; }
    .container-catalog__item p {
      font-family: "proxima-nova-bold";
      font-size: 28px;
      line-height: 34px;
      color: #FFFFFF;
      position: relative;
      z-index: 2; }
    .container-catalog__item img {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      object-fit: cover;
      z-index: 1; }
    .container-catalog__item:last-child p {
      font-size: 25px;
      line-height: 30px;
      text-align: center;
      color: #424242; }

.block-package {
  background: #F1F1F1; }

.container-package {
  padding-top: 85px;
  padding-bottom: 80px;
  display: flex;
  align-items: center;
  justify-content: space-between; }
  .container-package__info {
    width: 50%;
    padding-left: 140px; }
    .container-package__info h2 {
      font-family: "proxima-nova-bold";
      font-size: 50px;
      line-height: 61px;
      position: relative;
      margin-bottom: 25px; }
      .container-package__info h2::before {
        content: '';
        display: block;
        position: absolute;
        width: 70px;
        height: 85px;
        background: url(../img/logo.png) no-repeat center/contain;
        left: -140px;
        top: -5px; }
    .container-package__info p {
      width: 100%;
      max-width: 400px;
      font-size: 16px;
      line-height: 28px;
      margin-bottom: 50px; }
    .container-package__info a {
      display: flex;
      align-items: center;
      justify-content: center;
      width: 100%;
      max-width: 330px;
      height: 48px;
      text-align: center;
      font-weight: 700;
      font-size: 14px;
      line-height: 21px;
      color: #FFFFFF;
      background: #5468E7;
      border-radius: 8px;
      transition: background .3s ease; }
      .container-package__info a:hover {
        background: #34439D; }
  .container-package img {
    width: 50%; }

.block-logo {
  background: url(../img/block-3__bg.png) no-repeat 0 0/cover; }

.container-logo {
  overflow: visible;
  padding-top: 80px;
  padding-bottom: 80px;
  position: relative; }
  .container-logo::before {
    content: '';
    display: block;
    width: 241px;
    height: 375px;
    background: url(../img/banka-2.png) no-repeat center/contain;
    position: absolute;
    top: 22px;
    right: 0;
    z-index: 1; }
  .container-logo::after {
    content: '';
    display: block;
    width: 155px;
    height: 217px;
    background: url(../img/banka-1.png) no-repeat center/contain;
    position: absolute;
    bottom: -70px;
    right: 0;
    z-index: 1; }
  .container-logo .block-title {
    width: 100%;
    max-width: 800px;
    margin-bottom: 27px; }
    .container-logo .block-title h2, .container-logo .block-title p {
      color: #fff; }
  .container-logo__title-item {
    font-family: "proxima-nova-bold";
    font-size: 25px;
    line-height: 30px;
    color: #FFFFFF;
    padding-left: 140px;
    margin-bottom: 40px; }
  .container-logo__item-block {
    display: flex;
    justify-content: space-between; }
  .container-logo__item {
    padding: 20px 30px;
    background: #F1F1F1;
    border-radius: 32px;
    width: 100%;
    max-width: 370px;
    display: flex;
    flex-direction: column;
    justify-content: space-between; }
    .container-logo__item img {
      display: block;
      width: 180px;
      height: 170px; }
    .container-logo__item h3 {
      font-family: "proxima-nova-bold";
      font-size: 25px;
      line-height: 30px;
      margin-bottom: 20px;
      color: #424242; }
    .container-logo__item p {
      font-size: 13px;
      line-height: 24px;
      margin-bottom: 30px; }
    .container-logo__item a {
      display: flex;
      align-items: center;
      justify-content: center;
      width: 200px;
      height: 48px;
      background: #5468E7;
      border-radius: 8px;
      font-weight: 700;
      font-size: 14px;
      line-height: 21px;
      color: #FFFFFF;
      transition: background .3s ease; }
      .container-logo__item a:hover {
        background: #34439D; }

.block-quest {
  background: #F1F1F1; }

.container-quest {
  padding-top: 310px;
  padding-bottom: 70px; }
  .container-quest .block-title {
    padding-bottom: 25px; }
  .container-quest__item {
    margin-bottom: 10px;
    background: #F9F9FA;
    box-shadow: 0px 0px 28px rgba(154, 161, 176, 0.2);
    border-radius: 32px;
    max-height: 80px;
    overflow: hidden;
    transition: max-height 1s ease; }
    .container-quest__item.active {
      max-height: 500px; }
    .container-quest__item a {
      display: flex;
      align-items: center;
      justify-content: space-between;
      padding: 0 40px 0 110px;
      height: 80px; }
      .container-quest__item a span {
        font-family: "proxima-nova-bold";
        font-size: 18px;
        line-height: 21px; }
      .container-quest__item a img {
        display: block;
        width: 12px;
        height: 10px;
        transition: transform .5s ease; }
      .container-quest__item a.active img {
        transform: rotate(180deg); }
    .container-quest__item p {
      font-size: 16px;
      line-height: 28px;
      padding: 0 100px 30px 110px; }

.container-footer {
  padding-top: 311px;
  padding-bottom: 46px;
  display: flex;
  align-items: center; }
  .container-footer__logo {
    display: block;
    width: 167px;
    height: 87px;
    background: url(../img/logo_+_text.png) no-repeat center/contain;
    margin-right: 32px; }
  .container-footer__text {
    width: 100%;
    max-width: 154px;
    font-size: 13px;
    line-height: 18px; }
  .container-footer__tel {
    margin-left: auto;
    margin-right: 20px;
    font-size: 23px;
    line-height: 26px; }
  .container-footer__callback {
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 14px;
    line-height: 21px;
    color: #FFFFFF;
    width: 180px;
    height: 48px;
    background: #424242;
    border-radius: 8px;
    transition: background .3s ease; }
    .container-footer__callback:hover {
      background: #000; }

.container-last {
  display: flex;
  align-items: center;
  padding-top: 17px;
  padding-bottom: 27px;
  border-top: 1px solid rgba(196, 196, 196, 0.5); }
  .container-last p:nth-child(1) {
    margin-right: 93px;
    font-size: 13px;
    line-height: 18px;
    letter-spacing: 0.01em;
    color: #C4C4C4; }
  .container-last p:nth-child(2) {
    margin-right: 40px;
    font-size: 13px;
    line-height: 22px;
    color: #C4C4C4; }
  .container-last div {
    display: flex;
    align-items: center; }
    .container-last div a:nth-child(1) {
      width: 26px;
      height: 26px;
      display: block;
      background: url(../img/vk.svg) no-repeat center/contain;
      margin-right: 14px; }
    .container-last div a:nth-child(2) {
      width: 26px;
      height: 26px;
      display: block;
      background: url(../img/youtube.svg) no-repeat center/contain; }
  .container-last p:nth-child(4) {
    margin-left: auto;
    font-size: 13px;
    line-height: 22px;
    color: #C4C4C4; }

.thanks-block {
  background: #F1F1F1; }

.thanks-block + .footer .container-footer {
  padding-top: 50px; }

.container-thanks {
  padding-top: 180px;
  padding-bottom: 100px;
  display: flex;
  align-items: center;
  justify-content: space-between; }
  .container-thanks__info {
    width: 50%; }
    .container-thanks__info h1 {
      font-family: "proxima-nova-bold";
      font-size: 50px;
      line-height: 61px;
      width: 100%;
      max-width: 535px;
      margin-bottom: 27px; }
    .container-thanks__info p {
      margin-bottom: 40px;
      font-size: 16px;
      line-height: 28px; }
    .container-thanks__info a {
      width: 200px;
      height: 48px;
      display: flex;
      align-items: center;
      justify-content: center;
      color: #fff;
      font-weight: 700;
      font-size: 14px;
      line-height: 21px;
      background: #424242;
      border-radius: 8px;
      transition: background .3s ease; }
      .container-thanks__info a:hover {
        background: #000; }
  .container-thanks img {
    width: 100%;
    max-width: 590px;
    height: auto; }

/*# sourceMappingURL=main.css.map */