/* Стили страницы /osnovnyye-pravila-raboty-vebkam-modeley: Zero-блоки (сгенерировано tools/build_site.py) */

/* ---------- p-z ---------- */
.s-p-z .z__ab {
  height: 239px;
  background-color: #ffffff;
}
@media (max-width: 479px) {
  .s-p-z .z__ab {
    height: 179px;
  }
}
.s-p-z .e1 {
  color: #ffffff;
  text-align: center;
  top: 10px;
  left: calc(50% - 600px + 412px);
  width: 194px;
  height: 194px;
}
.s-p-z .e1 .el__a {
  color: #ffffff;
  font-size: 20px;
  font-family: 'NeueMachina',Arial,sans-serif;
  line-height: 1.25;
  font-weight: 600;
  border-radius: 150px 150px 150px 150px;
  --z-borderwidth: 9px;
  --z-bordercolor: #ffffff;
  box-shadow: 3px 2px 10px 0px rgba(5,4,4,0.2);
  --z-speedhover: 0.2s;
  --z-bgcolor-color: #ff4eae;
  --z-bgcolor-image: none;
  background-color: var(--z-bgcolor-color,transparent);
  justify-content: center;
  padding: 0;
}
.s-p-z .e1 .el__a::after {
  display: none;
}
.s-p-z .e1 .el__a .el__btn-text {
  transition: color var(--z-speedhover,0s) ease-in-out;
  color: #ffffff;
}
.s-p-z .e1 .el__a .el__btn-border::before {
  display: none;
}
.s-p-z .e1 .el__a .el__btn-border::after {
  display: none;
}
@media (hover) {
  .s-p-z .e1 .el__a:hover::after {
    opacity: 0;
  }
  .s-p-z .e1 .el__a:hover {
    animation-name: none;
  }
}
@media (hover) {
  .s-p-z .e1 .el__a:hover {
    border-style: var(--z-borderstyle,solid);
    border-color: var(--z-bordercolor-hover,var(--z-bordercolor,transparent));
  }
}
@media (max-width: 1199px) {
  .s-p-z .e1 {
    top: 13px;
    left: calc(50% - 480px + 356px);
  }
  .s-p-z .e1 .el__a {
    white-space: normal;
    background-size: cover;
  }
  .s-p-z .e1 .el__a .el__btn-text {
    overflow: visible;
  }
  @media (hover) {
    .s-p-z .e1 .el__a:hover::after {
      opacity: 0;
    }
    .s-p-z .e1 .el__a:hover {
      animation-name: none;
    }
  }
  @media (hover) {
    .s-p-z .e1 .el__a:hover {
      border-style: var(--z-borderstyle,solid);
      border-color: var(--z-bordercolor-hover,var(--z-bordercolor,transparent));
    }
  }
}
@media (max-width: 959px) {
  .s-p-z .e1 {
    top: 21px;
    left: calc(50% - 320px + 230px);
  }
  @media (hover) {
    .s-p-z .e1 .el__a:hover::after {
      opacity: 0;
    }
    .s-p-z .e1 .el__a:hover {
      animation-name: none;
    }
  }
  @media (hover) {
    .s-p-z .e1 .el__a:hover {
      border-style: var(--z-borderstyle,solid);
      border-color: var(--z-bordercolor-hover,var(--z-bordercolor,transparent));
    }
  }
}
@media (max-width: 639px) {
  .s-p-z .e1 {
    top: 16px;
    left: calc(50% - 240px + 150px);
  }
  @media (hover) {
    .s-p-z .e1 .el__a:hover::after {
      opacity: 0;
    }
    .s-p-z .e1 .el__a:hover {
      animation-name: none;
    }
  }
  @media (hover) {
    .s-p-z .e1 .el__a:hover {
      border-style: var(--z-borderstyle,solid);
      border-color: var(--z-bordercolor-hover,var(--z-bordercolor,transparent));
    }
  }
}
@media (max-width: 479px) {
  .s-p-z .e1 {
    top: 22px;
    left: calc(50% - 160px + 90px);
    width: 132px;
    height: 132px;
    border-radius: 500px;
  }
  .s-p-z .e1 .el__a {
    font-size: 13px;
    border-radius: 500px;
    --z-borderwidth: 5px;
  }
  @media (hover) {
    .s-p-z .e1 .el__a:hover::after {
      opacity: 0;
    }
    .s-p-z .e1 .el__a:hover {
      animation-name: none;
    }
  }
  @media (hover) {
    .s-p-z .e1 .el__a:hover {
      border-style: var(--z-borderstyle,solid);
      border-color: var(--z-bordercolor-hover,var(--z-bordercolor,transparent));
    }
  }
}

