.top-block {
  border-radius: 16px;
  padding: 3.43rem;
  letter-spacing: 0.04em;
  box-shadow: 0 40px 128px 0 rgba(85, 113, 160, 0.24);

}

.fancybox-day .top-block {
  background: url(/assets/static/misc/popup/logoGraph.08.svg), rgba(236, 224, 222, 0.72);
  background-repeat: no-repeat;
  background-position: bottom right;
  background-size: 66%;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px)
}

.fancybox-night .top-block {
  background: url(/assets/static/misc/popup/logoGraphNight.08.svg), rgba(185, 187, 191, 0.72);
  background-repeat: no-repeat;
  background-position: bottom right;
  background-size: 66%;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px)
}

.top-block__title {
  font-weight: 700;
  font-size: 2.86rem;
  line-height: 116%;
  letter-spacing: .04em;
  text-align: left;
  padding-left: 8rem;
  margin-bottom: 1.71rem;
}

.fancybox-day .top-block__title {
  background: url(/assets/static/misc/popup/heartOrange.png) left/5.71rem no-repeat;
  min-height: 5.71rem;
}

.fancybox-night .top-block__title {
  background: url(/assets/static/misc/popup/moon.png) left/5.71rem no-repeat
}

.top-block__subtitle {
  font-weight: 500;
  font-size: 1.71rem;
  line-height: 132%;
  letter-spacing: .04em;
  margin-bottom: 1.71rem;
  margin-top: 1.71rem;
}

.top-block__btns {
  display: flex;
  margin-bottom: 2.9rem;
}

.top-block__btn {
  height: 4rem;
  font-size: 1.79rem;
  line-height: 3.7rem;
  letter-spacing: 1px;
  color: #F26422;
  font-weight: 500;
  padding: 0 2.29rem 0 1.71rem;
  border-radius: 4px;
  border: 2px solid #F26422;
  background: #EEF1F7;
  display: flex;
  align-items: center;
}

.top-block__btn:not(:last-child) {
  margin-right: 2.86rem;
}

.top-block__btn img {
  width: 2.29rem;
  margin-right: 1.14rem;
}

@media (max-width: 639px) {
  .top-block {
    padding: 3rem;
    border-radius: 8px;
    box-shadow: 0 40px 128px 0 rgba(85, 113, 160, 0.24);

  }

  .top-block__title {
    font-size: 3rem;
    padding-left: 0;
    padding-top: 7rem;
    margin-bottom: 2rem;
  }

  .fancybox-day .top-block {
    background: url(/assets/static/misc/popup/logoGraph.08Mob.svg), rgba(236, 224, 222, 0.72);
    background-repeat: no-repeat;
    background-position: bottom right;
    background-size: 96%
  }

  .fancybox-night .top-block {
    background: url(/assets/static/misc/popup/logoGraphNight.08Mob.svg), rgba(185, 187, 191, 0.72);
    background-repeat: no-repeat;
    background-position: bottom right;
    background-size: 96%
  }
 .fancybox-day .top-block__title {
    background: url(/assets/static/misc/popup/heartOrangeMob.png) top left/5rem no-repeat;
    min-height: 5rem;
  }

  .fancybox-night .top-block__title {
    background: url(/assets/static/misc/popup/moonMob.png) top left/5rem no-repeat
  }

  .top-block__subtitle {
    font-size: 2.625rem;
    margin-bottom: 2rem;
  }

  .fo-block__subtitle {
    font-size: 2.625rem;
    margin-top: 3rem;
  }

  .top-block__btns {
    flex-direction: column;
    margin-bottom: 0;
  }

  .top-block__btn {
    width: 100%;
    height: 6.5rem;
    line-height: 6rem;
    font-size: 2.625rem;
    padding: 0 3rem;
    margin-bottom: 2rem;
    justify-content: center;
  }

  .top-block__btn:not(:last-child) {
    margin-right: 0;
  }

  .top-block__btn img {
    width: 3rem;
    margin-right: 2rem;
  }
}

/*-----------------------------------------------------*/

