/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.4.14,
* Autoprefixer: v10.4.7
* Browsers: last 4 version
*/

/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.4.14,
* Autoprefixer: v10.4.7
* Browsers: last 4 version
*/

/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.4.14,
* Autoprefixer: v10.4.7
* Browsers: last 4 version
*/

@charset "UTF-8";
@font-face {
  font-family: 'Lato';
  src: url("../fonts/Lato-Light.otf?2") format("opentype");
  font-weight: 300;
  font-style: normal;
  font-display: swap; }
@font-face {
  font-family: 'Lato';
  src: url("../fonts/Lato-Italic.otf") format("opentype");
  font-weight: 400;
  font-style: italic;
  font-display: swap; }
@font-face {
  font-family: 'Lato';
  src: url("../fonts/Lato-Bold.otf") format("opentype");
  font-weight: 700;
  font-style: normal;
  font-display: swap; }
@font-face {
  font-family: 'Rouble';
  src: url("../fonts/rouble.otf") format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap; }
@font-face {
  font-family: 'Lato';
  src: url("../fonts/Lato-Regular.otf") format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap; }
:target {
  scroll-margin-top: 100px; }

* {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

ul {
  list-style: none; }

input {
  outline: none; }

input[type=submit] {
  -webkit-appearance: none;
  border-radius: 0; }

* img {
  max-width: 100%; }

:root {
  --bg-color: #fff;
  --bg-light-color: #EEF0F2;
  --prime-color:#C9B787;
  --accent-color: #C9B787;
  --text-color: #18191C;
  --disable-color: #D8DADB;
  --border-radius: 3px; }

.help-block.form-error {
  position: absolute;
  font-size: .8em;
  color: #b94a48;
  top: -10px; }
@media screen and (max-width: 767px) {
  .help-block.form-error {
    top: 0px; } }

h1 {
  font-size: 28px;
  line-height: 36px;
  letter-spacing: -0.02em;
  font-weight: 600;
  color: var(--text-color);
  margin-bottom: 24px;
}

h2 {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 600;
  font-size: 20px;
  line-height: 26px;
  letter-spacing: -0.01em;
  color: var(--text-color);
  margin-bottom: 16px; }

h3 {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 600;
  font-size: 17px;
  line-height: 26px;
  letter-spacing: -0.01em;
  color: var(--text-color);
  margin-bottom: 16px;
  margin-top: 16px; }

p:not(:last-child) {
  margin-bottom: 16px; }

body {
  font-family: "Lato", sans-serif;
  background-color: var(--bg-color);
  font-size: 17px;
  line-height: 26px;
  color: var(--text-color); }
body._lock {
  overflow: hidden; }

section {
  padding-top: 0;
  padding-bottom: 0; }

footer {
  padding-top: clamp(2.5rem, 1.667rem + 4.17vw, 4.25rem);;
  padding-bottom: clamp(2.5rem, 1.667rem + 4.17vw, 4.25rem);; }

[class*="__container"] {
  width: 100%;
  max-width: 1140px;
  margin: 0px auto; }

@media (max-width: 1160px) {
  [class*="__container"] {
    padding-left: 1.25rem;
    padding-right: 1.25rem; } }
[class*="__smallcontainer"] {
  width: 100%;
  max-width: 1040px;
  margin: 0px auto; }

@media (max-width: 1254px) {
  [class*="__smallcontainer"] {
    padding-left: 1.25rem;
    padding-right: 1.25rem; } }
.line_under_mainscreen {
  background: #ebf1f7;
  height: 40px;
  width: 100%; }

/* Первый экран */
@media (max-width: 767px) {
  .logos_block {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between; } }

.hr {
  background-color: var(--prime-color);
  margin-top: 16px;
  margin-bottom: 16px;
  height: 1px;
  width: 100%; }

.logo {
  padding: 40px 0; }

.main_screen {
  padding-bottom: clamp(2.5rem, 1.591rem + 4.55vw, 5rem);
  /* .main_screen__smallcontainer */
  /* .main_screen__txt */
  /* .main_screen__img */ }
.main_screen__smallcontainer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }
@media (max-width: 767px) {
  .main_screen__smallcontainer {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse; } }
