@charset "UTF-8";
/*    Colors    */
/*    Sizes: */
.site-header .large-site-header {
  position: relative;
  height: 80px;
  background: #fff;
  -webkit-box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.1);
  z-index: 10;
}
@media (max-width: 767.98px) {
  .site-header .large-site-header {
    height: 60px;
  }
}
.site-header .large-site-header .logo {
  height: 40px;
}
@media (max-width: 767.98px) {
  .site-header .large-site-header .logo {
    height: 35px;
  }
}
.site-header .large-site-header .logo img {
  height: 100%;
}
.site-header .large-site-header .userpanel {
  margin-left: 36px;
  position: relative;
  height: 40px;
  background: none;
  border: none;
  overflow: hidden;
  height: 42px;
  cursor: pointer;
}
.site-header .large-site-header .userpanel:focus {
  outline: none;
}
.site-header .large-site-header .userpanel:hover .name {
  color: #8c8c8c;
}
.site-header .large-site-header .userpanel .photo {
  height: 40px;
  width: 40px;
  border-radius: 50%;
}
.site-header .large-site-header .userpanel .name {
  max-width: 150px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-left: 16px;
  font-size: 16px;
  line-height: 16px;
  color: #B2B2B2;
}
.site-header .large-site-header .dark-toggler {
  margin-left: auto;
  color: rgba(0, 0, 0, 0.5);
  border-color: rgba(0, 0, 0, 0.1);
}
.site-header .large-site-header .dark-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}
.site-header .large-site-header .header-navbar-item {
  color: #B2B2B2;
  font-size: 15px;
  line-height: 22px;
  margin-left: 30px;
}
.site-header .large-site-header .header-navbar-item svg.icon {
  height: 18px;
}
.site-header .large-site-header .header-navbar-item svg.icon path {
  fill: #00A3FD;
}
.site-header .large-site-header .header-navbar-item:focus, .site-header .large-site-header .header-navbar-item:hover {
  color: #8c8c8c;
}
.site-header .large-site-header .header-navbar-item:focus svg.icon path, .site-header .large-site-header .header-navbar-item:hover svg.icon path {
  fill: #0072b1;
}
.site-header .large-site-header .header-navbar-item .subscription {
  margin-left: 5px;
}
.site-header .sandwich-dropdown-header {
  position: absolute;
  background: #fff;
  -webkit-box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.1);
  z-index: 1000;
  left: 0;
  width: 100%;
}
.site-header .sandwich-dropdown-header a {
  text-decoration: none;
}

.lesson-card {
  position: relative;
}
.lesson-card .wrapper {
  display: flex;
  justify-content: space-between;
  align-items: start;
  padding: 24px;
}
@media only screen and (max-width: 875px) {
  .lesson-card .wrapper {
    flex-direction: column;
    padding: 24px 16px;
  }
}
.lesson-card .wrapper .lesson-number {
  position: absolute;
  top: 16px;
  right: 32px;
  font-size: 16px;
  font-style: italic;
  font-weight: lighter;
  color: #6c757d !important;
}
.lesson-card .wrapper .lesson-image {
  max-width: 382px;
}
.lesson-card .wrapper .lesson-image img {
  width: 100%;
}
@media only screen and (max-width: 1175px) {
  .lesson-card .wrapper .lesson-image {
    max-width: 450px;
  }
}
@media only screen and (max-width: 875px) {
  .lesson-card .wrapper .lesson-image {
    max-width: none;
    margin: 0 auto 20px auto;
  }
  .lesson-card .wrapper .lesson-image img {
    width: auto;
    height: auto;
    max-height: 400px;
    max-width: 100%;
    display: block;
  }
}
.lesson-card .wrapper .lesson-summary {
  display: flex;
  flex-direction: column;
  max-width: 700px;
}
@media only screen and (max-width: 1175px) {
  .lesson-card .wrapper .lesson-summary {
    max-width: 552px;
    padding-left: 30px;
  }
}
@media only screen and (max-width: 875px) {
  .lesson-card .wrapper .lesson-summary {
    max-width: none;
    padding-left: 0;
  }
}
.lesson-card .wrapper .lesson-summary .title {
  font-size: 28px;
  line-height: 32px;
  font-weight: 500;
  text-align: left;
}
.lesson-card .wrapper .lesson-summary .subtitle {
  margin-top: 0;
  margin-bottom: 8px;
  line-height: 24px;
  font-size: 20px;
  font-weight: 500;
  font-family: inherit;
  color: inherit;
}
.lesson-card .wrapper .lesson-summary .description {
  font-size: 14px;
}
.lesson-card .wrapper .lesson-summary .lesson-advantages {
  display: flex;
  justify-content: space-around;
  line-height: 40px;
}
@media only screen and (max-width: 630px) {
  .lesson-card .wrapper .lesson-summary .lesson-advantages {
    flex-direction: column;
    align-items: center;
    line-height: 32px;
  }
}
.lesson-card .wrapper .lesson-summary .lesson-advantages .advantage-icon {
  padding-right: 5px;
}
.lesson-card .wrapper .lesson-summary .lesson-start-panel {
  margin-left: auto;
}
@media only screen and (max-width: 630px) {
  .lesson-card .wrapper .lesson-summary .lesson-start-panel {
    margin-right: auto;
  }
}
.lesson-card .wrapper .lesson-summary .lesson-start-panel .btn-start {
  display: inline-block;
  padding-left: 16px;
  padding-right: 16px;
  width: auto;
  line-height: 24px;
  border-radius: 3px;
  text-decoration: none;
}
@media only screen and (max-width: 630px) {
  .lesson-card .wrapper .lesson-summary .lesson-start-panel .btn-start {
    margin-top: 20px;
  }
}

.module-card {
  padding: 36px;
  background: #fff;
  border-radius: 8px;
}
@media (max-width: 575.98px) {
  .module-card {
    padding: 24px;
  }
}
.module-card._green {
  background: #B9FFA5;
}
.module-card._yellow {
  background: #FFFFA5;
}
.module-card._pink {
  background: #F2CFEC;
}
.module-card._highlighted {
  box-shadow: 0px 0px 10px 0px #8af500;
}
.module-card._inactive {
  opacity: 0.7;
}
.module-card .title {
  font-size: 28px;
  line-height: 28px;
  font-weight: 500;
}
@media (max-width: 575.98px) {
  .module-card .title {
    font-size: 22px;
    line-height: 22px;
  }
}
.module-card .subtitle {
  font-size: 20px;
  line-height: 20px;
  font-weight: 300;
  padding-top: 16px;
}
@media (max-width: 575.98px) {
  .module-card .subtitle {
    font-size: 18px;
    line-height: 18px;
  }
}
.module-card .expert-photo {
  float: right;
  display: block;
  flex-shrink: 0;
  height: 150px;
  width: 150px;
  margin-top: -20px;
  margin-right: -15px;
  background: transparent;
}
@media (max-width: 767.98px) {
  .module-card .expert-photo {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 15px;
    height: 100px;
    width: 100px;
  }
}
@media (max-width: 575.98px) {
  .module-card .expert-photo {
    margin-top: -8px;
    height: 75px;
    width: 75px;
  }
}
.module-card .expert-photo img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  filter: grayscale(0.5);
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
}
@media (max-width: 575.98px) {
  .module-card .expert-photo {
    margin-left: 15px;
    margin-bottom: 15px;
  }
}
.module-card .price {
  text-transform: uppercase;
  font-size: 20px;
  font-weight: 300;
}
.module-card .price .icon {
  margin-top: auto;
}
.module-card .price .icon svg {
  height: 16px;
  width: 22px;
}
.module-card .price .icon path {
  fill: #343738;
}
.module-card .old-price {
  text-decoration: line-through;
  text-transform: uppercase;
  font-size: 14px;
  line-height: 22px;
  font-weight: 300;
}
.module-card .price-with-discount {
  font-size: 22px;
  font-weight: 400;
  text-transform: uppercase;
}
.module-card .badge-discount {
  color: white;
  background-color: #EB5757;
  font-size: 14px;
  font-weight: 700;
  padding: 3px 8px 3px 8px;
}
.module-card .additional-button-info {
  margin-left: 6px;
  align-items: start;
}
@media (max-width: 575.98px) {
  .module-card .additional-button-info {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-left: 0;
  }
}
.module-card .explanation {
  font-size: 12px;
  font-weight: 300;
  margin-bottom: 8px;
  line-height: 1;
  font-style: italic;
}
.module-card .first-lesson-free {
  font-size: 16px;
  text-transform: lowercase;
  color: #28a745;
}
.module-card .price-block {
  text-align: right;
}
@media (max-width: 575.98px) {
  .module-card .price-block {
    text-align: left;
  }
}

.module-compare {
  margin-top: 36px;
  position: relative;
  border-radius: 8px;
  background: #fff;
  -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.16);
  -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.16);
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.16);
  padding: 60px 60px;
}
@media (max-width: 767.98px) {
  .module-compare {
    padding: 40px 20px;
  }
}
.module-compare > .title {
  width: 100%;
  text-align: center;
  font-size: 32px;
  line-height: 32px;
  color: #000;
}
@media (max-width: 767.98px) {
  .module-compare > .title {
    font-size: 24px;
    line-height: 24px;
  }
}
.module-compare .compare-list {
  margin-top: 40px;
}
@media (max-width: 767.98px) {
  .module-compare .compare-list {
    margin-top: 40px;
    flex-direction: column;
    justify-content: center;
  }
}

