@import url("https://fonts.googleapis.com/css?family=PT+Sans:400,700&subset=cyrillic");
@font-face {
  font-family: AGP;
  font-style: normal;
  src: url("../fonts/AkzidenzGroteskPro-Bold.otf");
  font-weight: bold; }

@font-face {
  font-family: AGP-xbdcn;
  font-style: normal;
  src: url("../fonts/AkzidenzGroteskPro-XBdCn.otf");
  font-weight: 400; }

@font-face {
  font-family: AGP-cn;
  font-style: normal;
  src: url("../fonts/AkzidenzGroteskPro-Cn.otf");
  font-weight: 400; }

@font-face {
  font-family: AGP-mdcn;
  font-style: normal;
  src: url("../fonts/AkzidenzGroteskPro-MdCn.otf");
  font-weight: 400; }

@font-face {
  font-family: AGP-xbd;
  font-style: normal;
  src: url("../fonts/AkzidenzGroteskPro-XBd.otf"); }

@font-face {
  font-family: AGP-light;
  font-style: normal;
  src: url("../fonts/AkzidenzGroteskPro-Light.otf"); }

@font-face {
  font-family: AGP-lightCn;
  font-style: normal;
  src: url("../fonts/AkzidenzGroteskPro-LightCn.otf"); }

@font-face {
  font-family: AGP-BoldCn;
  font-style: normal;
  src: url("../fonts/AkzidenzGroteskPro-BoldCn.otf"); }

@font-face {
  font-family: AGP-reg;
  font-style: normal;
  src: url("../fonts/AkzidenzGroteskPro-Regular.otf"); }

@font-face {
  font-family: Jura;
  font-style: normal;
  src: url("../fonts/ofont.ru_Jura.ttf") format("truetype");
  font-weight: 400; }

.jura {
  font-family: Jura; }

.agp {
  font-family: "AGP", sans-serif; }

.agp-xbdcn {
  font-family: "AGP-xbdcn", sans-serif; }

.agp-xbd {
  font-family: "AGP-xbd", sans-serif; }

.agp-light {
  font-family: "AGP-light", sans-serif; }

.agp-lightcn {
  font-family: "AGP-lightCn", sans-serif; }

.agp-boldcn {
  font-family: "AGP-BoldCn", sans-serif; }

.agp-cn {
  font-family: "AGP-cn", sans-serif; }

.agp-mdcn {
  font-family: "AGP-mdcn", sans-serif; }

.agp-reg {
  font-family: "AGP-reg", sabs-serif; }

.pt {
  font-family: "PT sans", sans-serif; }

*, *:after, *:before {
  box-sizing: border-box;
  margin: 0;
  padding: 0; }

body {
  min-width: 350px;
  color: #192028;
  background-color: #efefef; }

.button {
  cursor: pointer; }
  .button-transparent {
    position: relative;
    padding: .8em 1.7em;
    border: 1px solid #035df9;
    border-radius: 10em;
    font-size: 1.1em;
    transition: all ease-in-out .2s; }
    .button-transparent:before {
      content: "";
      position: absolute;
      top: -.5em;
      left: -.5em;
      width: calc(100% + 1em);
      height: calc(100% + 1em);
      border: 1px solid #035df9;
      opacity: .2;
      border-radius: 10em; }
    .button-transparent:hover {
      background-color: #035df9;
      box-shadow: 0 0 20px 0 #035df9; }
  .button-blue {
    padding: .8em 3.3em;
    cursor: pointer;
    font-size: 1.5em;
    color: #fff;
    transition: all ease-in-out .2s;
    background-color: #035df9;
    border-radius: 10em;
    font-family: "AGP-light", sans-serif;
    text-align: center;
    white-space: nowrap; }
    .button-blue:hover {
      background: #023794; }

.title {
  font-family: "AGP-xbdcn", sans-serif;
  font-size: 3.7em;
  font-weight: 400; }

.subtitle {
  font-family: "AGP-lightCn", sans-serif;
  font-size: 3.7em;
  line-height: .7em;
  font-weight: 400; }

.desc {
  position: relative;
  font-family: "AGP-reg", sabs-serif;
  font-size: 1.9em;
  margin-top: 1.3em;
  padding-left: .4em;
  line-height: 1.1em;
  margin-left: .2em; }
  .desc:before {
    content: "";
    position: absolute;
    left: 0;
    top: 10%;
    height: 80%;
    border-left: 1px solid #035df9; }

.title, .subtitle, .desc {
  max-width: 100%; }

.desc {
  width: 19.5em; }

.inner {
  margin: auto;
  width: 73em;
  max-width: 100%; }

.form__input {
  font-family: "AGP-light", sans-serif;
  background-color: transparent;
  border: none;
  color: #fff;
  border-bottom: 2px solid white;
  display: block;
  font-size: 1.5em;
  line-height: 2.1em;
  margin-top: 1.6em; }

@media (max-width: 1500px) {
  body {
    font-size: 15px; } }

@media (max-width: 1300px) {
  body {
    font-size: 14px; } }