@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@100;200;300;400;500;600;700&family=Roboto:wght@400;700&display=swap");
@font-face {
  font-family: "Vasek";
  src: url("../fonts/Vasek/Vasek-Italic.woff2") format("woff2");
  font-weight: 300;
  font-display: auto;
  font-style: normal; }

@font-face {
  font-family: 'icon-font';
  src: url("../fonts/icon-font/icon-font.eot?zapzd9");
  src: url("../fonts/icon-font/icon-font.eot?zapzd9#iefix") format("embedded-opentype"), url("../fonts/icon-font/icon-font.ttf?zapzd9") format("truetype"), url("../fonts/icon-font/icon-font.woff?zapzd9") format("woff"), url("../fonts/icon-font/icon-font.svg?zapzd9#icon-font") format("svg");
  font-weight: normal;
  font-display: auto;
  font-style: normal; }

[class^="fa-"], [class*=" fa-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icon-font' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

html {
  line-height: 1.15;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */ }

body {
  margin: 0; }

main {
  display: block; }

h1 {
  font-size: 2em;
  margin: 0.67em 0; }

hr {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */ }

pre {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */ }

a {
  background-color: transparent; }

abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
  /* 2 */ }

b,
strong {
  font-weight: bolder; }

code,
kbd,
samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */ }

small {
  font-size: 80%; }

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sub {
  bottom: -0.25em; }

sup {
  top: -0.5em; }

img {
  border-style: none; }

button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 1 */
  line-height: 1.15;
  /* 1 */
  margin: 0;
  /* 2 */ }

button,
input {
  /* 1 */
  overflow: visible; }

button,
select {
  /* 1 */
  text-transform: none; }

button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button; }

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0; }

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText; }

fieldset {
  padding: 0.35em 0.75em 0.625em; }

legend {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */ }

progress {
  vertical-align: baseline; }

textarea {
  overflow: auto; }

[type="checkbox"],
[type="radio"] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */ }

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto; }

[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */ }

[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */ }

details {
  display: block; }

summary {
  display: list-item; }

template {
  display: none; }

[hidden] {
  display: none; }

@-webkit-keyframes move-light {
  0% {
    -webkit-transform: translateX(-5em) skewX(-45deg);
            transform: translateX(-5em) skewX(-45deg); }
  20% {
    -webkit-transform: translateX(40em) skewX(-45deg);
            transform: translateX(40em) skewX(-45deg); }
  100% {
    -webkit-transform: translateX(40em) skewX(-45deg);
            transform: translateX(40em) skewX(-45deg); } }

@keyframes move-light {
  0% {
    -webkit-transform: translateX(-5em) skewX(-45deg);
            transform: translateX(-5em) skewX(-45deg); }
  20% {
    -webkit-transform: translateX(40em) skewX(-45deg);
            transform: translateX(40em) skewX(-45deg); }
  100% {
    -webkit-transform: translateX(40em) skewX(-45deg);
            transform: translateX(40em) skewX(-45deg); } }

@-webkit-keyframes move-light-big {
  0% {
    -webkit-transform: translateX(-5em) skewX(-45deg);
            transform: translateX(-5em) skewX(-45deg); }
  20% {
    -webkit-transform: translateX(30em) skewX(-45deg);
            transform: translateX(30em) skewX(-45deg); }
  100% {
    -webkit-transform: translateX(48em) skewX(-45deg);
            transform: translateX(48em) skewX(-45deg); } }

@keyframes move-light-big {
  0% {
    -webkit-transform: translateX(-5em) skewX(-45deg);
            transform: translateX(-5em) skewX(-45deg); }
  20% {
    -webkit-transform: translateX(30em) skewX(-45deg);
            transform: translateX(30em) skewX(-45deg); }
  100% {
    -webkit-transform: translateX(48em) skewX(-45deg);
            transform: translateX(48em) skewX(-45deg); } }

.policy {
  padding: 100px 0; }
  @media only screen and (max-width: 980px) {
    .policy {
      padding: 70px 0; } }
  @media only screen and (max-width: 720px) {
    .policy {
      padding: 50px 0; } }

*::-moz-selection {
  color: #fff;
  /* Цвет текста */
  background: #C82C37;
  /* Цвет фона */ }

*::selection {
  color: #fff;
  /* Цвет текста */
  background: #C82C37;
  /* Цвет фона */ }

html, body {
  position: relative;
  min-height: 100vh; }
  @media only screen and (max-width: 1200px) {
    html, body {
      overflow-x: hidden; } }

body {
  width: 100%;
  min-width: 320px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  color: #121212;
  font: normal 18px/1.5 "IBM Plex Sans", sans-serif;
  scroll-behavior: smooth; }