.compare-list .card {
  width: 300px;
  height: 176px;
  padding: 24px;
  border-radius: 8px;
  margin-left: 8px;
  margin-right: 8px;
}
@media (max-width: 767.98px) {
  .compare-list .card {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;
  }
  .compare-list .card:last-child {
    margin-bottom: 0;
  }
}
.compare-list .card .title {
  font-size: 22px;
  line-height: 22px;
  font-weight: 500;
}
.compare-list .card .subtitle {
  font-size: 16px;
  line-height: 20px;
  font-weight: 300;
  margin-top: 10px;
}
.compare-list .card .price {
  margin-top: auto;
  font-size: 22px;
  line-height: 22px;
  color: #000;
}

.progressbar {
  display: -webkit-inline-flex;
  display: -moz-inline-flex;
  display: -ms-inline-flex;
  display: -o-inline-flex;
  display: inline-flex;
}

.progressbar__section {
  position: relative;
  height: 24px;
  font-size: 14px;
  line-height: 14px;
}
.progressbar__section:nth-child(2) {
  padding-left: 16px;
}
.progressbar__section:nth-child(3) {
  padding-left: 16px;
}
.progressbar__section:nth-child(4) {
  padding-left: 16px;
}
.progressbar__section:nth-child(5) {
  padding-left: 16px;
}
.progressbar__section span {
  padding-left: 14px;
  padding-right: 14px;
}
@media (max-width: 575.98px) {
  .progressbar__section span {
    padding-left: 10px;
    padding-right: 0px;
    text-align: center;
  }
}
@media (max-width: 575.98px) {
  .progressbar__section:last-child span {
    padding-right: 5px;
  }
}
.progressbar__section svg {
  position: absolute;
  right: 1px;
  transform: translateX(100%);
  height: 24px;
  width: 16px;
  z-index: 2;
}
.progressbar__section._green {
  background: #008412;
}
.progressbar__section._green span {
  color: #fff;
}
.progressbar__section._green path {
  fill: #008412;
}
.progressbar__section._yellow {
  background: #FFDE04;
}
.progressbar__section._yellow span {
  color: #343738;
}
.progressbar__section._yellow path {
  fill: #FFDE04;
}
.progressbar__section._inactive {
  border: 1px solid #B1B1B1;
  border-right: 0;
  border-left: 0;
  background: #e9e9e9;
  background: -moz-linear-gradient(top, #e9e9e9 0%, #c7c7c7 100%);
  background: -webkit-linear-gradient(top, #e9e9e9 0%, #c7c7c7 100%);
  background: linear-gradient(to bottom, #e9e9e9 0%, #c7c7c7 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#e9e9e9", endColorstr="#c7c7c7",GradientType=0 );
}
.progressbar__section._inactive span {
  opacity: 0.5;
}
.progressbar__section._inactive:last-child {
  border-right: 1px solid #B1B1B1;
}
.progressbar__section._inactive:first-child {
  border-left: 1px solid #B1B1B1;
}
.progressbar__section._active {
  height: 28px;
}
.progressbar__section._active span {
  font-size: 16px;
  line-height: 16px;
}
.progressbar__section._active svg {
  height: 28px;
  width: 21px;
}
@media (max-width: 575.98px) {
  .progressbar__section._active {
    height: 32px;
  }
  .progressbar__section._active span {
    font-size: 12px;
    line-height: 12px;
  }
  .progressbar__section._active svg {
    height: 32px;
    width: 24px;
  }
}
@media (max-width: 575.98px) {
  .progressbar__section {
    font-size: 10px;
    line-height: 12px;
    height: 28px;
  }
  .progressbar__section svg {
    height: 28px;
    width: 22px;
  }
  .progressbar__section:nth-child(2) {
    padding-left: 16px;
  }
  .progressbar__section:nth-child(3) {
    padding-left: 16px;
  }
}

.slim-task-step-panel {
  max-width: 600px;
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .slim-task-step-panel {
    width: 500px;
  }
}
@media (min-width: 1200px) {
  .slim-task-step-panel {
    width: 600px;
  }
}
@media (max-width: 1199.98px) {
  .slim-task-step-panel {
    margin-bottom: 1.5rem;
  }
}

.task-steps-switcher {
  margin-left: -16px;
  margin-right: -16px;
}
.task-steps-switcher .slick-track {
  display: flex;
  align-items: center;
}
.task-steps-switcher .switcher-btn {
  border: none;
  background-color: transparent;
  font-size: 1.8rem;
  line-height: 1.8rem;
  padding: 10px;
  color: rgba(255, 255, 255, 0.7);
  transition: color 0.15s;
  cursor: default;
}
.task-steps-switcher .switcher-btn:not([disabled]):hover {
  color: white;
  cursor: pointer;
}
.task-steps-switcher .switcher-btn:disabled {
  opacity: 0.3;
}
.task-steps-switcher .title {
  font-size: 1.5rem;
  line-height: 1.3;
}
.task-steps-switcher .subtitle {
  font-size: 0.9rem;
  line-height: 1;
}

.lesson-intro .wrapper {
  width: 768px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 80px;
  padding-bottom: 60px;
}
@media (max-width: 767.98px) {
  .lesson-intro .wrapper {
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 32px;
  }
}
.lesson-intro .title {
  width: 100%;
  font-size: 36px;
  line-height: 36px;
  font-weight: 500;
  text-align: center;
  color: #000;
}
@media (max-width: 767.98px) {
  .lesson-intro .title {
    font-size: 24px;
    line-height: 26px;
  }
}
.lesson-intro .preview img {
  width: auto;
  height: auto;
  max-height: 400px;
  max-width: 100%;
  display: block;
  margin: 0 auto 0 auto;
}
.lesson-intro .description p {
  margin-top: 0px;
  margin-left: initial;
  margin-right: initial;
  margin-bottom: 16px;
}
.lesson-intro .description img:not(.emoji) {
  max-width: 95%;
  margin: 0.25rem;
  /* FIXME в теории margin может вылезти за 5% экрана и тогда вёрстка поплывет*/
  border: 1px solid #dee2e6;
  border-radius: 0.25rem;
  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
}

.terminal-container {
  width: 100%;
  height: max(90vh, 500px);
  z-index: 2;
  background: black;
}

.btn-d41d-google {
  /* Adds hash to class name to avoid Adblock Plus regexps.
    Copied from bootstrap social https://cdnjs.cloudflare.com/ajax/libs/bootstrap-social/5.1.1/bootstrap-social.css
  */
  color: #fff;
  background-color: #dd4b39;
  border-color: rgba(0, 0, 0, 0.2);
}
.btn-d41d-google:focus, .btn-d41d-google.focus {
  color: #fff;
  background-color: #c23321;
  border-color: rgba(0, 0, 0, 0.2);
}
.btn-d41d-google:hover {
  color: #fff;
  background-color: #c23321;
  border-color: rgba(0, 0, 0, 0.2);
}
.btn-d41d-google:active, .btn-d41d-google.active {
  color: #fff;
  background-color: #c23321;
  border-color: rgba(0, 0, 0, 0.2);
}
.btn-d41d-google:active:hover, .btn-d41d-google.active:hover, .btn-d41d-google:active:focus, .btn-d41d-google.active:focus, .btn-d41d-google:active.focus, .btn-d41d-google.active.focus {
  color: #fff;
  background-color: #a32b1c;
  border-color: rgba(0, 0, 0, 0.2);
}
.btn-d41d-google:active, .btn-d41d-google.active {
  background-image: none;
}
.btn-d41d-google.disabled:hover, .btn-d41d-google[disabled]:hover, fieldset[disabled] .btn-d41d-google:hover, .btn-d41d-google.disabled:focus, .btn-d41d-google[disabled]:focus, fieldset[disabled] .btn-d41d-google:focus, .btn-d41d-google.disabled.focus, .btn-d41d-google[disabled].focus, fieldset[disabled] .btn-d41d-google.focus {
  background-color: #dd4b39;
  border-color: rgba(0, 0, 0, 0.2);
}
.btn-d41d-google .badge {
  color: #dd4b39;
  background-color: #fff;
}

.btn-cd98-vk {
  /* Adds hash to class name to avoid Adblock Plus regexps.
    Copied from bootstrap social https://cdnjs.cloudflare.com/ajax/libs/bootstrap-social/5.1.1/bootstrap-social.css
  */
  color: #fff;
  background-color: #587ea3;
  border-color: rgba(0, 0, 0, 0.2);
}
.btn-cd98-vk:focus, .btn-cd98-vk.focus {
  color: #fff;
  background-color: #466482;
  border-color: rgba(0, 0, 0, 0.2);
}
.btn-cd98-vk:hover {
  color: #fff;
  background-color: #466482;
  border-color: rgba(0, 0, 0, 0.2);
}
.btn-cd98-vk:active, .btn-cd98-vk.active {
  color: #fff;
  background-color: #466482;
  border-color: rgba(0, 0, 0, 0.2);
}
.btn-cd98-vk:active:hover, .btn-cd98-vk.active:hover, .btn-cd98-vk:active:focus, .btn-cd98-vk.active:focus, .btn-cd98-vk:active.focus, .btn-cd98-vk.active.focus {
  color: #fff;
  background-color: #3a526b;
  border-color: rgba(0, 0, 0, 0.2);
}
.btn-cd98-vk:active, .btn-cd98-vk.active {
  background-image: none;
}
.btn-cd98-vk.disabled:hover, .btn-cd98-vk[disabled]:hover, fieldset[disabled] .btn-cd98-vk:hover, .btn-cd98-vk.disabled:focus, .btn-cd98-vk[disabled]:focus, fieldset[disabled] .btn-cd98-vk:focus, .btn-cd98-vk.disabled.focus, .btn-cd98-vk[disabled].focus, fieldset[disabled] .btn-cd98-vk.focus {
  background-color: #587ea3;
  border-color: rgba(0, 0, 0, 0.2);
}
.btn-cd98-vk .badge {
  color: #587ea3;
  background-color: #fff;
}

.big-social-btn {
  height: 53px;
  width: 220px;
  /* Copied from bootstrap social https://cdnjs.cloudflare.com/ajax/libs/bootstrap-social/5.1.1/bootstrap-social.css*/
  /*
    Сan`t use bootstrap social library classes because of Adblock Plus ban if
    option "Block social media icons tracking" enabled
  */
  position: relative;
  padding-left: 61px;
  text-align: left;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.big-social-btn :first-child {
  /* Сan`t use bootstrap social library classes because of Adblock Plus ban if option
    "Block social media icons tracking" enabled.
    Copied from bootstrap social https://cdnjs.cloudflare.com/ajax/libs/bootstrap-social/5.1.1/bootstrap-social.css
  */
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 45px;
  line-height: 45px;
  font-size: 1.8em;
  text-align: center;
  border-right: 1px solid rgba(0, 0, 0, 0.2);
}
.big-social-btn i {
  padding: 4px;
  width: 53px !important;
}
.big-social-btn span {
  font-size: 14px;
  line-height: 38px;
  opacity: 0.9;
}

.module-expert .wrapper {
  margin-top: 50px;
  margin-bottom: 50px;
  border-radius: 8px;
  background: #faa11c;
  background: -moz-linear-gradient(left, rgba(250, 161, 28, 0.85) 0%, rgba(250, 51, 28, 0.85) 100%);
  background: -webkit-linear-gradient(left, rgba(250, 161, 28, 0.85) 0%, rgba(250, 51, 28, 0.85) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#faa11c", endColorstr="#fa331c",GradientType=1 );
  background: linear-gradient(to right, rgba(250, 161, 28, 0.85) 0%, rgba(250, 51, 28, 0.85) 100%);
  padding: 50px 30px;
}
@media (max-width: 767.98px) {
  .module-expert .wrapper {
    margin-top: 24px;
    padding: 40px 20px;
  }
}
.module-expert .wrapper .role {
  font-size: 32px;
  line-height: 36px;
  font-weight: 500;
  margin-top: -15px;
  margin-bottom: 35px;
}
.module-expert .wrapper .biography {
  max-width: 768px;
  margin-bottom: 10px;
}
@media (max-width: 767.98px) {
  .module-expert .wrapper .biography {
    margin-right: 0;
    margin-left: 0;
    margin-top: 30px;
  }
}
.module-expert .wrapper .biography .photo {
  height: 200px;
  width: 200px;
  flex-shrink: 0;
}
.module-expert .wrapper .biography .photo img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  filter: grayscale(0.5);
}
.module-expert .wrapper .biography .personal-info {
  margin-top: 25px;
}
.module-expert .wrapper .biography .personal-info .name {
  justify-content: center;
  font-size: 28px;
  line-height: 28px;
}
.module-expert .wrapper .biography .personal-info .experience {
  margin-top: 18px;
  word-spacing: 110%;
}

.module-expert-detail {
  margin-top: 36px;
  position: relative;
  border-radius: 8px;
  background: #fff;
  -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.16);
  -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.16);
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.16);
  padding: 60px 60px;
}
@media (max-width: 767.98px) {
  .module-expert-detail {
    padding: 40px 0px;
  }
}
.module-expert-detail .wrapper {
  position: relative;
  max-width: 768px;
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 767.98px) {
  .module-expert-detail .wrapper {
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
  }
}
.module-expert-detail .wrapper > .title {
  width: 100%;
  text-align: center;
  font-size: 32px;
  line-height: 32px;
  color: #000;
}
@media (max-width: 767.98px) {
  .module-expert-detail .wrapper > .title {
    font-size: 24px;
    line-height: 24px;
  }
}
.module-expert-detail .wrapper .biography {
  display: flex;
  flex-direction: row;
  padding-top: 60px;
}
@media (max-width: 767.98px) {
  .module-expert-detail .wrapper .biography {
    flex-direction: column;
  }
}
.module-expert-detail .wrapper .biography .photo {
  display: block;
  flex-shrink: 0;
  height: 200px;
  width: 200px;
}
@media (max-width: 767.98px) {
  .module-expert-detail .wrapper .biography .photo {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 15px;
  }
}
.module-expert-detail .wrapper .biography .photo img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  filter: grayscale(0.5);
}
.module-expert-detail .wrapper .biography .description {
  display: flex;
  flex-direction: column;
}
@media (max-width: 767.98px) {
  .module-expert-detail .wrapper .biography .description {
    margin-left: 0;
  }
}
.module-expert-detail .wrapper .biography .description .name {
  justify-content: center;
  font-size: 20px;
  line-height: 20px;
}
@media (max-width: 767.98px) {
  .module-expert-detail .wrapper .biography .description .name {
    margin-left: auto;
    margin-right: auto;
  }
}
.module-expert-detail .wrapper .biography .description .experience {
  margin-top: 18px;
}