.top-block__cta {
  width: 100%;
  max-width: 100%;
  margin: 1.71rem auto 0
}

.top-block__cta .form-inline--sk {
  max-width: 100%;
  margin: 0;
  display: block;
}

.top-block__cta .form-inline--sk .form-content {
  display: flex;
  width: 100%;
  max-width: 100%;
  margin-top: 1.71rem;
  margin-bottom: 1.71rem;
}

.top-block__cta .form-inline--sk span.ff__underline {
  height: 4.57rem;
  background: rgba(255, 255, 255, .64);
  border: 2px solid #a2a2a1;
  border-radius: 4px;
  margin-bottom: 0;
  position: relative;
  max-width: 23.2rem;
  width: 23.2rem
}

.top-block__cta .form-inline--sk span.ff__underline:after {
  display: none;
}

.top-block__cta .form-inline--sk input[type=tel] {
  font-size: 1.93rem;
  line-height: 4.29rem;
  text-align: left;
  padding-left: 2.29rem;
  letter-spacing: .04em;
  z-index: 100
}

.top-block__cta .form-inline--sk button {
  height: 4.57rem;
  line-height: 4.29rem;
  color: #f0faff;
  border-radius: 4px;
  font-weight: 500;
  font-size: 1.93rem;
  background-color: #f26422;
  border-color: #f26422;
  margin-left: 1.71rem;
  padding: 0 2.29rem;
}

.top-block__cta .form-inline--sk button[disabled] {
  pointer-events: none;
  opacity: .4 !important
}

.top-block__cta .form-inline--sk button:after {
  content: '';
  position: absolute;
  top: -3px;
  left: -3px;
  z-index: -1;
  width: calc(100% + 6px);
  height: calc(100% + 6px);
  border-radius: 4px;
  transition: .3s ease-in-out
}

.top-block__cta .form-inline--sk span.ff__underline input::-webkit-input-placeholder {
  color: #a2a2a1;
  font-size: 1.93rem;
  font-weight: 500;
  letter-spacing: .04em
}

.top-block__cta .form-inline--sk span.ff__underline input::-moz-placeholder {
  color: #a2a2a1;
  font-size: 1.93rem;
  font-weight: 500;
  letter-spacing: .04em
}

.top-block__cta .form-inline--sk span.ff__underline input:-ms-input-placeholder {
  color: #a2a2a1;
  font-size: 1.93rem;
  font-weight: 500;
  letter-spacing: .04em
}

.top-block__cta .form-inline--sk span.ff__underline input:-moz-placeholder {
  color: #a2a2a1;
  font-size: 1.93rem;
  font-weight: 500;
  letter-spacing: .04em
}

@media (max-width: 639px) {

  .top-block__cta {
    width: 100%;
    max-width: 100%;
    margin: 3rem auto 0
  }

  .top-block__cta .form-inline--sk {
    max-width: 100%
  }

  .top-block__cta .form-inline--sk .form-content {
    max-width: 100%;
    flex-direction: column
  }

  .top-block__cta .form-inline--sk button,
  .top-block__cta .form-inline--sk span.ff__underline {
    max-width: 100%;
    width: 100%
  }

  .top-block__cta .form-inline--sk span.ff__underline {
    height: 6rem;
    margin-bottom: 2rem
  }

  .top-block__cta .form-inline--sk input[type=tel] {
    font-size: 2.75rem;
    line-height: 6rem;
    text-align: left;
    padding-left: 3.25rem
  }

  .top-block__cta .form-inline--sk button {
    height: 6rem;
    line-height: 5.5rem;
    font-size: 2.625rem;
    margin: 0
  }

  .top-block__cta .form-inline--sk span.ff__underline input::-webkit-input-placeholder {
    font-size: 2.75rem
  }

  .top-block__cta .form-inline--sk span.ff__underline input::-moz-placeholder {
    font-size: 2.75rem
  }

  .top-block__cta .form-inline--sk span.ff__underline input:-ms-input-placeholder {
    font-size: 2.75rem
  }

  .top-block__cta .form-inline--sk span.ff__underline input:-moz-placeholder {
    font-size: 2.75rem
  }

}