/* ---------- p-cta ---------- */
.s-p-cta .z__ab {
  height: 750px;
  background-color: #ffffff;
}
@media (max-width: 959px) {
  .s-p-cta .z__ab {
    height: 1350px;
  }
}
@media (max-width: 479px) {
  .s-p-cta .z__ab {
    height: 1290px;
  }
}
.s-p-cta .e1 {
  top: 469px;
  left: calc(50% - 600px + 682px);
  width: 228px;
  height: 60px;
  -webkit-filter: blur(6px);
  filter: blur(6px);
  border-radius: 50px 50px 50px 50px;
}
.s-p-cta .e1 .el__a {
  border-radius: 50px 50px 50px 50px;
  opacity: 0.25;
  background-color: #000000;
}
@media (max-width: 1199px) {
  .s-p-cta .e1 {
    top: 447px;
    left: calc(50% - 480px + 462px);
  }
}
@media (max-width: 959px) {
  .s-p-cta .e1 {
    top: 1139px;
    left: calc(50% - 320px + 10px);
  }
}
@media (max-width: 639px) {
  .s-p-cta .e1 {
    left: calc(50% - 240px + 10px);
  }
}
@media (max-width: 479px) {
  .s-p-cta .e1 {
    top: 1105px;
    left: calc(50% - 160px + 13px);
    width: 226px;
  }
}
.s-p-cta .e2 {
  color: #000000;
  z-index: 4;
  top: 44px;
  left: calc(50% - 600px + 20px);
  width: 445px;
  height: auto;
}
.s-p-cta .e2 .el__a {
  vertical-align: middle;
  color: #000000;
  font-size: 48px;
  font-family: 'NeueMachina',Arial,sans-serif;
  line-height: 1.2;
  font-weight: 600;
  text-transform: uppercase;
}
@media (max-width: 1199px) {
  .s-p-cta .e2 {
    left: calc(50% - 480px + 20px);
  }
  .s-p-cta .e2 .el__a {
    white-space: normal;
    background-size: cover;
  }
}
@media (max-width: 959px) {
  .s-p-cta .e2 {
    left: calc(50% - 320px + 10px);
  }
}
@media (max-width: 639px) {
  .s-p-cta .e2 {
    left: calc(50% - 240px + 10px);
  }
}
@media (max-width: 479px) {
  .s-p-cta .e2 {
    top: 61px;
    left: calc(50% - 160px + 10px);
    width: 362px;
  }
  .s-p-cta .e2 .el__a {
    font-size: 35px;
  }
}
.s-p-cta .e3 {
  color: #000000;
  z-index: 5;
  top: 337px;
  left: calc(50% - 600px + 20px);
  width: 394px;
  height: auto;
}
.s-p-cta .e3 .el__a {
  vertical-align: middle;
  color: #000000;
  font-size: 18px;
  font-family: 'NeueMachina',Arial,sans-serif;
  line-height: 1.35;
  font-weight: 400;
}
@media (max-width: 1199px) {
  .s-p-cta .e3 {
    left: calc(50% - 480px + 20px);
  }
  .s-p-cta .e3 .el__a {
    white-space: normal;
    background-size: cover;
  }
}
@media (max-width: 959px) {
  .s-p-cta .e3 {
    left: calc(50% - 320px + 10px);
  }
}
@media (max-width: 639px) {
  .s-p-cta .e3 {
    left: calc(50% - 240px + 10px);
  }
}
@media (max-width: 479px) {
  .s-p-cta .e3 {
    top: 269px;
    left: calc(50% - 160px + 10px);
    width: 297px;
  }
  .s-p-cta .e3 .el__a {
    font-size: 16px;
  }
}
.s-p-cta .e4 {
  color: #000000;
  z-index: 6;
  top: 435px;
  left: calc(50% - 600px + 20px);
  width: 159px;
  height: auto;
}
.s-p-cta .e4 .el__a {
  vertical-align: middle;
  color: #000000;
  font-size: 18px;
  font-family: 'NeueMachina',Arial,sans-serif;
  line-height: 1.4;
  font-weight: 400;
}
@media (max-width: 1199px) {
  .s-p-cta .e4 {
    left: calc(50% - 480px + 20px);
  }
  .s-p-cta .e4 .el__a {
    white-space: normal;
    background-size: cover;
  }
}
@media (max-width: 959px) {
  .s-p-cta .e4 {
    left: calc(50% - 320px + 10px);
  }
}
@media (max-width: 639px) {
  .s-p-cta .e4 {
    left: calc(50% - 240px + 10px);
  }
}
@media (max-width: 479px) {
  .s-p-cta .e4 {
    top: 378px;
    left: calc(50% - 160px + 10px);
    width: 254px;
  }
}
.s-p-cta .e5 {
  z-index: 7;
  top: 524px;
  left: calc(50% - 600px + 20px);
  width: 398px;
  height: auto;
}
@media (max-width: 1199px) {
  .s-p-cta .e5 {
    left: calc(50% - 480px + 20px);
  }
}
@media (max-width: 959px) {
  .s-p-cta .e5 {
    left: calc(50% - 320px + 10px);
  }
}
@media (max-width: 639px) {
  .s-p-cta .e5 {
    left: calc(50% - 240px + 10px);
  }
}
@media (max-width: 479px) {
  .s-p-cta .e5 {
    top: 486px;
    left: calc(50% - 160px + 12px);
    width: 308px;
  }
}
.s-p-cta .e6 {
  z-index: 8;
  top: 449px;
  left: calc(50% - 600px + 306px);
  width: 200px;
  height: auto;
}
@media (max-width: 1199px) {
  .s-p-cta .e6 {
    left: calc(50% - 480px + 306px);
  }
}
@media (max-width: 959px) {
  .s-p-cta .e6 {
    left: calc(50% - 320px + 296px);
  }
}
@media (max-width: 639px) {
  .s-p-cta .e6 {
    top: 341px;
    left: calc(50% - 240px + 299px);
  }
}
@media (max-width: 479px) {
  .s-p-cta .e6 {
    top: 531px;
    left: calc(50% - 160px + -35px);
  }
  .s-p-cta .e6 .el__a {
    background-size: cover;
    -webkit-transform: rotate(300deg);
    transform: rotate(300deg);
  }
}
.s-p-cta .e7 {
  z-index: 9;
  top: 234px;
  left: calc(50% - 600px + 245px);
  width: 62px;
  height: auto;
}
.s-p-cta .e7 .el__a {
  -webkit-transform: rotate(34deg);
  transform: rotate(34deg);
}
@media (max-width: 1199px) {
  .s-p-cta .e7 {
    left: calc(50% - 480px + 245px);
  }
}
@media (max-width: 959px) {
  .s-p-cta .e7 {
    left: calc(50% - 320px + 219px);
  }
}
@media (max-width: 639px) {
  .s-p-cta .e7 {
    left: calc(50% - 240px + 219px);
  }
}
@media (max-width: 479px) {
  .s-p-cta .e7 {
    top: 193px;
    left: calc(50% - 160px + 160px);
    width: 57px;
  }
  .s-p-cta .e7 .el__a {
    background-size: cover;
    -webkit-transform: rotate(346deg);
    transform: rotate(346deg);
  }
}
.s-p-cta .e8 {
  color: #a8a8a8;
  z-index: 10;
  top: 567px;
  left: calc(50% - 600px + 681px);
  width: 428px;
  height: auto;
}
.s-p-cta .e8 .el__a {
  vertical-align: middle;
  color: #a8a8a8;
  font-size: 20px;
  font-family: 'NeueMachina',Arial,sans-serif;
  line-height: 1.4;
  font-weight: 400;
}
@media (max-width: 1199px) {
  .s-p-cta .e8 {
    top: 517px;
    left: calc(50% - 480px + 477px);
  }
  .s-p-cta .e8 .el__a {
    white-space: normal;
    background-size: cover;
  }
}
@media (max-width: 959px) {
  .s-p-cta .e8 {
    top: 1214px;
    left: calc(50% - 320px + 10px);
  }
}
@media (max-width: 639px) {
  .s-p-cta .e8 {
    left: calc(50% - 240px + 10px);
  }
}
@media (max-width: 479px) {
  .s-p-cta .e8 {
    top: 1182px;
    left: calc(50% - 160px + 10px);
    width: 296px;
  }
  .s-p-cta .e8 .el__a {
    font-size: 14px;
  }
}
.s-p-cta .e9 {
  color: #000000;
  z-index: 11;
  top: 1586px;
  left: calc(50% - 600px + -452px);
  width: 436px;
  height: auto;
}
.s-p-cta .e9 .el__a {
  vertical-align: middle;
  color: #000000;
  font-size: 48px;
  font-family: 'NeueMachina',Arial,sans-serif;
  line-height: 1.2;
  font-weight: 600;
  text-transform: uppercase;
}
@media (max-width: 1199px) {
  .s-p-cta .e9 {
    left: calc(50% - 480px + -452px);
  }
  .s-p-cta .e9 .el__a {
    white-space: normal;
    background-size: cover;
  }
}
@media (max-width: 959px) {
  .s-p-cta .e9 {
    left: calc(50% - 320px + 20pxpx);
  }
}
@media (max-width: 639px) {
  .s-p-cta .e9 {
    left: calc(50% - 240px + 20pxpx);
  }
}
@media (max-width: 479px) {
  .s-p-cta .e9 {
    top: 215px;
    left: calc(50% - 160px + 590px);
    width: 362px;
  }
  .s-p-cta .e9 .el__a {
    font-size: 35px;
  }
}
.s-p-cta .e10 {
  z-index: 12;
  top: 56px;
  left: calc(50% - 600px + 681px);
  width: 498px;
  height: auto;
}
@media (max-width: 1199px) {
  .s-p-cta .e10 {
    top: 37px;
    left: calc(50% - 480px + 462px);
  }
}
@media (max-width: 959px) {
  .s-p-cta .e10 {
    top: 729px;
    left: calc(50% - 320px + 10px);
    width: 614px;
  }
}
@media (max-width: 639px) {
  .s-p-cta .e10 {
    left: calc(50% - 240px + 10px);
    width: 463px;
  }
}
@media (max-width: 479px) {
  .s-p-cta .e10 {
    top: 689px;
    left: calc(50% - 160px + 12px);
    width: 299px;
  }
}
.s-p-cta .e11 {
  z-index: 13;
  top: 218px;
  left: calc(50% - 600px + 0px);
  width: 240px;
  height: auto;
}
@media (max-width: 1199px) {
  .s-p-cta .e11 {
    left: calc(50% - 480px + 0px);
  }
}
@media (max-width: 959px) {
  .s-p-cta .e11 {
    left: calc(50% - 320px + 0px);
  }
}
@media (max-width: 639px) {
  .s-p-cta .e11 {
    left: calc(50% - 240px + 0px);
  }
}
@media (max-width: 479px) {
  .s-p-cta .e11 {
    top: 188px;
    left: calc(50% - 160px + -6px);
    width: 165px;
  }
}
.s-p-cta .e12 {
  z-index: 14;
  top: 173px;
  left: calc(50% - 600px + 280px);
  width: 37px;
  height: auto;
}
.s-p-cta .e12 .el__a {
  -webkit-transform: rotate(3deg);
  transform: rotate(3deg);
}
@media (max-width: 1199px) {
  .s-p-cta .e12 {
    left: calc(50% - 480px + 280px);
  }
}
@media (max-width: 959px) {
  .s-p-cta .e12 {
    left: calc(50% - 320px + 229pxpx);
  }
}
@media (max-width: 639px) {
  .s-p-cta .e12 {
    left: calc(50% - 240px + 229pxpx);
  }
}
@media (max-width: 479px) {
  .s-p-cta .e12 {
    top: 146px;
    left: calc(50% - 160px + 199px);
    width: 31px;
  }
  .s-p-cta .e12 .el__a {
    background-size: cover;
    -webkit-transform: rotate(346deg);
    transform: rotate(346deg);
  }
}
.s-p-cta .e13 {
  z-index: 15;
  top: 437px;
  left: calc(50% - 600px + 172px);
  width: 46px;
  height: auto;
}
@media (max-width: 1199px) {
  .s-p-cta .e13 {
    left: calc(50% - 480px + 177px);
  }
}
@media (max-width: 959px) {
  .s-p-cta .e13 {
    left: calc(50% - 320px + 169px);
  }
}
@media (max-width: 639px) {
  .s-p-cta .e13 {
    left: calc(50% - 240px + 169px);
  }
}
@media (max-width: 479px) {
  .s-p-cta .e13 {
    top: 417px;
    left: calc(50% - 160px + 7px);
    width: 45px;
  }
}
.s-p-cta .e14 {
  z-index: 16;
  top: 437px;
  left: calc(50% - 600px + 243px);
  width: 46px;
  height: auto;
}
@media (max-width: 1199px) {
  .s-p-cta .e14 {
    left: calc(50% - 480px + 248px);
  }
}
@media (max-width: 959px) {
  .s-p-cta .e14 {
    left: calc(50% - 320px + 235px);
  }
}
@media (max-width: 639px) {
  .s-p-cta .e14 {
    left: calc(50% - 240px + 235px);
  }
}
@media (max-width: 479px) {
  .s-p-cta .e14 {
    top: 417px;
    left: calc(50% - 160px + 82px);
    width: 45px;
  }
}
.s-p-cta .e15 {
  z-index: 17;
  top: 437px;
  left: calc(50% - 600px + 314px);
  width: 46px;
  height: auto;
}
@media (max-width: 1199px) {
  .s-p-cta .e15 {
    left: calc(50% - 480px + 319px);
  }
}
@media (max-width: 959px) {
  .s-p-cta .e15 {
    left: calc(50% - 320px + 301px);
  }
}
@media (max-width: 639px) {
  .s-p-cta .e15 {
    left: calc(50% - 240px + 301px);
  }
}
@media (max-width: 479px) {
  .s-p-cta .e15 {
    top: 417px;
    left: calc(50% - 160px + 157px);
    width: 45px;
  }
}
.s-p-cta .e10 .form {
  --in-h: 80px;
  --in-fs: 18px;
  --in-fw: 400;
  --in-color: #000;
  --in-bg: #fff;
  --in-bw: 1px;
  --in-bc: #000;
  --in-mb: 20px;
  --in-mr: 20px;
  --title-fs: 16px;
  --title-fw: 400;
  --title-color: #000;
  --title-mb: 5px;
  --els-fs: 14px;
  --els-fw: 400;
  --btn-w: 230px;
  --btn-h: 70px;
  --btn-color: #fff;
  --btn-bg: #ff4eae;
  --btn-r: 50px;
  --btn-fs: 18px;
  --btn-fw: 600;
  --btn-bw: 6px;
  --btn-bc: #fcfcfc;
  --btn-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.05);
}
@keyframes p-cta-a1 {
  0% { transform: none; opacity: 1; }
  23.08% { transform: rotate(40deg); opacity: 1; }
  61.54% { transform: rotate(-20deg); opacity: 1; }
  100% { transform: none; opacity: 1; }
}
.s-p-cta .e6 {
  animation: p-cta-a1 2.6s linear both;
}
@keyframes p-cta-a2 {
  0% { transform: none; opacity: 1; }
  50% { transform: scale(1.2, 1.2); opacity: 1; }
  100% { transform: none; opacity: 1; }
}
.s-p-cta .e7 {
  animation: p-cta-a2 2s linear infinite;
}
@keyframes p-cta-a3 {
  0% { transform: none; opacity: 1; }
  50% { transform: scale(1.2, 1.2); opacity: 1; }
  100% { transform: none; opacity: 1; }
}
.s-p-cta .e12 {
  animation: p-cta-a3 2s linear infinite;
}