.module-discount-reward .wrapper {
  display: flex;
  flex-wrap: wrap;
  margin-top: 50px;
  margin-bottom: 50px;
  border-radius: 8px;
  background: #34ab0e;
  background: -moz-linear-gradient(left, #34ab0e 0%, #42cc16 100%);
  background: -webkit-linear-gradient(left, #34ab0e 0%, #42cc16 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#34ab0e", endColorstr="#42cc16",GradientType=1 );
  background: linear-gradient(to right, #34ab0e 0%, #42cc16 100%);
  padding: 50px 30px;
  color: #fff;
}
@media (max-width: 767.98px) {
  .module-discount-reward .wrapper {
    margin-top: 24px;
    padding: 40px 20px;
    flex-direction: column;
  }
}
.module-discount-reward .wrapper .award2 {
  height: 160px;
  width: 160px;
  background: url("../img/award-ribbon-06.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
@media (max-width: 767.98px) {
  .module-discount-reward .wrapper .award2 {
    height: 80px;
    width: 80px;
    flex-shrink: 0;
  }
}
.module-discount-reward .wrapper .discount-title {
  font-size: 48px;
  line-height: 36px;
  font-weight: 500;
  color: #fff;
  width: 100%;
  margin-top: -4px;
}
.module-discount-reward .wrapper .final-price {
  font-weight: bold;
  font-size: 32px;
}
.module-discount-reward .wrapper .old-price {
  color: red;
  text-decoration: line-through;
  align-self: flex-end;
  font-size: 18px;
}
.module-discount-reward .wrapper .old-price > span {
  color: #F4F8F9;
}
.module-discount-reward .wrapper .discount-remains {
  font-size: 18px;
}
.module-discount-reward .wrapper .discount-info {
  display: flex;
  justify-content: flex-start;
  flex-direction: column;
  width: 100%;
  margin-left: 30px;
}
@media (max-width: 767.98px) {
  .module-discount-reward .wrapper .discount-info {
    margin-right: 0;
    margin-left: 0;
    margin-top: 30px;
    width: auto;
    flex-direction: column;
  }
}
.module-discount-reward .wrapper .discount-info .reward-container {
  display: flex;
  flex-shrink: 0;
  height: 200px;
  width: 200px;
  align-items: center;
}
@media (max-width: 767.98px) {
  .module-discount-reward .wrapper .discount-info .reward-container {
    display: none;
  }
}
.module-discount-reward .wrapper .discount-info .text-info {
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-left: 20px;
  width: 100%;
}
@media (max-width: 767.98px) {
  .module-discount-reward .wrapper .discount-info .text-info {
    margin-top: 40px;
  }
}
.module-discount-reward .wrapper .discount-info .text-info .discount-text {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  word-spacing: 110%;
  color: #F4F8F9;
}
.module-discount-reward .wrapper .discount-info .get-discount-button {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 250px;
  margin: -30px auto -20px 200px;
  font-size: 18px;
  text-decoration: none;
}
@media (max-width: 767.98px) {
  .module-discount-reward .wrapper .discount-info .get-discount-button {
    margin: 0;
  }
}

.lesson-send {
  position: relative;
  background: #fff;
  padding: 60px 0;
  -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.16);
  -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.16);
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.16);
  border-radius: 8px;
  margin-top: 24px;
}
.lesson-send .wrapper {
  position: relative;
  width: 768px;
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 767.98px) {
  .lesson-send .wrapper {
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
  }
}
.lesson-send .progressbar_subtitle {
  font-size: 14px;
  line-height: 18px;
  margin-top: 24px;
  text-align: left;
}
.lesson-send .check {
  margin-top: 40px;
}
.lesson-send .check .title {
  font-size: 24px;
  line-height: 1.3;
}
@media (max-width: 767.98px) {
  .lesson-send .check .title {
    font-size: 20px;
    line-height: 22px;
  }
}
.lesson-send .check ul {
  margin-top: 16px;
  padding: 0;
}
@media (max-width: 767.98px) {
  .lesson-send .check ul {
    margin-top: 24px;
  }
}
.lesson-send .check ul li {
  font-size: 14px;
  line-height: 1.3;
  margin-bottom: 8px;
}
@media (max-width: 767.98px) {
  .lesson-send .check ul li {
    line-height: 1.3;
  }
}
.lesson-send .check ul li:last-child {
  margin-bottom: 0;
}
.lesson-send .check ul li a {
  text-decoration: underline;
}
@media (max-width: 767.98px) {
  .lesson-send .confirm {
    flex-direction: column;
  }
}
.lesson-send .confirm span {
  font-size: 14px;
  line-height: 14px;
  margin-left: 24px;
}
@media (max-width: 767.98px) {
  .lesson-send .confirm span {
    margin-left: 0;
    margin-top: 14px;
  }
}
.lesson-send .confirm .disabled {
  opacity: 0.4;
  pointer-events: none;
}
@media (max-width: 767.98px) {
  .lesson-send .progressbar__section {
    flex-shrink: 0;
  }
}
@media (max-width: 767.98px) {
  .lesson-send .progressbar__wrapper {
    width: 100%;
    overflow-x: auto;
    justify-content: flex-start !important;
  }
}

.module-steps {
  position: relative;
  padding: 60px 60px;
}
@media (max-width: 767.98px) {
  .module-steps {
    padding: 40px 20px;
  }
}
.module-steps > .title {
  width: 100%;
  text-align: center;
  font-size: 32px;
  line-height: 32px;
  color: #000;
}
@media (max-width: 767.98px) {
  .module-steps > .title {
    font-size: 24px;
    line-height: 24px;
  }
}
.module-steps ul {
  margin-top: 60px;
  width: 768px;
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 767.98px) {
  .module-steps ul {
    margin-top: 40px;
    width: 100%;
  }
}
.module-steps ul li {
  margin-bottom: 24px;
}
.module-steps ul li:last-child {
  margin-bottom: 0;
}
.module-steps ul li span {
  font-size: 18px;
  line-height: 18px;
  font-weight: 400;
  margin-left: 22px;
}
@media (max-width: 767.98px) {
  .module-steps ul li span {
    font-size: 16px;
  }
}
.module-steps ul li .icon {
  height: 24px;
  width: auto;
}
.module-steps ul li .icon img {
  height: 100%;
  width: auto;
  object-fit: cover;
}
.module-steps .link {
  margin-top: 64px;
  font-size: 24px;
  line-height: 24px;
  width: 100%;
  text-align: center;
}
@media (max-width: 767.98px) {
  .module-steps .link {
    font-size: 20px;
    line-height: 22px;
  }
}

.next-lesson {
  margin-top: 60px;
  margin-bottom: 100px;
  background: #fff;
  padding: 60px;
  border-radius: 8px;
}
@media (max-width: 767.98px) {
  .next-lesson {
    padding: 40px 0;
  }
}
.next-lesson .wrapper {
  width: 768px;
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 767.98px) {
  .next-lesson .wrapper {
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
  }
}
.next-lesson .title {
  text-align: center;
  color: #000;
  font-size: 36px;
  line-height: 36px;
  font-weight: 500;
}
@media (max-width: 767.98px) {
  .next-lesson .title {
    font-size: 24px;
    line-height: 26px;
  }
}
.next-lesson .subtitle {
  text-align: center;
  color: #000;
  font-size: 28px;
  line-height: 28px;
  padding-top: 24px;
}
@media (max-width: 767.98px) {
  .next-lesson .subtitle {
    font-size: 16px;
    line-height: 18px;
    padding-top: 10px;
  }
}
.next-lesson .preview {
  margin-top: 40px;
  width: 100%;
  height: auto;
}
.next-lesson .preview img {
  width: auto;
  height: auto;
  max-height: 400px;
  max-width: 100%;
  display: block;
  margin: 0 auto 0 auto;
}
.next-lesson .descr {
  position: relative;
  padding-top: 40px;
  font-size: 16px;
  line-height: 20px;
  height: 160px;
  overflow: hidden;
}
.next-lesson .descr:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 150px;
  z-index: 1;
  background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.97) 97%, white 100%);
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.97) 97%, white 100%);
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.97) 97%, white 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#00ffffff", endColorstr="#ffffff",GradientType=0 );
}