.main_screen__txt {
  width: 60%; }
@media (min-width: 768px) {
  .main_screen__txt {
    margin-right: 64px; } }
@media (max-width: 767px) {
  .main_screen__txt {
    width: 100%;
    max-width: 620px; } }
.main_screen__img {
  width: 40%; }
@media (max-width: 767px) {
  .main_screen__img {
    margin-bottom: 32px;
    width: 60%; } }
@media (max-width: 447px) {
  .main_screen__img {
    width: 100%; } }
.main_screen .btn_std {
  margin-top: 50px;
  margin-bottom: 8px; }
.main_screen i {
  font-style: italic;
  font-size: 13px;
  color: #747171;
  display: block; }

.btn_std {
  color: #101012;
  background-color: var(--prime-color);
  font-size: 14px;
  text-transform: uppercase;
  line-height: 1em;
  letter-spacing: .1em;
  padding: 20px 24px 18px 24px;
  display: inline-block;
  text-decoration: none;
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
  border-radius: var(--border-radius);
  cursor: pointer; }

.btn_std:hover {
  background-color: #E3CF98; }

/* конец Первый экран */
/*Видео урок*/
.video_lesson {
  background-color: var(--bg-light-color);
  padding-top: clamp(2.5rem, 1.591rem + 4.55vw, 5rem);
  padding-bottom: clamp(2.5rem, 1.591rem + 4.55vw, 5rem);
  /* .video_lesson__smallcontainer */
  /* .video_lesson__wrapper */
  /* .video_lesson__author */
  /* .video_lesson__photo */
  /* .video_lesson__name */ }
.video_lesson__wrapper {
  width: 100%;
  max-width: 770px;
  margin-left: auto;
  margin-right: auto; }
.video_lesson__author {
  margin-top: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  max-width: 770px;
  margin-left: auto;
  margin-right: auto; }
.video_lesson__photo {
  margin-right: 30px;
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
  -ms-flex-negative: 0;
  flex-shrink: 0; }
.video_lesson__name {
  font-size: 14px;
  line-height: 18px;
  color: #747171;
  max-width: 400px; }

/*конец Видео урок*/
/*Контент*/
.big_img {
  width: 100%;
  height: 464px;
  background-image: url(../images/img_shi_1.jpg);
  background-attachment: fixed;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  margin-bottom: clamp(1.875rem, 1.193rem + 3.41vw, 3.75rem); }
@media (max-width: 447px) {
  .big_img {
    background-attachment: inherit; } }

.main_content {
  /* .main_content__smallcontainer */
  /* .main_content__wrapper */ }
.main_content__wrapper {
  width: 100%;
  max-width: 770px;
  margin-left: auto;
  margin-right: auto; }
.main_content p, .main_content h2 {
  width: 100%;
  max-width: 620px; }
.main_content h2:not(:first-child) {
  margin-top: 32px; }
p.cyte {
  font-style: italic;
  padding-left: 32px;
  padding-top: 14px;
  padding-bottom: 12px;
  border-left: 2px solid var(--prime-color);
  margin-top: 32px;
  margin-bottom: 32px; }
img.illustr {
  margin-top: clamp(2rem, 1.364rem + 3.18vw, 3.75rem);
  margin-bottom: clamp(2rem, 1.364rem + 3.18vw, 3.75rem);
  border-radius:3px;}

.exercise {
  padding-top: clamp(2.5rem, 1.591rem + 4.55vw, 5rem);
  padding-bottom: clamp(2.5rem, 1.591rem + 4.55vw, 5rem);
  /* .exercise__smallcontainer */
  /* .exercise__wrapper */ }
.exercise__wrapper {
  width: 100%;
  max-width: 860px;
  margin-right: auto;
  margin-left: auto;
  border-radius: var(--border-radius);
  border: 2px solid var(--prime-color);
  background-color: #FCFCFC;
  padding-left: clamp(2rem, 0.682rem + 6.59vw, 5.625rem);
  padding-right: clamp(2rem, 0.682rem + 6.59vw, 5.625rem);
  padding-top: clamp(1.5rem, 0.455rem + 5.23vw, 4.375rem);
  padding-bottom: clamp(1.5rem, 0.455rem + 5.23vw, 4.375rem);
  margin-bottom: clamp(2.5rem, 1.591rem + 4.55vw, 5rem);
  -webkit-box-shadow: 10px 10px 0px 0px whitesmoke;
  box-shadow: 10px 10px 0px 0px whitesmoke; }
.exercise__wrapper ul {
  padding-left: 16px; }
.exercise__wrapper ul li {
  list-style: disc;
  line-height: 1.2em;
  font-size: 0.9em; }
.exercise__wrapper ul li:not(:last-child) {
  margin-bottom: 8px; }
.exercise__wrapper p:not(:last-child) {
  margin-bottom: 16px; }
.exercise__wrapper h2:not(:first-child) {
  margin-top: 32px; }

.img_container {
  margin-top: 32px;
  margin-bottom: 32px; }

.img_title {
  opacity: .5;
  line-height: 1em;
  padding-left: 42px;
  font-style: italic; }
@media (max-width: 447px) {
  .img_title {
    padding-left: 0; } }

/*конец Контент*/
.final_screen {
  background-color: var(--bg-light-color);
  padding-top: clamp(2.5rem, 1.591rem + 4.55vw, 5rem);
  padding-bottom: clamp(2.5rem, 1.591rem + 4.55vw, 5rem);
  /* .final_screen__smallcontainer */
  /* .final_screen__wrapper */
  /* .final_screen__about */ }
.final_screen__wrapper {
  width: 100%;
  max-width: 860px;
  margin-right: auto;
  margin-left: auto; }
.final_screen__about {
  min-height: 105px;
  padding-left: 144px;
  background-image: url(../images/img_authors.png);
  background-repeat: no-repeat;
  background-size: 107px 105px;
  background-position: left center;
  margin-bottom: clamp(2rem, 1.273rem + 3.64vw, 4rem); }
@media (max-width: 447px) {
  .final_screen__about {
    padding-left: 0;
    background-image: inherit; } }

.final_h2 {
  text-transform: uppercase;
  font-size: 17px;
  font-weight: 400;
  line-height: 1.4em;
  letter-spacing: .03em;
  margin-bottom: 40px; }
@media (max-width: 865px) {
  .final_h2 {
    text-align: center; } }

.final_h2 a {
  text-decoration: underline;
  color: var(--text-color); }

.w-form-done {
  display: none; }

.w-form-fail {
  display: none; }

.primary{color:#c9b787;}

.form .btn_std {
  outline: none;
  border: none;
  padding: 17px 24px 16px 24px; }

.form {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 20px 1fr 20px 1fr 20px 1fr;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-gap: 20px;
  position: relative; }

.form .input_std {
  background-color: transparent;
  outline: none;
  border: none;
  padding: 13px 8px 12px 8px;
  text-transform: uppercase;
  border-bottom: 2px solid #5B5D69;
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
  margin-top: -3px; }

.form .input_std:focus {
  border-bottom: 2px solid var(--text-color);
  background-color: white; }

.final_h2 span {
  background-color: var(--prime-color);
  padding-left: 5px;
  padding-right: 5px;
  padding-top: 4px;
  padding-bottom: 4px; }

label.w-checkbox {
  position: absolute;
  bottom: -40px;
  font-size: 13px;
  line-height: 16px;
  color: #91939A; }
@media (max-width: 865px) {
  label.w-checkbox {
    position: static;
    margin-top: 10px; } }

label.w-checkbox a {
  color: #91939A; }

label.w-checkbox span {
  padding-left: 10px; }

.form .checkbox.style-a {
  margin-top: 32px; }

.checkbox.style-a {
  margin-top: 12px;
  display: inline-block;
  position: relative;
  padding-left: 25px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.checkbox.style-a input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0; }

.checkbox.style-a input:checked ~ .checkbox__checkmark {
  background-color: #040405; }

.checkbox.style-a .checkbox__checkmark:after {
  content: "";
  position: absolute;
  left: 5px;
  top: 1px;
  width: 4px;
  height: 8px;
  border: solid #fff;
  border-width: 0 1px 1px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  opacity: 0;
  -webkit-transition: opacity 0.25s ease;
  -o-transition: opacity 0.25s ease;
  transition: opacity 0.25s ease; }

.checkbox.style-a .checkbox__body {
  color: var(--disable-color);
  line-height: 1.4;
  font-size: clamp(0.625rem, 0.565rem + 0.3vw, 0.75rem); }

.checkbox.style-a input:checked ~ .checkbox__checkmark:after {
  opacity: 1; }

/* Футер */
/* Футер - изображение */
.action_docs {
  background-image: url("../images/icn_sert_action.svg");
  background-repeat: no-repeat;
  background-position: 0 0;
  width: 45%; }

.action_sert {
  background-image: url("../images/icn_doc_action.svg");
  background-repeat: no-repeat;
  background-position: 0 0;
  width: 45%; }

/* Конец. Футер - изображение */
footer.footer_action {
  margin-top: 0;
  background-color: var(--bg-light-color);
  border-top: 2px solid #EBEFF2;
  padding-top: 60px;
  padding-bottom: 60px; }

.footer_action__container {
  width: 100%;
  max-width: 1140px;
  margin: 0px auto;
  color: #91939A;
  font-size: 14px;
  line-height: 171%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 3%; }

.footer_action__container.copyright {
  display: block;
  margin-top: 32px;
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 1.2em;
  color: #91939A; }

.footer_action__container.copyright p {
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 1.2em;
  color: #91939A; }

.footer_action__container a {
  color: #91939A; }

.footer_contacts__block {
  width: 40%; }

.footer_contacts__block a {
  text-decoration: none;
  border: none; }

.footer_contacts__phone {
  font-style: normal;
  font-weight: 400;
  font-size: 21px;
  line-height: 24px;
  display: block; }

.footer_contacts__email {
  font-weight: 400;
  font-size: 14px;
  line-height: 171%;
  display: block; }

.footer_docs__block {
  width: 57%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  gap: 10%; }

.footer_docs__item {
  padding-left: 50px; }

.footer_docs__item li {
  font-size: 14px;
  line-height: 171%;
  list-style: disc; }

@media (max-width: 1160px) {
  .footer_action__container {
    padding-left: 1.25rem;
    padding-right: 1.25rem; } }
@media (max-width: 991px) {
  .footer_docs__block {
    width: 67%; }

  .footer_contacts__block {
    width: 30%; } }
@media (max-width: 840px) {
  .footer_action__container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center; }

  .block_socseti {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center; }

  .footer_docs__block {
    width: 100%;
    max-width: 620px; }

  .footer_contacts__block {
    width: 100%;
    text-align: center;
    text-align: center;
    margin-bottom: 60px; }

  .footer_action__container.copyright {
    width: 100%;
    text-align: center; } }
@media (max-width: 560px) {
  .footer_docs__item {
    padding-top: 32px;
    padding-left: 0; } }
@media (max-width: 479px) {
  .footer_docs__item {
    padding-top: 0;
    padding-left: 24px; }

  .footer_docs__block {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }

  .action_docs {
    width: 100%;
    margin-bottom: 24px; }

  .action_sert {
    width: 100%; } }
/* Конец Футер */

.form_wrap {
  max-width: 600px;
  margin-top: 30px;
}
.form_wrap .form {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  gap: 10px;
}
.form_wrap .form h1 {
  font-size: 34px;
  line-height: 1.1;
  margin-bottom: 18px;
  color: #ffffff;
  flex: 0 0 100%;
  text-transform: uppercase;
  font-weight: 800;
}
.form_wrap .form label {
  flex: 0 0 calc(66% - 5px);
  position: relative;
}
.form_wrap .form label input {
  width: 100%;
  border: 1px solid #b3b3b3;
  height: 45px;
  padding-left: 15px;
  border-radius: 3px;
  background: #ffffff30;
}
.form_wrap .form label input::placeholder {
  color:#c4c4c4
}
.form_wrap .form label input.error {
  border: 2px solid red;
}
.form_wrap .form label .warning {
  background: red;
  color: #fff;
  position: absolute;
  font-size: 13px;
  padding: 0 7px;
  bottom: -5px;
  right: 0;
}
.form_wrap .form label select {
  height: 50px;
  border-radius: 3px;
  cursor: pointer;
  width: 100%;
  padding: 0 10px;
}
.form_wrap .form .btn {
  display: flex;
  justify-content: center;
  align-items: center;
  background: #c9b787;
  height: 45px;
  cursor: pointer;
  transition: all 0.2s;
  border-radius: 3px;
  font-size: 16px;
  padding: 0 14px;
  flex: 0 0 33%;
  text-transform: uppercase;
}
.form_wrap .form .btn:hover {
  background: #E3CF98;
}
.form_wrap .form .notice {
  font-size: 12px;
  color: #b1b1b1;
  margin-top: 0;
  line-height: 1;
  text-align: right;
  width: fit-content;
  flex: 0 0 100%;
}
.form_wrap .form .notice a {
  color: #b1b1b1;
}
.form_wrap div.success {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  font-size: 25px;
  font-weight: 700;
  align-content: center;
  text-align: center;
}
.form_wrap div.success h2 {
  font-size: 34px;
  line-height: 1.1;
  margin-bottom: 5px;
  flex: 0 0 100%;
  text-transform: uppercase;
  font-weight: 800;
}
.form_wrap div.success p {
  width: 100%;
  font-size: 18px;
  font-weight: 600;
}
.form_wrap div.error {
  color:red;
}
@media all and (max-width:600px) {
  h1 {
    font-size: 25px;
  }
  p {
    font-size: 16px;
  }
  .form_wrap .form label {
    flex:0 0 100%;
  }
  .form_wrap .form .btn {
    flex:0 0 100%;
  }
  .form_wrap .form .notice {
    text-align:center;
  }
}

#hidden_content .form_wrap {
  max-width: none;
}
#hidden_content .form_wrap .form h1 {}
#hidden_content .form_wrap .form label {
  flex: 0 0 calc(25% - 5px););
}
#hidden_content .form_wrap .form label input {
  background: #fff;
}
#hidden_content .form_wrap .form label input::placeholder {}
#hidden_content .form_wrap .form label input.error {}
#hidden_content .form_wrap .form label .warning {}
#hidden_content .form_wrap .form label select {}
#hidden_content .form_wrap .form .btn {
  flex: 0 0 calc(25% - 15px););
}
#hidden_content .form_wrap .form .btn:hover {}
#hidden_content .form_wrap .form .notice {
  max-width: none;
}
#hidden_content .form_wrap .form .notice a {}
#hidden_content .form_wrap div.success {}
#hidden_content .form_wrap div.success h2 {}
#hidden_content .form_wrap div.success p {}
#hidden_content .form_wrap div.error {}
@media all and (max-width:865px) {
  #hidden_content .form_wrap .form {
    max-width: 400px;
    margin: 0 auto;
  }
  #hidden_content .form_wrap .form label {
    flex: 0 0 100%;
  }
  #hidden_content .form_wrap .form .btn {
    flex: 0 0 100%;
  }
  #hidden_content .form_wrap .form .notice {
    text-align: center;
  }
}