.consultation-page {
  background: #F1F1F1; }

main {
  margin-bottom: auto; }

h1, h2, h3, h4, h5, h6, p, ul, ol, a {
  text-underline-offset: 2px; }

h1, h2, h3, h4, h5, h6, p {
  margin: 0;
  font-size: inherit;
  line-height: inherit;
  font-weight: inherit; }

h1, h2, h3, h4, h5, h6 {
  color: #121212;
  font-family: "IBM Plex Sans", sans-serif; }

ul, ol {
  padding: 0;
  margin: 0;
  list-style: none; }

a {
  text-decoration: none;
  outline: none;
  color: inherit; }
  a::-moz-selection {
    color: inherit;
    /* Цвет текста */
    background: transparent;
    /* Цвет фона */ }
  a::selection {
    color: inherit;
    /* Цвет текста */
    background: transparent;
    /* Цвет фона */ }

form {
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }

input {
  outline: none;
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }

input[type="submit"] {
  cursor: pointer; }

textarea {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  outline: none; }

input, textarea {
  -webkit-transition: .4s;
  -o-transition: .4s;
  transition: .4s; }
  input:focus, textarea:focus {
    border-color: #C82C37 !important; }

select {
  -webkit-transition: .4s;
  -o-transition: .4s;
  transition: .4s; }
  select:hover {
    border-color: #C82C37 !important; }

select, option {
  outline: none;
  cursor: pointer;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none; }

select::-ms-expand {
  display: none; }

img::-moz-selection {
  color: inherit;
  /* Цвет текста */
  background: transparent;
  /* Цвет фона */ }

img::selection {
  color: inherit;
  /* Цвет текста */
  background: transparent;
  /* Цвет фона */ }

label {
  cursor: pointer;
  margin-bottom: 0; }

.slick-slide {
  outline: none !important; }

.section-frame {
  max-width: 1200px;
  width: 100%;
  margin: 0 auto;
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }
  @media only screen and (max-width: 1200px) {
    .section-frame {
      max-width: 700px; } }
  @media only screen and (max-width: 720px) {
    .section-frame {
      max-width: 375px;
      padding: 0 20px; } }

.section-frame_relative {
  position: relative; }

.load * {
  -webkit-transition: none !important;
  -o-transition: none !important;
  transition: none !important; }

.open-frame {
  overflow: hidden; }

.js-checkbox {
  cursor: pointer; }
  .js-checkbox input {
    display: none; }

@media only screen and (max-width: 1200px) {
  .table-hide {
    display: none !important; } }

.table-show {
  display: none !important; }
  @media only screen and (max-width: 1200px) {
    .table-show {
      display: block !important; } }

.table-show-flex {
  display: none !important; }
  @media only screen and (max-width: 1200px) {
    .table-show-flex {
      display: -webkit-box !important;
      display: -webkit-flex !important;
      display: -ms-flexbox !important;
      display: flex !important; } }

.table-show-grid {
  display: none !important; }
  @media only screen and (max-width: 1200px) {
    .table-show-grid {
      display: grid !important; } }

@media only screen and (max-width: 720px) {
  .mob-hide {
    display: none !important; } }

.mob-show {
  display: none !important; }
  @media only screen and (max-width: 720px) {
    .mob-show {
      display: block !important; } }

.mob-show-inline {
  display: none !important; }
  @media only screen and (max-width: 720px) {
    .mob-show-inline {
      display: inline !important; } }

.mob-show-flex {
  display: none !important; }
  @media only screen and (max-width: 720px) {
    .mob-show-flex {
      display: -webkit-box !important;
      display: -webkit-flex !important;
      display: -ms-flexbox !important;
      display: flex !important; } }

.mob-show-grid {
  display: none !important; }
  @media only screen and (max-width: 720px) {
    .mob-show-grid {
      display: grid !important; } }

.page-title {
  font-size: 54px;
  line-height: 70px; }
  @media only screen and (max-width: 1200px) {
    .page-title {
      font-size: 38px;
      line-height: 130%; } }
  @media only screen and (max-width: 720px) {
    .page-title {
      font-size: 26px; }
      .page-title br {
        display: none; } }

.page-title_48 {
  font-size: 48px;
  line-height: 110%; }
  @media only screen and (max-width: 1200px) {
    .page-title_48 {
      font-size: 38px;
      line-height: 130%; } }
  @media only screen and (max-width: 720px) {
    .page-title_48 {
      font-size: 26px; }
      .page-title_48 br {
        display: none; } }

.page-title_44 {
  font-size: 44px;
  line-height: 110%; }
  @media only screen and (max-width: 1200px) {
    .page-title_44 {
      font-size: 38px;
      line-height: 130%; } }
  @media only screen and (max-width: 720px) {
    .page-title_44 {
      font-size: 26px; }
      .page-title_44 br {
        display: none; } }

.page-title_center {
  text-align: center; }

.page-title_white {
  color: #fff; }

.header-frame {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }

.burger {
  width: 30px;
  height: 30px;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-border-radius: 6px;
          border-radius: 6px;
  border: 1px solid #000; }
  .burger span {
    width: 17px;
    height: 1px;
    -webkit-border-radius: 6px;
            border-radius: 6px;
    display: block;
    background-color: #000;
    margin-bottom: 6px; }
    .burger span:last-child {
      margin-bottom: 0; }

.mob-frame {
  width: 100%;
  height: 100%;
  display: none;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  position: fixed;
  background: rgba(0, 0, 0, 0.5);
  -webkit-backdrop-filter: blur(20px);
          backdrop-filter: blur(20px);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  overflow-y: auto;
  overflow-x: hidden;
  left: 0;
  top: 0;
  z-index: 80; }

.mob-menu {
  width: 300px;
  min-height: 100%;
  padding: 100px 20px 80px;
  background: rgba(0, 0, 0, 0.1);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  overflow-y: auto;
  overflow-x: hidden;
  position: absolute;
  top: 0;
  right: -300px;
  -webkit-transition: .4s;
  -o-transition: .4s;
  transition: .4s; }

.mob-menu_active {
  right: 0px; }

.menu-close {
  cursor: pointer;
  font-size: 16px;
  color: #B7B7B7;
  position: absolute;
  right: 20px;
  top: 20px;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s; }
  .menu-close:hover {
    -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
            transform: rotate(90deg); }

.logo {
  width: 155px;
  display: block; }
  .logo img {
    width: 100%;
    display: block; }

.footer {
  padding: 25px 0;
  background: url("../images/bg/footer-bg.jpg") center no-repeat;
  -webkit-background-size: cover;
          background-size: cover;
  margin-top: 100px; }
  @media only screen and (max-width: 720px) {
    .footer {
      margin-top: 50px; } }

.footer-frame {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between; }
  @media only screen and (max-width: 720px) {
    .footer-frame {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-align: center;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
      grid-gap: 20px; } }

.footer-logo {
  width: 155px;
  display: block;
  margin-bottom: 10px; }
  .footer-logo img {
    width: 100%;
    display: block; }

.footer-copy {
  color: #A0A0A0;
  font-size: 12px; }

.footer-descriptor {
  color: #A0A0A0;
  font-size: 12px;
  opacity: 0.5;
  text-align: center;
  margin-bottom: 15px; }

.footer-politics {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  display: block;
  color: #A0A0A0;
  font-size: 12px;
  font-weight: 300;
  position: relative;
  margin: 0 auto; }
  .footer-politics::before {
    content: '';
    width: 100%;
    height: 1px;
    background-color: #A0A0A0;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0 auto;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s; }
  .footer-politics:hover::before {
    width: 0%; }

.footer-back {
  width: 242px;
  height: 60px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
  -webkit-border-radius: 6px;
          border-radius: 6px;
  border: 1px solid #C82C37;
  font-family: "Roboto", sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 700;
  line-height: 18.5px;
  letter-spacing: 1.2px;
  text-transform: uppercase;
  position: relative; }
  .footer-back::before {
    content: '';
    width: 100%;
    height: 100%;
    -webkit-border-radius: 0;
            border-radius: 0;
    background: -webkit-radial-gradient(50% 0%, 100% 100%, #FF0012 0%, rgba(255, 0, 18, 0) 100%), #C82C37;
    background: -o-radial-gradient(50% 0%, 100% 100%, #FF0012 0%, rgba(255, 0, 18, 0) 100%), #C82C37;
    background: radial-gradient(100% 100% at 50% 0%, #FF0012 0%, rgba(255, 0, 18, 0) 100%), #C82C37;
    -webkit-box-shadow: inset 0px 0px 40px #FF0012;
            box-shadow: inset 0px 0px 40px #FF0012;
    position: absolute;
    opacity: 0;
    left: 0;
    top: 0;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s; }
  .footer-back span {
    color: #C82C37;
    position: relative;
    z-index: 2;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s; }
  .footer-back:hover::before {
    opacity: 1; }
  .footer-back:hover span {
    color: #fff; }

.max {
  padding: 30px 0 45px;
  background: url("../images/bg/max-bg.jpg") center no-repeat;
  -webkit-background-size: cover;
          background-size: cover; }
  @media only screen and (max-width: 1200px) {
    .max {
      background-position: left -550px center; } }
  @media only screen and (max-width: 720px) {
    .max {
      background-position: left -1050px center; } }

.max-wrap {
  position: relative;
  color: #fff; }

.max-quote {
  font-size: 48px;
  line-height: 1;
  font-family: "Vasek", serif;
  margin-top: 30px; }
  @media only screen and (max-width: 720px) {
    .max-quote {
      font-size: 28px; } }

.max-title {
  max-width: 650px;
  font-size: 63px;
  line-height: 82px;
  text-transform: uppercase;
  color: #fff;
  font-weight: 700; }
  @media only screen and (max-width: 720px) {
    .max-title {
      font-size: 34px;
      line-height: 1.8;
      margin-top: 20px; } }

.max-subtitle {
  max-width: 505px;
  font-size: 16px;
  line-height: 2;
  margin-left: 310px;
  margin-top: -72px; }
  @media only screen and (max-width: 1200px) {
    .max-subtitle {
      margin-top: 10px;
      margin-left: 0; } }

.max-info {
  max-width: 650px;
  font-size: 14px;
  line-height: 2;
  margin-top: 20px; }
  .max-info b {
    font-weight: 600; }

.max-btn {
  max-width: 100%;
  width: 355px;
  height: 80px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-border-radius: 6px;
          border-radius: 6px;
  background: -webkit-radial-gradient(50% 0%, 100% 100%, #FF0012 0%, rgba(255, 0, 18, 0) 100%), #C82C37;
  background: -o-radial-gradient(50% 0%, 100% 100%, #FF0012 0%, rgba(255, 0, 18, 0) 100%), #C82C37;
  background: radial-gradient(100% 100% at 50% 0%, #FF0012 0%, rgba(255, 0, 18, 0) 100%), #C82C37;
  grid-gap: 10px;
  font: 700 15px "IBM Plex Sans", sans-serif;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  text-align: center;
  color: #fff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  cursor: pointer;
  position: relative;
  -webkit-transition: .4s;
  -o-transition: .4s;
  transition: .4s;
  overflow: hidden;
  -webkit-transition: .4s linear;
  -o-transition: .4s linear;
  transition: .4s linear;
  margin-top: 30px; }
  .max-btn input {
    display: none; }
  .max-btn::-moz-selection {
    color: inherit;
    /* Цвет текста */
    background: transparent;
    /* Цвет фона */ }
  .max-btn::selection {
    color: inherit;
    /* Цвет текста */
    background: transparent;
    /* Цвет фона */ }
  .max-btn *::-moz-selection {
    color: inherit;
    /* Цвет текста */
    background: transparent;
    /* Цвет фона */ }
  .max-btn *::selection {
    color: inherit;
    /* Цвет текста */
    background: transparent;
    /* Цвет фона */ }
  .max-btn:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 1.5em;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.6);
    -webkit-transform: translateX(-5em) skewX(-45deg);
        -ms-transform: translateX(-5em) skewX(-45deg);
            transform: translateX(-5em) skewX(-45deg);
    -webkit-animation: move-light 3s linear infinite;
            animation: move-light 3s linear infinite; }
  @media only screen and (max-width: 720px) {
    .max-btn {
      font-size: 13px; } }

.max-photo {
  position: absolute;
  left: -265px;
  top: 70px; }

.build {
  padding-top: 100px; }
  @media only screen and (max-width: 720px) {
    .build {
      padding-top: 50px; } }

.build-subquote {
  text-align: center;
  font-family: "Vasek", serif;
  line-height: 125%;
  color: #676767;
  font-size: 53px; }
  @media only screen and (max-width: 1200px) {
    .build-subquote {
      font-size: 42px; } }
  @media only screen and (max-width: 720px) {
    .build-subquote {
      padding: 0 30px;
      font-size: 34px;
      line-height: 70%;
      margin-top: 20px; } }

.build-list {
  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;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  grid-gap: 60px 30px;
  counter-reset: num;
  margin-top: 70px; }
  @media only screen and (max-width: 1200px) {
    .build-list {
      grid-gap: 60px 20px; } }
  @media only screen and (max-width: 720px) {
    .build-list {
      grid-gap: 40px 20px; } }

.build-item {
  width: 380px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  counter-increment: num;
  position: relative; }
  .build-item::before {
    content: counter(num, decimal-leading-zero);
    display: inline-block;
    -webkit-box-decoration-break: clone;
    background: -webkit-radial-gradient(50% 0%, 100% 100%, #FF0012 0%, rgba(255, 0, 18, 0) 100%), #C82C37;
    background: -o-radial-gradient(50% 0%, 100% 100%, #FF0012 0%, rgba(255, 0, 18, 0) 100%), #C82C37;
    background: radial-gradient(100% 100% at 50% 0%, #FF0012 0%, rgba(255, 0, 18, 0) 100%), #C82C37;
    -webkit-background-clip: text;
    -moz-background-clip: text;
    -webkit-text-fill-color: rgba(255, 255, 255, 0);
    -moz-text-fill-color: rgba(255, 255, 255, 0);
    font-size: 128px;
    font-weight: 600;
    text-transform: uppercase;
    position: absolute;
    top: -100px;
    left: 0; }
    .build-item::before::-moz-selection {
      color: inherit;
      /* Цвет текста */
      background: transparent;
      /* Цвет фона */ }
    .build-item::before::selection {
      color: inherit;
      /* Цвет текста */
      background: transparent;
      /* Цвет фона */ }
    .build-item::before *::-moz-selection {
      color: inherit;
      /* Цвет текста */
      background: transparent;
      /* Цвет фона */ }
    .build-item::before *::selection {
      color: inherit;
      /* Цвет текста */
      background: transparent;
      /* Цвет фона */ }
  .build-item:nth-child(2) {
    width: 410px; }
  .build-item:nth-child(3) {
    width: 350px; }
  @media only screen and (max-width: 1200px) {
    .build-item {
      width: 46% !important; } }
  @media only screen and (max-width: 720px) {
    .build-item {
      width: 100% !important; }
      .build-item::before {
        font-size: 60px;
        line-height: 70px;
        top: -40px;
        left: 20px; } }

.build-item__content {
  padding: 30px 25px;
  font-size: 16px;
  -webkit-border-radius: 6px;
          border-radius: 6px;
  border: 1px solid #F1F1F1;
  background: -webkit-linear-gradient(329deg, #FFF 0.65%, rgba(255, 255, 255, 0) 98.76%), rgba(241, 241, 241, 0.8);
  background: -o-linear-gradient(329deg, #FFF 0.65%, rgba(255, 255, 255, 0) 98.76%), rgba(241, 241, 241, 0.8);
  background: linear-gradient(121deg, #FFF 0.65%, rgba(255, 255, 255, 0) 98.76%), rgba(241, 241, 241, 0.8);
  -webkit-box-shadow: 0px 4px 84px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 4px 84px 0px rgba(0, 0, 0, 0.1);
  -webkit-backdrop-filter: blur(23.5px);
          backdrop-filter: blur(23.5px);
  font-size: 16px;
  line-height: 190%;
  position: relative;
  z-index: 2; }
  @media only screen and (max-width: 720px) {
    .build-item__content {
      padding: 25px 20px;
      font-size: 14px; } }

.build-quote {
  color: #676767;
  text-align: center;
  font-family: "Vasek", serif;
  font-size: 96px;
  margin-top: 0px; }
  @media only screen and (max-width: 1200px) {
    .build-quote {
      line-height: 50%;
      margin-top: 60px; } }
  @media only screen and (max-width: 720px) {
    .build-quote {
      font-size: 46px;
      line-height: 70%;
      margin-top: 30px; } }

.creative {
  margin-top: 70px; }

.creative-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  grid-gap: 135px;
  position: relative; }
  @media only screen and (max-width: 1200px) {
    .creative-wrap {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
          -ms-flex-direction: column;
              flex-direction: column;
      grid-gap: 30px; } }

.creative-title {
  width: 465px;
  padding-top: 250px;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  position: -webkit-sticky;
  position: sticky;
  top: 20px; }
  @media only screen and (max-width: 1200px) {
    .creative-title {
      width: 100%;
      position: relative;
      top: auto; }
      .creative-title h2 {
        font-size: 34px; }
      .creative-title br {
        display: none; } }
  @media only screen and (max-width: 720px) {
    .creative-title {
      padding-top: 120px; } }

.creative-title__photo {
  display: block;
  position: absolute;
  right: 0;
  top: 0; }
  @media only screen and (max-width: 720px) {
    .creative-title__photo {
      width: 360px; } }

.creative-title__btn {
  max-width: 100%;
  width: 100%;
  height: 80px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-border-radius: 6px;
          border-radius: 6px;
  background: -webkit-radial-gradient(50% 0%, 100% 100%, #FF0012 0%, rgba(255, 0, 18, 0) 100%), #C82C37;
  background: -o-radial-gradient(50% 0%, 100% 100%, #FF0012 0%, rgba(255, 0, 18, 0) 100%), #C82C37;
  background: radial-gradient(100% 100% at 50% 0%, #FF0012 0%, rgba(255, 0, 18, 0) 100%), #C82C37;
  grid-gap: 10px;
  font: 700 15px "IBM Plex Sans", sans-serif;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  text-align: center;
  color: #fff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  cursor: pointer;
  position: relative;
  -webkit-transition: .4s;
  -o-transition: .4s;
  transition: .4s;
  overflow: hidden;
  -webkit-transition: .4s linear;
  -o-transition: .4s linear;
  transition: .4s linear;
  margin-top: 40px; }
  .creative-title__btn input {
    display: none; }
  .creative-title__btn::-moz-selection {
    color: inherit;
    /* Цвет текста */
    background: transparent;
    /* Цвет фона */ }
  .creative-title__btn::selection {
    color: inherit;
    /* Цвет текста */
    background: transparent;
    /* Цвет фона */ }
  .creative-title__btn *::-moz-selection {
    color: inherit;
    /* Цвет текста */
    background: transparent;
    /* Цвет фона */ }
  .creative-title__btn *::selection {
    color: inherit;
    /* Цвет текста */
    background: transparent;
    /* Цвет фона */ }
  .creative-title__btn:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 1.5em;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.6);
    -webkit-transform: translateX(-5em) skewX(-45deg);
        -ms-transform: translateX(-5em) skewX(-45deg);
            transform: translateX(-5em) skewX(-45deg);
    -webkit-animation: move-light 3s linear infinite;
            animation: move-light 3s linear infinite; }
  @media only screen and (max-width: 720px) {
    .creative-title__btn {
      font-size: 13px; } }
  @media only screen and (max-width: 1200px) {
    .creative-title__btn {
      margin-top: 0; } }

.creative-item {
  padding: 30px 25px;
  border: 6px solid #F6F6F6;
  margin-bottom: 15px; }
  .creative-item ul {
    font-size: 14px;
    line-height: 171%; }
  .creative-item li {
    padding-left: 20px;
    position: relative;
    margin-bottom: 10px; }
    .creative-item li::before {
      content: '';
      width: 4px;
      height: 4px;
      display: block;
      background-color: #121212;
      -webkit-border-radius: 50%;
              border-radius: 50%;
      -webkit-flex-shrink: 0;
          -ms-flex-negative: 0;
              flex-shrink: 0;
      position: absolute;
      left: 7px;
      top: 9px; }
    .creative-item li:last-child {
      margin-bottom: 0; }
  .creative-item:last-child {
    margin-bottom: 0; }
  @media only screen and (max-width: 720px) {
    .creative-item {
      padding: 25px 20px; } }

.creative-item__title {
  display: block;
  font-weight: 600;
  margin-bottom: 10px; }
  @media only screen and (max-width: 720px) {
    .creative-item__title {
      font-size: 16px; } }

.total {
  padding: 40px 0 110px;
  background-color: #F6F6F6;
  margin-top: 60px; }
  @media only screen and (max-width: 720px) {
    .total {
      padding: 50px 0;
      margin-top: 50px; } }

.total-list {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(-webkit-calc( (100% / 2) - 40px), 1fr));
  grid-template-columns: repeat(auto-fill, minmax(calc( (100% / 2) - 40px), 1fr));
  grid-gap: 30px 40px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin-top: 40px;
  position: relative; }
  @media screen and (max-width: 1200px) {
    .total-list {
      grid-template-columns: repeat(auto-fill, minmax(-webkit-calc( 100% / 1 - 40px), 1fr));
      grid-template-columns: repeat(auto-fill, minmax(calc( 100% / 1 - 40px), 1fr)); } }
  @media screen and (max-width: 980px) {
    .total-list {
      grid-template-columns: repeat(auto-fill, minmax(-webkit-calc( 100% / 1 - 40px), 1fr));
      grid-template-columns: repeat(auto-fill, minmax(calc( 100% / 1 - 40px), 1fr)); } }
  @media screen and (max-width: 700px) {
    .total-list {
      grid-template-columns: repeat(auto-fill, minmax(-webkit-calc( 100% / 1 - 40px), 1fr));
      grid-template-columns: repeat(auto-fill, minmax(calc( 100% / 1 - 40px), 1fr)); } }
  .total-list img {
    max-width: 100%;
    display: block; }
  @media only screen and (max-width: 720px) {
    .total-list {
      grid-gap: 20px;
      margin-top: 30px; } }

.total-photo {
  display: block;
  z-index: 3;
  position: absolute;
  bottom: -5px;
  left: 430px; }
  @media only screen and (max-width: 1200px) {
    .total-photo {
      bottom: 525px; } }
  @media only screen and (max-width: 720px) {
    .total-photo {
      width: 80px;
      bottom: 602px;
      left: 270px;
      z-index: 4; } }

.total-item {
  padding: 30px 25px;
  -webkit-border-radius: 6px;
          border-radius: 6px;
  border: 1px solid #F1F1F1;
  background: -webkit-linear-gradient(329deg, #FFF 0.65%, rgba(255, 255, 255, 0) 98.76%), rgba(241, 241, 241, 0.8);
  background: -o-linear-gradient(329deg, #FFF 0.65%, rgba(255, 255, 255, 0) 98.76%), rgba(241, 241, 241, 0.8);
  background: linear-gradient(121deg, #FFF 0.65%, rgba(255, 255, 255, 0) 98.76%), rgba(241, 241, 241, 0.8);
  -webkit-box-shadow: 0px 4px 84px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 4px 84px 0px rgba(0, 0, 0, 0.1);
  -webkit-backdrop-filter: blur(23.5px);
          backdrop-filter: blur(23.5px);
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin-bottom: 30px; }
  .total-item:last-child {
    margin-bottom: 0; }
  @media only screen and (max-width: 720px) {
    .total-item {
      padding: 25px 20px;
      margin-bottom: 20px; } }

.total-item_475 {
  width: 475px; }
  @media only screen and (max-width: 720px) {
    .total-item_475 {
      width: 100%; } }

.total-item_index-2 {
  z-index: 2; }

.total-item_index-3 {
  z-index: 4; }

.total-item_left {
  padding-left: 90px; }
  @media only screen and (max-width: 1200px) {
    .total-item_left {
      padding-left: 25px; } }

.total-item__title {
  display: block;
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 10px; }
  @media only screen and (max-width: 720px) {
    .total-item__title {
      font-size: 18px; } }

.total-item__info {
  font-size: 16px;
  line-height: 187%; }
  @media only screen and (max-width: 720px) {
    .total-item__info {
      font-size: 14px; } }

.output {
  padding: 65px 0 80px;
  background: url("../images/bg/output-bg.jpg") center no-repeat;
  -webkit-background-size: cover;
          background-size: cover; }
  @media only screen and (max-width: 720px) {
    .output {
      padding: 50px 0;
      overflow: hidden; } }

.output-content {
  max-width: 690px;
  margin-left: auto;
  color: #fff; }
  .output-content h2 {
    margin-bottom: 50px; }
  .output-content p {
    font-size: 20px;
    margin-bottom: 35px; }
    .output-content p::before {
      content: '';
      width: 10px;
      height: 3px;
      display: inline-block;
      background-color: #C82C37;
      margin-right: 15px;
      -webkit-transform: translateY(-6px);
          -ms-transform: translateY(-6px);
              transform: translateY(-6px); }
    .output-content p:last-child {
      margin-bottom: 0; }
  @media only screen and (max-width: 720px) {
    .output-content h2 {
      margin-bottom: 25px; }
    .output-content p {
      font-size: 16px;
      margin-bottom: 20px; }
      .output-content p::before {
        -webkit-transform: translateY(-4px);
            -ms-transform: translateY(-4px);
                transform: translateY(-4px); } }

.output-quote {
  font-size: 44px;
  line-height: 95%;
  font-family: "Vasek", serif;
  color: #fff;
  text-align: center;
  margin-top: 35px; }
  @media only screen and (max-width: 720px) {
    .output-quote {
      font-size: 34px;
      margin-top: 25px; } }

.output-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
      -ms-flex-align: end;
          align-items: flex-end;
  grid-gap: 70px;
  margin-top: 55px;
  position: relative; }
  @media only screen and (max-width: 1200px) {
    .output-wrap {
      -webkit-box-orient: vertical;
      -webkit-box-direction: reverse;
      -webkit-flex-direction: column-reverse;
          -ms-flex-direction: column-reverse;
              flex-direction: column-reverse;
      -webkit-box-align: center;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
      grid-gap: 40px; } }
  @media only screen and (max-width: 720px) {
    .output-wrap {
      margin-top: 35px;
      grid-gap: 20px; } }

.output-gift {
  width: 250px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  grid-gap: 15px;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  position: relative;
  z-index: 2; }
  .output-gift::before {
    content: '';
    width: 340px;
    height: 160px;
    -webkit-border-radius: 341px;
            border-radius: 341px;
    opacity: 0.6;
    background: #121212;
    -webkit-filter: blur(38px);
            filter: blur(38px);
    position: absolute;
    top: -16px;
    left: -50px; }
  @media only screen and (max-width: 720px) {
    .output-gift {
      margin-top: 20px; } }

.output-gift__photo {
  width: 125px;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  display: block;
  position: relative;
  z-index: 2; }
  @media only screen and (max-width: 720px) {
    .output-gift__photo {
      width: 100px; } }

.output-gift__info {
  font-size: 20px;
  color: #fff;
  position: relative;
  z-index: 2; }
  .output-gift__info img {
    margin-bottom: 7px; }
  @media only screen and (max-width: 720px) {
    .output-gift__info {
      font-size: 16px; }
      .output-gift__info img {
        width: 25px; } }

.output-file {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(-webkit-calc( (100% / 3) - 48px), 1fr));
  grid-template-columns: repeat(auto-fill, minmax(calc( (100% / 3) - 48px), 1fr));
  grid-gap: 30px 48px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
  z-index: 2; }
  @media screen and (max-width: 1200px) {
    .output-file {
      grid-template-columns: repeat(auto-fill, minmax(-webkit-calc( 100% / 2 - 48px), 1fr));
      grid-template-columns: repeat(auto-fill, minmax(calc( 100% / 2 - 48px), 1fr)); } }
  @media screen and (max-width: 980px) {
    .output-file {
      grid-template-columns: repeat(auto-fill, minmax(-webkit-calc( 100% / 2 - 48px), 1fr));
      grid-template-columns: repeat(auto-fill, minmax(calc( 100% / 2 - 48px), 1fr)); } }
  @media screen and (max-width: 700px) {
    .output-file {
      grid-template-columns: repeat(auto-fill, minmax(-webkit-calc( 100% / 1 - 48px), 1fr));
      grid-template-columns: repeat(auto-fill, minmax(calc( 100% / 1 - 48px), 1fr)); } }
  .output-file img {
    max-width: 100%;
    display: block; }
  @media only screen and (max-width: 720px) {
    .output-file {
      grid-gap: 20px; } }

.output-file__item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  grid-gap: 17px;
  margin-bottom: 15px; }
  .output-file__item img {
    width: 90px;
    -webkit-border-radius: 5px;
            border-radius: 5px;
    -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
            flex-shrink: 0; }
  .output-file__item p {
    color: #fff;
    font-size: 15px;
    line-height: 145%; }
  .output-file__item:last-child {
    margin-bottom: 0; }
  @media only screen and (max-width: 720px) {
    .output-file__item {
      margin-bottom: 10px; }
      .output-file__item img {
        width: 80px; }
      .output-file__item p {
        font-size: 14px; } }

.output-photo {
  width: 436px;
  display: block;
  position: absolute;
  left: -80px;
  bottom: -20px; }
  @media only screen and (max-width: 1200px) {
    .output-photo {
      left: 320px;
      bottom: 20px; } }
  @media only screen and (max-width: 720px) {
    .output-photo {
      display: none; } }

.price {
  margin-top: 85px; }
  @media only screen and (max-width: 720px) {
    .price {
      margin-top: 50px; } }

.price-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  grid-gap: 50px; }
  @media only screen and (max-width: 1200px) {
    .price-wrap {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
          -ms-flex-direction: column;
              flex-direction: column;
      grid-gap: 30px; } }

.price-content {
  width: 740px;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0; }
  @media only screen and (max-width: 1200px) {
    .price-content {
      width: 100%; } }

.price-text {
  max-width: 720px;
  font-size: 20px;
  line-height: 2;
  margin-top: 40px; }
  .price-text b {
    font-weight: 600; }
  @media only screen and (max-width: 720px) {
    .price-text {
      font-size: 16px;
      margin-top: 20px; } }

.price-info {
  width: 100%; }

.price-counter {
  color: #9E9E9E;
  font-size: 191px;
  font-weight: 600;
  line-height: 75%;
  letter-spacing: 9.55px;
  text-transform: uppercase;
  position: relative; }
  .price-counter::before {
    content: '₽';
    font-size: 59px;
    font-weight: 700;
    line-height: 1;
    letter-spacing: 2.95px;
    position: absolute;
    right: 42px;
    bottom: 89px; }
  @media only screen and (max-width: 1200px) {
    .price-counter {
      width: -webkit-fit-content;
      width: -moz-fit-content;
      width: fit-content;
      display: block;
      margin: 0 auto;
      font-size: 150px; }
      .price-counter::before {
        font-size: 49px;
        right: 35px;
        bottom: 29px; }
      .price-counter br {
        display: none; } }
  @media only screen and (max-width: 720px) {
    .price-counter {
      font-size: 70px; }
      .price-counter::before {
        font-size: 20px;
        right: 20px;
        bottom: 17px; } }

.price-btn {
  max-width: 100%;
  width: 100%;
  height: 80px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-border-radius: 6px;
          border-radius: 6px;
  background: -webkit-radial-gradient(50% 0%, 100% 100%, #FF0012 0%, rgba(255, 0, 18, 0) 100%), #C82C37;
  background: -o-radial-gradient(50% 0%, 100% 100%, #FF0012 0%, rgba(255, 0, 18, 0) 100%), #C82C37;
  background: radial-gradient(100% 100% at 50% 0%, #FF0012 0%, rgba(255, 0, 18, 0) 100%), #C82C37;
  grid-gap: 10px;
  font: 700 15px "IBM Plex Sans", sans-serif;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  text-align: center;
  color: #fff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  cursor: pointer;
  position: relative;
  -webkit-transition: .4s;
  -o-transition: .4s;
  transition: .4s;
  overflow: hidden;
  -webkit-transition: .4s linear;
  -o-transition: .4s linear;
  transition: .4s linear;
  margin-top: 10px; }
  .price-btn input {
    display: none; }
  .price-btn::-moz-selection {
    color: inherit;
    /* Цвет текста */
    background: transparent;
    /* Цвет фона */ }
  .price-btn::selection {
    color: inherit;
    /* Цвет текста */
    background: transparent;
    /* Цвет фона */ }
  .price-btn *::-moz-selection {
    color: inherit;
    /* Цвет текста */
    background: transparent;
    /* Цвет фона */ }
  .price-btn *::selection {
    color: inherit;
    /* Цвет текста */
    background: transparent;
    /* Цвет фона */ }
  .price-btn:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 1.5em;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.6);
    -webkit-transform: translateX(-5em) skewX(-45deg);
        -ms-transform: translateX(-5em) skewX(-45deg);
            transform: translateX(-5em) skewX(-45deg);
    -webkit-animation: move-light 3s linear infinite;
            animation: move-light 3s linear infinite; }
  @media only screen and (max-width: 720px) {
    .price-btn {
      font-size: 13px; } }
  @media only screen and (max-width: 1200px) {
    .price-btn {
      margin-top: 30px; } }
  @media only screen and (max-width: 720px) {
    .price-btn {
      height: 70px; } }

.reviews {
  margin-top: 80px; }
  @media only screen and (max-width: 720px) {
    .reviews {
      margin-top: 50px; } }

.reviews-quote {
  text-align: center;
  color: #676767;
  font-family: "Vasek", serif;
  font-size: 64px;
  line-height: 1;
  margin-top: 20px; }
  @media only screen and (max-width: 720px) {
    .reviews-quote {
      font-size: 40px; } }

.reviews-list {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(-webkit-calc( (100% / 2) - 40px), 1fr));
  grid-template-columns: repeat(auto-fill, minmax(calc( (100% / 2) - 40px), 1fr));
  grid-gap: 30px 40px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin-top: 45px; }
  @media screen and (max-width: 1200px) {
    .reviews-list {
      grid-template-columns: repeat(auto-fill, minmax(-webkit-calc( 100% / 2 - 40px), 1fr));
      grid-template-columns: repeat(auto-fill, minmax(calc( 100% / 2 - 40px), 1fr)); } }
  @media screen and (max-width: 980px) {
    .reviews-list {
      grid-template-columns: repeat(auto-fill, minmax(-webkit-calc( 100% / 2 - 40px), 1fr));
      grid-template-columns: repeat(auto-fill, minmax(calc( 100% / 2 - 40px), 1fr)); } }
  @media screen and (max-width: 700px) {
    .reviews-list {
      grid-template-columns: repeat(auto-fill, minmax(-webkit-calc( 100% / 2 - 40px), 1fr));
      grid-template-columns: repeat(auto-fill, minmax(calc( 100% / 2 - 40px), 1fr)); } }
  .reviews-list img {
    max-width: 100%;
    display: block; }
  @media only screen and (max-width: 1200px) {
    .reviews-list {
      grid-gap: 20px; } }
  @media only screen and (max-width: 720px) {
    .reviews-list {
      grid-gap: 15px;
      margin-top: 30px; } }

.reviews-item {
  display: block;
  position: relative; }
  .reviews-item:hover .reviews-item__play {
    -webkit-transform: scale(0.95);
        -ms-transform: scale(0.95);
            transform: scale(0.95); }

.reviews-item__photo {
  width: 100%;
  height: 400px;
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
  -webkit-border-radius: 6px;
          border-radius: 6px; }
  @media only screen and (max-width: 1200px) {
    .reviews-item__photo {
      height: 300px; } }
  @media only screen and (max-width: 720px) {
    .reviews-item__photo {
      height: 180px; } }

.reviews-item__play {
  max-width: 100%;
  width: 60px;
  height: 60px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-border-radius: 6px;
          border-radius: 6px;
  background: -webkit-radial-gradient(50% 0%, 100% 100%, #FF0012 0%, rgba(255, 0, 18, 0) 100%), #C82C37;
  background: -o-radial-gradient(50% 0%, 100% 100%, #FF0012 0%, rgba(255, 0, 18, 0) 100%), #C82C37;
  background: radial-gradient(100% 100% at 50% 0%, #FF0012 0%, rgba(255, 0, 18, 0) 100%), #C82C37;
  grid-gap: 10px;
  font: 700 15px "IBM Plex Sans", sans-serif;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  text-align: center;
  color: #fff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  cursor: pointer;
  position: relative;
  -webkit-transition: .4s;
  -o-transition: .4s;
  transition: .4s;
  overflow: hidden;
  -webkit-transition: .4s linear;
  -o-transition: .4s linear;
  transition: .4s linear;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
  position: absolute;
  right: 20px;
  top: 20px; }
  .reviews-item__play input {
    display: none; }
  .reviews-item__play::-moz-selection {
    color: inherit;
    /* Цвет текста */
    background: transparent;
    /* Цвет фона */ }
  .reviews-item__play::selection {
    color: inherit;
    /* Цвет текста */
    background: transparent;
    /* Цвет фона */ }
  .reviews-item__play *::-moz-selection {
    color: inherit;
    /* Цвет текста */
    background: transparent;
    /* Цвет фона */ }
  .reviews-item__play *::selection {
    color: inherit;
    /* Цвет текста */
    background: transparent;
    /* Цвет фона */ }
  .reviews-item__play:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 1.5em;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.6);
    -webkit-transform: translateX(-5em) skewX(-45deg);
        -ms-transform: translateX(-5em) skewX(-45deg);
            transform: translateX(-5em) skewX(-45deg);
    -webkit-animation: move-light 3s linear infinite;
            animation: move-light 3s linear infinite; }
  @media only screen and (max-width: 720px) {
    .reviews-item__play {
      font-size: 13px; } }
  @media only screen and (max-width: 720px) {
    .reviews-item__play {
      width: 40px;
      height: 40px; }
      .reviews-item__play img {
        width: 10px; } }

.services {
  margin-top: 80px; }
  @media only screen and (max-width: 720px) {
    .services {
      margin-top: 50px; } }

.services-list {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(-webkit-calc( (100% / 2) - 40px), 1fr));
  grid-template-columns: repeat(auto-fill, minmax(calc( (100% / 2) - 40px), 1fr));
  grid-gap: 30px 40px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin-top: 50px; }
  @media screen and (max-width: 1200px) {
    .services-list {
      grid-template-columns: repeat(auto-fill, minmax(-webkit-calc( 100% / 1 - 40px), 1fr));
      grid-template-columns: repeat(auto-fill, minmax(calc( 100% / 1 - 40px), 1fr)); } }
  @media screen and (max-width: 980px) {
    .services-list {
      grid-template-columns: repeat(auto-fill, minmax(-webkit-calc( 100% / 1 - 40px), 1fr));
      grid-template-columns: repeat(auto-fill, minmax(calc( 100% / 1 - 40px), 1fr)); } }
  @media screen and (max-width: 700px) {
    .services-list {
      grid-template-columns: repeat(auto-fill, minmax(-webkit-calc( 100% / 1 - 40px), 1fr));
      grid-template-columns: repeat(auto-fill, minmax(calc( 100% / 1 - 40px), 1fr)); } }
  .services-list img {
    max-width: 100%;
    display: block; }
  @media only screen and (max-width: 720px) {
    .services-list {
      grid-gap: 20px;
      margin-top: 30px; } }

.services-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 50px 30px;
  -webkit-border-radius: 30px;
          border-radius: 30px;
  background: url("../images/bg/services-item-1.jpg") center no-repeat;
  -webkit-background-size: cover;
          background-size: cover;
  position: relative; }
  .services-item:nth-child(2) {
    background: url("../images/bg/services-item-1.jpg") center no-repeat;
    -webkit-background-size: cover;
            background-size: cover;
    z-index: 2; }
  @media only screen and (max-width: 720px) {
    .services-item {
      padding: 30px 20px;
      -webkit-border-radius: 20px;
              border-radius: 20px; } }

.services-item__title {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
      -ms-flex-align: end;
          align-items: flex-end;
  grid-gap: 15px;
  color: #fff;
  font-size: 32px;
  margin-bottom: 60px; }
  .services-item__title span {
    border-bottom: 1px solid rgba(255, 255, 255, 0.4); }
  .services-item__title img {
    margin-bottom: 12px; }
  .services-item__title:hover {
    font-weight: 600; }
    .services-item__title:hover span {
      border-color: #C82C37; }
  @media only screen and (max-width: 720px) {
    .services-item__title {
      font-size: 20px;
      margin-bottom: 30px; }
      .services-item__title img {
        margin-bottom: 6px; } }

.services-item__info {
  font-size: 15px;
  color: #fff;
  line-height: 166%;
  margin-top: auto; }
  .services-item__info b {
    font-weight: 600; }

.services-photo {
  display: block;
  pointer-events: none;
  position: absolute;
  bottom: 0;
  left: 380px; }
  @media only screen and (max-width: 1200px) {
    .services-photo {
      bottom: 430px; } }
  @media only screen and (max-width: 720px) {
    .services-photo {
      display: none; } }

.services-photo-2 {
  width: 443px;
  display: block;
  pointer-events: none;
  position: absolute;
  bottom: 0;
  left: 380px; }
  @media only screen and (max-width: 720px) {
    .services-photo-2 {
      display: none; } }

.contact {
  padding-top: 100px; }
  @media only screen and (max-width: 720px) {
    .contact {
      padding-top: 50px; } }

.contact-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  grid-gap: 120px;
  position: relative;
  z-index: 2; }
  .contact-wrap h2 {
    line-height: 110%; }
  @media only screen and (max-width: 1200px) {
    .contact-wrap {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
          -ms-flex-direction: column;
              flex-direction: column;
      grid-gap: 40px; } }
  @media only screen and (max-width: 720px) {
    .contact-wrap {
      grid-gap: 30px; } }

.contact-wrap_consultation {
  grid-gap: 30px; }
  .contact-wrap_consultation .contact-person__subtitle {
    margin-top: 40px; }
  .contact-wrap_consultation .contact-person__photo {
    margin-top: 40px; }
  .contact-wrap_consultation .contact-form {
    -webkit-border-radius: 30px;
            border-radius: 30px; }
  @media only screen and (max-width: 720px) {
    .contact-wrap_consultation {
      grid-gap: 20px; }
      .contact-wrap_consultation .contact-person__subtitle {
        margin-top: 20px; }
      .contact-wrap_consultation .contact-person__photo {
        margin-top: 20px; }
      .contact-wrap_consultation .contact-form {
        -webkit-border-radius: 20px;
                border-radius: 20px; } }

.contact-person {
  width: 525px;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0; }
  @media only screen and (max-width: 1200px) {
    .contact-person {
      width: 100%;
      text-align: center; }
      .contact-person br {
        display: none; } }

.contact-person_consultation {
  width: 470px; }
  @media only screen and (max-width: 1200px) {
    .contact-person_consultation {
      width: 100%; } }

.contact-person__subtitle {
  font-size: 20px;
  margin-top: 20px; }
  @media only screen and (max-width: 720px) {
    .contact-person__subtitle {
      font-size: 16px;
      margin-top: 15px; } }

.contact-person__photo {
  width: 100%;
  display: block;
  -webkit-border-radius: 30px;
          border-radius: 30px;
  margin-top: 20px; }
  @media only screen and (max-width: 720px) {
    .contact-person__photo {
      -webkit-border-radius: 20px;
              border-radius: 20px; } }

.contact-form {
  width: 100%;
  padding: 40px 50px 30px;
  -webkit-border-radius: 6px;
          border-radius: 6px;
  border: 1px solid #F1F1F1;
  background: -webkit-linear-gradient(329deg, #FFF 0.65%, rgba(255, 255, 255, 0) 98.76%), rgba(241, 241, 241, 0.8);
  background: -o-linear-gradient(329deg, #FFF 0.65%, rgba(255, 255, 255, 0) 98.76%), rgba(241, 241, 241, 0.8);
  background: linear-gradient(121deg, #FFF 0.65%, rgba(255, 255, 255, 0) 98.76%), rgba(241, 241, 241, 0.8);
  -webkit-box-shadow: 0px 4px 84px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 4px 84px 0px rgba(0, 0, 0, 0.1);
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }
  @media only screen and (max-width: 720px) {
    .contact-form {
      padding: 30px 20px; } }

.contact-form__item {
  display: none; }

.contact-form_active {
  display: block; }

.contact-form__label {
  display: block;
  margin-bottom: 25px; }
  .contact-form__label span {
    display: block;
    color: #5A5A5A;
    font-size: 17px;
    font-weight: 300;
    margin-bottom: 10px; }
  .contact-form__label input {
    width: 100%;
    height: 60px;
    padding: 0 20px;
    -webkit-border-radius: 6px;
            border-radius: 6px;
    font-size: 14px;
    background: #F1F1F1;
    border: 1px solid #F1F1F1; }
  .contact-form__label:last-child {
    margin-bottom: 0; }
  @media only screen and (max-width: 720px) {
    .contact-form__label {
      margin-bottom: 15px; }
      .contact-form__label span {
        font-size: 14px; }
      .contact-form__label input {
        height: 50px; } }

.contact-info {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 35px;
  grid-gap: 40px; }
  @media only screen and (max-width: 720px) {
    .contact-info {
      -webkit-flex-wrap: wrap;
          -ms-flex-wrap: wrap;
              flex-wrap: wrap;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
          -ms-flex-pack: center;
              justify-content: center;
      margin-top: 20px;
      grid-gap: 15px; } }

.contact-counter {
  color: #EEE;
  font-family: "Roboto", sans-serif;
  font-size: 40px;
  font-weight: 700;
  letter-spacing: 4px;
  text-transform: uppercase; }

.contact-load {
  width: 28px;
  display: block;
  -webkit-animation: 2s rotate infinite linear forwards;
          animation: 2s rotate infinite linear forwards; }

@-webkit-keyframes rotate {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

@keyframes rotate {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

.contact-btn {
  max-width: 100%;
  width: 240px;
  height: 60px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-border-radius: 6px;
          border-radius: 6px;
  background: -webkit-radial-gradient(50% 0%, 100% 100%, #FF0012 0%, rgba(255, 0, 18, 0) 100%), #C82C37;
  background: -o-radial-gradient(50% 0%, 100% 100%, #FF0012 0%, rgba(255, 0, 18, 0) 100%), #C82C37;
  background: radial-gradient(100% 100% at 50% 0%, #FF0012 0%, rgba(255, 0, 18, 0) 100%), #C82C37;
  grid-gap: 10px;
  font: 700 15px "IBM Plex Sans", sans-serif;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  text-align: center;
  color: #fff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  cursor: pointer;
  position: relative;
  -webkit-transition: .4s;
  -o-transition: .4s;
  transition: .4s;
  overflow: hidden;
  -webkit-transition: .4s linear;
  -o-transition: .4s linear;
  transition: .4s linear;
  margin-left: auto; }
  .contact-btn input {
    display: none; }
  .contact-btn::-moz-selection {
    color: inherit;
    /* Цвет текста */
    background: transparent;
    /* Цвет фона */ }
  .contact-btn::selection {
    color: inherit;
    /* Цвет текста */
    background: transparent;
    /* Цвет фона */ }
  .contact-btn *::-moz-selection {
    color: inherit;
    /* Цвет текста */
    background: transparent;
    /* Цвет фона */ }
  .contact-btn *::selection {
    color: inherit;
    /* Цвет текста */
    background: transparent;
    /* Цвет фона */ }
  .contact-btn:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 1.5em;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.6);
    -webkit-transform: translateX(-5em) skewX(-45deg);
        -ms-transform: translateX(-5em) skewX(-45deg);
            transform: translateX(-5em) skewX(-45deg);
    -webkit-animation: move-light 3s linear infinite;
            animation: move-light 3s linear infinite; }
  @media only screen and (max-width: 720px) {
    .contact-btn {
      font-size: 13px; } }
  @media only screen and (max-width: 720px) {
    .contact-btn {
      width: 100%; } }

.contact-group {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(-webkit-calc( (100% / 2) - 20px), 1fr));
  grid-template-columns: repeat(auto-fill, minmax(calc( (100% / 2) - 20px), 1fr));
  grid-gap: 20px 20px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }
  @media screen and (max-width: 1200px) {
    .contact-group {
      grid-template-columns: repeat(auto-fill, minmax(-webkit-calc( 100% / 2 - 20px), 1fr));
      grid-template-columns: repeat(auto-fill, minmax(calc( 100% / 2 - 20px), 1fr)); } }
  @media screen and (max-width: 980px) {
    .contact-group {
      grid-template-columns: repeat(auto-fill, minmax(-webkit-calc( 100% / 2 - 20px), 1fr));
      grid-template-columns: repeat(auto-fill, minmax(calc( 100% / 2 - 20px), 1fr)); } }
  @media screen and (max-width: 700px) {
    .contact-group {
      grid-template-columns: repeat(auto-fill, minmax(-webkit-calc( 100% / 2 - 20px), 1fr));
      grid-template-columns: repeat(auto-fill, minmax(calc( 100% / 2 - 20px), 1fr)); } }
  .contact-group img {
    max-width: 100%;
    display: block; }
  .contact-group .contact-form__label {
    margin-bottom: 0; }
    .contact-group .contact-form__label span {
      font-size: 12px; }
    .contact-group .contact-form__label input {
      height: 65px;
      -webkit-border-radius: 30px;
              border-radius: 30px; }
  .contact-group .contact-form__label_single input {
    height: 80px; }
  @media only screen and (max-width: 720px) {
    .contact-group .contact-form__label {
      margin-bottom: 0; }
      .contact-group .contact-form__label span {
        font-size: 10px;
        min-height: 30px; }
      .contact-group .contact-form__label input {
        height: 50px;
        padding: 0 10px;
        font-size: 12px;
        -webkit-border-radius: 10px;
                border-radius: 10px; }
    .contact-group .contact-form__label_single input {
      height: 50px;
      padding: 0 10px;
      font-size: 12px;
      -webkit-border-radius: 10px;
              border-radius: 10px; } }

.contact-consultation__sub {
  max-width: 100%;
  width: 100%;
  height: 100px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-border-radius: 6px;
          border-radius: 6px;
  background: -webkit-radial-gradient(50% 0%, 100% 100%, #FF0012 0%, rgba(255, 0, 18, 0) 100%), #C82C37;
  background: -o-radial-gradient(50% 0%, 100% 100%, #FF0012 0%, rgba(255, 0, 18, 0) 100%), #C82C37;
  background: radial-gradient(100% 100% at 50% 0%, #FF0012 0%, rgba(255, 0, 18, 0) 100%), #C82C37;
  grid-gap: 10px;
  font: 700 15px "IBM Plex Sans", sans-serif;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  text-align: center;
  color: #fff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  cursor: pointer;
  position: relative;
  -webkit-transition: .4s;
  -o-transition: .4s;
  transition: .4s;
  overflow: hidden;
  -webkit-transition: .4s linear;
  -o-transition: .4s linear;
  transition: .4s linear;
  -webkit-border-radius: 20px;
          border-radius: 20px;
  margin-top: 20px; }
  .contact-consultation__sub input {
    display: none; }
  .contact-consultation__sub::-moz-selection {
    color: inherit;
    /* Цвет текста */
    background: transparent;
    /* Цвет фона */ }
  .contact-consultation__sub::selection {
    color: inherit;
    /* Цвет текста */
    background: transparent;
    /* Цвет фона */ }
  .contact-consultation__sub *::-moz-selection {
    color: inherit;
    /* Цвет текста */
    background: transparent;
    /* Цвет фона */ }
  .contact-consultation__sub *::selection {
    color: inherit;
    /* Цвет текста */
    background: transparent;
    /* Цвет фона */ }
  .contact-consultation__sub:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 1.5em;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.6);
    -webkit-transform: translateX(-5em) skewX(-45deg);
        -ms-transform: translateX(-5em) skewX(-45deg);
            transform: translateX(-5em) skewX(-45deg);
    -webkit-animation: move-light 3s linear infinite;
            animation: move-light 3s linear infinite; }
  @media only screen and (max-width: 720px) {
    .contact-consultation__sub {
      font-size: 13px; } }
  .contact-consultation__sub:hover:before {
    -webkit-animation: move-light-big 0.4s linear;
            animation: move-light-big 0.4s linear; }
  @media only screen and (max-width: 720px) {
    .contact-consultation__sub {
      height: 70px; } }

.contact-photo_bg {
  width: 443px;
  display: block;
  position: absolute;
  right: -100px;
  bottom: -60px; }
  @media only screen and (max-width: 720px) {
    .contact-photo_bg {
      width: 243px;
      right: -10px;
      bottom: -40px; } }

.consultation {
  padding: 35px 0;
  background: url("../images/bg/consultation-bg.jpg") center no-repeat;
  -webkit-background-size: cover;
          background-size: cover; }

.consultation-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  grid-gap: 35px; }

.consultation-content {
  width: 625px;
  padding: 25px 30px 40px 40px;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-border-radius: 40px;
          border-radius: 40px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  background: rgba(29, 29, 29, 0.4);
  -webkit-backdrop-filter: blur(50px);
          backdrop-filter: blur(50px);
  color: #fff; }
  @media only screen and (max-width: 1200px) {
    .consultation-content {
      width: 100%; } }
  @media only screen and (max-width: 720px) {
    .consultation-content {
      padding: 30px 20px;
      -webkit-border-radius: 20px;
              border-radius: 20px; } }

.consultation-title {
  font-size: 63px;
  line-height: 70px;
  font-weight: 700;
  color: #fff;
  margin-top: 20px; }
  @media only screen and (max-width: 720px) {
    .consultation-title {
      font-size: 34px;
      line-height: 1.7;
      margin-top: 15px; } }

.consultation-info {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 20px;
  position: relative; }
  .consultation-info img {
    width: 253px;
    display: block;
    position: absolute;
    left: -40px;
    top: -10px; }
  @media only screen and (max-width: 720px) {
    .consultation-info {
      margin-top: 15px; }
      .consultation-info img {
        width: 163px;
        left: 239px;
        top: 30px; } }

.consultation-info__text {
  max-width: 375px;
  line-height: 160%;
  margin-left: auto; }
  @media only screen and (max-width: 720px) {
    .consultation-info__text {
      font-size: 14px; } }

.consultation-info__title {
  display: block;
  font-size: 20px;
  font-weight: 600;
  opacity: 0.8;
  margin-bottom: 15px; }
  @media only screen and (max-width: 720px) {
    .consultation-info__title {
      font-size: 18px; } }

.consultation-info__description {
  font-size: 16px;
  opacity: 0.6; }
  @media only screen and (max-width: 720px) {
    .consultation-info__description {
      font-size: 14px; } }

.consultation-descriptor {
  font-size: 13px;
  line-height: 207%;
  margin-top: 25px; }
  .consultation-descriptor b {
    font-weight: 600; }

.consultation-list {
  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;
  margin-top: 35px; }
  @media only screen and (max-width: 720px) {
    .consultation-list {
      margin-top: 20px;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
          -ms-flex-direction: column;
              flex-direction: column;
      grid-gap: 15px; } }

.consultation-item {
  padding: 6px 13px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  grid-gap: 5px;
  -webkit-border-radius: 15px;
          border-radius: 15px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  background: rgba(29, 29, 29, 0.4);
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }
  .consultation-item img {
    margin-top: 3px;
    -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
            flex-shrink: 0; }
  .consultation-item p {
    font-size: 13px;
    line-height: 146%; }
  @media only screen and (max-width: 720px) {
    .consultation-item {
      width: 100%;
      -webkit-box-align: center;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
      grid-gap: 12px;
      min-height: 40px; }
      .consultation-item br {
        display: none; } }

.consultation-btn {
  max-width: 100%;
  width: 360px;
  height: 90px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-border-radius: 6px;
          border-radius: 6px;
  background: -webkit-radial-gradient(50% 0%, 100% 100%, #FF0012 0%, rgba(255, 0, 18, 0) 100%), #C82C37;
  background: -o-radial-gradient(50% 0%, 100% 100%, #FF0012 0%, rgba(255, 0, 18, 0) 100%), #C82C37;
  background: radial-gradient(100% 100% at 50% 0%, #FF0012 0%, rgba(255, 0, 18, 0) 100%), #C82C37;
  grid-gap: 10px;
  font: 700 15px "IBM Plex Sans", sans-serif;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  text-align: center;
  color: #fff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  cursor: pointer;
  position: relative;
  -webkit-transition: .4s;
  -o-transition: .4s;
  transition: .4s;
  overflow: hidden;
  -webkit-transition: .4s linear;
  -o-transition: .4s linear;
  transition: .4s linear;
  -webkit-border-radius: 20px;
          border-radius: 20px;
  margin-top: 45px; }
  .consultation-btn input {
    display: none; }
  .consultation-btn::-moz-selection {
    color: inherit;
    /* Цвет текста */
    background: transparent;
    /* Цвет фона */ }
  .consultation-btn::selection {
    color: inherit;
    /* Цвет текста */
    background: transparent;
    /* Цвет фона */ }
  .consultation-btn *::-moz-selection {
    color: inherit;
    /* Цвет текста */
    background: transparent;
    /* Цвет фона */ }
  .consultation-btn *::selection {
    color: inherit;
    /* Цвет текста */
    background: transparent;
    /* Цвет фона */ }
  .consultation-btn:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 1.5em;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.6);
    -webkit-transform: translateX(-5em) skewX(-45deg);
        -ms-transform: translateX(-5em) skewX(-45deg);
            transform: translateX(-5em) skewX(-45deg);
    -webkit-animation: move-light 3s linear infinite;
            animation: move-light 3s linear infinite; }
  @media only screen and (max-width: 720px) {
    .consultation-btn {
      font-size: 13px; } }
  @media only screen and (max-width: 720px) {
    .consultation-btn {
      height: 70px;
      font-size: 10px;
      margin-top: 20px; } }

.consultation-photo {
  width: 540px;
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
  -webkit-border-radius: 40px;
          border-radius: 40px;
  border: 1px solid rgba(255, 255, 255, 0.1); }
  @media only screen and (max-width: 1200px) {
    .consultation-photo {
      display: none; } }

.about {
  padding: 100px 0 270px;
  overflow: hidden; }
  @media only screen and (max-width: 1200px) {
    .about {
      padding-bottom: 0;
      overflow: visible; } }
  @media only screen and (max-width: 720px) {
    .about {
      padding-top: 50px; } }

.about-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  grid-gap: 40px; }
  @media only screen and (max-width: 720px) {
    .about-wrap {
      grid-gap: 20px; } }

.about-photo {
  width: 415px;
  height: 630px;
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
  -webkit-border-radius: 30px;
          border-radius: 30px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }
  @media only screen and (max-width: 1200px) {
    .about-photo {
      width: 100%; } }
  @media only screen and (max-width: 720px) {
    .about-photo {
      width: 100%;
      height: auto;
      -webkit-border-radius: 20px;
              border-radius: 20px; } }

.about-content h2 {
  font-size: 48px;
  margin: 20px auto; }

.about-content p {
  font-size: 14px;
  line-height: 185%;
  color: #313131;
  margin: 15px 0; }

.about-content *:first-child {
  margin-top: 0; }

.about-content *:last-child {
  margin-bottom: 0; }

@media only screen and (max-width: 720px) {
  .about-content h2 {
    font-size: 34px;
    padding-right: 20px;
    margin: 15px 0; }
  .about-content p {
    margin: 10px 0; } }

.about-more {
  color: #C82C37;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.84px;
  text-transform: uppercase;
  position: relative; }
  .about-more::before {
    content: '';
    width: 100%;
    height: 1px;
    background-color: #C82C37;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0 auto;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s; }
  .about-more:hover::before {
    width: 0%; }

.about-hide {
  display: none;
  margin-top: 30px;
  position: relative; }
  .about-hide .about-content {
    max-width: 780px; }
  @media only screen and (max-width: 1200px) {
    .about-hide {
      margin-top: 20px; }
      .about-hide .about-content {
        max-width: 480px; } }
  @media only screen and (max-width: 720px) {
    .about-hide {
      margin-top: 0; } }

.about-cube {
  width: 1284px;
  display: block;
  position: absolute;
  right: -590px;
  top: -390px; }
  @media only screen and (max-width: 1200px) {
    .about-cube {
      right: -760px;
      top: -360px; } }
  @media only screen and (max-width: 720px) {
    .about-cube {
      display: none; } }

.problems {
  margin-top: 100px; }

.problems_about {
  margin-top: -150px; }
  @media only screen and (max-width: 1200px) {
    .problems_about {
      margin-top: 70px; } }
  @media only screen and (max-width: 720px) {
    .problems_about {
      margin-top: 50px; } }

.problems-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  grid-gap: 40px;
  position: relative; }
  @media only screen and (max-width: 1200px) {
    .problems-wrap {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
          -ms-flex-direction: column;
              flex-direction: column;
      grid-gap: 30px; } }

.problems-content {
  width: 540px;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  position: -webkit-sticky;
  position: sticky;
  top: 20px; }
  @media only screen and (max-width: 1200px) {
    .problems-content {
      width: 100%; } }

.problems-title {
  position: relative; }
  .problems-title p {
    width: 105px;
    color: #676767;
    text-align: right;
    font-family: "Vasek", serif;
    font-size: 53px;
    line-height: 52%;
    opacity: 0.6;
    -webkit-transform: rotate(13.621deg);
        -ms-transform: rotate(13.621deg);
            transform: rotate(13.621deg);
    position: absolute;
    right: 45px;
    top: 50px; }
  @media only screen and (max-width: 720px) {
    .problems-title p {
      font-size: 33px;
      right: 5px;
      top: 31px; } }

.problems-subtitle {
  font-family: "Vasek", serif;
  font-size: 53px;
  line-height: 90%;
  opacity: 0.8;
  margin-top: 30px; }
  @media only screen and (max-width: 720px) {
    .problems-subtitle {
      font-size: 40px;
      margin-top: 20px; } }

.problems-person {
  width: 100%;
  display: block;
  -webkit-border-radius: 30px;
          border-radius: 30px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  margin-top: 30px; }
  @media only screen and (max-width: 720px) {
    .problems-person {
      -webkit-border-radius: 20px;
              border-radius: 20px;
      margin-top: 0; } }

.problems-person__btn {
  max-width: 100%;
  width: 360px;
  height: 90px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-border-radius: 6px;
          border-radius: 6px;
  background: -webkit-radial-gradient(50% 0%, 100% 100%, #FF0012 0%, rgba(255, 0, 18, 0) 100%), #C82C37;
  background: -o-radial-gradient(50% 0%, 100% 100%, #FF0012 0%, rgba(255, 0, 18, 0) 100%), #C82C37;
  background: radial-gradient(100% 100% at 50% 0%, #FF0012 0%, rgba(255, 0, 18, 0) 100%), #C82C37;
  grid-gap: 10px;
  font: 700 15px "IBM Plex Sans", sans-serif;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  text-align: center;
  color: #fff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  cursor: pointer;
  position: relative;
  -webkit-transition: .4s;
  -o-transition: .4s;
  transition: .4s;
  overflow: hidden;
  -webkit-transition: .4s linear;
  -o-transition: .4s linear;
  transition: .4s linear;
  -webkit-border-radius: 20px;
          border-radius: 20px;
  margin: 20px auto 0; }
  .problems-person__btn input {
    display: none; }
  .problems-person__btn::-moz-selection {
    color: inherit;
    /* Цвет текста */
    background: transparent;
    /* Цвет фона */ }
  .problems-person__btn::selection {
    color: inherit;
    /* Цвет текста */
    background: transparent;
    /* Цвет фона */ }
  .problems-person__btn *::-moz-selection {
    color: inherit;
    /* Цвет текста */
    background: transparent;
    /* Цвет фона */ }
  .problems-person__btn *::selection {
    color: inherit;
    /* Цвет текста */
    background: transparent;
    /* Цвет фона */ }
  .problems-person__btn:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 1.5em;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.6);
    -webkit-transform: translateX(-5em) skewX(-45deg);
        -ms-transform: translateX(-5em) skewX(-45deg);
            transform: translateX(-5em) skewX(-45deg);
    -webkit-animation: move-light 3s linear infinite;
            animation: move-light 3s linear infinite; }
  @media only screen and (max-width: 720px) {
    .problems-person__btn {
      font-size: 13px; } }
  @media only screen and (max-width: 720px) {
    .problems-person__btn {
      height: 70px;
      margin-top: 0; } }

.problems-list {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  grid-gap: 20px; }

.problems-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  grid-gap: 30px;
  padding: 20px 30px;
  -webkit-border-radius: 30px;
          border-radius: 30px;
  border: 1px solid #FFF;
  background: rgba(255, 255, 255, 0.3);
  -webkit-backdrop-filter: blur(50px);
          backdrop-filter: blur(50px); }
  .problems-item p {
    font-size: 16px;
    line-height: 187%; }
  @media only screen and (max-width: 720px) {
    .problems-item {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-align: start;
      -webkit-align-items: flex-start;
          -ms-flex-align: start;
              align-items: flex-start;
      grid-gap: 10px; }
      .problems-item p {
        font-size: 14px;
        line-height: 170%; } }

.problems-item__icon {
  width: 68px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0; }
  .problems-item__icon img {
    width: 100%; }

.problems-item__coaching {
  width: 100px; }

.problems-item__info b {
  display: block;
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 15px; }

.problems-double {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(-webkit-calc( (100% / 2) - 20px), 1fr));
  grid-template-columns: repeat(auto-fill, minmax(calc( (100% / 2) - 20px), 1fr));
  grid-gap: 20px 20px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }
  @media screen and (max-width: 1200px) {
    .problems-double {
      grid-template-columns: repeat(auto-fill, minmax(-webkit-calc( 100% / 2 - 20px), 1fr));
      grid-template-columns: repeat(auto-fill, minmax(calc( 100% / 2 - 20px), 1fr)); } }
  @media screen and (max-width: 980px) {
    .problems-double {
      grid-template-columns: repeat(auto-fill, minmax(-webkit-calc( 100% / 2 - 20px), 1fr));
      grid-template-columns: repeat(auto-fill, minmax(calc( 100% / 2 - 20px), 1fr)); } }
  @media screen and (max-width: 700px) {
    .problems-double {
      grid-template-columns: repeat(auto-fill, minmax(-webkit-calc( 100% / 1 - 20px), 1fr));
      grid-template-columns: repeat(auto-fill, minmax(calc( 100% / 1 - 20px), 1fr)); } }
  .problems-double img {
    max-width: 100%;
    display: block; }
  .problems-double .problems-item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    grid-gap: 10px;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
        -ms-flex-align: start;
            align-items: flex-start; }

.exactly {
  margin-top: 85px; }
  @media only screen and (max-width: 1200px) {
    .exactly {
      margin-top: 50px; } }

.exactly-quote {
  width: 215px;
  color: #121212;
  text-align: right;
  font-family: "Vasek", serif;
  font-size: 36px;
  line-height: 86%;
  -webkit-transform: rotate(10.467deg);
      -ms-transform: rotate(10.467deg);
          transform: rotate(10.467deg);
  margin-left: auto;
  margin-top: -50px; }
  @media only screen and (max-width: 1200px) {
    .exactly-quote {
      font-size: 26px;
      margin-top: 0; } }
  @media only screen and (max-width: 720px) {
    .exactly-quote {
      width: 100%;
      margin-top: 15px;
      -webkit-transform: none;
          -ms-transform: none;
              transform: none;
      text-align: center; }
      .exactly-quote br {
        display: none; } }

.exactly-list {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(-webkit-calc( (100% / 3) - 30px), 1fr));
  grid-template-columns: repeat(auto-fill, minmax(calc( (100% / 3) - 30px), 1fr));
  grid-gap: 30px 30px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-top: 45px; }
  @media screen and (max-width: 1200px) {
    .exactly-list {
      grid-template-columns: repeat(auto-fill, minmax(-webkit-calc( 100% / 1 - 30px), 1fr));
      grid-template-columns: repeat(auto-fill, minmax(calc( 100% / 1 - 30px), 1fr)); } }
  @media screen and (max-width: 980px) {
    .exactly-list {
      grid-template-columns: repeat(auto-fill, minmax(-webkit-calc( 100% / 1 - 30px), 1fr));
      grid-template-columns: repeat(auto-fill, minmax(calc( 100% / 1 - 30px), 1fr)); } }
  @media screen and (max-width: 700px) {
    .exactly-list {
      grid-template-columns: repeat(auto-fill, minmax(-webkit-calc( 100% / 1 - 30px), 1fr));
      grid-template-columns: repeat(auto-fill, minmax(calc( 100% / 1 - 30px), 1fr)); } }
  .exactly-list img {
    max-width: 100%;
    display: block; }
  @media only screen and (max-width: 720px) {
    .exactly-list {
      margin-top: 30px;
      grid-gap: 20px; } }

.exactly-item {
  padding: 20px 30px;
  height: auto;
  -webkit-border-radius: 20px;
          border-radius: 20px;
  border: 1px solid #FFF;
  background: rgba(255, 255, 255, 0.3);
  -webkit-backdrop-filter: blur(50px);
          backdrop-filter: blur(50px);
  position: relative; }

.exactly-item__title {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  grid-gap: 7px;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }
  .exactly-item__title img {
    width: 47px;
    display: block;
    -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
            flex-shrink: 0; }
  .exactly-item__title b {
    display: block;
    font-size: 19px;
    font-weight: 600; }

.exactly-item__info {
  font-size: 15px;
  line-height: 166%;
  margin-top: 10px; }

.exactly-item__btn {
  max-width: 100%;
  width: 100%;
  height: 80px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-border-radius: 6px;
          border-radius: 6px;
  background: -webkit-radial-gradient(50% 0%, 100% 100%, #FF0012 0%, rgba(255, 0, 18, 0) 100%), #C82C37;
  background: -o-radial-gradient(50% 0%, 100% 100%, #FF0012 0%, rgba(255, 0, 18, 0) 100%), #C82C37;
  background: radial-gradient(100% 100% at 50% 0%, #FF0012 0%, rgba(255, 0, 18, 0) 100%), #C82C37;
  grid-gap: 10px;
  font: 700 15px "IBM Plex Sans", sans-serif;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  text-align: center;
  color: #fff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  cursor: pointer;
  position: relative;
  -webkit-transition: .4s;
  -o-transition: .4s;
  transition: .4s;
  overflow: hidden;
  -webkit-transition: .4s linear;
  -o-transition: .4s linear;
  transition: .4s linear;
  -webkit-border-radius: 20px;
          border-radius: 20px;
  margin-top: 20px; }
  .exactly-item__btn input {
    display: none; }
  .exactly-item__btn::-moz-selection {
    color: inherit;
    /* Цвет текста */
    background: transparent;
    /* Цвет фона */ }
  .exactly-item__btn::selection {
    color: inherit;
    /* Цвет текста */
    background: transparent;
    /* Цвет фона */ }
  .exactly-item__btn *::-moz-selection {
    color: inherit;
    /* Цвет текста */
    background: transparent;
    /* Цвет фона */ }
  .exactly-item__btn *::selection {
    color: inherit;
    /* Цвет текста */
    background: transparent;
    /* Цвет фона */ }
  .exactly-item__btn:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 1.5em;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.6);
    -webkit-transform: translateX(-5em) skewX(-45deg);
        -ms-transform: translateX(-5em) skewX(-45deg);
            transform: translateX(-5em) skewX(-45deg);
    -webkit-animation: move-light 3s linear infinite;
            animation: move-light 3s linear infinite; }
  @media only screen and (max-width: 720px) {
    .exactly-item__btn {
      font-size: 13px; } }
  @media only screen and (max-width: 720px) {
    .exactly-item__btn {
      height: 70px;
      margin-top: 15px; } }

.exactly-item__tag {
  color: #676767;
  text-align: right;
  font-family: "Vasek", serif;
  font-size: 36px;
  line-height: 58%;
  -webkit-transform: rotate(6.492deg);
      -ms-transform: rotate(6.492deg);
          transform: rotate(6.492deg);
  position: absolute;
  right: 20px;
  top: -22px; }

.wanted {
  margin-top: 90px; }
  @media only screen and (max-width: 720px) {
    .wanted {
      margin-top: 50px; }
      .wanted h2 {
        font-size: 24px; } }

.wanted-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 35px; }
  @media only screen and (max-width: 1200px) {
    .wanted-wrap {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
          -ms-flex-direction: column;
              flex-direction: column; } }

.wanted-list:nth-child(1) .wanted-item:nth-child(1) {
  width: 380px;
  margin-left: 60px; }

.wanted-list:nth-child(1) .wanted-item:nth-child(2) {
  width: 320px; }

.wanted-list:nth-child(1) .wanted-item:nth-child(3) {
  width: 230px;
  margin-left: 115px; }

.wanted-list:nth-child(2) {
  text-align: right; }
  .wanted-list:nth-child(2) .wanted-item {
    padding-left: 20px;
    padding-right: 30px;
    margin-left: auto; }
    .wanted-list:nth-child(2) .wanted-item:nth-child(1) {
      width: 315px;
      margin-right: 40px; }
    .wanted-list:nth-child(2) .wanted-item:nth-child(2) {
      width: 300px;
      margin-left: auto; }
    .wanted-list:nth-child(2) .wanted-item:nth-child(3) {
      width: 405px;
      margin-right: 65px; }

@media only screen and (max-width: 1200px) {
  .wanted-list {
    margin-bottom: 20px; }
    .wanted-list .wanted-item {
      width: 100% !important;
      margin-left: 0 !important;
      margin-right: 0 !important; }
    .wanted-list:nth-child(2) .wanted-item {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: reverse;
      -webkit-flex-direction: row-reverse;
          -ms-flex-direction: row-reverse;
              flex-direction: row-reverse;
      text-align: left; }
    .wanted-list:last-child {
      margin-bottom: 0; } }

.wanted-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  grid-gap: 20px;
  padding: 15px 20px;
  padding-left: 30px;
  -webkit-border-radius: 20px;
          border-radius: 20px;
  border: 1px solid #FFF;
  -webkit-backdrop-filter: blur(50px);
          backdrop-filter: blur(50px);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin-bottom: 40px; }
  .wanted-item:last-child {
    margin-bottom: 0; }
  @media only screen and (max-width: 1200px) {
    .wanted-item {
      margin-bottom: 20px; }
      .wanted-item br {
        display: none; } }

.wanted-item__icon {
  width: 16px;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0; }

.wanted-item__info {
  font-size: 15px;
  line-height: 25px; }
  .wanted-item__info b {
    font-weight: 600; }

.wanted-photo {
  width: 622px;
  display: block;
  position: absolute;
  left: 300px;
  top: 130px; }
  @media only screen and (max-width: 1200px) {
    .wanted-photo {
      width: 152px;
      left: 510px;
      top: 270px; } }

.hide-wrap {
  overflow: hidden; }

.give {
  margin-top: 100px;
  padding: 45px 0;
  background: #282828; }
  @media only screen and (max-width: 720px) {
    .give {
      margin-top: 50px; } }

.give-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  grid-gap: 35px;
  position: relative;
  z-index: 2; }
  @media only screen and (max-width: 1200px) {
    .give-wrap {
      -webkit-box-orient: vertical;
      -webkit-box-direction: reverse;
      -webkit-flex-direction: column-reverse;
          -ms-flex-direction: column-reverse;
              flex-direction: column-reverse; } }
  @media only screen and (max-width: 720px) {
    .give-wrap {
      grid-gap: 20px; } }

.give-photo {
  width: 540px;
  -webkit-border-radius: 40px;
          border-radius: 40px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0; }
  @media only screen and (max-width: 1200px) {
    .give-photo {
      width: 100%; } }
  @media only screen and (max-width: 720px) {
    .give-photo {
      -webkit-border-radius: 20px;
              border-radius: 20px; } }

.give-content {
  width: 100%;
  padding: 50px 50px 40px 40px;
  -webkit-border-radius: 40px;
          border-radius: 40px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  background: rgba(29, 29, 29, 0.4);
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }
  @media only screen and (max-width: 720px) {
    .give-content {
      padding: 30px 20px;
      -webkit-border-radius: 20px;
              border-radius: 20px; } }

.give-bonus {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between; }
  .give-bonus p {
    color: #676767;
    font-family: "Vasek", serif;
    font-size: 53px;
    line-height: 52%; }
  @media only screen and (max-width: 720px) {
    .give-bonus p {
      font-size: 24px; } }

.give-dop {
  font-size: 28px;
  opacity: 0.6;
  color: #fff;
  margin-top: 15px; }
  @media only screen and (max-width: 720px) {
    .give-dop {
      font-size: 20px; } }

.give-list_no-padding {
  padding-left: 0 !important; }

.give-list {
  padding-left: 40px;
  margin-top: 30px; }
  @media only screen and (max-width: 720px) {
    .give-list {
      padding-left: 0;
      margin-top: 20px; } }

.give-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  grid-gap: 15px;
  margin-bottom: 20px; }
  .give-item p {
    font-size: 16px;
    line-height: 125%;
    color: #fff; }
  .give-item:last-child {
    margin-bottom: 0; }
  @media only screen and (max-width: 720px) {
    .give-item {
      margin-bottom: 15px; }
      .give-item p {
        font-size: 14px; }
      .give-item br {
        display: none; } }

.give-item__icon {
  width: 18px;
  display: block;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0; }

.give-btn {
  max-width: 100%;
  width: 360px;
  height: 90px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-border-radius: 6px;
          border-radius: 6px;
  background: -webkit-radial-gradient(50% 0%, 100% 100%, #FF0012 0%, rgba(255, 0, 18, 0) 100%), #C82C37;
  background: -o-radial-gradient(50% 0%, 100% 100%, #FF0012 0%, rgba(255, 0, 18, 0) 100%), #C82C37;
  background: radial-gradient(100% 100% at 50% 0%, #FF0012 0%, rgba(255, 0, 18, 0) 100%), #C82C37;
  grid-gap: 10px;
  font: 700 15px "IBM Plex Sans", sans-serif;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  text-align: center;
  color: #fff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  cursor: pointer;
  position: relative;
  -webkit-transition: .4s;
  -o-transition: .4s;
  transition: .4s;
  overflow: hidden;
  -webkit-transition: .4s linear;
  -o-transition: .4s linear;
  transition: .4s linear;
  -webkit-border-radius: 20px;
          border-radius: 20px;
  margin-top: 35px; }
  .give-btn input {
    display: none; }
  .give-btn::-moz-selection {
    color: inherit;
    /* Цвет текста */
    background: transparent;
    /* Цвет фона */ }
  .give-btn::selection {
    color: inherit;
    /* Цвет текста */
    background: transparent;
    /* Цвет фона */ }
  .give-btn *::-moz-selection {
    color: inherit;
    /* Цвет текста */
    background: transparent;
    /* Цвет фона */ }
  .give-btn *::selection {
    color: inherit;
    /* Цвет текста */
    background: transparent;
    /* Цвет фона */ }
  .give-btn:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 1.5em;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.6);
    -webkit-transform: translateX(-5em) skewX(-45deg);
        -ms-transform: translateX(-5em) skewX(-45deg);
            transform: translateX(-5em) skewX(-45deg);
    -webkit-animation: move-light 3s linear infinite;
            animation: move-light 3s linear infinite; }
  @media only screen and (max-width: 720px) {
    .give-btn {
      font-size: 13px; } }
  @media only screen and (max-width: 720px) {
    .give-btn {
      height: 70px;
      font-size: 10px; } }

.give-left {
  width: 719px;
  display: block;
  position: absolute;
  left: -110px;
  bottom: -90px; }
  @media only screen and (max-width: 720px) {
    .give-left {
      display: none; } }

.give-right {
  width: 350px;
  display: block;
  position: absolute;
  z-index: 3;
  right: -200px;
  bottom: 110px; }
  @media only screen and (max-width: 720px) {
    .give-right {
      display: none; } }

.give-bg-3 {
  width: 483px;
  display: block;
  position: absolute;
  left: -250px;
  bottom: -90px; }
  @media only screen and (max-width: 720px) {
    .give-bg-3 {
      display: none; } }

.give-bg-4 {
  width: 288px;
  display: block;
  position: absolute;
  z-index: 3;
  right: -200px;
  bottom: 110px; }
  @media only screen and (max-width: 720px) {
    .give-bg-4 {
      display: none; } }

.sort {
  margin-top: 100px; }
  @media only screen and (max-width: 720px) {
    .sort {
      margin-top: 50px; } }

.sort-list {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(-webkit-calc( (100% / 4) - 20px), 1fr));
  grid-template-columns: repeat(auto-fill, minmax(calc( (100% / 4) - 20px), 1fr));
  grid-gap: 20px 20px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }
  @media screen and (max-width: 1200px) {
    .sort-list {
      grid-template-columns: repeat(auto-fill, minmax(-webkit-calc( 100% / 2 - 20px), 1fr));
      grid-template-columns: repeat(auto-fill, minmax(calc( 100% / 2 - 20px), 1fr)); } }
  @media screen and (max-width: 980px) {
    .sort-list {
      grid-template-columns: repeat(auto-fill, minmax(-webkit-calc( 100% / 2 - 20px), 1fr));
      grid-template-columns: repeat(auto-fill, minmax(calc( 100% / 2 - 20px), 1fr)); } }
  @media screen and (max-width: 700px) {
    .sort-list {
      grid-template-columns: repeat(auto-fill, minmax(-webkit-calc( 100% / 1 - 20px), 1fr));
      grid-template-columns: repeat(auto-fill, minmax(calc( 100% / 1 - 20px), 1fr)); } }
  .sort-list img {
    max-width: 100%;
    display: block; }

.sort-line:nth-child(2) .sort-item:nth-child(3) {
  margin-bottom: 89px; }

.sort-line:nth-child(2) .sort-item:nth-child(4) {
  padding-right: 10px;
  z-index: 2; }

.sort-line:nth-child(3) .sort-item:nth-child(1) p {
  font-size: 14px; }

.sort-line:nth-child(3) .sort-item:nth-child(3) {
  padding-right: 15px;
  margin-bottom: 210px; }

.sort-line:nth-child(3) .sort-item:nth-child(4) {
  z-index: 3; }

.sort-line:nth-child(4) .sort-item:nth-child(4) {
  padding-right: 11px;
  padding-bottom: 34px; }

.sort-title {
  font-size: 36px;
  color: #000;
  line-height: 133%;
  font-weight: 600;
  margin: 40px 0 55px; }
  @media only screen and (max-width: 720px) {
    .sort-title {
      margin: 0 0 30px;
      font-size: 26px; }
      .sort-title br {
        display: none; } }

.sort-item {
  padding: 20px 30px;
  -webkit-border-radius: 30px;
          border-radius: 30px;
  border: 1px solid #FFF;
  background: rgba(255, 255, 255, 0.3);
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
  margin-bottom: 20px;
  position: relative; }
  .sort-item:last-child {
    margin-bottom: 0 !important; }
  @media only screen and (max-width: 1200px) {
    .sort-item {
      margin-bottom: 20px !important; } }
  @media only screen and (max-width: 720px) {
    .sort-item {
      padding: 20px;
      -webkit-border-radius: 20px;
              border-radius: 20px; }
      .sort-item br {
        display: none; } }

.sort-item__icon {
  width: 70px;
  display: block;
  margin-bottom: 10px;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0; }

.sort-item__info {
  font-size: 16px;
  line-height: 168%; }

.sort-cube {
  width: 858px;
  display: block;
  position: absolute;
  top: 440px;
  left: 320px; }
  @media only screen and (max-width: 1200px) {
    .sort-cube {
      display: none; } }

.after {
  margin-top: 100px; }
  @media only screen and (max-width: 720px) {
    .after {
      margin-top: 50px; } }

.after-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  grid-gap: 40px;
  position: relative; }
  @media only screen and (max-width: 1200px) {
    .after-wrap {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
          -ms-flex-direction: column;
              flex-direction: column;
      grid-gap: 30px; } }

.after-title {
  width: 540px;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  position: -webkit-sticky;
  position: sticky;
  top: 20px; }
  @media only screen and (max-width: 1200px) {
    .after-title {
      width: 100%;
      position: relative;
      top: auto; } }

.after-btn {
  max-width: 100%;
  width: 360px;
  height: 90px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-border-radius: 6px;
          border-radius: 6px;
  background: -webkit-radial-gradient(50% 0%, 100% 100%, #FF0012 0%, rgba(255, 0, 18, 0) 100%), #C82C37;
  background: -o-radial-gradient(50% 0%, 100% 100%, #FF0012 0%, rgba(255, 0, 18, 0) 100%), #C82C37;
  background: radial-gradient(100% 100% at 50% 0%, #FF0012 0%, rgba(255, 0, 18, 0) 100%), #C82C37;
  grid-gap: 10px;
  font: 700 15px "IBM Plex Sans", sans-serif;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  text-align: center;
  color: #fff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  cursor: pointer;
  position: relative;
  -webkit-transition: .4s;
  -o-transition: .4s;
  transition: .4s;
  overflow: hidden;
  -webkit-transition: .4s linear;
  -o-transition: .4s linear;
  transition: .4s linear;
  -webkit-border-radius: 20px;
          border-radius: 20px;
  margin-top: 30px; }
  .after-btn input {
    display: none; }
  .after-btn::-moz-selection {
    color: inherit;
    /* Цвет текста */
    background: transparent;
    /* Цвет фона */ }
  .after-btn::selection {
    color: inherit;
    /* Цвет текста */
    background: transparent;
    /* Цвет фона */ }
  .after-btn *::-moz-selection {
    color: inherit;
    /* Цвет текста */
    background: transparent;
    /* Цвет фона */ }
  .after-btn *::selection {
    color: inherit;
    /* Цвет текста */
    background: transparent;
    /* Цвет фона */ }
  .after-btn:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 1.5em;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.6);
    -webkit-transform: translateX(-5em) skewX(-45deg);
        -ms-transform: translateX(-5em) skewX(-45deg);
            transform: translateX(-5em) skewX(-45deg);
    -webkit-animation: move-light 3s linear infinite;
            animation: move-light 3s linear infinite; }
  @media only screen and (max-width: 720px) {
    .after-btn {
      font-size: 13px; } }
  @media only screen and (max-width: 1200px) {
    .after-btn {
      margin: 0 auto; } }
  @media only screen and (max-width: 720px) {
    .after-btn {
      height: 70px; } }

.after-list {
  width: 100%; }

.after-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  grid-gap: 30px;
  padding: 20px 30px;
  -webkit-border-radius: 30px;
          border-radius: 30px;
  border: 1px solid #FFF;
  background: rgba(255, 255, 255, 0.3);
  -webkit-backdrop-filter: blur(50px);
          backdrop-filter: blur(50px);
  margin-bottom: 20px; }
  .after-item p {
    font-size: 16px;
    line-height: 187%; }
  .after-item:last-child {
    margin-bottom: 0; }
  @media only screen and (max-width: 720px) {
    .after-item {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-align: start;
      -webkit-align-items: flex-start;
          -ms-flex-align: start;
              align-items: flex-start;
      grid-gap: 10px;
      padding: 20px; }
      .after-item br {
        display: none; } }

.after-item__icon {
  width: 120px;
  display: block;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0; }

.after-item__content b {
  display: block;
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 15px; }

.limits {
  margin-top: 100px; }
  @media only screen and (max-width: 720px) {
    .limits {
      margin-top: 50px; } }

.limits-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  grid-gap: 10px; }
  @media only screen and (max-width: 1200px) {
    .limits-wrap {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
          -ms-flex-direction: column;
              flex-direction: column;
      grid-gap: 30px; } }

.limits-content {
  max-width: 495px; }
  @media only screen and (max-width: 1200px) {
    .limits-content {
      max-width: 100%; }
      .limits-content h2 {
        text-align: center; } }

.limits-content_coaching {
  max-width: 100%; }

.limits-content__info {
  font-size: 16px;
  line-height: 187%;
  margin-top: 20px; }

.limits-price {
  max-width: 535px;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0; }
  @media only screen and (max-width: 1200px) {
    .limits-price {
      max-width: 100%;
      width: 100%; } }

.limits-descriptor {
  opacity: 0.6;
  text-align: center;
  font-size: 14px;
  margin-bottom: 10px; }

.limits-counter {
  display: block;
  color: #9E9E9E;
  font-size: 142px;
  font-weight: 600;
  line-height: 102%;
  letter-spacing: -7.1px;
  text-transform: uppercase; }
  @media only screen and (max-width: 720px) {
    .limits-counter {
      font-size: 75px;
      text-align: center;
      letter-spacing: -3px; } }

.limits-btn {
  max-width: 100%;
  width: 360px;
  height: 90px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-border-radius: 6px;
          border-radius: 6px;
  background: -webkit-radial-gradient(50% 0%, 100% 100%, #FF0012 0%, rgba(255, 0, 18, 0) 100%), #C82C37;
  background: -o-radial-gradient(50% 0%, 100% 100%, #FF0012 0%, rgba(255, 0, 18, 0) 100%), #C82C37;
  background: radial-gradient(100% 100% at 50% 0%, #FF0012 0%, rgba(255, 0, 18, 0) 100%), #C82C37;
  grid-gap: 10px;
  font: 700 15px "IBM Plex Sans", sans-serif;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  text-align: center;
  color: #fff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  cursor: pointer;
  position: relative;
  -webkit-transition: .4s;
  -o-transition: .4s;
  transition: .4s;
  overflow: hidden;
  -webkit-transition: .4s linear;
  -o-transition: .4s linear;
  transition: .4s linear;
  -webkit-border-radius: 20px;
          border-radius: 20px;
  margin: -45px auto 0; }
  .limits-btn input {
    display: none; }
  .limits-btn::-moz-selection {
    color: inherit;
    /* Цвет текста */
    background: transparent;
    /* Цвет фона */ }
  .limits-btn::selection {
    color: inherit;
    /* Цвет текста */
    background: transparent;
    /* Цвет фона */ }
  .limits-btn *::-moz-selection {
    color: inherit;
    /* Цвет текста */
    background: transparent;
    /* Цвет фона */ }
  .limits-btn *::selection {
    color: inherit;
    /* Цвет текста */
    background: transparent;
    /* Цвет фона */ }
  .limits-btn:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 1.5em;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.6);
    -webkit-transform: translateX(-5em) skewX(-45deg);
        -ms-transform: translateX(-5em) skewX(-45deg);
            transform: translateX(-5em) skewX(-45deg);
    -webkit-animation: move-light 3s linear infinite;
            animation: move-light 3s linear infinite; }
  @media only screen and (max-width: 720px) {
    .limits-btn {
      font-size: 13px; } }
  @media only screen and (max-width: 720px) {
    .limits-btn {
      height: 70px;
      margin-top: -20px; } }

.limits-cube {
  width: 773px;
  display: block;
  position: absolute;
  left: -360px;
  top: -190px; }
  @media only screen and (max-width: 1200px) {
    .limits-cube {
      display: none; } }

.coaching {
  background: url("../images/bg/coaching-bg.jpg") center no-repeat;
  -webkit-background-size: cover;
          background-size: cover; }

.coaching-info {
  position: relative;
  margin-top: 10px; }

.coaching-info__description {
  max-width: 400px;
  font-size: 17px; }
  .coaching-info__description b {
    font-weight: 600; }

.coaching-info__photo {
  width: 419px;
  position: absolute;
  right: -100px;
  top: -200px; }
  @media only screen and (max-width: 720px) {
    .coaching-info__photo {
      right: -200px; } }

.consultation-descriptor_coaching {
  font-size: 12px;
  margin-top: 40px; }
  @media only screen and (max-width: 720px) {
    .consultation-descriptor_coaching {
      margin-top: 20px; } }

.consultation-list_coaching {
  margin-top: 45px; }
  .consultation-list_coaching .consultation-item:nth-child(2) {
    width: 160px; }
  @media only screen and (max-width: 720px) {
    .consultation-list_coaching {
      margin-top: 20px; }
      .consultation-list_coaching .consultation-item:nth-child(2) {
        width: 100%; } }

.wont {
  margin-top: 90px; }
  @media only screen and (max-width: 720px) {
    .wont {
      margin-top: 50px; } }

.wont-content {
  max-width: 1040px;
  margin-left: auto; }
  .wont-content p {
    font-size: 16px;
    line-height: 187%;
    margin-top: 30px; }
  @media only screen and (max-width: 1200px) {
    .wont-content {
      max-width: 540px; } }
  @media only screen and (max-width: 720px) {
    .wont-content h2 {
      padding-right: 50px; } }

.wont-photo {
  width: 612px;
  display: block;
  position: absolute;
  left: -230px;
  top: -130px; }
  @media only screen and (max-width: 1200px) {
    .wont-photo {
      top: -50px; } }
  @media only screen and (max-width: 720px) {
    .wont-photo {
      width: 312px;
      left: 170px;
      top: -110px; } }

.step {
  margin-top: 100px; }
  @media only screen and (max-width: 720px) {
    .step {
      margin-top: 50px; } }

.step-subtitle {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  grid-gap: 30px;
  margin-top: 20px; }
  @media only screen and (max-width: 1200px) {
    .step-subtitle {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
          -ms-flex-direction: column;
              flex-direction: column;
      grid-gap: 15px; } }

.step-subtitle__quote {
  color: #FF0012;
  font-family: "Vasek", serif;
  font-size: 56px;
  line-height: 50%;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  margin-top: 25px; }

.step-subtitle {
  line-height: 166%; }
  @media only screen and (max-width: 1200px) {
    .step-subtitle {
      text-align: center; } }

.step-list {
  margin-top: 80px; }
  @media only screen and (max-width: 720px) {
    .step-list {
      margin-top: 50px; } }

.step-double {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  grid-gap: 30px;
  margin-bottom: 70px; }
  .step-double .step-item:nth-child(1) {
    width: 475px;
    -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
            flex-shrink: 0; }
  @media only screen and (max-width: 1200px) {
    .step-double {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
          -ms-flex-direction: column;
              flex-direction: column;
      grid-gap: 70px; }
      .step-double .step-item:nth-child(1) {
        width: 100%; } }
  @media only screen and (max-width: 720px) {
    .step-double {
      grid-gap: 50px;
      margin-bottom: 50px; } }

.step-item {
  padding: 1px 30px 20px;
  -webkit-border-radius: 30px;
          border-radius: 30px;
  border: 1px solid #FFF;
  background: rgba(255, 255, 255, 0.3);
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative; }
  @media only screen and (max-width: 720px) {
    .step-item {
      padding: 1px 20px 20px;
      -webkit-border-radius: 20px;
              border-radius: 20px; } }

.step-item__tag {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding: 20px 30px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  grid-gap: 10px;
  -webkit-border-radius: 20px;
          border-radius: 20px;
  border: 1px solid #FFF;
  background: url("../images/bg/tag-bg.png") center no-repeat, #121212;
  -webkit-background-size: cover;
          background-size: cover;
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
  margin-top: -40px;
  margin-bottom: 15px; }
  .step-item__tag span {
    display: block;
    color: #FF0012;
    font-size: 32px;
    font-weight: 600;
    line-height: 1; }
  .step-item__tag b {
    display: block;
    font-size: 20px;
    font-weight: 600;
    color: #fff; }
  @media only screen and (max-width: 720px) {
    .step-item__tag {
      width: 90%;
      padding: 15px 20px;
      -webkit-flex-wrap: wrap;
          -ms-flex-wrap: wrap;
              flex-wrap: wrap;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      -webkit-border-radius: 15px;
              border-radius: 15px;
      margin: -20px auto 15px;
      text-align: center;
      margin-top: -20px; }
      .step-item__tag span {
        font-size: 22px; }
      .step-item__tag b {
        font-size: 14px; }
      .step-item__tag br {
        display: none; } }

.step-item__check {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  grid-gap: 12px;
  margin-bottom: 15px; }
  .step-item__check img {
    -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
            flex-shrink: 0;
    margin-top: 5px; }
  .step-item__check p {
    font-size: 16px;
    line-height: 156%; }
  .step-item__check:last-child {
    margin-bottom: 0; }

.step-item__clue {
  font-size: 16px;
  opacity: 0.5;
  margin-bottom: 30px; }
  @media only screen and (max-width: 720px) {
    .step-item__clue {
      font-size: 14px;
      margin-bottom: 20px; } }

.step-grid-3 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between; }
  @media only screen and (max-width: 1200px) {
    .step-grid-3 {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
          -ms-flex-direction: column;
              flex-direction: column;
      grid-gap: 20px; } }

.step-grid-line:nth-child(1) {
  width: 330px; }
  .step-grid-line:nth-child(1) .step-check-content:nth-child(1) {
    margin-bottom: 80px; }

.step-grid-line:nth-child(2) {
  width: 400px; }
  .step-grid-line:nth-child(2) .step-check-content:nth-child(1) {
    margin-bottom: 30px; }

.step-grid-line:nth-child(3) {
  width: 300px; }
  .step-grid-line:nth-child(3) .step-check-content:nth-child(1) {
    margin-bottom: 35px; }
  .step-grid-line:nth-child(3) .step-check-content:nth-child(2) {
    margin-bottom: 145px; }

@media only screen and (max-width: 1200px) {
  .step-grid-line {
    width: 100% !important; }
    .step-grid-line .step-check-content {
      margin-bottom: 20px !important; }
      .step-grid-line .step-check-content:last-child {
        margin-bottom: 0 !important; } }

.step-check-content {
  margin-bottom: 30px; }

.step-check__title {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  grid-gap: 10px; }
  .step-check__title img {
    -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
            flex-shrink: 0;
    margin-top: 5px; }
  .step-check__title b {
    display: block;
    font-size: 16px;
    font-weight: 600;
    line-height: 156%; }

.step-check__info {
  font-size: 15px;
  line-height: 166%;
  margin-top: 5px; }

.step-photo-1 {
  width: 375px;
  display: block;
  position: absolute;
  bottom: 259px;
  right: -75px; }
  @media only screen and (max-width: 1200px) {
    .step-photo-1 {
      display: none; } }

.step-frame {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(-webkit-calc( (100% / 2) - 30px), 1fr));
  grid-template-columns: repeat(auto-fill, minmax(calc( (100% / 2) - 30px), 1fr));
  grid-gap: 30px 30px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin: 70px 0;
  position: relative; }
  @media screen and (max-width: 1200px) {
    .step-frame {
      grid-template-columns: repeat(auto-fill, minmax(-webkit-calc( 100% / 1 - 30px), 1fr));
      grid-template-columns: repeat(auto-fill, minmax(calc( 100% / 1 - 30px), 1fr)); } }
  @media screen and (max-width: 980px) {
    .step-frame {
      grid-template-columns: repeat(auto-fill, minmax(-webkit-calc( 100% / 1 - 30px), 1fr));
      grid-template-columns: repeat(auto-fill, minmax(calc( 100% / 1 - 30px), 1fr)); } }
  @media screen and (max-width: 700px) {
    .step-frame {
      grid-template-columns: repeat(auto-fill, minmax(-webkit-calc( 100% / 1 - 30px), 1fr));
      grid-template-columns: repeat(auto-fill, minmax(calc( 100% / 1 - 30px), 1fr)); } }
  .step-frame img {
    max-width: 100%;
    display: block; }
  @media only screen and (max-width: 1200px) {
    .step-frame {
      grid-gap: 70px; } }
  @media only screen and (max-width: 720px) {
    .step-frame {
      grid-gap: 50px;
      margin: 50px 0; } }

.step-photo-2 {
  width: 596px;
  display: block;
  position: absolute;
  left: 90px;
  bottom: -360px; }
  @media only screen and (max-width: 1200px) {
    .step-photo-2 {
      width: 496px;
      left: 420px; } }

.step-grid-4 {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(-webkit-calc( (100% / 3) - 30px), 1fr));
  grid-template-columns: repeat(auto-fill, minmax(calc( (100% / 3) - 30px), 1fr));
  grid-gap: 30px 30px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }
  @media screen and (max-width: 1200px) {
    .step-grid-4 {
      grid-template-columns: repeat(auto-fill, minmax(-webkit-calc( 100% / 3 - 30px), 1fr));
      grid-template-columns: repeat(auto-fill, minmax(calc( 100% / 3 - 30px), 1fr)); } }
  @media screen and (max-width: 980px) {
    .step-grid-4 {
      grid-template-columns: repeat(auto-fill, minmax(-webkit-calc( 100% / 3 - 30px), 1fr));
      grid-template-columns: repeat(auto-fill, minmax(calc( 100% / 3 - 30px), 1fr)); } }
  @media screen and (max-width: 700px) {
    .step-grid-4 {
      grid-template-columns: repeat(auto-fill, minmax(-webkit-calc( 100% / 1 - 30px), 1fr));
      grid-template-columns: repeat(auto-fill, minmax(calc( 100% / 1 - 30px), 1fr)); } }
  .step-grid-4 img {
    max-width: 100%;
    display: block; }
  .step-grid-4 .step-item__check {
    margin-bottom: 0; }
  @media only screen and (max-width: 720px) {
    .step-grid-4 {
      grid-gap: 20px; } }

.step-flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 30px; }
  .step-flex .step-item__check {
    margin-bottom: 0; }
  @media only screen and (max-width: 1200px) {
    .step-flex {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
          -ms-flex-direction: column;
              flex-direction: column;
      grid-gap: 20px; }
      .step-flex br {
        display: none; } }

.step-item_last {
  margin-top: 70px; }
  @media only screen and (max-width: 720px) {
    .step-item_last {
      margin-top: 50px; } }

.step-descriptor {
  font-size: 16px;
  line-height: 156%;
  margin-top: 30px; }
  @media only screen and (max-width: 720px) {
    .step-descriptor {
      font-size: 14px;
      margin-top: 20px; } }

.finish {
  margin-top: 100px; }
  @media only screen and (max-width: 720px) {
    .finish {
      margin-top: 50px; } }

.finish-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  grid-gap: 40px;
  position: relative;
  z-index: 2; }
  @media only screen and (max-width: 1200px) {
    .finish-wrap {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
          -ms-flex-direction: column;
              flex-direction: column;
      grid-gap: 30px; } }

.finish-title {
  width: 470px;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  position: relative; }
  @media only screen and (max-width: 1200px) {
    .finish-title {
      width: 100%; } }

.finish-quote {
  font-family: "Vasek", serif;
  font-size: 53px;
  line-height: 52%;
  opacity: 0.8;
  margin-top: 25px; }

.finish-content {
  width: 100%;
  position: relative;
  z-index: 2; }
  .finish-content p {
    font-size: 16px;
    line-height: 187%;
    margin-bottom: 30px; }
    .finish-content p b {
      font-weight: 500; }
    .finish-content p:last-child {
      margin-bottom: 0; }
  @media only screen and (max-width: 720px) {
    .finish-content p {
      margin-bottom: 15px; } }

.finish-cube {
  width: 1215px;
  display: block;
  position: absolute;
  left: -360px;
  top: -100px; }
  @media only screen and (max-width: 1200px) {
    .finish-cube {
      display: none; } }

.policy-title {
  font-size: 40px;
  text-align: center; }
  .policy-title h1 {
    line-height: 1.3; }
  .policy-title span {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    display: block;
    color: #C82C37;
    margin: 0 auto; }
  @media only screen and (max-width: 720px) {
    .policy-title {
      font-size: 28px; } }

.policy-list {
  margin-top: 40px; }

.policy-item {
  margin-bottom: 40px; }
  .policy-item h3 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    font-weight: bold;
    margin-bottom: 15px;
    color: #414141; }
  .policy-item p {
    margin-bottom: 10px;
    font-size: 16px;
    line-height: 22px; }
  .policy-item a {
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s; }
    .policy-item a:hover {
      color: #C82C37; }

.policy-btn {
  max-width: 100%;
  width: 300px;
  height: 80px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-border-radius: 6px;
          border-radius: 6px;
  background: -webkit-radial-gradient(50% 0%, 100% 100%, #FF0012 0%, rgba(255, 0, 18, 0) 100%), #C82C37;
  background: -o-radial-gradient(50% 0%, 100% 100%, #FF0012 0%, rgba(255, 0, 18, 0) 100%), #C82C37;
  background: radial-gradient(100% 100% at 50% 0%, #FF0012 0%, rgba(255, 0, 18, 0) 100%), #C82C37;
  grid-gap: 10px;
  font: 700 15px "IBM Plex Sans", sans-serif;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  text-align: center;
  color: #fff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  cursor: pointer;
  position: relative;
  -webkit-transition: .4s;
  -o-transition: .4s;
  transition: .4s;
  overflow: hidden;
  -webkit-transition: .4s linear;
  -o-transition: .4s linear;
  transition: .4s linear;
  margin: 0 auto; }
  .policy-btn input {
    display: none; }
  .policy-btn::-moz-selection {
    color: inherit;
    /* Цвет текста */
    background: transparent;
    /* Цвет фона */ }
  .policy-btn::selection {
    color: inherit;
    /* Цвет текста */
    background: transparent;
    /* Цвет фона */ }
  .policy-btn *::-moz-selection {
    color: inherit;
    /* Цвет текста */
    background: transparent;
    /* Цвет фона */ }
  .policy-btn *::selection {
    color: inherit;
    /* Цвет текста */
    background: transparent;
    /* Цвет фона */ }
  .policy-btn:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 1.5em;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.6);
    -webkit-transform: translateX(-5em) skewX(-45deg);
        -ms-transform: translateX(-5em) skewX(-45deg);
            transform: translateX(-5em) skewX(-45deg);
    -webkit-animation: move-light 3s linear infinite;
            animation: move-light 3s linear infinite; }
  @media only screen and (max-width: 720px) {
    .policy-btn {
      font-size: 13px; } }

.popup-frame {
  width: 100%;
  height: 100%;
  padding: 20px;
  display: none;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  position: fixed;
  background: rgba(0, 0, 0, 0.8);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  overflow-y: auto;
  overflow-x: hidden;
  left: 0;
  top: 0;
  z-index: 80; }

.js-popup {
  cursor: pointer; }

.popup-default {
  display: block;
  width: 550px;
  padding: 75px;
  background-color: #fff;
  -webkit-border-radius: 5px;
          border-radius: 5px;
  -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.3);
          box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.3);
  position: relative;
  margin: auto; }
  @media only screen and (max-width: 720px) {
    .popup-default {
      padding: 50px 20px; } }

.popup-default-title {
  margin-bottom: 30px; }
  .popup-default-title h3 {
    font-size: 34px;
    line-height: 30px;
    text-align: center;
    font-weight: bold;
    color: #272727; }
  .popup-default-title p {
    max-width: 75%;
    font-size: 16px;
    line-height: 18px;
    text-align: center;
    font-weight: 400;
    margin: 15px auto 0;
    color: #999; }
  @media only screen and (max-width: 720px) {
    .popup-default-title h3 {
      font-size: 24px; } }

.popup-default-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 25px;
  position: relative; }
  .popup-default-item p {
    font-weight: 400;
    position: absolute;
    font-size: 16px;
    bottom: 13px;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    cursor: pointer; }
  .popup-default-item input {
    width: 100%;
    height: 50px;
    border: none;
    font-size: 16px;
    border-bottom: 1px solid #DEDEDE;
    background-color: transparent;
    text-align: center;
    cursor: pointer;
    -webkit-box-shadow: inset 0 0 0 50px #fff !important;
    /* Цвет фона */ }

.active-default-input p {
  bottom: 48px;
  font-size: 12px; }

.popup-default-sub {
  max-width: 100%;
  width: 100%;
  height: 60px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-border-radius: 6px;
          border-radius: 6px;
  background: -webkit-radial-gradient(50% 0%, 100% 100%, #FF0012 0%, rgba(255, 0, 18, 0) 100%), #C82C37;
  background: -o-radial-gradient(50% 0%, 100% 100%, #FF0012 0%, rgba(255, 0, 18, 0) 100%), #C82C37;
  background: radial-gradient(100% 100% at 50% 0%, #FF0012 0%, rgba(255, 0, 18, 0) 100%), #C82C37;
  grid-gap: 10px;
  font: 700 15px "IBM Plex Sans", sans-serif;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  text-align: center;
  color: #fff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  cursor: pointer;
  position: relative;
  -webkit-transition: .4s;
  -o-transition: .4s;
  transition: .4s;
  overflow: hidden;
  -webkit-transition: .4s linear;
  -o-transition: .4s linear;
  transition: .4s linear;
  margin-top: 40px; }
  .popup-default-sub input {
    display: none; }
  .popup-default-sub::-moz-selection {
    color: inherit;
    /* Цвет текста */
    background: transparent;
    /* Цвет фона */ }
  .popup-default-sub::selection {
    color: inherit;
    /* Цвет текста */
    background: transparent;
    /* Цвет фона */ }
  .popup-default-sub *::-moz-selection {
    color: inherit;
    /* Цвет текста */
    background: transparent;
    /* Цвет фона */ }
  .popup-default-sub *::selection {
    color: inherit;
    /* Цвет текста */
    background: transparent;
    /* Цвет фона */ }
  .popup-default-sub:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 1.5em;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.6);
    -webkit-transform: translateX(-5em) skewX(-45deg);
        -ms-transform: translateX(-5em) skewX(-45deg);
            transform: translateX(-5em) skewX(-45deg);
    -webkit-animation: move-light 3s linear infinite;
            animation: move-light 3s linear infinite; }
  @media only screen and (max-width: 720px) {
    .popup-default-sub {
      font-size: 13px; } }
  @media only screen and (max-width: 720px) {
    .popup-default-sub {
      margin-top: 20px; } }

.popup-default-close {
  width: 15px;
  height: 15px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  position: absolute;
  top: 20px;
  right: 20px;
  cursor: pointer; }
  .popup-default-close::before, .popup-default-close::after {
    content: '';
    width: 20px;
    height: 1px;
    background-color: #999;
    position: absolute;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s; }
  .popup-default-close::before {
    -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
            transform: rotate(45deg); }
  .popup-default-close::after {
    -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
            transform: rotate(-45deg); }
  .popup-default-close:hover::before, .popup-default-close:hover::after {
    background-color: #C82C37; }

.popup {
  display: none;
  margin: auto;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative; }

.popup-close {
  cursor: pointer;
  font-size: 16px;
  position: absolute;
  right: 20px;
  top: 20px;
  -webkit-transition: .4s;
  -o-transition: .4s;
  transition: .4s; }
  .popup-close:hover {
    -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
            transform: rotate(90deg); }