.congratulations {
  margin-top: 100px;
}
@media (max-width: 767.98px) {
  .congratulations {
    margin-top: 40px;
  }
}
.congratulations code {
  color: #ff0;
}
.congratulations .title {
  justify-content: center;
  margin-left: auto;
  margin-right: auto;
}
.congratulations .award {
  height: 120px;
  width: 120px;
  background: url("../img/trophy.svg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
@media (max-width: 767.98px) {
  .congratulations .award {
    height: 60px;
    width: 60px;
    flex-shrink: 0;
  }
}
.congratulations .award2 {
  height: 160px;
  width: 160px;
  background: url("../img/award-ribbon-06.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
@media (max-width: 767.98px) {
  .congratulations .award2 {
    height: 80px;
    width: 80px;
    flex-shrink: 0;
  }
}
.congratulations .greetings {
  font-size: 42px;
  line-height: 42px;
  font-weight: 500;
  margin-left: 40px;
}
@media (max-width: 767.98px) {
  .congratulations .greetings {
    font-size: 24px;
    line-height: 26px;
    margin-left: 20px;
  }
}
.congratulations .wrapper {
  position: relative;
  margin-top: 50px;
  border-radius: 8px;
  background: #4f71fd;
  background: -moz-linear-gradient(left, #4f71fd 0%, #a938e9 100%);
  background: -webkit-linear-gradient(left, #4f71fd 0%, #a938e9 100%);
  background: linear-gradient(to right, #4f71fd 0%, #a938e9 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#4f71fd", endColorstr="#a938e9",GradientType=1 );
  padding: 58px 0;
  color: #fff;
}
@media (max-width: 767.98px) {
  .congratulations .wrapper {
    margin-top: 24px;
    padding: 40px 20px;
    flex-direction: column;
  }
}
.congratulations .wrapper .like {
  position: absolute;
  left: 66px;
  top: 50%;
  transform: translateY(-50%);
  height: 100px;
  width: 90px;
  background: url("../img/like.svg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.congratulations .wrapper .prepod {
  display: flex;
  justify-content: center;
  flex-direction: column;
  margin-left: auto;
  margin-right: 110px;
}
@media (max-width: 767.98px) {
  .congratulations .wrapper .prepod {
    margin-right: 0;
    margin-left: 0;
    margin-top: 30px;
  }
}
.congratulations .wrapper .prepod .photo {
  display: block;
  margin-left: auto;
  margin-right: auto;
  height: 150px;
  width: 150px;
  border-radius: 50%;
}
.congratulations .wrapper .prepod .photo img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  filter: grayscale(0.5);
}
.congratulations .wrapper .prepod .name {
  margin-top: 16px;
  text-align: center;
  justify-content: center;
}
.congratulations .wrapper .prepod .name span {
  display: block;
}
.congratulations .wrapper .prepod .name__prof {
  font-size: 16px;
  line-height: 16px;
  margin-left: auto;
}
.congratulations .wrapper .prepod .level {
  text-align: center;
  margin-top: 6px;
  font-size: 14px;
  line-height: 14px;
}
@media (min-width: 576px) {
  .congratulations .wrapper .achievements {
    max-width: 500px;
    margin-left: 222px;
    margin-right: 60px;
  }
}
@media (max-width: 767.98px) {
  .congratulations .wrapper .achievements {
    width: 100%;
    margin-left: 0;
  }
}

.achievements .title {
  font-size: 28px;
  line-height: 28px;
  font-weight: 500;
}
.achievements ul {
  margin-top: 32px;
}
.achievements ul li {
  display: flex;
  margin-bottom: 16px;
}
.achievements ul li:last-child {
  margin-bottom: 0;
}
.achievements ul li span {
  font-size: 20px;
  line-height: 1.3;
  margin-left: 10px;
  margin-bottom: -1px;
}
.achievements ul li .num {
  position: relative;
  height: 24px;
  width: 24px;
  background: #fff;
  border-radius: 50%;
}
@media (max-width: 767.98px) {
  .achievements ul li .num {
    flex-shrink: 0;
  }
}
.achievements ul li .num span {
  position: absolute;
  content: "";
  font-size: 15px;
  line-height: 15px;
  color: #474747;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  margin: 0;
}

.lesson-tabs .panel {
  position: relative;
  margin-top: 35px;
  border-radius: 8px;
  background: #fff;
  padding: 60px 70px;
}
@media (max-width: 767.98px) {
  .lesson-tabs .panel {
    padding: 40px 20px;
  }
}
.lesson-tabs .tabs {
  position: absolute;
  left: 28px;
  top: 0px;
  height: 30px;
  transform: translateY(-100%);
  z-index: 10;
}
@media (max-width: 767.98px) {
  .lesson-tabs .tabs {
    left: 5px;
  }
}
.lesson-tabs .tabs .tab {
  margin-left: 4px;
  padding: 8px 21px;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  font-size: 14px;
  line-height: 14px;
  cursor: pointer;
  color: #343738;
  text-decoration: none;
}
@media (max-width: 767.98px) {
  .lesson-tabs .tabs .tab {
    padding: 8px;
  }
}
.lesson-tabs .tabs .tab:hover {
  color: #7e8587;
  border-color: transparent;
}
.lesson-tabs .tabs .tab.active {
  background: #fff;
  border: 1px solid #D8D8D8;
  border-bottom: 0;
}
.lesson-tabs .tabs .dropdown-tab {
  text-decoration: none;
  border: none;
}
.lesson-tabs .tabs .dropdown-tab:hover {
  color: #7e8587;
}
.lesson-tabs .wrapper {
  width: 768px;
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 767.98px) {
  .lesson-tabs .wrapper {
    width: 100%;
  }
}
.lesson-tabs .wrapper .descr {
  margin-top: 24px;
  font-size: 16px;
  line-height: 1.5;
}
.lesson-tabs .wrapper .descr pre code {
  font-family: monospace;
}

.review-results .title {
  font-size: 28px;
  line-height: 28px;
  color: #000;
  font-weight: 500;
}
@media (max-width: 767.98px) {
  .review-results .title {
    font-size: 24px;
    line-height: 26px;
  }
}
.review-results .subtitle {
  margin-top: 16px;
  font-size: 16px;
  line-height: 1.3;
}
.review-results .finalize {
  margin-top: 60px;
}
.review-results .finalize .title {
  font-size: 24px;
  line-height: 24px;
  color: #000;
}
.review-results .finalize ul {
  margin-top: 16px;
}
.review-results .finalize ul li {
  display: flex;
  align-items: center;
  font-size: 14px;
  line-height: 14px;
  margin-bottom: 8px;
  line-height: 1.3;
}
.review-results .finalize ul li:last-child {
  margin-bottom: 0;
}
.review-results .finalize ul li a {
  text-decoration: underline;
}
.review-results .finalize ul li span {
  margin-left: 12px;
}
.review-results .finalize .bottom {
  margin-top: 24px;
  font-size: 14px;
  line-height: 18px;
  color: #000;
}
.review-results .prepod {
  margin-top: 40px;
}
.review-results .prepod .photo {
  height: 100px;
  width: 100px;
  margin-right: 24px;
}
.review-results .prepod .photo img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
}
.review-results .prepod .name {
  font-size: 22px;
  line-height: 22px;
}
.review-results .prepod .date {
  margin-top: 8px;
  font-size: 14px;
  line-height: 14px;
}
.review-results .achievements {
  margin-top: 40px;
}
.review-results .achievements .title {
  font-size: 24px;
  line-height: 24px;
}
.review-results .achievements ul {
  margin-top: 16px;
}
.review-results .achievements ul li {
  margin-bottom: 8px;
}
.review-results .achievements ul li .num {
  background: #343738;
}
.review-results .achievements ul li .num span {
  color: #fff;
  margin: 0;
  font-size: 12px;
  line-height: 1.3;
}
.review-results .achievements ul li span {
  font-size: 14px;
  line-height: 22px;
  margin-left: 12px;
}

.lesson-preview {
  margin-top: 48px;
  padding-bottom: 24px;
  border-bottom: 1px solid #DBD5D5;
}
.lesson-preview .preview iframe {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.lesson-preview:last-child {
  border-bottom: none;
}
.lesson-preview .big-title {
  width: 100%;
  text-align: center;
  font-size: 32px;
  line-height: 32px;
  color: #000;
}
@media (max-width: 767.98px) {
  .lesson-preview .big-title {
    font-size: 24px;
    line-height: 24px;
  }
}
.lesson-preview .title {
  font-size: 28px;
  line-height: 28px;
  font-weight: 500;
  text-align: left;
}
.lesson-preview .subtitle {
  font-size: 22px;
  line-height: 22px;
  margin-top: 4px;
  text-align: left;
}
.lesson-preview .preview {
  width: 100%;
  height: auto;
}
.lesson-preview .preview img {
  width: auto;
  height: auto;
  max-height: 400px;
  max-width: 100%;
  display: block;
  margin: 0 auto 0 auto;
}
.lesson-preview .review {
  margin-top: 24px;
}

.additional-material {
  position: relative;
  padding: 60px 0;
  margin-top: 24px;
}
.additional-material .wrapper {
  position: relative;
  width: 768px;
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 767.98px) {
  .additional-material .wrapper {
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
  }
}

footer.footer {
  background-color: var(--white);
  border-top: 1px solid var(--gray-2);
  margin-top: 24px;
}

footer.footer a {
  text-decoration: none !important;
  color: inherit;
}

footer.footer .footer-content {
  padding-top: 2.5rem;
  padding-bottom: 1.875rem;
}

footer.footer .footer-content-grid {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  -moz-column-gap: 2rem;
  column-gap: 2rem;
}

.footer-nav__list {
  list-style-type: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  row-gap: 0.875rem;
}

.footer-nav__title {
  margin-bottom: 1rem;
}

.footer-nav-link,
.footer-nav__title {
  margin-bottom: 1rem;
  font-family: var(--font-family);
  font-weight: 500;
  font-size: 1rem;
  line-height: 1.2;
  color: var(--gray-8);
}

.footer-nav-link {
  font-weight: 400;
  line-height: 1;
  font-size: 1rem;
  color: var(--gray-6);
  transition: 0.3s;
}

.footer-nav-link:hover {
  color: var(--blue-3);
}

.messenger-block {
  display: flex;
  flex-direction: column;
  row-gap: 0.875rem;
}

.messenger-item {
  display: flex;
  white-space: nowrap;
  align-items: center;
  -moz-column-gap: 0.5rem;
  column-gap: 0.5rem;
  transition: 0.3s;
  color: var(--gray-6);
  font-size: 1rem;
}

.messenger-item:hover {
  color: var(--blue-3);
}

.messenger-item .messenger-icon {
  width: 1rem;
  height: 1rem;
  flex-shrink: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}

.messenger-item svg,
.messenger-item img {
  -o-object-fit: contain;
  object-fit: contain;
}

.footer-bottom {
  padding-block: 1.5rem;
  border-top: 1px solid var(--gray-2);
}

.footer-bottom .font-13 {
  color: var(--gray-7);
}

.footer-bottom-content {
  justify-content: space-between;
}

.footer-bottom-right {
  margin-left: auto;
  -moz-column-gap: 3.25rem;
  column-gap: 3.25rem;
}

.footer-logo {
  width: 8.75rem;
}

.footer-logo svg {
  width: 100%;
}

/*BASE STYLES*/
*,
*:after,
*:before {
  box-sizing: border-box;
  background-repeat: no-repeat;
  background-position: center;
}

:root {
  --white: #fff;
  --white-2: #fafafa;
  --black: #212020;
  --gray-1: #f5f5f5;
  --gray-2: #e0e0e0;
  --gray-3: #c2c2c2;
  --gray-4: #7d7d7d;
  --gray-5: #ededed;
  --gray-6: #393939;
  --gray-7: #4d4d4d;
  --gray-8: #a6a6a6;
  --blue: #3f91be;
  --blue-2: #f5fbff;
  --blue-3: #00a3fd;
  --blue-hover: #08689d;
  --blue-disable: #80bcdd;
  --blue-wk: #2688eb;
  --red-1: #e31b1b;
  --red-2: rgba(227, 27, 27, 0.06);
  --red-3: #fdf1f1;
  --green-1: #60b221;
  --green-2: #f3fbee;
  --yellow-1: #f2a60f;
  --yellow-bg: #fff9e7;
  --yellow-text: #604300;
  --font-family: "Montserrat";
}

.page-content {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}

.page-content > * {
  width: 100%;
}

.page-content header.header,
.page-content footer.footer {
  flex-shrink: 0;
}

.page-content main {
  flex-grow: 1;
}

.base-styles {
  font-size: 1.125rem;
  /*vendore*/
}
.base-styles html {
  scroll-behavior: smooth;
}
.base-styles html,
.base-styles body {
  margin: 0;
  padding: 0;
  font-weight: 400;
  -webkit-font-smoothing: subpixel-antialiased;
  -moz-osx-font-smoothing: auto;
  font-family: var(--font-family);
  min-height: 100vh;
}
.base-styles .lock {
  overflow: hidden;
}
.base-styles a,
.base-styles a:hover {
  text-decoration: none;
}
.base-styles *,
.base-styles *:focus {
  outline: none;
}
.base-styles a[href^="tel:"],
.base-styles a[href^="mailto:"] {
  white-space: nowrap;
}
.base-styles h1,
.base-styles h2,
.base-styles h3,
.base-styles h4,
.base-styles p {
  padding: 0;
  margin: 0;
}
.base-styles img {
  max-width: 100%;
  height: auto;
  display: block;
}
.base-styles input,
.base-styles button,
.base-styles textarea {
  border: none;
  background: none;
  padding: 0;
  box-shadow: none;
  font-family: inherit;
  font-size: inherit;
}
.base-styles button,
.base-styles input[type=submit] {
  cursor: pointer;
}
.base-styles address {
  font-style: normal;
}
.base-styles input::-moz-placeholder,
.base-styles textarea::-moz-placeholder {
  font-family: inherit;
  font-size: inherit;
}
.base-styles input::placeholder,
.base-styles textarea::placeholder {
  font-family: inherit;
  font-size: inherit;
}
.base-styles .container {
  width: 73.75rem;
  margin: 0 auto;
  padding-right: 0;
  padding-left: 0;
}
.base-styles .flex {
  display: flex;
  align-items: center;
  -moz-column-gap: 0.5rem;
  column-gap: 0.5rem;
}
.base-styles .flex-two-columns {
  display: flex;
  -moz-column-gap: 2.5rem;
  column-gap: 2.5rem;
}
.base-styles .flex-two-columns > * {
  flex: 1;
}
.base-styles *.h1 {
  font-family: var(--font-family);
  font-weight: 500;
  font-size: 2rem;
  line-height: 1.2;
  color: var(--black);
}
.base-styles .grey-background {
  background: var(--gray-5);
}
.base-styles .text-grey {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 1rem;
  line-height: 1;
  color: var(--gray-6);
}
.base-styles .text-center {
  text-align: center;
}
.base-styles .font-13 {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 0.8125rem;
}
.base-styles .font-14 {
  font-size: 0.875rem;
  line-height: 1.4;
}
.base-styles .font-16 {
  font-size: 1rem;
  line-height: 1.36;
  text-align: center;
  color: var(--gray-4);
}
.base-styles .font-18 {
  font-size: 1.125rem;
  line-height: 1.4;
}
.base-styles .hover-blue {
  transition: 0.3s;
}
.base-styles .hover-blue svg {
  transition: 0.3s;
}
.base-styles .hover-blue:hover {
  color: var(--blue-3) !important;
}
.base-styles .hover-blue:hover svg {
  color: var(--blue-3) !important;
}
.base-styles *.h-32 {
  font-family: var(--font-family);
  font-weight: 600;
  font-size: 2rem;
  line-height: 1.2;
  color: var(--black);
}
.base-styles *.title-24 {
  font-family: var(--font-family);
  font-weight: 500;
  font-size: 1.5rem;
  line-height: 1.2;
  color: var(--black);
}
.base-styles .text-link {
  display: inline;
  text-decoration: underline;
  -webkit-text-decoration-skip-ink: none;
  text-decoration-skip-ink: none;
  transition: 0.3s;
}
.base-styles .text-link:hover {
  color: var(--blue);
}
.base-styles .accent-link {
  display: inline;
  color: var(--blue);
  text-decoration: none;
  transition: 0.3s;
}
.base-styles .accent-link:hover {
  color: var(--blue-hover);
}
.base-styles .inner-main {
  padding-block: 6.25rem;
}
.base-styles .inner-main .h1 {
  margin-bottom: 1.5rem;
}
.base-styles .white-block,
.base-styles .column-list {
  display: flex;
  flex-direction: column;
  row-gap: 1.5rem;
}
.base-styles .white-block > *,
.base-styles .column-list > * {
  width: 100%;
}
.base-styles .white-block {
  border-radius: 1rem;
  background-color: var(--white);
  padding: 2.5rem;
}
.base-styles .column-list {
  row-gap: 0.75rem;
  font-size: 1.125rem;
}
.base-styles .mt-16 {
  margin-top: 16px;
}
.base-styles svg {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  -o-object-fit: contain;
  object-fit: contain;
}
.base-styles .svg-logo {
  display: inline-block;
  width: 2.3125rem;
  height: 2rem;
  color: #00A3FD;
}
.base-styles .svg-logo-full {
  width: 8.75rem;
  height: 2rem;
  display: inline-block;
}
.base-styles .svg-vk,
.base-styles .svg-tg,
.base-styles .svg-rutube {
  width: 1rem;
  height: 1rem;
  color: #00A3FD;
}
.base-styles .svg-eye,
.base-styles .svg-view {
  width: 1.5rem;
  height: 1.5rem;
  color: #4D4D4D;
  transition: 0.3s;
}
.base-styles .svg-back {
  display: inline-block;
  width: 0.4375rem;
  height: 0.75rem;
  color: #393939;
  transition: 0.3s;
}
.base-styles .svg-pay {
  display: inline-block;
  width: 1.1875rem;
  height: 0.875rem;
  color: #7d7d7d;
}
.base-styles .svg-clock {
  width: 1.25rem;
  height: 1.25rem;
  color: #08689D;
}
.base-styles .eye-icon {
  width: 1.25rem;
  height: 1.25rem;
  display: inline-block;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M4.21249 2.70486C4.15761 2.64299 4.09099 2.59263 4.01649 2.5567C3.942 2.52077 3.86111 2.49997 3.77853 2.49553C3.69594 2.49109 3.61329 2.50308 3.53537 2.53081C3.45746 2.55855 3.38582 2.60147 3.32461 2.6571C3.2634 2.71272 3.21384 2.77994 3.17881 2.85486C3.14377 2.92978 3.12395 3.0109 3.1205 3.09354C3.11704 3.17617 3.13003 3.25867 3.15869 3.33625C3.18736 3.41383 3.23114 3.48495 3.28749 3.54549L4.79062 5.19939C1.95312 6.9408 0.732805 9.62517 0.678899 9.74705C0.643362 9.82698 0.625 9.91348 0.625 10.001C0.625 10.0884 0.643362 10.1749 0.678899 10.2549C0.706243 10.3166 1.36796 11.7838 2.83905 13.2549C4.79921 15.2142 7.27499 16.2502 9.99999 16.2502C11.4005 16.2582 12.7868 15.9698 14.068 15.4041L15.7867 17.2955C15.8416 17.3574 15.9082 17.4077 15.9827 17.4437C16.0572 17.4796 16.1381 17.5004 16.2207 17.5048C16.3033 17.5093 16.3859 17.4973 16.4638 17.4695C16.5417 17.4418 16.6134 17.3989 16.6746 17.3433C16.7358 17.2876 16.7854 17.2204 16.8204 17.1455C16.8554 17.0706 16.8753 16.9894 16.8787 16.9068C16.8822 16.8242 16.8692 16.7417 16.8405 16.6641C16.8118 16.5865 16.7681 16.5154 16.7117 16.4549L4.21249 2.70486ZM7.91015 8.62986L11.1656 12.2119C10.6754 12.4698 10.1134 12.5576 9.56783 12.4615C9.02229 12.3653 8.52413 12.0907 8.15157 11.6808C7.77901 11.2709 7.55314 10.7488 7.50945 10.1966C7.46575 9.64438 7.6067 9.09329 7.91015 8.62986ZM9.99999 15.0002C7.5953 15.0002 5.49452 14.126 3.75546 12.4025C3.04164 11.6931 2.43454 10.8839 1.95312 10.0002C2.31952 9.31346 3.48905 7.39158 5.65234 6.14236L7.05859 7.68533C6.51416 8.3826 6.23377 9.24989 6.26697 10.1339C6.30017 11.0179 6.64483 11.8617 7.24002 12.5162C7.83521 13.1707 8.64261 13.5936 9.51952 13.7104C10.3964 13.8271 11.2864 13.6301 12.032 13.1541L13.1828 14.4197C12.1672 14.8094 11.0878 15.0062 9.99999 15.0002ZM10.4687 7.54471C10.3059 7.51363 10.162 7.41912 10.0689 7.28199C9.97568 7.14485 9.94079 6.97632 9.97187 6.81346C10.0029 6.6506 10.0975 6.50675 10.2346 6.41357C10.3717 6.32039 10.5403 6.2855 10.7031 6.31658C11.4997 6.47101 12.225 6.87881 12.7708 7.47915C13.3167 8.07949 13.6539 8.84021 13.732 9.64783C13.7475 9.81286 13.6967 9.97727 13.5909 10.1049C13.4851 10.2325 13.333 10.3129 13.168 10.3283C13.1484 10.3294 13.1289 10.3294 13.1094 10.3283C12.9532 10.329 12.8024 10.2711 12.6867 10.1661C12.571 10.0612 12.4988 9.91666 12.4844 9.76111C12.4318 9.22392 12.2072 8.71805 11.844 8.31872C11.4809 7.9194 10.9985 7.64794 10.4687 7.54471ZM19.3187 10.2549C19.2859 10.3283 18.4945 12.0806 16.7125 13.6767C16.6516 13.733 16.5801 13.7766 16.5022 13.805C16.4243 13.8334 16.3415 13.846 16.2587 13.842C16.1759 13.8381 16.0947 13.8178 16.0198 13.7821C15.9449 13.7465 15.8779 13.6964 15.8226 13.6346C15.7673 13.5728 15.7249 13.5006 15.6977 13.4223C15.6706 13.344 15.6593 13.261 15.6645 13.1782C15.6698 13.0955 15.6914 13.0146 15.7282 12.9403C15.765 12.866 15.8162 12.7998 15.8789 12.7455C16.7532 11.96 17.4876 11.0317 18.0508 10.0002C17.5683 9.11562 16.9599 8.30586 16.2445 7.59627C14.5055 5.87439 12.4047 5.00017 9.99999 5.00017C9.49332 4.99956 8.98745 5.04058 8.48749 5.12283C8.40619 5.13721 8.32284 5.13534 8.24227 5.11732C8.1617 5.0993 8.08549 5.0655 8.01805 5.01786C7.95062 4.97023 7.89329 4.9097 7.84938 4.83979C7.80547 4.76987 7.77584 4.69194 7.76222 4.61051C7.7486 4.52908 7.75124 4.44575 7.77 4.36535C7.78877 4.28495 7.82327 4.20906 7.87153 4.14207C7.91979 4.07507 7.98085 4.01831 8.05117 3.97505C8.12149 3.93179 8.19969 3.90289 8.28124 3.89002C8.84934 3.79622 9.4242 3.74944 9.99999 3.75017C12.725 3.75017 15.2008 4.78611 17.1609 6.74627C18.632 8.21736 19.2937 9.68533 19.3211 9.74705C19.3566 9.82698 19.375 9.91348 19.375 10.001C19.375 10.0884 19.3566 10.1749 19.3211 10.2549H19.3187Z' fill='%237D7D7D' /%3e%3c/svg%3e");
  background-size: 1.25rem;
}
.base-styles .show-passw .eye-icon {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M19.3375 9.7875C17.8336 5.90211 14.1632 3.2832 9.99998 3.125C5.83672 3.2832 2.16631 5.90211 0.662478 9.7875C0.612833 9.92482 0.612833 10.0752 0.662478 10.2125C2.16631 14.0979 5.83672 16.7168 9.99998 16.875C14.1632 16.7168 17.8336 14.0979 19.3375 10.2125C19.3871 10.0752 19.3871 9.92482 19.3375 9.7875ZM9.99997 15.625C6.68747 15.625 3.18747 13.1687 1.91872 10C3.18747 6.83125 6.68747 4.375 9.99997 4.375C13.3125 4.375 16.8125 6.83125 18.0812 10C16.8125 13.1687 13.3125 15.625 9.99997 15.625ZM9.99997 6.25C7.9289 6.25 6.24997 7.92893 6.24997 10C6.24997 12.0711 7.9289 13.75 9.99997 13.75C12.071 13.75 13.75 12.0711 13.75 10C13.75 7.92893 12.071 6.25 9.99997 6.25ZM9.99997 12.5C8.61925 12.5 7.49997 11.3807 7.49997 10C7.49997 8.61929 8.61925 7.5 9.99997 7.5C11.3807 7.5 12.5 8.61929 12.5 10C12.5 10.663 12.2366 11.2989 11.7677 11.7678C11.2989 12.2366 10.663 12.5 9.99997 12.5Z' fill='%237d7d7d'/%3e%3c/svg%3e");
}
.base-styles .form-item input:-webkit-autofill,
.base-styles .form-item input:-webkit-autofill:hover,
.base-styles .form-item input:-webkit-autofill:focus,
.base-styles .form-item input:-webkit-autofill:active,
.base-styles .form-item textarea:-webkit-autofill,
.base-styles .form-item textarea:-webkit-autofill:hover,
.base-styles .form-item textarea:-webkit-autofill:focus,
.base-styles .form-item textarea:-webkit-autofill:active {
  -webkit-box-shadow: 0 0 0px 1000px var(--gray-1) inset !important;
  -webkit-text-fill-color: var(--gray-4) !important;
}
.base-styles .btn-accent,
.base-styles .btn-outline {
  --btn-color: rgba(63, 145, 190, 1);
  border-radius: 0.5rem;
  padding: 0;
  font-family: var(--font-family);
  text-decoration: none;
  padding-inline: 2rem;
  height: 3.5rem;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  -moz-column-gap: 0.625rem;
  column-gap: 0.625rem;
  text-align: center;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  font-weight: 400;
  font-size: 1.125rem;
  color: var(--white);
  border: 2px solid var(--btn-color);
  background: var(--btn-color);
  transition: 0.3s;
}
.base-styles .btn-accent:hover,
.base-styles .btn-outline:hover {
  background: var(--blue-hover);
  color: var(--white);
  border: 2px solid var(--blue-hover);
}
.base-styles .btn-accent:active,
.base-styles .btn-outline:active {
  background: #3f91be;
}
.base-styles *.w-100 {
  width: 100%;
}
.base-styles .btn-icon {
  width: 1.75rem;
  height: 1.75rem;
  flex-shrink: 0;
  border-radius: 0.375rem;
  background-color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0.25rem;
}
.base-styles .btn-vk {
  background: var(--blue-wk);
}
.base-styles .btn-vk svg,
.base-styles .btn-vk img {
  width: 28px;
  height: 28px;
  -o-object-fit: contain;
  object-fit: contain;
}
.base-styles .btn-outline {
  background-color: #fff;
  color: var(--blue);
}
.base-styles .btn-accent[disabled] {
  opacity: 0.4;
  pointer-events: none;
}
.base-styles .column-form {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.base-styles .column-form > * {
  width: 100%;
}
.base-styles .form-btn .btn-accent {
  width: 100%;
}
.base-styles .form-item {
  position: relative;
}
.base-styles .form-item input {
  display: block;
  width: 100%;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 1rem;
  color: var(--black);
  background: var(--gray-1);
  border: 2px solid var(--gray-1);
  height: 3.5rem;
  border-radius: 0.5rem;
  padding-inline: 1rem;
  padding-top: 1.375rem;
}
.base-styles .form-item input::-moz-placeholder {
  font-family: var(--font-family);
  font-size: 1rem;
}
.base-styles .form-item input::placeholder {
  font-family: var(--font-family);
  font-size: 1rem;
}
.base-styles .form-item .fake-placeholder {
  position: absolute;
  left: 1rem;
  top: 0;
  transform: translateY(100%);
  z-index: 1;
  pointer-events: none;
  transition: 0.3s;
  font-size: 1rem;
  color: var(--gray-4);
}
.base-styles .form-item .fake-placeholder.active {
  transform: translateY(40%);
  font-size: 0.75rem;
}
.base-styles .form-item.not-valid input {
  background: var(--red-2);
  border: 2px solid var(--red-1);
}
.base-styles .input-suptxt,
.base-styles .error {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 1.4;
  color: var(--gray-4);
  margin-top: 0.5rem;
}
.base-styles .error {
  color: var(--red-1);
  display: none;
}
.base-styles .error.error-show {
  display: block;
}
.base-styles .checkbox-label {
  position: relative;
  font-size: 1rem;
  margin-bottom: 0;
}
.base-styles .checkbox-label.flex {
  align-items: flex-start;
}
.base-styles .checkbox-label input[type=checkbox] {
  width: 0.0001px;
  height: 0.0001px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  opacity: 0;
}
.base-styles .checkbox-label .fake-checkbox {
  flex-shrink: 0;
  border: 0.125rem solid var(--gray-2);
  border-radius: 0.25rem;
  width: 1.25rem;
  height: 1.25rem;
}
.base-styles .checkbox-label input[type=checkbox]:checked + span.fake-checkbox {
  background: #3f91be;
  border: 0.125rem solid #3f91be;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='28' height='28' viewBox='0 0 28 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M11.1999 21.4667C10.9529 21.4651 10.7166 21.3658 10.5428 21.1904L3.25906 13.9104C3.08381 13.7352 2.98535 13.4975 2.98535 13.2496C2.98535 13.0018 3.08381 12.7641 3.25906 12.5888C3.43432 12.4136 3.67202 12.3151 3.91986 12.3151C4.16771 12.3151 4.40541 12.4136 4.58066 12.5888L11.1999 19.2117L23.4191 6.99254C23.5943 6.81728 23.832 6.71883 24.0799 6.71883C24.3277 6.71883 24.5654 6.81728 24.7407 6.99254C24.9159 7.16779 25.0144 7.40549 25.0144 7.65334C25.0144 7.90119 24.9159 8.13888 24.7407 8.31414L11.8607 21.1904C11.7741 21.2777 11.6712 21.347 11.5578 21.3944C11.4444 21.4419 11.3228 21.4664 11.1999 21.4667Z' fill='%23FFFFFF'/%3e%3c/svg%3e ");
  background-size: 1rem;
  background-position: center;
}
.base-styles .checkbox-item.not-valid .checkbox-label .fake-checkbox {
  border: 0.125rem solid var(--red-1);
}
.base-styles .remove-underlines a {
  text-decoration: none !important;
}

/*PAYMENT*/
.success-payment {
  margin-bottom: 0.5rem !important;
  font-size: 2.5rem !important;
  text-align: center !important;
}

.payment-content {
  line-height: 1.2 !important;
}

.payment-content a {
  text-decoration: underline !important;
  color: inherit;
}

.payment-content a:hover {
  text-decoration: none !important;
}

.payment-content p {
  margin-bottom: 0;
  margin-top: 0;
}

.payment-method-item {
  font-size: 1rem !important;
}

.grid-left-column,
.grid-right-column {
  display: flex;
  flex-direction: column;
  row-gap: 1.5rem;
}

.grid-left-column > *,
.grid-right-column > * {
  width: 100%;
}

.icon-text {
  display: flex;
  align-items: center;
  -moz-column-gap: 0.5rem;
  column-gap: 0.5rem;
}

.courses-basket {
  display: grid;
  grid-template-columns: 1fr;
  row-gap: 1rem !important;
}

.course-item {
  display: flex;
  -moz-column-gap: 1.5rem;
  column-gap: 1.5rem;
  padding-block: 1rem;
}

.course-item:first-child {
  padding-top: 0 !important;
}

.course-item {
  border-bottom: 1px solid #ededed;
}

.course-name {
  flex-grow: 1;
}

.course-name > * {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.36;
  color: var(--black);
}

.course-cost {
  min-width: 5rem;
  flex-shrink: 0;
  text-align: right;
  font-weight: 500;
  font-size: 1.125rem;
}

.courses-total {
  display: flex;
  align-items: center;
}

.courses-total .course-name > * {
  font-size: 1.125rem;
}

.notify-box {
  padding: 0.75rem 1rem;
  font-size: 0.875rem;
  line-height: 1.4;
  border: 2px solid var(--blue);
  border-radius: 8px;
  background: var(--blue-2);
  color: var(--blue-hover);
}

.notify-box a {
  display: inline;
  font-weight: 500;
  text-decoration: underline;
  -webkit-text-decoration-skip-ink: none;
  text-decoration-skip-ink: none;
  color: inherit;
  transition: 0.3s;
}

.notify-box a:hover {
  opacity: 0.5;
}

.notify-box.notify-box--yellow {
  border: 2px solid var(--yellow-1);
  background: var(--yellow-bg);
  color: var(--yellow-text);
}

.notify-box.notify-box--red {
  border: 2px solid var(--red-1);
  background: var(--red-2);
  color: var(--gray-6);
}

.login-main {
  display: flex;
  justify-content: center;
  align-items: center;
  padding-top: 3rem;
  padding-bottom: 1.5rem;
}

.custom-popup.white-block {
  padding: 1.5rem !important;
  padding-bottom: 4rem !important;
  width: 100%;
  max-width: 35rem;
  margin-inline: 0 !important;
}

.btn-back {
  width: 2.5rem;
  height: 2.5rem;
  background: var(--gray-1);
  border-radius: 50%;
  flex-shrink: 0;
  padding: 0.75rem;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: 0.3s;
  cursor: pointer;
}

.btn-back:hover {
  background-color: var(--blue);
}

.btn-back:hover svg.svg-back {
  color: white;
}

.custom-popup__title > * + * {
  margin-top: 0.5rem !important;
  text-align: center;
  margin-bottom: 0;
}

.custom-popup__title h1 {
  margin-bottom: 0;
}

.accent-link.regisrt-link {
  padding-top: 0.5rem;
  display: inline-block;
  text-align: center;
  font-size: initial;
}

.custom-popup__body {
  display: grid;
  grid-template-columns: 1fr;
  row-gap: 1rem;
  max-width: 25rem;
  margin-inline: auto;
  line-height: initial !important;
}

.passw-toggle {
  width: 1.5rem;
  height: 1.5rem;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}

.passw-toggle:hover {
  opacity: 0.5;
}

.form-item-passw .passw-toggle {
  position: absolute;
  top: 1rem;
  right: 0.625rem;
  z-index: 2;
  transition: 0.3s;
}

.button-subtext {
  font-size: 1.125rem;
  color: var(--blue);
  text-align: center;
}

.button-subtext.grey-4 {
  color: var(--gray-4);
}

.form-checkbox-group a {
  color: inherit;
}

.form-checkbox-group a:hover {
  text-decoration: none !important;
}

.zero-spacing {
  padding: 0 !important;
  margin: 0 !important;
}

.extra_margin {
  margin-bottom: 32px !important;
}

@media (max-width: 1439px) {
  .base-styles .flex-two-columns {
    -moz-column-gap: 1.875rem;
    column-gap: 1.875rem;
  }

  .base-styles .inner-main {
    padding-block: 5rem;
  }

  .base-styles .white-block {
    padding: 1.875rem;
  }
}
@media (max-width: 1279px) {
  .base-styles .container {
    width: 71.25rem;
  }
}
@media (max-width: 1199px) {
  .base-styles .container {
    width: 60rem;
  }

  .base-styles .flex-two-columns {
    -moz-column-gap: 1rem;
    column-gap: 1rem;
  }

  footer.footer .container {
    width: 100%;
    max-width: 100%;
    padding-left: 3.125rem;
    padding-right: 3.125rem;
  }

  .footer-bottom-right {
    -moz-column-gap: 2.5rem;
    column-gap: 2.5rem;
  }

  .base-styles.grid-left-column,
.base-styles.grid-right-column {
    row-gap: 1.25rem;
  }

  .base-styles.payment-content.flex-two-columns {
    row-gap: 1.25rem;
  }
}
@media (max-width: 1023px) {
  .base-styles .container {
    width: 100%;
    max-width: 43.75rem;
  }

  .base-styles .inner-main {
    padding-block: 3.75rem;
  }

  .base-styles .white-block {
    padding: 1.5rem 1.25rem;
  }

  footer.footer .footer-content-grid {
    -moz-column-gap: 1.5rem;
    column-gap: 1.5rem;
  }

  footer.footer .container {
    padding-left: 1.875rem;
    padding-right: 1.875rem;
  }

  .footer-nav-link {
    font-size: 0.875rem;
  }

  .base-styles .messenger-item {
    font-size: 0.875rem;
  }

  .footer-bottom .font-13 {
    font-size: 0.75rem;
  }

  .footer-bottom-content {
    flex-direction: column-reverse;
    row-gap: 0.75rem;
  }

  .footer-bottom-right {
    -moz-column-gap: 1.5rem;
    column-gap: 1.5rem;
    margin-left: 0;
  }

  .footer-logo {
    width: 7.5rem;
  }

  .base-styles .grid-left-column,
.base-styles .grid-right-column {
    row-gap: 1rem;
  }

  .base-styles .payment-content.flex-two-columns {
    flex-direction: column-reverse;
    row-gap: 1rem;
  }
}
@media (max-width: 767px) {
  .success-payment {
    margin-bottom: 0.5rem !important;
    font-size: 2rem !important;
  }

  .base-styles .container {
    max-width: 33.75rem;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }

  .base-styles .footer {
    max-width: 33.75rem !important;
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important;
  }

  .base-styles *.h1 {
    font-size: 1.75rem;
  }

  .base-styles .font-18 {
    font-size: 1rem;
  }

  .base-styles *.h-32 {
    font-size: 1.875rem;
  }

  .base-styles *.title-24 {
    font-size: 1.25rem;
  }

  .base-styles .inner-main {
    padding-block: 2.5rem;
  }

  .base-styles .white-block,
.base-styles .column-list {
    row-gap: 1rem;
  }

  .base-styles .column-list {
    row-gap: 0.75rem;
  }

  .base-styles .btn-accent,
.base-styles .btn-outline {
    height: 3rem;
    line-height: initial;
  }

  .base-styles .checkbox-label .fake-checkbox {
    width: 1rem;
    height: 1rem;
  }

  .base-styles .checkbox-label {
    font-size: 0.875rem;
  }

  footer.footer .footer-content-grid {
    grid-template-columns: 1fr;
    row-gap: 1.5rem;
  }

  footer.footer .footer-content {
    padding-top: 1.875rem;
    padding-bottom: 1.25rem;
  }

  footer.footer .container {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .footer-bottom {
    padding-block: 1.25rem;
    padding-bottom: 60px;
  }

  .footer-bottom-right {
    flex-direction: column;
    row-gap: 0.75rem;
  }

  .footer-logo {
    width: 8.75rem;
  }

  .base-styles .course-item {
    -moz-column-gap: 1rem;
    column-gap: 1rem;
    padding-block: 0.75rem;
  }

  .base-styles .course-name > * {
    font-size: 0.875rem;
  }

  .base-styles .course-cost {
    font-size: 1rem;
  }

  .base-styles .courses-total .course-name > * {
    font-size: 1rem;
  }

  .base-styles .custom-popup.white-block {
    width: calc(100% - 1rem);
  }
}
html {
  position: relative;
  margin: 0;
  padding: 0;
  min-height: 100%;
}

body {
  padding: 0;
  margin: 0;
  color: #343738;
  background: #F4F8F9;
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  line-height: 1.5;
}

.site-footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  line-height: 40px;
  /* Vertically center the text there */
  background-color: #F4F8F9;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  margin-top: 100px;
}

.content {
  position: relative;
  width: 1170px;
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 576px) and (max-width: 1199.98px) {
  .content {
    width: calc(100% - 40px);
  }
}
@media (max-width: 575.98px) {
  .content {
    width: calc(100% - 20px);
  }
}
.content.wide {
  max-width: 1700px;
  width: calc(100% - 10px);
}

.slick-track {
  user-select: text !important;
  -moz-user-select: text !important;
  -webkit-user-select: text !important;
}

.textblock {
  position: relative;
  padding: 60px 60px;
}
@media (max-width: 767.98px) {
  .textblock {
    padding: 40px 0;
  }
}
.textblock .wrapper {
  position: relative;
  width: 768px;
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 767.98px) {
  .textblock .wrapper {
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
  }
}
.textblock .title {
  width: 100%;
  text-align: center;
  font-size: 32px;
  line-height: 32px;
  color: #000;
}
@media (max-width: 767.98px) {
  .textblock .title {
    font-size: 24px;
    line-height: 24px;
  }
}
.textblock .descr {
  font-size: 16px;
  line-height: 1.5;
  margin-top: 40px;
}

.simple-page {
  -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.16);
  -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.16);
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.16);
  border-radius: 0 0 8px 8px;
  background: #fff;
  padding: 64px 60px 60px 60px;
}
@media (max-width: 767.98px) {
  .simple-page {
    padding: 32px 20px;
  }
}

.white-rounded-card {
  border-radius: 12px;
  background: #fff;
  padding: 48px;
  margin: 48px auto 24px;
  max-width: 800px;
}
@media (max-width: 767.98px) {
  .white-rounded-card {
    padding: 32px 20px;
  }
}

.repl-iframe {
  background: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 100% 100%"><text fill="%23343738" x="37%" y="22%" font-family="Montserrat, sans-serif" font-size="18" text-anchor="top">Секунду, всё загружается...</text></svg>') no-repeat center top;
  height: max(100vh, 550px);
}

.learning-steps-scheme-img-icon {
  display: inline-block;
  width: 42px;
  height: 42px;
}
.learning-steps-scheme-img-icon img {
  max-width: 100%;
}

.emoji {
  height: 1.2em;
  display: inline;
  vertical-align: text-bottom;
}

/*# sourceMappingURL=main.css.map */