@charset "UTF-8";
html {
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
}
body {
  margin: 0;
}
main {
  display: block;
}
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
hr {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}
pre {
  font-family: monospace, monospace;
  font-size: 1em;
}
a {
  background-color: transparent;
}
abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
}
b,
strong {
  font-weight: bolder;
}
code,
kbd,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}
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;
  font-size: 100%;
  line-height: 1.15;
  margin: 0;
}
button,
input {
  overflow: visible;
}
button,
select {
  text-transform: none;
}
[type="button"],
[type="reset"],
[type="submit"],
button {
  -webkit-appearance: button;
}
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner,
button::-moz-focus-inner {
  border-style: none;
  padding: 0;
}
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring,
button:-moz-focusring {
  outline: 1px dotted ButtonText;
}
fieldset {
  padding: 0.35em 0.75em 0.625em;
}
legend {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal;
}
progress {
  vertical-align: baseline;
}
textarea {
  overflow: auto;
}
[type="checkbox"],
[type="radio"] {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
}
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
[type="search"] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}
details {
  display: block;
}
summary {
  display: list-item;
}
template {
  display: none;
}
[hidden] {
  display: none;
}
.jq-checkbox,
.jq-radio {
  position: relative;
  display: inline-block;
  overflow: hidden;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.jq-checkbox input,
.jq-radio input {
  position: absolute;
  z-index: -1;
  margin: 0;
  padding: 0;
  opacity: 0;
}
.jq-file {
  position: relative;
  display: inline-block;
  overflow: hidden;
}
.jq-file input {
  position: absolute;
  top: 0;
  right: 0;
  height: auto;
  margin: 0;
  padding: 0;
  opacity: 0;
  font-size: 100px;
  line-height: 1em;
}
.jq-file__name {
  overflow: hidden;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
.jq-select-multiple,
.jq-selectbox {
  position: relative;
  display: inline-block;
}
.jq-select-multiple select,
.jq-selectbox select {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  opacity: 0;
}
.jq-select-multiple li,
.jq-selectbox li {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  white-space: nowrap;
}
.jq-selectbox {
  z-index: 10;
}
.jq-selectbox__select {
  position: relative;
}
.jq-selectbox__select-text {
  overflow: hidden;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
.jq-selectbox__dropdown {
  position: absolute;
}
.jq-selectbox__search input {
  -webkit-appearance: textfield;
}
.jq-selectbox__search input::-webkit-search-cancel-button,
.jq-selectbox__search input::-webkit-search-decoration {
  -webkit-appearance: none;
}
.jq-selectbox__dropdown ul {
  position: relative;
  overflow: auto;
  overflow-x: hidden;
  list-style: none;
  -webkit-overflow-scrolling: touch;
}
.jq-select-multiple ul {
  position: relative;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
}
.jq-number {
  display: inline-block;
}
.jq-number__field input {
  -moz-appearance: textfield;
  text-align: left;
}
.jq-number__field input::-webkit-inner-spin-button,
.jq-number__field input::-webkit-outer-spin-button {
  margin: 0;
  -webkit-appearance: none;
}
.jq-checkbox,
.jq-radio {
  vertical-align: -4px;
  width: 16px;
  height: 16px;
  margin: 0 4px 0 0;
  border: 1px solid #c3c3c3;
  background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#e6e6e6));
  background: -o-linear-gradient(#fff, #e6e6e6);
  background: linear-gradient(#fff, #e6e6e6);
  -webkit-box-shadow:
    0 1px 1px rgba(0, 0, 0, 0.05),
    inset -1px -1px #fff,
    inset 1px -1px #fff;
  box-shadow:
    0 1px 1px rgba(0, 0, 0, 0.05),
    inset -1px -1px #fff,
    inset 1px -1px #fff;
  cursor: pointer;
}
.jq-checkbox.focused,
.jq-radio.focused {
  border: 1px solid #08c;
}
.jq-checkbox.disabled,
.jq-radio.disabled {
  opacity: 0.55;
}
.jq-checkbox {
  border-radius: 3px;
}
.jq-checkbox.checked .jq-checkbox__div {
  width: 8px;
  height: 4px;
  margin: 3px 0 0 3px;
  border-bottom: 2px solid #666;
  border-left: 2px solid #666;
  -webkit-transform: rotate(-50deg);
  -ms-transform: rotate(-50deg);
  transform: rotate(-50deg);
}
.jq-radio {
  border-radius: 50%;
}
.jq-radio.checked .jq-radio__div {
  width: 10px;
  height: 10px;
  margin: 3px 0 0 3px;
  border-radius: 50%;
  background: #777;
  -webkit-box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.7);
  box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.7);
}
.jq-file {
  width: 270px;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}
.jq-file input {
  cursor: pointer;
}
.jq-file__name {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  height: 34px;
  padding: 0 80px 0 10px;
  border: 1px solid #ccc;
  border-bottom-color: #b3b3b3;
  border-radius: 4px;
  background: #fff;
  -webkit-box-shadow: inset 1px 1px #f1f1f1;
  box-shadow: inset 1px 1px #f1f1f1;
  font:
    14px/32px Arial,
    sans-serif;
  color: #333;
}
.jq-file__browse {
  position: absolute;
  top: 1px;
  right: 1px;
  padding: 0 10px;
  border-left: 1px solid #ccc;
  border-radius: 0 4px 4px 0;
  background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#e6e6e6));
  background: -o-linear-gradient(#fff, #e6e6e6);
  background: linear-gradient(#fff, #e6e6e6);
  -webkit-box-shadow:
    inset 1px -1px #f1f1f1,
    inset -1px 0 #f1f1f1,
    0 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow:
    inset 1px -1px #f1f1f1,
    inset -1px 0 #f1f1f1,
    0 1px 2px rgba(0, 0, 0, 0.1);
  font:
    14px/32px Arial,
    sans-serif;
  color: #333;
  text-shadow: 1px 1px #fff;
}
.jq-file:hover .jq-file__browse {
  background: -webkit-gradient(linear, left top, left bottom, from(#f6f6f6), to(#e6e6e6));
  background: -o-linear-gradient(#f6f6f6, #e6e6e6);
  background: linear-gradient(#f6f6f6, #e6e6e6);
}
.jq-file:active .jq-file__browse {
  background: #f5f5f5;
  -webkit-box-shadow: inset 1px 1px 3px #ddd;
  box-shadow: inset 1px 1px 3px #ddd;
}
.jq-file.focused .jq-file__name {
  border: 1px solid #5794bf;
}
.jq-file.disabled,
.jq-file.disabled .jq-file__browse,
.jq-file.disabled .jq-file__name {
  border-color: #ccc;
  background: #f5f5f5;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #888;
}
.jq-number {
  position: relative;
  vertical-align: middle;
  padding: 0 36px 0 0;
}
.jq-number__field {
  width: 100px;
  border: 1px solid #ccc;
  border-bottom-color: #b3b3b3;
  border-radius: 4px;
  -webkit-box-shadow:
    inset 1px 1px #f1f1f1,
    0 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow:
    inset 1px 1px #f1f1f1,
    0 1px 2px rgba(0, 0, 0, 0.1);
}
.jq-number__field:hover {
  border-color: #b3b3b3;
}
.jq-number__field input {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  padding: 8px 9px;
  border: none;
  outline: 0;
  background: 0 0;
  font:
    14px Arial,
    sans-serif;
  color: #333;
}
.jq-number__spin {
  position: absolute;
  top: 0;
  right: 0;
  width: 32px;
  height: 14px;
  border: 1px solid #ccc;
  border-bottom-color: #b3b3b3;
  border-radius: 4px;
  background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#e6e6e6));
  background: -o-linear-gradient(#fff, #e6e6e6);
  background: linear-gradient(#fff, #e6e6e6);
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow:
    inset 1px -1px #f1f1f1,
    inset -1px 0 #f1f1f1,
    0 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow:
    inset 1px -1px #f1f1f1,
    inset -1px 0 #f1f1f1,
    0 1px 2px rgba(0, 0, 0, 0.1);
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  text-shadow: 1px 1px #fff;
  cursor: pointer;
}
.jq-number__spin.minus {
  top: auto;
  bottom: 0;
}
.jq-number__spin:hover {
  background: -webkit-gradient(linear, left top, left bottom, from(#f6f6f6), to(#e6e6e6));
  background: -o-linear-gradient(#f6f6f6, #e6e6e6);
  background: linear-gradient(#f6f6f6, #e6e6e6);
}
.jq-number__spin:active {
  background: #f5f5f5;
  -webkit-box-shadow: inset 1px 1px 3px #ddd;
  box-shadow: inset 1px 1px 3px #ddd;
}
.jq-number__spin:after {
  content: "";
  position: absolute;
  top: 4px;
  left: 11px;
  width: 0;
  height: 0;
  border-right: 5px solid transparent;
  border-bottom: 5px solid #999;
  border-left: 5px solid transparent;
}
.jq-number__spin.minus:after {
  top: 5px;
  border-top: 5px solid #999;
  border-right: 5px solid transparent;
  border-bottom: none;
  border-left: 5px solid transparent;
}
.jq-number__spin.minus:hover:after {
  border-top-color: #000;
}
.jq-number__spin.plus:hover:after {
  border-bottom-color: #000;
}
.jq-number.focused .jq-number__field {
  border: 1px solid #5794bf;
}
.jq-number.disabled .jq-number__field,
.jq-number.disabled .jq-number__spin {
  border-color: #ccc;
  background: #f5f5f5;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #888;
}
.jq-number.disabled .jq-number__spin:after {
  border-bottom-color: #aaa;
}
.jq-number.disabled .jq-number__spin.minus:after {
  border-top-color: #aaa;
}
.jq-selectbox {
  vertical-align: middle;
  cursor: pointer;
}
.jq-selectbox__select {
  height: 32px;
  padding: 0 45px 0 10px;
  border: 1px solid #ccc;
  border-bottom-color: #b3b3b3;
  border-radius: 4px;
  background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#e6e6e6));
  background: -o-linear-gradient(#fff, #e6e6e6);
  background: linear-gradient(#fff, #e6e6e6);
  -webkit-box-shadow:
    inset 1px -1px #f1f1f1,
    inset -1px 0 #f1f1f1,
    0 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow:
    inset 1px -1px #f1f1f1,
    inset -1px 0 #f1f1f1,
    0 1px 2px rgba(0, 0, 0, 0.1);
  font:
    14px/32px Arial,
    sans-serif;
  color: #333;
  text-shadow: 1px 1px #fff;
}
.jq-selectbox__select:hover {
  background: -webkit-gradient(linear, left top, left bottom, from(#f6f6f6), to(#e6e6e6));
  background: -o-linear-gradient(#f6f6f6, #e6e6e6);
  background: linear-gradient(#f6f6f6, #e6e6e6);
}
.jq-selectbox__select:active {
  background: #f5f5f5;
  -webkit-box-shadow: inset 1px 1px 3px #ddd;
  box-shadow: inset 1px 1px 3px #ddd;
}
.jq-selectbox.focused .jq-selectbox__select {
  border: 1px solid #5794bf;
}
.jq-selectbox.disabled .jq-selectbox__select {
  border-color: #ccc;
  background: #f5f5f5;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #888;
}
.jq-selectbox__select-text {
  display: block;
  width: 100%;
}
.jq-selectbox .placeholder {
  color: #888;
}
.jq-selectbox__trigger {
  position: absolute;
  top: 0;
  right: 0;
  width: 34px;
  height: 100%;
  border-left: 1px solid #ccc;
}
.jq-selectbox__trigger-arrow {
  position: absolute;
  top: 14px;
  right: 12px;
  width: 0;
  height: 0;
  border-top: 5px solid #999;
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
}
.jq-selectbox:hover .jq-selectbox__trigger-arrow {
  border-top-color: #000;
}
.jq-selectbox.disabled .jq-selectbox__trigger-arrow {
  border-top-color: #aaa;
}
.jq-selectbox__dropdown {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  margin: 2px 0 0;
  padding: 0;
  border: 1px solid #ccc;
  border-radius: 4px;
  background: #fff;
  -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
  font:
    14px/18px Arial,
    sans-serif;
}
.jq-selectbox__search {
  margin: 5px;
}
.jq-selectbox__search input {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  padding: 5px 27px 6px 8px;
  border: 1px solid #ccc;
  border-radius: 3px;
  outline: 0;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAMCAYAAABiDJ37AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAO1JREFUeNqU078LAXEYx/FzYfNzk5TJaFNKYjFYSQZ/hvwBsvg1UCY2xT9gM8hukQGThWRjkcFw3pdnujhfT736Xn2fPvfc3fd07V0OFDDFAnM0ENYsZRiGLSc9OpqIYIA9fMhhjCrW2h9VlMlcH/aymMGtOqEugX08PwQucUZKdTozMIqdTc9WepQD7wjY9ARx+ydwhfyXfS+S0qMcOEQJGcueB3VccFINdMgal6NzkmPjRwJXxDBB7/2RDdtAp6wb+dpphHDASG5QQ0V6u2aoSqBZD/lDrNWRJynLK2qpBn4rc6K2XB9/Nb8EGABtf1thzY6X2AAAAABJRU5ErkJggg==)
    no-repeat 100% 50%;
  -webkit-box-shadow: inset 1px 1px #f1f1f1;
  box-shadow: inset 1px 1px #f1f1f1;
  color: #333;
}
.jq-selectbox__not-found {
  margin: 5px;
  padding: 5px 8px 6px;
  background: #f0f0f0;
  font-size: 13px;
}
.jq-selectbox ul {
  margin: 0;
  padding: 0;
}
.jq-selectbox li {
  min-height: 18px;
  padding: 5px 10px 6px;
  color: #231f20;
}
.jq-selectbox li.selected {
  background-color: #a3abb1;
  color: #fff;
}
.jq-selectbox li:hover {
  background-color: #08c;
  color: #fff;
}
.jq-selectbox li.disabled {
  color: #aaa;
}
.jq-selectbox li.disabled:hover {
  background: 0 0;
}
.jq-selectbox li.optgroup {
  font-weight: 700;
}
.jq-selectbox li.optgroup:hover {
  background: 0 0;
  color: #231f20;
  cursor: default;
}
.jq-selectbox li.option {
  padding-left: 25px;
}
.jq-select-multiple {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 1px;
  border: 1px solid #ccc;
  border-bottom-color: #b3b3b3;
  border-radius: 4px;
  background: #fff;
  -webkit-box-shadow:
    inset 1px 1px #f1f1f1,
    0 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow:
    inset 1px 1px #f1f1f1,
    0 1px 2px rgba(0, 0, 0, 0.1);
  font:
    14px/18px Arial,
    sans-serif;
  color: #333;
  cursor: default;
}
.jq-select-multiple.focused {
  border: 1px solid #5794bf;
}
.jq-select-multiple.disabled {
  border-color: #ccc;
  background: #f5f5f5;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #888;
}
.jq-select-multiple ul {
  margin: 0;
  padding: 0;
}
.jq-select-multiple li {
  padding: 3px 9px 4px;
  list-style: none;
}
.jq-select-multiple li:first-child {
  border-radius: 3px 3px 0 0;
}
.jq-select-multiple li:last-child {
  border-radius: 0 0 3px 3px;
}
.jq-select-multiple li.selected {
  background: #08c;
  color: #fff;
}
.jq-select-multiple li.disabled {
  color: #aaa;
}
.jq-select-multiple li.optgroup {
  font-weight: 700;
}
.jq-select-multiple li.option {
  padding-left: 25px;
}
.jq-select-multiple li.selected.disabled,
.jq-select-multiple.disabled li.selected {
  background: #ccc;
  color: #fff;
}
input[type="email"].styler,
input[type="password"].styler,
input[type="search"].styler,
input[type="tel"].styler,
input[type="text"].styler,
input[type="url"].styler,
textarea.styler {
  padding: 8px 9px;
  border: 1px solid #ccc;
  border-bottom-color: #b3b3b3;
  border-radius: 4px;
  -webkit-box-shadow:
    inset 1px 1px #f1f1f1,
    0 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow:
    inset 1px 1px #f1f1f1,
    0 1px 2px rgba(0, 0, 0, 0.1);
  font:
    14px Arial,
    sans-serif;
  color: #333;
}
input[type="search"].styler {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
textarea.styler {
  overflow: auto;
}
input[type="email"].styler:hover,
input[type="password"].styler:hover,
input[type="search"].styler:hover,
input[type="tel"].styler:hover,
input[type="text"].styler:hover,
input[type="url"].styler:hover,
textarea.styler:hover {
  border-color: #b3b3b3;
}
input[type="email"].styler:hover:focus,
input[type="password"].styler:hover:focus,
input[type="search"].styler:hover:focus,
input[type="tel"].styler:hover:focus,
input[type="text"].styler:hover:focus,
input[type="url"].styler:hover:focus,
textarea.styler:hover:focus {
  border-color: #ccc;
  border-top-color: #b3b3b3;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
}
button.styler,
input[type="button"].styler,
input[type="reset"].styler,
input[type="submit"].styler {
  overflow: visible;
  padding: 8px 11px;
  border: 1px solid #ccc;
  border-bottom-color: #b3b3b3;
  border-radius: 4px;
  outline: 0;
  background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#e6e6e6));
  background: -o-linear-gradient(#fff, #e6e6e6);
  background: linear-gradient(#fff, #e6e6e6);
  -webkit-box-shadow:
    inset 1px -1px #f1f1f1,
    inset -1px 0 #f1f1f1,
    0 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow:
    inset 1px -1px #f1f1f1,
    inset -1px 0 #f1f1f1,
    0 1px 2px rgba(0, 0, 0, 0.1);
  font:
    14px Arial,
    sans-serif;
  color: #333;
  text-shadow: 1px 1px #fff;
  cursor: pointer;
}
button.styler.styler::-moz-focus-inner,
input[type="button"].styler.styler::-moz-focus-inner,
input[type="reset"].styler.styler::-moz-focus-inner,
input[type="submit"].styler.styler::-moz-focus-inner {
  padding: 0;
  border: 0;
}
button.styler:not([disabled]):hover,
input[type="button"].styler:not([disabled]):hover,
input[type="reset"].styler:hover,
input[type="reset"].styler:not([disabled]):hover,
input[type="submit"].styler:not([disabled]):hover {
  background: -webkit-gradient(linear, left top, left bottom, from(#f6f6f6), to(#e6e6e6));
  background: -o-linear-gradient(#f6f6f6, #e6e6e6);
  background: linear-gradient(#f6f6f6, #e6e6e6);
}
button.styler:active,
input[type="button"].styler:active,
input[type="reset"].styler:active,
input[type="submit"].styler:active {
  background: #f5f5f5;
  -webkit-box-shadow: inset 1px 1px 3px #ddd;
  box-shadow: inset 1px 1px 3px #ddd;
}
button.styler[disabled],
input[type="button"].styler[disabled],
input[type="submit"].styler[disabled] {
  border-color: #ccc;
  background: #f5f5f5;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #888;
}
.slick-slider {
  position: relative;
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}
.slick-list {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0;
}
.slick-list:focus {
  outline: 0;
}
.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}
.slick-slider .slick-list,
.slick-slider .slick-track {
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.slick-track:after,
.slick-track:before {
  display: table;
  content: "";
}
.slick-track:after {
  clear: both;
}
.slick-loading .slick-track {
  visibility: hidden;
}
.slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px;
}
[dir="rtl"] .slick-slide {
  float: right;
}
.slick-slide img {
  display: block;
}
.slick-slide.slick-loading img {
  display: none;
}
.slick-slide.dragging img {
  pointer-events: none;
}
.slick-initialized .slick-slide {
  display: block;
}
.slick-loading .slick-slide {
  visibility: hidden;
}
.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
  display: none;
}

html {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  scroll-behavior: smooth;
  -webkit-text-size-adjust: 100%;
}
*,
:after,
:before {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
}
*,
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  padding: 0;
}
a,
a:active,
a:hover {
  color: inherit;
  text-decoration: none;
  -webkit-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
body {
  background-color: #f5f5f5;
  font-family: "Raleway", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 120%;
  color: #11253d;
  position: relative;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  height: 100vh;
}
body._lock {
  overflow: hidden;
}
.snowfall-canvas {
  pointer-events: none;
}
section {
  position: relative;
}
li,
ul {
  list-style: none;
}
.container {
  margin: 0 auto;
  max-width: 1272px;
  padding: 0 15px;
  position: relative;
  width: 100%;
}
button,
select {
  text-transform: none;
}
[type="button"],
[type="reset"],
[type="submit"],
button {
  -webkit-appearance: button;
}
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner,
button::-moz-focus-inner {
  border-style: none;
  padding: 0;
}
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring,
button:-moz-focusring {
  outline: 1px dotted ButtonText;
}
[type="checkbox"],
[type="radio"] {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
}
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
[type="search"] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}
.hidden,
[hidden] {
  display: none !important;
}
details {
  display: block;
}
summary {
  display: list-item;
}
picture {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
img {
  border-style: none;
}
.wrapper {
  min-height: 100vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.main-body,
main {
  -webkit-box-flex: 1;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
form.hidden {
  display: none;
}
input,
textarea {
  background: 0 0;
  border: none;
  display: block;
  outline: 0;
}
input[type="radio"] {
  width: auto;
}
input[disabled],
input[disabled] + label {
  cursor: default;
}
textarea {
  resize: vertical;
  min-height: 160px;
}
sup {
  top: 0;
  vertical-align: sub;
}
.announcements__btn,
.btn {
  background: 0 0;
  border: none;
  cursor: pointer;
  outline: 0;
  position: relative;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  z-index: 1;
}
.btn {
  display: inline-block;
  text-align: center;
  color: #fff;
  font-size: 16px;
  font-weight: 500;
  border-radius: 4px;
  background: #ff0040;
  border: 0;
  padding: 0 10px 0 9px;
  height: 44px;
  line-height: 44px;
}
.btn:hover {
  color: #fff;
  background: #ff0040;
  opacity: 0.8;
}
.btn._transp {
  height: 40px;
  line-height: 40px;
  background-color: transparent;
  border: 1px solid #e5e5e5;
  color: #000;
  min-width: 100px;
}
.btn._btn-check {
  background: #1d5cff;
  line-height: 24px;
  width: 200px;
  height: 48px;
  line-height: 48px;
  padding: 0 20px;
}
.btn.accent {
  background: #81a4ff;
  color: #fff;
  padding: 0 18px;
}
.btn._icon {
  position: relative;
  padding-left: 34px;
}
.btn._icon::before {
  content: "";
  position: absolute;
  height: 30px;
  width: 30px;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
}
.btn._icon._archived::before {
  background: url(../images/icons/archived.svg);
}
.btn._icon svg {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 0;
  width: 30px;
  height: 30px;
}
.btn._icon svg path {
  fill: #fff;
}
.bb_btn {
  height: 40px;
  width: 40px;
  min-width: 40px !important;
  padding: 4px;
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-size: 80% !important;
}
.empt {
  border: 1px solid #ff0040 !important;
}
.logo {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.logo__link {
  display: inherit;
}
.logo__img {
  height: auto;
  width: 52px;
}
.logo__img._dark {
  display: none;
}
.logo img._dark {
  display: none;
}
.rub {
  font-family: "PT Serif", serif;
}
.modal {
  background-color: #0c0c0c;
  border-radius: 3px;
  -webkit-box-shadow: 0 0 10px 2px #7d7d7d;
  box-shadow: 0 0 10px 2px #7d7d7d;
  display: none;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  position: fixed;
  z-index: 3000;
}
.modal__inner {
  height: 100%;
  min-height: 200px;
  min-width: 310px;
  padding: 6px 20px 20px;
  position: relative;
  width: 100%;
}
.modal__title {
  color: #11253d;
  font-size: 30px;
  margin-bottom: 10px;
  padding-right: 14px;
}
.modal__info {
  color: #d81818;
  display: none;
  font-weight: 600;
  padding: 6px;
  text-align: center;
}
.modal__close {
  background: 0 0;
  border: none;
  border-radius: 0;
  cursor: pointer;
  outline: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.modal__close-icon {
  height: 40px;
  padding: 10px;
  width: 40px;
}
.modal__body {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: start;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column;
  flex-flow: column;
}
.modal__input {
  color: #000;
  font-family: sans-serif;
  font-weight: 400;
  margin: 0 auto 10px;
  max-width: 300px;
  outline: 0;
  padding: 6px;
  width: 100%;
}
.modal__input::-webkit-input-placeholder {
  color: tColor !important;
  font-weight: 400 !important;
}
.modal__input::-moz-placeholder {
  color: tColor !important;
  font-weight: 400 !important;
}
.modal__input:-ms-input-placeholder {
  color: tColor !important;
  font-weight: 400 !important;
}
.modal__input::-ms-input-placeholder {
  color: tColor !important;
  font-weight: 400 !important;
}
.modal__input::placeholder {
  color: tColor !important;
  font-weight: 400 !important;
}
.modal__buttons {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%;
}
.modal__btn {
  background: 0 0;
  border: none;
  border-radius: 0;
  cursor: pointer;
  font-family: Vikont;
  color: #fff;
  font-size: 28px;
  outline: 0;
  text-shadow: 0 0 14px #11253d;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.modal__btn:hover {
  color: #11253d;
}
.modal__vk {
  border-radius: 6px;
  height: 40px;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  width: 40px;
}
.modal__vk:hover {
  -webkit-box-shadow: 0 0 10px 2px #11253d;
  box-shadow: 0 0 10px 2px #11253d;
}
.overlay {
  background-color: #333;
  bottom: 0;
  display: none;
  left: 0;
  opacity: 0.8;
  overflow: hidden;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 10;
}
.overlay._active {
  display: block;
}
.menu {
  width: 100%;
  line-height: 50px;
  display: table;
  font-size: 19px;
  font-weight: 600;
}
.menu__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: start;
  width: 100%;
  line-height: 50px;
  font-size: 19px;
  font-weight: 600;
}
.menu__list-item {
  text-align: center;
  margin-right: 40px;
}
.menu__list-item:last-child {
  margin-right: 0;
}
.menu__list-link {
  display: block;
  white-space: nowrap;
}
.menu-icon {
  display: none;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border: 1.5px solid #ff0040;
  border-radius: 4px;
  height: 40px;
  width: 40px;
  padding: 12px 9px;
  z-index: 15;
  cursor: pointer;
  outline: 0;
  margin-left: 10px;
}
.menu-icon__btn {
  height: 14px;
  width: 100%;
  position: relative;
}
.menu-icon__btn span,
.menu-icon__btn::after,
.menu-icon__btn::before {
  position: absolute;
  height: 2px;
  width: 100%;
  left: 0;
  background: #ff0040;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.menu-icon__btn::after,
.menu-icon__btn::before {
  content: "";
}
.menu-icon__btn::before {
  top: 0;
}
.menu-icon__btn::after {
  bottom: 0;
}
.menu-icon__btn span {
  top: 50%;
  -webkit-transform: scale(1) translate(0, -50%);
  -ms-transform: scale(1) translate(0, -50%);
  transform: scale(1) translate(0, -50%);
}
.menu-body {
  display: none;
}
.menu-icon._active {
  background: #ff0040;
  color: #fff;
}
.menu-icon._active .menu-icon__btn span,
.menu-icon._active .menu-icon__btn::after,
.menu-icon._active .menu-icon__btn::before {
  background: #fff;
  top: 50%;
}
.menu-icon._active .menu-icon__btn span {
  -webkit-transform: translate(0, -50%) scale(0);
  -ms-transform: translate(0, -50%) scale(0);
  transform: translate(0, -50%) scale(0);
}
.menu-icon._active .menu-icon__btn::before {
  -webkit-transform: translate(0, -50%) rotate(45deg);
  -ms-transform: translate(0, -50%) rotate(45deg);
  transform: translate(0, -50%) rotate(45deg);
}
.menu-icon._active .menu-icon__btn::after {
  -webkit-transform: translate(0, -50%) rotate(-45deg);
  -ms-transform: translate(0, -50%) rotate(-45deg);
  transform: translate(0, -50%) rotate(-45deg);
}
.title {
  font-size: 28px;
  line-height: 120%;
  font-weight: 500;
}
._mb {
  margin-bottom: 10px;
}
.toggle {
  cursor: pointer;
  position: relative;
}
.toggle-item._show .toggle::after {
  -webkit-transform: translateY(-50%) rotate(0);
  -ms-transform: translateY(-50%) rotate(0);
  transform: translateY(-50%) rotate(0);
}
.toggle::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%) rotate(180deg);
  -ms-transform: translateY(-50%) rotate(180deg);
  transform: translateY(-50%) rotate(180deg);
  background: url(../images/icons/arrows.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  height: 10px;
  width: 20px;
  -webkit-transition: -webkit-transform 0.25s ease;
  transition: -webkit-transform 0.25s ease;
  -o-transition: transform 0.25s ease;
  transition: transform 0.25s ease;
  transition:
    transform 0.25s ease,
    -webkit-transform 0.25s ease;
}
.toggle-content {
  -webkit-transition: height 0.25s ease;
  -o-transition: height 0.25s ease;
  transition: height 0.25s ease;
  overflow: hidden;
  padding-bottom: 40px;
}
.toggle-item:not(._show) .toggle-content {
  display: none;
}
.toggle-content {
  position: relative;
}
.input {
  border: 1px solid #cfd3d8;
  border-radius: 4px;
  height: 44px;
  font-size: 15px;
  color: #000;
  line-height: 18px;
  padding: 12px 10px 12px 20px;
  width: 100%;
  max-width: 360px;
  display: inline-block;
}
.input-block {
  display: block;
  padding: 20px;
  border: 1px solid #e5e5e5;
  border-radius: 4px;
  max-width: 800px;
  -webkit-box-shadow: 0 7px 25px rgba(0, 0, 0, 0.08);
  box-shadow: 0 7px 25px rgba(0, 0, 0, 0.08);
}
.input-body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: start;
  grid-gap: 40px;
}
.input-item {
  margin: 20px 0 40px;
  position: relative;
  width: 100%;
}
.input-item._w50 {
  width: 50%;
}
.input-item.hidden {
  display: none;
}
.input-item_row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: start;
  grid-gap: 12px;
  margin-bottom: 8px;
}
.input-label {
  font-weight: 600;
  left: 0;
  opacity: 0.8;
  position: absolute;
  top: -20px;
  color: #212121;
}
.input-image {
  cursor: pointer;
  max-height: 140px;
  max-width: 300px;
  height: 100%;
  width: auto;
  -o-object-fit: contain;
  object-fit: contain;
  -o-object-position: center;
  object-position: center;
  border-radius: 10px;
  overflow: hidden;
}
.input._textarea {
  min-height: 88px;
}
.input.error {
  border: 1px solid #ff0040;
}
.checkbox {
  margin-bottom: 12px;
  padding: 4px 0;
}
.checkbox:last-child {
  margin-bottom: 0;
}
.checkbox__input {
  display: none;
}
.checkbox__input:checked + label:before {
  background: url(../images/icons/check.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
.checkbox__label {
  cursor: pointer;
  position: relative;
  padding-left: 34px;
}
.checkbox__label::before {
  content: "";
  position: absolute;
  background: url(../images/icons/notchecked.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  height: 20px;
  width: 20px;
  top: 0;
  left: 0;
}
.form-image {
  position: relative;
}
.form-image__preview {
  height: auto;
  width: auto;
}
.form-image__img,
.form-image__img-file,
.form-image__img-show {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  cursor: pointer;
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.form-image__input {
  display: none;
}
.navigation {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  background-color: #fff;
  padding: 22px 11px;
  width: 60px;
  z-index: 11;
  -webkit-transition: width 0.3s ease;
  -o-transition: width 0.3s ease;
  transition: width 0.3s ease;
}
.navigation__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: start;
  overflow: hidden;
  height: 100%;
  padding-top: 130px;
}
.navigation__arrow {
  cursor: pointer;
  height: 24px;
  width: 24px;
  position: absolute;
  top: 160px;
  right: -12px;
  z-index: 12;
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  -o-transition: transform 0.3s ease;
  transition: transform 0.3s ease;
  transition:
    transform 0.3s ease,
    -webkit-transform 0.3s ease;
}
.navigation__arrow-img {
  height: 100%;
  width: 100%;
}
.navigation._active,
.navigation:hover {
  width: 300px;
}
.navigation._active .navigation__arrow,
.navigation:hover .navigation__arrow {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
.navigation__logo {
  margin-bottom: 16px;
}
.navigation__list-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 14px;
  line-height: 100%;
  font-weight: 500;
  white-space: nowrap;
  -webkit-transition: background-color 0.3s ease;
  -o-transition: background-color 0.3s ease;
  transition: background-color 0.3s ease;
  position: relative;
}
.navigation__list-link:hover {
  background-color: #f5f5f5;
}
.navigation__list-link span {
  display: block;
}
.navigation__list-link_subtitle {
  font-size: 10px;
  line-height: 100%;
}
.navigation__list-img {
  margin-right: 12px;
  height: 38px;
  width: 38px;
  -o-object-fit: cover;
  object-fit: cover;
}
.navigation__list-img._profile {
  border-radius: 50%;
  padding: 6px;
}
.navigation__list-progress {
  position: relative;
}
.navigation__list-progress span {
  content: "";
  position: absolute;
  background: #ff0040;
  left: 0;
  bottom: -4px;
  height: 1px;
  width: 5%;
}
.navigation__indent {
  margin: 8px -11px 8px -11px;
  height: 1px;
  width: auto;
  background-color: #c4c4c4;
}
.navigation__contacts {
  margin-top: auto;
}
.edit-block._active ._edit-input {
  display: block;
  z-index: 9;
  height: 100%;
  width: 100%;
}
.edit-block._active ._edit-el {
  display: block;
}
.edit-block ._edit-input {
  display: none;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #fff;
  padding: 0 8px;
  height: 38px;
  border-radius: 4px;
  border: 1px solid #e5e5e5;
}
.edit-block .attended__btn {
  position: absolute;
  z-index: 10;
  display: none;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.edit-block ._edit-el {
  display: none;
}
.payments__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 8px;
  line-height: 48px;
}
.payments__item.false .payments__check::before {
  background: url(../images/icons/warning-icon.svg);
}
.payments__item.false .payments__sum {
  color: #ff0040;
}
.payments__input .input-item {
  margin: 20px 0;
}
.payments__check {
  color: #a0a8b1;
  max-width: 320px;
  position: relative;
  padding-left: 34px;
  width: 100% !important;
  margin-bottom: 2px;
  margin-right: 10px;
}
.payments__check::before {
  content: "";
  position: absolute;
  background: url(../images/icons/check.svg);
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-size: contain !important;
  height: 20px;
  width: 20px;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.payments__text {
  padding-right: 20px;
  width: 100%;
}
.payments__sum {
  width: auto;
  color: #2e865c;
  font-weight: 500;
  text-align: right;
}
.payments__select {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: start;
  width: 100%;
}
.jq-selectbox__select {
  height: 44px;
  line-height: 44px;
  font-size: 16px !important;
  border-radius: 4px;
  font-weight: 500;
  padding: 0 34px 0 10px;
  background: 0 0;
  background-color: transparent;
  border: 1px solid #e5e5e5;
  margin-right: 8px;
  outline: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.jq-selectbox__select:hover {
  background: 0 0;
}
.jq-selectbox__trigger {
  position: absolute;
  top: 0;
  right: 0;
  width: 34px;
  height: 100%;
  border: none;
}
.jq-selectbox__trigger-arrow {
  position: absolute;
  top: 20px;
  right: 12px;
  width: 0;
  height: 0;
  border-top: 5px solid #999;
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
}
.jq-selectbox__dropdown .disabled {
  display: none;
}
[data-tooltip] {
  position: relative;
}
[data-tooltip]::after {
  content: attr(data-tooltip);
  position: absolute;
  border-radius: 4px;
  width: auto;
  left: 0;
  top: 0;
  background: #81a4ff;
  color: #fff;
  line-height: 120%;
  padding: 8px;
  -webkit-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3);
  box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3);
  pointer-events: none;
  opacity: 0;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  z-index: 1;
}
[data-tooltip]:hover::after {
  opacity: 1;
  top: 2em;
}
.header {
  background-color: #fff;
  margin-bottom: 20px;
}
.header__top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin: 22px 0;
}
.header__contacts {
  font-size: 14px;
  line-height: 110%;
  font-weight: 600;
  font-family: pnova-sbold, sans-serif;
  margin-right: 54px;
  margin-left: auto;
}
.header__profile-name {
  width: 100%;
  font-weight: 700;
  font-family: pnova-bold, sans-serif;
}
.header__profile-user {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%;
  max-width: 220px;
  overflow-x: hidden;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  cursor: pointer;
}
.header__profile-img {
  height: 34px;
  width: 34px;
  -o-object-fit: cover;
  object-fit: cover;
  display: block;
  margin-right: 16px;
  border-radius: 50%;
}
.header__promotional {
  margin-bottom: 20px;
}
.header__promotional-link {
  display: block;
  text-align: center;
}
.loading {
  display: none;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 300;
  background-color: rgba(0, 0, 0, 0.4);
}
.loading img {
  position: absolute;
  top: 50%;
  left: 50%;
  height: 40px;
  width: 40px;
  z-index: 301;
}
.loading.active {
  display: block;
}
.section {
  margin-top: 40px;
}
.section__area {
  position: relative;
  padding-bottom: 40px;
}
.section__title {
  font-size: 24px;
  line-height: 120%;
  font-weight: 500;
  font-family: PTRootUI-Medium, sans-serif;
  margin-bottom: 8px;
}
.section__block {
  background-color: #fff;
  padding: 0 40px;
  border-radius: 10px;
  margin-bottom: 24px;
  position: relative;
}
.section__block-title {
  font-size: 32px;
  line-height: 120%;
  font-weight: 500;
  font-family: PTRootUI-Medium, sans-serif;
  color: #000;
  padding: 40px 0;
}
.section__block-title._edit-btn {
  position: relative;
  padding-right: 32px;
  display: inline-block;
}
.section__block-title_button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: start;
  gap: 40px;
  clear: both;
}
.section__block-title_link {
  position: relative;
  font-size: 16px;
  padding: 0 6px 0 32px;
  display: inline-block;
  height: 34px;
  line-height: 34px;
  font-weight: 500;
  font-family: PTRootUI-Medium, sans-serif;
  z-index: 2;
}
.section__block-title_link:hover.section__block-title_link::before {
  width: 100%;
}
.section__block-title_link::after,
.section__block-title_link::before {
  content: "";
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.section__block-title_link::before {
  height: 100%;
  width: 28px;
  background-color: #cfd3d8;
  border-radius: 10px;
  left: 0;
  z-index: -1;
}
.section__block-title_link::after {
  background: url(../images/icons/arrows.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 10px;
  width: 10px;
  z-index: 1;
  left: 9px;
  -webkit-transform: rotate(-90deg) translateX(50%);
  -ms-transform: rotate(-90deg) translateX(50%);
  transform: rotate(-90deg) translateX(50%);
}
.section__block-subtitle {
  display: block;
  font-size: 22px;
  line-height: 120%;
  font-weight: 500;
  font-family: PTRootUI-Medium, sans-serif;
  color: #000;
  padding: 10px 0;
  position: relative;
}
.section__block-subtitle ._tab {
  position: absolute;
  background-color: #fff;
  height: 28px;
  width: 20px;
  overflow: hidden;
  bottom: -1px;
  right: -20px;
  z-index: 1;
}
.section__block-subtitle ._tab::before {
  position: absolute;
  content: "";
  display: block;
  height: 200%;
  width: 200%;
  right: -100%;
  border-radius: 100%;
  bottom: 0;
  border: solid 1px #f1f1f1;
  z-index: 2;
  background-color: transparent;
}
.section__block-subtitle.teacher-tabs__subtitle {
  width: 308px;
  z-index: 1;
}
.section__block-text {
  margin-bottom: 4px;
}
.section__block-check {
  position: relative;
  padding-left: 34px;
  width: 300px;
  margin-bottom: 2px;
}
.section__block-check::before {
  content: "";
  position: absolute;
  background: url(../images/icons/check.svg);
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-size: contain !important;
  height: 20px;
  width: 20px;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.section__block-check._notchecked::before {
  background: url(../images/icons/notchecked.svg);
}
.section__block-tabs_items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: start;
  grid-gap: 20px;
}
.section__block-tabs_block {
  display: none;
  position: relative;
}
.section__block-tabs_block:target {
  display: block;
}
.section__block-tabs_block._schedule::before {
  content: "";
  position: absolute;
  height: 2px;
  width: 200px;
  background-color: #81a4ff;
  top: -23px;
  left: -20px;
}
.section__block-tabs_block._schedule.oth::before {
  left: 292px;
}
.section__block-tabs_block:target::after {
  content: "";
  position: absolute;
  height: 1px;
  width: 328px;
  background-color: #f5f5f5;
  top: 0;
  left: 328px;
  z-index: 3;
}
.section__block-tabs_block.th:target::after {
  left: 0;
}
.section__block-tabs_block.teacher-tabs__block:target::after {
  width: 328px;
}
.section__block-tabs_items .section__block-subtitle {
  padding: 10px;
  border: solid 1px #f1f1f1;
  border-bottom: solid 1px #fff;
  margin-bottom: -1px;
  border-radius: 8px 20px 0 0;
}
.section__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: start;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: start;
  grid-gap: 20px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.section__list-images {
  min-height: 136px;
  min-width: 100%;
}
.section__list-item {
  position: relative;
  max-width: 306px;
}
.section__list-item-images {
  position: relative;
  margin-bottom: 10px;
}
.section__list-item-images_icon {
  position: absolute;
  bottom: -20px;
  right: 13px;
  height: 40px;
  width: 40px;
  padding: 6px;
  background-color: #fff;
  border: 0.5px solid #cfd3d8;
  border-radius: 4px;
  z-index: 1;
}
.section__list-item-images_icon img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
}
.section__list-img {
  border-radius: 4px;
  height: auto;
  width: 100%;
  max-height: 136px;
  -o-object-fit: cover;
  object-fit: cover;
}
.section__list-title {
  font-size: 16px;
  line-height: 130%;
  font-weight: 500;
  margin-bottom: 4px;
  position: relative;
  max-width: 233px;
}
.section__list-subtitle {
  font-size: 12px;
  line-height: 130%;
  color: #707c8b;
}
.section__text {
  margin-bottom: 12px;
}
.section__navpage {
  margin: 0 auto;
  padding: 10px;
}
.section__navpage-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: start;
  grid-gap: 30px;
}
.section__navpage-arrow {
  display: block;
  height: 30px;
  width: 30px;
  padding: 8px;
  -webkit-box-shadow: 0 0 4px 2px #e5e5e5;
  box-shadow: 0 0 4px 2px #e5e5e5;
  border-radius: 50%;
  position: relative;
}
.section__navpage-arrow img {
  position: absolute;
  top: 50%;
  left: 50%;
  height: 14px;
  width: 14px;
  -webkit-transform: translate(-50%, -56%);
  -ms-transform: translate(-50%, -56%);
  transform: translate(-50%, -56%);
}
.section__navpage-arrow._prev {
  -webkit-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
}
.section__navpage-arrow._next {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
.section__navpage-arrow._dis {
  display: none;
}
.section__navpage-arrow:hover {
  -webkit-box-shadow: 0 0 4px 2px #a1bbff;
  box-shadow: 0 0 4px 2px #a1bbff;
}
.section__navpage-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  grid-gap: 16px;
}
.section__navpage-item._dis {
  display: none;
}
.section__navpage-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 30px;
  width: 30px;
  border-radius: 50%;
  -webkit-box-shadow: 0 0 4px 2px #e5e5e5;
  box-shadow: 0 0 4px 2px #e5e5e5;
  font-size: 18px;
}
.section__navpage-link.active,
.section__navpage-link:hover {
  -webkit-box-shadow: 0 0 4px 2px #a1bbff;
  box-shadow: 0 0 4px 2px #a1bbff;
}
.section__mb {
  margin-bottom: 20px;
}
.section__grid {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr) [4];
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 20px;
}
.section__grid-item {
  position: relative;
  max-width: 275px;
}
.announcements-block {
  margin-left: -20px;
  margin-right: -20px;
  padding: 0 20px 40px;
}
.announcements-block .media-slider-prev {
  left: -8px;
}
.announcements-block .media-slider-next {
  right: -8px;
}
.announcements-block__title {
  font-size: 18px;
  line-height: 130%;
  font-weight: 500;
  margin-bottom: 8px;
}
.announcements-block._detailed {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 50% 25%;
  grid-template-columns: 50% 25%;
  grid-gap: 20px;
}
.announcements-block._detailed .announcements-block__left {
  height: 272px;
  width: 100%;
  overflow: hidden;
  background: #c4c4c4;
  border-radius: 10.084px;
}
.announcements-block._detailed .announcements-block__right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: start;
}
.announcements-block._detailed .announcements-block__btn {
  background: #ff0040;
  color: #fff;
  border-radius: 4;
  margin-top: auto;
  width: 100%;
}
.announcements-block._small {
  color: #fff;
  background: #81a4ff;
  border-radius: 10px;
  padding: 20px;
  width: 50%;
}
.announcements-block._small .announcements-block__title {
  margin-bottom: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: start;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.announcements-block._small .announcements-block__title span {
  color: #000;
  font-size: 10px;
  line-height: 130%;
  font-weight: 400;
  padding: 4px;
  background-color: #fff;
  border-radius: 4px;
}
.announcements-block._small .announcements-block__text {
  margin-bottom: 16px;
}
.announcements-block._small .announcements-block__btn {
  width: 196px;
}
.announcements-block__img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
}
.announcements-block__content {
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  min-height: 180px;
  max-height: 180px;
}
.announcements-block__date {
  font-size: 14px;
  margin: 8px 4px;
}
.announcements-block__list {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
  grid-gap: 16px;
}
.discounts-slider__item-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: start;
  min-height: 486px;
}
.discounts-slider__img {
  height: 272px;
  width: 100%;
  background: #c4c4c4;
  border-radius: 10px;
  margin-bottom: 12px;
  cursor: -webkit-grab;
  cursor: grab;
}
.discounts-slider__img img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
}
.discounts-slider__text {
  margin-bottom: 12px;
  max-height: 74px;
  overflow: hidden;
}
.discounts-slider__btn {
  margin-top: auto;
}
.table-group {
  display: inline-block;
  padding: 20px;
  border: 1px solid #e5e5e5;
  border-radius: 4px;
}
.table-group__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: start;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: start;
  grid-gap: 10px;
}
.table-group__list-item {
  display: block;
  font-size: 16px;
  line-height: 130%;
  font-weight: 500;
  margin-bottom: 10px;
  padding: 10px;
  border: 1px solid #e5e5e5;
  border-radius: 4px;
  width: 200px;
}
.table-group__list-item:last-child {
  margin-bottom: 0;
}
.table-group__info-item {
  font-size: 16px;
  line-height: 130%;
  font-weight: 500;
  margin-bottom: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: start;
}
.table-group__info-item_span {
  display: block;
  border: 1px solid #e5e5e5;
  border-radius: 4px;
  padding: 10px;
  min-width: 50px;
  text-align: center;
  margin-right: 10px;
}
.table-group__info-item_span._active {
  background: #81a4ff;
  color: #fff;
}
.table-group__info-item_span._w2 {
  min-width: 110px;
}
.table-group__info-item_span._w3 {
  min-width: 172px;
}
.table-group__info-item_span._w4 {
  min-width: 230px;
}
.table-group__info-item_span._w5 {
  min-width: 290px;
}
.table-group__info-item_span._w6 {
  min-width: 350px;
}
.table-group__info-item_span._w7 {
  min-width: 410px;
}
.table-group__info-item_span:last-child {
  margin-right: 0;
}
.table-group__info-item_span.btn {
  padding: 0;
}
.table-group__info-item:last-child {
  margin-bottom: 0;
}
.table-list {
  display: inline-block;
  padding: 20px;
  border: 1px solid #f5f5f5;
  border-radius: 4px;
}
.table-list__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: start;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: start;
  grid-gap: 10px;
}
.table-list__items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: start;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: start;
  grid-gap: 10px;
}
.table-list__items._current .table-list__item,
.table-list__items:not(:first-child):not(._titles):hover .table-list__item {
  background-color: #81a4ff;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  color: #fff;
}
.table-list__items._last * {
  color: #c4c4c4;
}
.table-list__items._titles .table-list__item {
  background-color: #f5f5f5;
}
.table-list__item {
  color: #000;
  border: 1px solid #e5e5e5;
  border-radius: 4px;
  display: list-item;
  list-style: none;
  line-height: 130%;
  padding: 10px;
  min-width: 80px;
  max-width: 200px;
  overflow: hidden;
  white-space: nowrap;
  position: relative;
  height: 42px;
}
.table-list__item-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  grid-gap: 10px;
}
.table-list__item.arrow {
  border-radius: 50%;
  min-width: 42px;
  text-align: center;
  border: none;
}
.table-list__item.arrow ._prev {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
.table-list__item code {
  font-size: 12px;
  color: #c4c4c4;
}
.table-list__item._title {
  font-weight: 500;
  border: none;
  color: #000 !important;
  overflow: visible;
}
.table-list__item._mnw42 {
  min-width: 42px;
}
.table-list__item._mnw42.mx {
  max-width: 42px;
}
.table-list__item._mnw64 {
  min-width: 64px;
}
.table-list__item._mnw64.mx {
  max-width: 64px;
}
.table-list__item._mnw100 {
  min-width: 100px;
}
.table-list__item._mnw150 {
  min-width: 150px;
}
.table-list__item._mnw170 {
  min-width: 170px;
}
.table-list__item._mnw200 {
  min-width: 200px;
}
.table-list__item._mnw300 {
  min-width: 300px;
}
.table-list__item._text {
  min-width: auto;
  max-width: 100%;
}
.table-list__item._bornn {
  border: none;
  text-align: center;
}
.table-list__item._bornn._type {
  text-align: center !important;
  color: #fff;
}
.table-list__item .edit-btn,
.table-list__item .rem_group {
  position: absolute;
  top: 50%;
  right: 10px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  height: 24px;
  width: 24px;
  display: block;
  z-index: 1;
}
.table-list__item .edit-btn img,
.table-list__item .rem_group img {
  height: 100%;
  width: 100%;
}
.table-list__hr {
  height: 2px;
  width: 100%;
  background-color: #f5f5f5;
  border-radius: 20px;
}
.table-list._tab-list {
  border-radius: 0 4px 4px 4px;
}
.table-list .student_hours {
  text-align: center;
  max-width: 50px;
  min-width: 50px;
}
._status {
  position: relative;
  padding-left: 26px;
}
._status::before {
  content: "";
  position: absolute;
  height: 16px;
  width: 16px;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  border-radius: 50%;
  background-color: #2e865c;
  border: 2px solid #fff;
}
._status._off::before {
  background-color: #ff0040;
}
.attendance-list.table-list__items:hover .table-list__item:not(.checked) {
  background-color: transparent;
  color: #000;
}
.attendance-list.table-list__items:hover .table-list__item:not(.checked):hover {
  background-color: #81a4ff;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  color: #fff;
}
.attendance-list:hover {
  background-color: #f5f5f5;
}
.attendance-list__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  grid-gap: 10px;
  overflow: hidden;
  width: 100%;
}
.attendance-list__inner-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  grid-gap: 10px;
}
.attendance-list__inner-block._list {
  overflow: auto;
}
.attendance-list__items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: start;
  grid-gap: 10px;
}
.attendance-list__items span {
  text-align: center;
  padding: 10px 0;
}
.attendance-list__items input {
  max-width: 42px;
  text-align: center;
}
.attendance-list__check {
  cursor: pointer;
  text-align: center;
}
.attendance-list__check.checked {
  background-color: #81a4ff;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  color: #fff;
}
.attendance-list__btn {
  display: none;
}
.attendance-list__btn._apply {
  display: block;
}
.notifications {
  position: fixed;
  bottom: 0;
  right: 10px;
  width: 450px;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  opacity: 0.85;
  z-index: 400;
}
.notifications__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 18px;
  line-height: 24px;
  padding: 20px;
  min-height: 80px;
  border-radius: 10px;
  cursor: pointer;
  position: relative;
  background: #81a4ff;
  color: #fff !important;
  margin: 5px 0;
  opacity: 0;
  left: 20px;
  -webkit-animation: showNotification 0.5s ease-in-out forwards;
  animation: showNotification 0.5s ease-in-out forwards;
  -webkit-transition: opacity 0.5s ease;
  -o-transition: opacity 0.5s ease;
  transition: opacity 0.5s ease;
  width: 100%;
  -webkit-box-shadow: 2px 2px 4px 2px rgba(0, 0, 0, 0.4);
  box-shadow: 2px 2px 4px 2px rgba(0, 0, 0, 0.4);
  overflow-x: hidden;
}
.notifications__item.closed {
  -webkit-animation: hideNotification 0.3s ease-in-out forwards;
  animation: hideNotification 0.3s ease-in-out forwards;
  opacity: 1;
}
.notifications__item.gg {
  background:
    -o-linear-gradient(top, rgba(124, 223, 176, 0.5) -0.12%, rgba(0, 220, 114, 0.5) 99.88%),
    -o-linear-gradient(357.24deg, #aaa7a7 -0.01%, #3f3c3c 99.74%);
  background: linear-gradient(180deg, rgba(124, 223, 176, 0.5) -0.12%, rgba(0, 220, 114, 0.5) 99.88%),
    linear-gradient(92.76deg, #aaa7a7 -0.01%, #3f3c3c 99.74%);
}
.notifications__item.warning {
  background:
    -o-linear-gradient(top, rgba(124, 175, 223, 0.5) -0.12%, rgba(0, 167, 220, 0.5) 99.88%),
    -o-linear-gradient(357.24deg, #7057d1 -0.01%, #352557 99.74%);
  background: linear-gradient(180deg, rgba(124, 175, 223, 0.5) -0.12%, rgba(0, 167, 220, 0.5) 99.88%),
    linear-gradient(92.76deg, #7057d1 -0.01%, #352557 99.74%);
}
.notifications__item.error {
  background:
    -o-linear-gradient(top, rgba(223, 124, 124, 0.5) -0.12%, rgba(220, 0, 0, 0.5) 99.88%),
    -o-linear-gradient(357.24deg, #d15757 -0.01%, #572525 99.74%);
  background: linear-gradient(180deg, rgba(223, 124, 124, 0.5) -0.12%, rgba(220, 0, 0, 0.5) 99.88%),
    linear-gradient(92.76deg, #d15757 -0.01%, #572525 99.74%);
}
@-webkit-keyframes showNotification {
  to {
    opacity: 1;
    left: 0;
  }
}
@keyframes showNotification {
  to {
    opacity: 1;
    left: 0;
  }
}
@-webkit-keyframes hideNotification {
  to {
    opacity: 0;
    left: -100px;
  }
}
@keyframes hideNotification {
  to {
    opacity: 0;
    left: -100px;
  }
}
.breadcrumbs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: start;
  grid-gap: 20px;
}
.breadcrumbs__item:not(.active) {
  color: #81a4ff;
  position: relative;
}
.breadcrumbs__item:not(.active):hover {
  color: #007aff;
}
.breadcrumbs__item:not(.active)::after {
  content: "/";
  position: absolute;
  top: 50%;
  right: -11px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.footer {
  background-color: #f5f5f5;
  margin-top: auto;
  padding: 48px 0;
}
.footer.thanks {
  background-color: #f5f5f5;
  padding: 48px 0;
}
.footer.thanks .footer__middle,
.footer.thanks .footer__top-list {
  display: none;
}
.footer.thanks .footer__top {
  margin-bottom: 24px;
}
.footer__top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  font-size: 14px;
  line-height: 110%;
  font-weight: 600;
  font-family: pnova-sbold;
}
.footer__top-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}
.footer__top-item {
  margin-left: 54px;
}
.footer__top-item_social {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: start;
}
.footer__top-social_links {
  display: inherit;
}
.footer__top-social_link {
  height: 30px;
  width: 30px;
  display: inline-block;
  margin-left: 8px;
}
.footer__top-social_link:last-child {
  margin-left: 12px;
}
.footer__middle {
  margin: 24px 0;
  padding: 32px 16px;
  width: 642px;
  background-color: #fff;
  border-radius: 4px;
  font-size: 16px;
  line-height: 120%;
  font-weight: 400;
  font-family: pnova-regular;
}
.footer__middle-item {
  margin-right: 40px;
}
.footer__middle-item:first-child {
  font-size: 14px;
  line-height: 17px;
  font-family: pnova-sbold, sans-serif;
  color: #707c8b;
}
.footer__middle-item:last-child {
  margin-right: 0;
}
.footer__middle-item._b {
  font-weight: 700;
  font-family: pnova-bold;
  position: relative;
  padding-left: 28px;
}
.footer__middle-item._b::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  height: 20px;
  width: 20px;
  background: url(../images/icons/metro-icon.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
.footer__bottom {
  font-size: 14px;
  line-height: 17px;
  font-weight: 600;
  font-family: pnova-sbold;
  color: #a0a8b1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.footer__item {
  margin-right: 112px;
}
.footer__item-link {
  text-decoration: underline;
  margin-left: 112px;
}
.footer__item-link:last-child {
  margin-left: auto;
}
.announcements__date {
  position: relative;
  font-size: 12px;
  color: #919191;
  padding-left: 15px;
  margin-bottom: 8px;
}
.announcements__date::before {
  content: "";
  height: 10px;
  width: 10px;
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  background: url(../images/content/main/calendar.svg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.announcements__title {
  margin: 8px 0 15px 0;
  display: inline-block;
  font-size: 26px;
  font-weight: 300;
  line-height: 120%;
}
.announcements__text {
  font-size: 16px;
  line-height: 26px;
}
.announcements__btn {
  color: #dd0344;
  font-weight: 600;
}
.studies-nav__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: start;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.studies-nav__list-item._active a {
  color: #ed1c3f;
}
.studies-nav__list-link {
  color: #19568c;
  font-size: 19px;
  font-weight: 600;
  display: block;
  padding: 9px 10px 10px;
}
.studies-nav__list-link:hover {
  color: #ed1c3f;
}
.studies-course {
  margin-top: 40px;
}
.studies-course__item-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  border-bottom: 1px solid #fff;
  background-color: #e2e0db;
  cursor: pointer;
  -webkit-transition: background 0.2s ease;
  -o-transition: background 0.2s ease;
  transition: background 0.2s ease;
}
.studies-course__item-inner:hover {
  background-color: #f3f2ef;
}
.studies-course__item-inner.hidden {
  cursor: default;
  background-color: #f3f2ef;
  position: relative;
}
.studies-course__item-inner.hidden .studies-course__item-course {
  padding-left: 40px;
}
.studies-course__item-inner.hidden::before {
  content: "";
  background-color: #8b8b8b;
  height: 20px;
  width: 20px;
  border-radius: 50%;
  left: 6px;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  position: absolute;
}
.studies-course__item .hiddens {
  display: none;
}
.studies-course__item span {
  padding: 12px 20px;
  display: inline-block;
}
.studies-course__item-header {
  background-color: #fff;
  font-weight: 600;
  padding: 12px 20px;
  display: block;
}
.studies-course__item-course {
  width: 60%;
}
.studies-course__item-type {
  width: 14%;
}
.studies-course__item-score {
  width: 14%;
}
.studies-course__item-grade {
  width: 14%;
}
.studies-course__item-scores {
  width: 6%;
}
.studies-course__item-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.online-courses__inner {
  -webkit-box-flex: 1;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 270px 2fr;
  grid-template-columns: 270px 2fr;
  grid-gap: 20px;
  min-height: 100%;
}
.online-courses__window {
  background-color: #fff;
  padding: 20px;
  border-radius: 6px;
}
.online-courses__window-title {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 20px;
}
.online-courses__window-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: start;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: start;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  grid-gap: 20px;
}
.online-courses__window-list_title {
  font-size: 14px;
  font-weight: 600;
  position: relative;
}
.online-courses__window-list_title._check {
  padding-left: 24px;
}
.online-courses__window-list_title._check::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  background: url(../images/icons/check.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  height: 20px;
  width: 20px;
}
.online-courses__window-item {
  width: 30%;
}
.online-courses__window-img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  margin-bottom: 4px;
  border-radius: 8px;
}
.sitebar-online-courses {
  background-color: #fff;
  padding: 20px 10px;
  border-radius: 6px;
}
.sitebar-online-courses__list {
  position: relative;
}
.sitebar-online-courses__list-bg {
  position: absolute;
  height: 50px;
  width: 40px;
  -o-object-fit: cover;
  object-fit: cover;
  top: 0;
  right: 0;
  border-radius: 6px;
}
.sitebar-online-courses__list-span {
  display: inline-block;
  font-weight: 600;
  font-size: 14px;
  margin-bottom: 8px;
}
.sitebar-online-courses__list-title {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 30px;
}
.sitebar-online-courses__list-info {
  margin-bottom: 8px;
  font-size: 14px;
  font-weight: 600;
}
.sitebar-online-courses__list-info-status {
  overflow: hidden;
  position: relative;
  height: 14px;
  width: 100%;
  border-radius: 20px;
  border: 1px solid #63b3cb;
}
.sitebar-online-courses__list-status {
  z-index: 0;
}
.sitebar-online-courses__list-status_bg {
  position: absolute;
  height: 100%;
  width: 25%;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  background-color: #63b3cb;
}
.online-courses-view__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: start;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: start;
  grid-gap: 32px;
}
.online-courses-view__title-buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: start;
  padding: 40px 0 32px;
  font-size: 28px;
  line-height: 120%;
  font-weight: 500;
  clear: both;
}
.online-courses-view__title-buttons span {
  font-size: 28px;
  color: #fff;
  background: #81a4ff;
  border-radius: 10px;
  margin-right: 16px;
  padding: 10px;
}
.online-courses-view__title-link {
  position: relative;
  font-size: 16px;
  padding: 0 6px 0 32px;
  display: inline-block;
  z-index: 2;
}
.online-courses-view__title-link:hover.online-courses-view__title-link::before {
  width: 100%;
}
.online-courses-view__title-link::after,
.online-courses-view__title-link::before {
  content: "";
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.online-courses-view__title-link::before {
  height: 100%;
  width: 28px;
  background-color: #cfd3d8;
  border-radius: 10px;
  left: 0;
  z-index: -1;
}
.online-courses-view__title-link::after {
  background: url(../images/icons/arrows.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 10px;
  width: 10px;
  z-index: 1;
  left: 9px;
  -webkit-transform: rotate(-90deg) translateX(50%);
  -ms-transform: rotate(-90deg) translateX(50%);
  transform: rotate(-90deg) translateX(50%);
}
.online-courses-view__title-text {
  font-size: 32px;
  line-height: 120%;
  font-weight: 500;
  margin-left: 40px;
  margin-bottom: 4px;
}
.online-courses-view__content {
  width: 100%;
}
.online-courses-view__content .video-js .vjs-big-play-button {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.online-courses-view__content-text {
  margin: 32px 0;
  white-space: pre-line;
}
.online-courses-view__video {
  border-radius: 10px;
  overflow: hidden;
  margin-bottom: 32px;
  width: 100%;
}
.online-courses-view__right {
  max-width: 324px;
  width: 100%;
}
.online-courses-view__right-block {
  display: block;
  height: 580px;
  width: 320px;
  background-color: #616161;
  border-radius: 10px;
}
.online-courses-view__right-title {
  font-weight: 700;
  font-size: 24px;
  line-height: 100%;
  margin-bottom: 4px;
}
.online-courses-view__right-subtitle {
  font-size: 18px;
  line-height: 24px;
  margin-bottom: 24px;
}
.online-courses-view__right-list {
  margin-bottom: 24px;
}
.online-courses-view__right-list_item {
  margin-bottom: 16px;
}
.online-courses-view__right-list_item:last-child {
  margin-bottom: 0;
}
.online-courses-view__right-list_item._active,
.online-courses-view__right-list_item:hover {
  color: #1d5cff;
}
.online-courses-view__right-list_item._video a::before {
  background: url(../images/icons/course/play.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  left: 0;
}
.online-courses-view__right-list_item._text a::before {
  background: url(../images/icons/course/text.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  left: 0;
}
.online-courses-view__right-list_link {
  display: block;
  font-size: 18px;
  line-height: 133%;
  position: relative;
  padding: 0 38px;
  -webkit-transition: color 0.3s ease;
  -o-transition: color 0.3s ease;
  transition: color 0.3s ease;
}
.online-courses-view__right-list_link::after,
.online-courses-view__right-list_link::before {
  content: "";
  position: absolute;
  height: 16px;
  width: 16px;
  top: 4px;
}
.online-courses-view__right-list.video {
  max-height: 340px;
  overflow: auto;
}
.online-courses-view .content-task__title {
  font-size: 28px;
  line-height: 120%;
  font-weight: 500;
  margin-bottom: 16px;
}
.online-courses-view .content-task__block {
  margin-top: 32px;
  font-size: 16px;
  line-height: 24px;
}
.online-courses-view .content-task__block-title {
  font-weight: 500;
  font-size: 28px;
  line-height: 120%;
  margin-bottom: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  gap: 20px;
  width: 100%;
  max-width: 800px;
}
.online-courses-view .content-task__block-title_link {
  font-size: 18px;
  color: #1d5cff;
}
.online-courses-view .content-task__block-subtitle {
  font-weight: 500;
  font-size: 16px;
  line-height: 130%;
  margin-bottom: 16px;
}
.online-courses-view .content-task-answer.correct {
  border: 1px solid #27ae60;
  background-color: #d7ffe8;
}
.online-courses-view .content-task-answer.wrong {
  border: 1px solid #ff0040;
  background-color: #ffc8d5;
}
.online-courses-view__submit {
  margin-top: 32px;
}
.online-courses-view__lock {
  opacity: 0.6;
}
.online-course {
  padding: 40px 0;
}
.online-course__title {
  font-size: 28px;
  line-height: 120%;
  font-weight: 500;
  margin-bottom: 20px;
}
.online-course__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: start;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 20px;
  margin-bottom: 60px;
}
.online-course__content {
  width: 60%;
}
.online-course__cover {
  width: 40%;
}
.online-course__param {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: start;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 20px;
}
.online-course__param-item {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  background-color: #e5f2ff;
  border-radius: 50px;
  position: relative;
  display: inline-block;
  padding: 10px 14px;
  padding-left: 44px;
  font-weight: 500;
}
.online-course__param-item.--count::before {
  content: "";
  position: absolute;
  background: url(../images/icons/book.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 38px;
  width: 38px;
  top: 50%;
  left: 4px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.online-course__description {
  color: #908ba6;
  line-height: 140%;
  letter-spacing: 0.2px;
  font-weight: 500;
}
.online-course__img {
  height: auto;
  width: 100%;
  border-radius: 4px;
}
.online-course__result {
  padding: 20px;
}
.online-course__result-items {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr) [3];
  grid-template-columns: repeat(3, 1fr);
  gap: 20px 30px;
}
.online-course__result-item {
  padding-left: 45px;
  position: relative;
  font-size: 18px;
  line-height: 130%;
}
.online-course__result-item::before {
  content: "";
  position: absolute;
  height: 30px;
  width: 30px;
  background: url(../images/icons/done-icon.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 15px;
  border-radius: 50%;
  background-color: #e5f2ff;
  top: 0;
  left: 0;
}
.online-course__lessons {
  margin-top: 40px;
}
.online-course__lessons-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 20px;
  height: 140px;
  background: #fff;
  border: 1px solid #cfd3d8;
  border-radius: 8px;
  margin-bottom: 16px;
  position: relative;
  padding: 10px 20px;
}
.online-course__lessons-item._disabled {
  opacity: 0.6;
}
.online-course__lessons-img {
  border-radius: 10px;
  height: 100%;
  width: auto;
}
.online-course__lessons-title {
  font-size: 22px;
  line-height: 120%;
  font-weight: 500;
  width: 100%;
}
.online-course__lessons-subtitle {
  font-size: 18px;
  line-height: 120%;
  font-weight: 500;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.online-course__lessons-result {
  display: block;
  width: 100px;
  position: relative;
}
@property --p {
  syntax: "<number>";
  inherits: true;
  initial-value: 0;
}
.online-course-result {
  --p: 60;
  --b: 12px;
  --c: #81a4ff;
  --w: 150px;
  display: -ms-inline-grid;
  display: inline-grid;
  place-content: center;
  aspect-ratio: 1;
  position: relative;
  height: 100px;
  width: 100px;
  border-radius: 50%;
  overflow: hidden;
  background-color: #fff;
  font-size: 22px;
  line-height: 120%;
  font-weight: 500;
  z-index: 4;
  -webkit-animation: procent 0.5s 0.2s both;
  animation: procent 0.5s 0.2s both;
}
.online-course-result:after,
.online-course-result:before {
  content: "";
  position: absolute;
  border-radius: 50%;
}
.online-course-result:before {
  inset: 0;
  background:
    -o-radial-gradient(farthest-side, var(--c) 98%, #0000) top/var(--b) var(--b) no-repeat,
    conic-gradient(var(--c) calc(var(--p) * 1%), #0000 0);
  background:
    radial-gradient(farthest-side, var(--c) 98%, #0000) top/var(--b) var(--b) no-repeat,
    conic-gradient(var(--c) calc(var(--p) * 1%), #0000 0);
  -webkit-mask: radial-gradient(farthest-side, #0000 calc(99% - var(--b)), #000 calc(100% - var(--b)));
  mask: radial-gradient(farthest-side, #0000 calc(99% - var(--b)), #000 calc(100% - var(--b)));
  background-size:
    0 0,
    auto;
}
.online-course-result:after {
  inset: 0;
  background:
    -o-radial-gradient(farthest-side, #e4e6e9 98%, #0000) top/var(--b) var(--b) no-repeat,
    conic-gradient(#e4e6e9 100%, #0000 0);
  background:
    radial-gradient(farthest-side, #e4e6e9 98%, #0000) top/var(--b) var(--b) no-repeat,
    conic-gradient(#e4e6e9 100%, #0000 0);
  -webkit-mask: radial-gradient(farthest-side, #0000 calc(99% - var(--b)), #000 calc(100% - var(--b)));
  mask: radial-gradient(farthest-side, #0000 calc(99% - var(--b)), #000 calc(100% - var(--b)));
  z-index: -1;
}
@-webkit-keyframes procent {
  from {
    --p: 0;
  }
}
@keyframes procent {
  from {
    --p: 0;
  }
}
.quest_answer__item {
  margin-bottom: 16px;
}
.quest_answer__quest {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: start;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  grid-gap: 24px;
}
.quest_answer__quest-num {
  font-weight: 700;
  font-size: 24px;
  line-height: 100%;
  color: #ff0040;
  padding: 10px 0 10px 12px;
}
.quest_answer__quest-text {
  font-size: 16px;
  line-height: 24px;
  color: #000;
  padding: 10px 0;
  width: 100%;
}
.quest_answer__quest-img {
  height: 180px;
  width: 100%;
  max-width: 240px;
  border-radius: 4px;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
}
.quest_answer__quest-answ {
  height: 100%;
  width: 100%;
  min-height: 180px;
  max-width: 414px;
  border: 1px solid #a0a8b1;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 4px;
  color: #000;
  padding: 12px 20px;
  resize: none;
}
.quest_answer__quest-answ::-webkit-input-placeholder {
  color: #a0a8b1;
}
.quest_answer__quest-answ::-moz-placeholder {
  color: #a0a8b1;
}
.quest_answer__quest-answ:-ms-input-placeholder {
  color: #a0a8b1;
}
.quest_answer__quest-answ::-ms-input-placeholder {
  color: #a0a8b1;
}
.quest_answer__quest-answ::placeholder {
  color: #a0a8b1;
}
.comparison__colum {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 16px;
  width: 100%;
}
.comparison__colum._left .comparison__row-item {
  position: relative;
}
.comparison__colum._left .comparison__row-item::after {
  content: "";
  position: absolute;
  top: 50%;
  right: -20px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  background: url(../images/icons/arrow-right.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 24px;
  width: 24px;
  z-index: 1;
}
.comparison__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: start;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  grid-gap: 16px;
  max-width: 414px;
}
.comparison__row + .comparison__row {
  margin-top: 16px;
}
.comparison__row-title {
  text-align: center;
  width: 100%;
}
.comparison__row-item {
  border: 1px solid #a0a8b1;
  border-radius: 4px;
  font-size: 16px;
  line-height: 24px;
  padding: 12px 20px;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.comparison__row-item.selected {
  opacity: 0.6;
  border: 1px solid #81a4ff;
  background-color: #e6edff;
}
.comparison__row-item.comparison-item {
  cursor: move;
}
.comparison__row-text {
  height: 100%;
  width: 100%;
  min-height: 180px;
  max-width: 414px;
  border: 1px solid #a0a8b1;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 4px;
  color: #000;
  padding: 12px 20px;
  resize: none;
  border: 1px solid #a0a8b1;
}
.comparison__row-text::-webkit-input-placeholder {
  color: #a0a8b1;
}
.comparison__row-text::-moz-placeholder {
  color: #a0a8b1;
}
.comparison__row-text:-ms-input-placeholder {
  color: #a0a8b1;
}
.comparison__row-text::-ms-input-placeholder {
  color: #a0a8b1;
}
.comparison__row-text::placeholder {
  color: #a0a8b1;
}
.comparison__submit {
  margin-top: 8px;
}
.comparison-item {
  position: relative;
}
.comparison-item::after {
  content: "";
  position: absolute;
  height: 24px;
  width: 24px;
  top: 50%;
  right: 10px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  background: url(../images/icons/arrows-move-icon.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  z-index: 1;
}
.comparison.long .comparison__row {
  max-width: 590px;
}
.learn-repeat {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: start;
  grid-gap: 16px;
  width: 100%;
  max-width: 314px;
}
.learn-repeat__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%;
}
.learn-repeat__text {
  border: 1px solid #a0a8b1;
  border-radius: 4px;
  padding: 12px 12px 12px 20px;
  color: #000;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.learn-image {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: start;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: start;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  grid-gap: 24px;
}
.learn-image__item {
  text-align: center;
  width: 200px;
}
.learn-image__img {
  height: 174px;
  width: 100%;
  margin-bottom: 16px;
  border-radius: 4px;
  overflow: hidden;
  background-color: #fff;
}
.learn-image__img img {
  height: 100%;
  width: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}
.learn-image__input {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border: 1px solid #a0a8b1;
  border-radius: 4px;
  padding: 4px 12px;
  color: #000;
  height: 44px;
  white-space: nowrap;
  overflow: hidden;
  width: 100%;
}
.learn-image__input::-webkit-input-placeholder {
  color: #a0a8b1;
}
.learn-image__input::-moz-placeholder {
  color: #a0a8b1;
}
.learn-image__input:-ms-input-placeholder {
  color: #a0a8b1;
}
.learn-image__input::-ms-input-placeholder {
  color: #a0a8b1;
}
.learn-image__input::placeholder {
  color: #a0a8b1;
}
.task-audio-btn {
  height: 32px;
  width: 32px;
  margin-right: 8px;
  background: url(../images/content/online-courses/learn-repeat.svg);
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-size: contain !important;
  display: inline-block;
}
.task-audio-btn._active,
.task-audio-btn:hover {
  background: url(../images/content/online-courses/learn-repeat-act.svg);
}
.write-word {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  grid-gap: 8px;
}
.write-word__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: start;
  grid-gap: 16px;
  max-width: 414px;
}
.write-word__row-item {
  display: block;
  border-radius: 4px;
  border: 1px solid #a0a8b1;
  font-size: 16px;
  line-height: 24px;
  padding: 12px 12px 12px 20px;
  width: 100%;
}
.write-word__row-input::-webkit-input-placeholder {
  color: #a0a8b1;
}
.write-word__row-input::-moz-placeholder {
  color: #a0a8b1;
}
.write-word__row-input:-ms-input-placeholder {
  color: #a0a8b1;
}
.write-word__row-input::-ms-input-placeholder {
  color: #a0a8b1;
}
.write-word__row-input::placeholder {
  color: #a0a8b1;
}
.drag-and-drop {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  row-gap: 10px;
}
.drag-and-drop__rows {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr) [4];
  grid-template-columns: repeat(4, 1fr);
  -ms-grid-rows: () [1fr];
  grid-template-rows: repeat(1fr);
  -webkit-column-gap: 10px;
  -moz-column-gap: 10px;
  column-gap: 10px;
  row-gap: 10px;
  max-width: 840px;
}
.drag-and-drop__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  row-gap: 8px;
  border-radius: 4px;
  border: 1px solid #a0a8b1;
  margin-bottom: 8px;
  padding: 8px;
  width: 200px;
}
.drag-and-drop__row-title {
  text-align: center;
  font-weight: 500;
}
.drag-and-drop__row-item {
  display: block;
  padding: 12px 12px 12px 20px;
  background-color: #fff;
  border: 1px solid #a0a8b1;
  border-radius: 4px;
  cursor: move;
}
.fill-gaps__answer,
.fill-gaps__input {
  background-color: #e5f2ff;
  border: none;
  border-radius: 0;
  height: auto;
  padding: 2px 4px 1px 4px;
  width: 200px;
}
.fill-gaps__answer {
  font-weight: 700;
  text-decoration: underline;
  border-bottom: none;
  width: auto;
  min-width: 200px;
  display: inline-block;
}
.fill-gaps__answer.correct {
  background-color: #d7ffe8;
  border: 1px solid #27ae60;
}
.fill-gaps__answer.wrong {
  background-color: #ffc8d5;
  border: 1px solid #ff0040;
}
.fill-gaps__submit {
  margin-top: 20px;
}
.fill-gaps__img {
  margin-bottom: 20px;
  height: auto;
  width: 100%;
  max-width: 850px;
}
.task-text__field {
  height: 100%;
  width: 100%;
  min-height: 180px;
  max-width: 414px;
  border: 1px solid #a0a8b1;
  border-radius: 4px;
  color: #000;
  padding: 12px 20px;
  resize: none;
  margin-top: 4px;
}
.right-order__row {
  max-width: 600px;
}
.right-order ._left {
  max-width: 60px;
}
.right-order ._left .comparison__row-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 0;
}
.right-order.image ._left {
  max-width: 120px;
}
.right-order.image ._left .comparison__row-item {
  height: 120px;
}
.right-order.image ._left .comparison__row-item img {
  height: 100%;
  width: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  -o-object-position: center;
  object-position: center;
}
.pick .checkbox__label {
  display: inline-block;
}
.pick .checkbox__label.correct::before,
.pick .checkbox__label.wrong::before {
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-size: contain !important;
}
.pick .checkbox__label.wrong {
  color: #ff0040;
}
.pick .checkbox__label.wrong::before {
  background: url(../images/icons/error.svg);
}
.pick .checkbox__label.correct {
  color: #27ae60;
}
.pick .checkbox__label.correct::before {
  background: url(../images/icons/check.svg);
}
.pick-one__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.pick-one__item + .pick-one__item {
  margin-top: 8px;
}
.pick-one__title {
  font-weight: 500;
}
.pick-one__checkbox {
  position: relative;
}
.pick-one__checkbox-input {
  display: none;
}
.pick-one__checkbox-input:checked + label {
  background-color: #e5f2ff;
}
.pick-one__checkbox-label {
  cursor: pointer;
  padding: 4px 8px;
  border-radius: 20px;
  margin-left: 8px;
}
.pick-one__checkbox + .pick-one__checkbox::before {
  content: "/";
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.pick-one__answer {
  padding-left: 8px;
}
.pick-one__answer.wrong {
  color: #ff0040;
}
.pick-one__answer.correct {
  color: #27ae60;
}
.attach-file__button {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: start;
  gap: 8px;
  cursor: pointer;
  background-color: #e5f2ff;
  padding: 8px 20px;
  border-radius: 50px;
  font-weight: 500;
}
.attach-file__input {
  display: none;
}
.attach-file__preview {
  height: 32px;
  width: 32px;
}
.login-page {
  height: 100vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: start;
}
.login-page__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.login-page__title {
  color: #00193b;
  font-size: 42px;
  line-height: 120%;
  font-weight: 700;
  margin-bottom: 35px;
  padding: 0 6px;
}
.login-page__form {
  padding: 0 6px;
  max-width: 360px;
  width: 100%;
}
.login-page__form-input {
  margin-bottom: 20px;
  -webkit-box-shadow: 0 5px 25px rgba(0, 0, 0, 0.15);
  box-shadow: 0 5px 25px rgba(0, 0, 0, 0.15);
  border: 1px solid #eee;
  width: 100%;
  height: 59px;
  color: #000;
  font-size: 18px;
  background: #fff;
  padding: 0 10px 0 30px;
}
.login-page__form-buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: start;
  margin-top: 40px;
}
.login-page__form-btn {
  background: #ed1c24;
  font-size: 21px;
  height: 60px;
  line-height: 60px;
  display: inline-block;
  padding: 0 30px;
  border: 0;
  border-radius: 4px;
  font-weight: 500;
  color: #fff;
  text-align: center;
  cursor: pointer;
  opacity: 0.8;
  -webkit-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
  width: 100%;
}
.login-page__form-btn:hover {
  opacity: 1;
  color: #fff;
}
.login-page__form-link {
  color: #ababab;
  font-size: 16px;
  margin-left: 20px;
  max-width: 90px;
}
.login-page__form-info {
  color: #ed1c24;
}
.students-page {
  margin-top: 40px;
}
.students-page__list {
  margin-bottom: 40px;
}
.students-page__list-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 8px 0;
  border-bottom: 1px solid #c2c2c2;
}
.students-page__list-item:first-child {
  font-weight: 600;
}
.students-page__list-row {
  width: 100%;
}
.students-page__list-row._num {
  width: 80px;
}
.students-page__btn {
  height: 50px;
}
.students-page__payments {
  overflow: visible;
}
.sitebar__buttons,
.sitebar__points,
.sitebar__profile {
  margin-bottom: 28px;
  padding-bottom: 28px;
  border-bottom: 1px solid #d7d7d7;
}
.online-test {
  -webkit-box-flex: 1;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 270px 2fr;
  grid-template-columns: 270px 2fr;
  grid-gap: 20px;
  min-height: 100%;
}
.online-test__window {
  background-color: #fff;
  padding: 20px 10px;
  border-radius: 6px;
}
.online-test__start {
  height: 70px;
  width: 100%;
  font-size: 22px;
  margin-left: 0;
}
.sitebar {
  background-color: #fff;
  padding: 20px 10px;
  border-radius: 6px;
  position: relative;
}
.sitebar__profile {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 0;
}
.sitebar__profile-buttons {
  height: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}
.sitebar__profile-buttons a {
  display: inherit;
  margin-left: 6px;
}
.sitebar__profile-buttons img {
  height: 30px;
  width: auto;
}
.sitebar__points {
  text-align: center;
}
.sitebar__points-title {
  display: flow-root;
  font-size: 48px;
  line-height: 120%;
  padding: 20px;
}
.sitebar__buttons {
  height: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: start;
}
.sitebar__buttons a {
  display: inherit;
  margin-right: 6px;
}
.sitebar__buttons img {
  height: 30px;
  width: auto;
}
.sitebar__list-item {
  margin-bottom: 4px;
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  position: relative;
  padding-left: 24px;
}
.sitebar__list-item._check::before {
  background-color: #d7d7d7;
}
.sitebar__list-item._checked::before {
  background: url(../images/content/online-test/checked-icon.svg);
}
.sitebar__list-item._failure::before {
  background: url(../images/content/online-test/checked-f-icon.svg);
}
.sitebar__list-item._right::before {
  background: url(../images/content/online-test/checked-r-icon.svg);
}
.sitebar__list-item::before {
  content: "";
  position: absolute;
  height: 18px;
  width: 18px;
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-size: contain !important;
  border-radius: 50%;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.sitebar__list-item_title {
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 8px;
}
.test__body-title {
  color: #000;
  line-height: 130%;
}
.test__body-btn {
  font-size: 14px;
  color: #000;
  line-height: 30px;
  border-radius: 3px;
  background: #d7d7d7;
  padding: 0 20px;
  margin: 0 0 0 20px;
  height: 36px;
}
.test__body-btn span {
  pointer-events: none;
}
.countdown {
  font-family: sans-serif;
  display: inline-block;
  font-weight: 100;
  text-align: center;
  font-size: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 6px;
  overflow: hidden;
}
.countdown-number {
  padding: 10px;
  background: #d7d7d7;
  display: inline-block;
  width: 50%;
}
.countdown-time {
  padding: 15px;
  display: inline-block;
  border-bottom: 2px solid #fff;
}
.countdown-text {
  display: block;
  padding-top: 5px;
  font-size: 16px;
}
.form-online-test {
  max-width: 280px;
  padding: 20px;
}
.form-online-test__input {
  margin-bottom: 20px;
}
@media (max-width: 769px) {
  .online-test {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
  .online-test .menu-icon {
    position: absolute;
    left: 10px;
    top: 10px;
  }
  .sitebar__buttons,
  .sitebar__list-test,
  .sitebar__profile-buttons {
    display: none;
  }
  .sitebar__profile {
    position: absolute;
    top: 0;
    left: 0;
  }
  .sitebar__points {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none;
  }
}
@media (max-width: 477px) {
  .title {
    font-size: 26px;
    margin: 0 0 20px;
  }
  .test__body-buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    grid-gap: 20px;
  }
  .test__body-btn {
    width: 47%;
    margin: 0;
    height: 60px;
  }
}
@media (max-width: 426px) {
  .test__body-btn {
    width: 100%;
    font-size: 24px;
  }
}
.profile-page {
  font-size: 15px;
  line-height: 130%;
}
.profile-page .btn {
  color: #fff;
  height: 44px;
  font-size: 16px !important;
  border-radius: 4px;
  font-weight: 500;
}
.profile-page .btn:hover {
  opacity: 0.8;
}
.profile-page .btn._transp {
  color: #000;
  height: 40px;
}
.profile-page__card {
  padding: 40px;
}
.profile-page__card-title {
  font-size: 45.5873px;
  line-height: 120%;
  margin-bottom: 32px;
  font-weight: 500;
  position: relative;
  padding-right: 32px;
  display: inline-block;
}
.profile-page__card-edit {
  position: absolute;
  top: 0;
  right: 0;
  height: 22px;
  width: 22px;
}
.profile-page__card-edit img {
  height: 100%;
  width: 100%;
  display: block;
}
.profile-page__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: start;
}
.profile-page__image {
  margin-right: 48px;
  height: 100px;
  width: 100px;
  min-width: 100px;
  position: relative;
}
.profile-page__image-wrapper {
  position: relative;
}
.profile-page__image-edit {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  cursor: pointer;
}
.profile-page__img {
  height: 100px;
  width: 100px;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  border-radius: 50%;
}
.profile-page__form-input {
  display: none;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #fff;
  padding: 0 8px;
  height: 38px;
  border-radius: 4px;
  border: 1px solid #e5e5e5;
}
.profile-page__form-input_block {
  position: relative;
}
.profile-page__form-input_block._textarea {
  width: 100%;
  min-width: 330px;
  max-width: 600px;
}
.profile-page__form ._edit._active {
  min-height: 40px;
  padding: 0 10px;
}
.profile-page__form ._edit._active .profile-page__form-input {
  display: block;
  z-index: 9;
  height: 100%;
  width: 100%;
}
.profile-page__input-block {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: start;
}
.profile-page__input-block .input-item:not(:last-child) {
  margin-right: 20px;
}
.profile-page__name {
  min-width: 190px;
  max-width: 236px;
  width: 100%;
  overflow: hidden;
  margin-right: 10px;
  font-size: 30.8653px;
  line-height: 29px;
  color: #000;
  font-weight: 700;
}
.profile-page__name-text {
  z-index: 0;
}
.profile-page__name-text._id {
  color: #c4c4c4;
  font-size: 18px;
}
.profile-page__name-submit {
  display: none;
}
.profile-page__name-submit._active {
  display: block;
}
.profile-page__data {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: start;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: start;
}
.profile-page__data-item {
  margin-right: 31px;
}
.profile-page__data-item:last-child {
  margin-right: 0;
}
.profile-page__data-title {
  font-weight: 500;
}
.profile-page__data-subtitle,
.profile-page__data-title {
  margin-bottom: 8px;
  white-space: nowrap;
}
.profile-page__data-text {
  max-width: 120px;
  overflow: hidden;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
.profile-page__data-text.--wswrp {
  white-space: normal;
}
.profile-page__blocks {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: start;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  grid-gap: 40px;
}
.profile-page__blocks .section__block {
  width: 50%;
}
.profile-page__suggestions {
  margin-bottom: 24px;
}
.profile-page__suggestions-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  grid-gap: 40px;
  color: #fff;
}
.profile-page__suggestions-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  border-radius: 10px;
  height: 137px;
  width: 100%;
  padding: 40px;
  position: relative;
}
.profile-page__suggestions-title {
  font-size: 28px;
  line-height: 120%;
  font-weight: 500;
  margin-bottom: 4px;
}
.profile-page__suggestions-text {
  font-weight: 500;
  padding-right: 8px;
  font-size: 20px;
}
.profile-page__suggestions-image {
  height: 93px;
  width: auto;
}
.profile-page__suggestions-image img,
.profile-page__suggestions-image svg {
  height: 100%;
  width: auto;
}
.profile-page__suggestions-image .foto {
  border-radius: 11px;
}
.profile-page__visa-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: start;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: start;
  grid-gap: 22px;
}
.profile-page__visa-item {
  position: relative;
  padding-left: 34px;
  width: 300px;
  margin-bottom: 2px;
}
.profile-page__visa-item::before {
  content: "";
  position: absolute;
  background: url(../images/icons/notchecked.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  height: 20px;
  width: 20px;
  top: 0;
  left: 0;
}
.profile-page__visa-item._checked::before {
  background: url(../images/icons/check.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
.profile-page__visa-gpcontacts {
  margin-top: 42px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  grid-gap: 10px;
}
.profile-page__visa-gpcontacts img {
  height: 120px;
  width: 120px;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  border-radius: 50%;
}
.profile-page__visa-gpcontacts span {
  display: inline-block;
  font-weight: 500;
}
.profile-page__visa-gpcontacts ._contacts {
  background: #e0e0e0;
  border-radius: 3.99743px;
  line-height: 44px;
  text-align: center;
  padding: 0 6px;
  display: inline-block;
  width: 100%;
}
.profile-page__visa-gpcontacts ._contacts span {
  white-space: nowrap;
}
.profile-page__visa-gpcontacts_title {
  margin-bottom: 10px;
  white-space: nowrap;
}
.profile-page__visa-statusbar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  position: relative;
  margin-top: 32px;
}
.profile-page__visa-statusbar::before {
  content: "";
  position: absolute;
  height: 4px;
  width: 99%;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background-color: #c4c4c4;
}
.profile-page__visa-statusbar_item {
  height: 20px;
  width: 20px;
  background: url(../images/icons/invitation-check.svg);
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-size: contain !important;
  z-index: 1;
}
.profile-page__visa-statusbar_item._checked {
  background: url(../images/icons/check.svg);
}
.profile-page__payments-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 8px;
  line-height: 48px;
}
.profile-page__payments-item._notchecked .section__block-check::before {
  background: url(../images/icons/warning-icon.svg);
}
.profile-page__payments-item._notchecked .profile-page__payments-sum {
  color: #ff0040;
}
.profile-page__payments-date {
  color: #a0a8b1;
  width: 100%;
  max-width: 320px;
}
.profile-page__payments-text {
  line-height: 130%;
  padding-right: 20px;
  width: 100%;
}
.profile-page__payments-sum {
  width: auto;
  color: #2e865c;
  font-weight: 500;
  text-align: right;
}
.profile-page__payments-pay_link {
  background-color: #2e865c !important;
  white-space: nowrap;
  width: auto;
  min-width: 104px;
}
.profile-page__documents-items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 32px;
  width: 100%;
}
.profile-page__documents-item {
  font-size: 16px;
  line-height: 130%;
  color: #000;
  font-weight: 500;
  width: 33.3333%;
  margin-right: 32px;
}
.profile-page__documents-item:last-child {
  margin-right: 0;
  padding-right: 0;
}
.profile-page__documents-attach {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border: 1px solid #e5e5e5;
  border-radius: 10px;
  font-weight: 400;
  height: 252px;
}
.profile-page__documents-attach .form-image__img-file,
.profile-page__documents-attach .form-image__img-show {
  border-radius: 10px;
  padding: 1px;
}
.profile-page__documents-attach img {
  margin-right: 10px;
}
.profile-page__documents-attach:hover {
  scale: 1.2;
}
.profile-page__support_text {
  font-size: 16px;
  margin-bottom: 8px;
}
.profile-page__support_text:last-child {
  margin-bottom: 0;
}
.profile-page__mycourses-collapsible {
  margin-right: -44px;
  padding-right: 44px;
  margin-left: -44px;
  padding-left: 44px;
}
.profile-page__favouriteareas-collapsible {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr) [3];
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 20px;
}
.profile-page__favouriteareas-img {
  margin-right: 16px;
}
.profile-page__favouriteareas-title {
  font-size: 16px;
  line-height: 130%;
  font-weight: 500;
}
.profile-page__favouriteareas-icon {
  position: absolute;
  top: 23px;
  right: 23px;
}
.profile-page__favouriteareas-icon path {
  fill: transparent;
  stroke: #000;
  stroke-width: 2px;
}
.profile-page__favouriteareas-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: start;
  position: relative;
  height: 94px;
  border-radius: 4px;
  border: 1px solid #e5e5e5;
  background-color: #fff;
  padding: 20px;
}
.profile-page__favouriteareas-item._fav .profile-page__favouriteareas-icon path {
  fill: #ff0040;
  stroke: #ff0040;
}
.profile-page__boostareas-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: start;
  position: relative;
  height: 94px;
  border-radius: 4px;
  border: 1px solid #e5e5e5;
  background-color: #fff;
  padding: 20px;
}
.profile-page__boostareas-item._fav .profile-page__favouriteareas-icon path {
  fill: #ff0040;
  stroke: #ff0040;
}
.profile-page__chpass_input {
  max-width: 270px;
}
.profile-page__chpass_input:not(:last-child) {
  margin-right: 16px;
}
.profile-page__chpass_submit {
  width: 100%;
  background-color: #1d5cff !important;
}
.profile-page__media {
  padding-bottom: 40px;
}
.profile-page__media-slider {
  padding-bottom: 20px;
}
.media-slider__img {
  height: auto;
  width: 100%;
  margin-bottom: 12px;
}
.media-slider__title {
  font-weight: 500;
  margin-bottom: 8px;
}
.media-slider-next::after,
.media-slider-prev::after {
  content: "";
  background: url(../images/icons/arrow.svg);
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-size: contain !important;
  height: 20px;
  width: 9px;
}
.media-slider-next.swiper-button-disabled,
.media-slider-prev.swiper-button-disabled {
  display: none;
}
.media-slider-prev::after {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
.mycourses-slider {
  margin-right: -40px;
  padding-right: 40px;
  margin-left: -40px;
  padding-left: 40px;
}
.mycourses-slider__item.false .mycourses-slider__images {
  border: 2px solid #ff0040;
  border-radius: 4px;
}
.mycourses-slider__item.false .mycourses-slider__img {
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
  opacity: 0.3;
}
.mycourses-slider__images {
  position: relative;
  margin-bottom: 10px;
}
.mycourses-slider__images-icon {
  position: absolute;
  bottom: -20px;
  right: 13px;
  height: 26px;
  width: 26px;
  padding: 6px;
  background-color: #fff;
  border: 0.5px solid #cfd3d8;
  border-radius: 4px;
  z-index: 1;
}
.mycourses-slider__images-icon img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
}
.mycourses-slider__img {
  border-radius: 4px;
  height: 140px;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  display: block;
}
.mycourses-slider__title {
  font-size: 16px;
  line-height: 130%;
  font-weight: 500;
  margin-bottom: 4px;
  position: relative;
  max-width: 233px;
}
.mycourses-slider__text {
  font-size: 12px;
  line-height: 130%;
  color: #707c8b;
}
.mycourses-block {
  width: 300px;
}
.mycourses-block__images {
  position: relative;
  margin-bottom: 10px;
}
.mycourses-block__images-icon {
  position: absolute;
  bottom: -20px;
  right: 13px;
  height: 40px;
  width: 40px;
  padding: 6px;
  background-color: #fff;
  border: 0.5px solid #cfd3d8;
  border-radius: 4px;
  z-index: 1;
}
.mycourses-block__images-icon img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
}
.mycourses-block__img {
  border-radius: 4px;
  height: auto;
  width: 100%;
  max-height: 136px;
  -o-object-fit: cover;
  object-fit: cover;
}
.mycourses-block__title {
  font-size: 16px;
  line-height: 130%;
  font-weight: 500;
  margin-bottom: 4px;
  position: relative;
  max-width: 233px;
}
.mycourses-block__text {
  font-size: 12px;
  line-height: 130%;
  color: #707c8b;
}
.mycourses-block._mb {
  margin-bottom: 32px;
}
.chooseteacher-profile__subtitle {
  font-size: 16px;
  margin-bottom: 32px;
}
.chooseteacher-profile__block {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr) [3];
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 20px;
}
.chooseteacher-profile__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: start;
  gap: 20px;
  position: relative;
  height: 94px;
  border-radius: 4px;
  border: 1px solid #e5e5e5;
  background-color: #fff;
  padding: 10px;
}
.chooseteacher-profile__icon,
.chooseteacher-profile__image {
  height: 74px;
  width: 74px;
  border-radius: 50%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
}
.chooseteacher-profile__icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-left: auto;
}
.chooseteacher-profile__icon img {
  height: 25px;
  width: auto;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
}
.chooseteacher-profile__text {
  font-size: 16px;
  line-height: 130%;
}
.chooseteacher-profile__title {
  font-size: 14px;
  line-height: 100%;
  margin-bottom: 4px;
  font-weight: 500;
}
.chooseteacher-profile__description {
  font-size: 10px;
  line-height: 100%;
  font-weight: 400;
  margin-bottom: 4px;
}
.chooseteacher-profile__rating {
  font-size: 14px;
  line-height: 100%;
  letter-spacing: 2px;
}
.schedule-list .table-list__item:nth-child(1) {
  min-width: 110px;
  max-width: 110px;
}
.schedule-list .table-list__item:nth-child(2) {
  min-width: 65px;
  max-width: 65px;
}
.schedule-list .table-list__item:nth-child(3),
.schedule-list .table-list__item:nth-child(7),
.schedule-list .table-list__item:nth-child(8) {
  min-width: 200px;
  max-width: 200px;
}
.schedule-list .table-list__item:nth-child(6) {
  min-width: 118px;
  max-width: 118px;
}
.schedule__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: start;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: start;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  grid-gap: 40px;
}
.schedule__nextweek {
  display: none;
  margin-top: 20px;
}
.schedule ._nextweek {
  display: none;
}
.schedule__items {
  -webkit-box-shadow: 0 7px 25px rgba(0, 0, 0, 0.08);
  box-shadow: 0 7px 25px rgba(0, 0, 0, 0.08);
  border: 1px solid #e5e5e5;
  border-radius: 4px;
  max-width: 800px;
  margin-bottom: 20px;
}
.schedule__items .toggle::after {
  right: 20px;
}
.schedule__items .input-block {
  border: none;
}
.schedule__items .toggle-content {
  padding-bottom: 0;
}
.schedule__items-title {
  font-size: 22px;
  line-height: 120%;
  font-weight: 500;
  font-family: PTRootUI-Medium, sans-serif;
  padding: 20px;
}
.schedule__add {
  display: none;
}
.schedule__add.show {
  display: block;
}
.tests-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  grid-gap: 115px;
  padding: 37px 0;
}
.tests-block__complexity {
  margin-left: auto;
}
.tests-block__complexity {
  position: relative;
  padding-left: 26px;
}
.tests-block__complexity::before {
  content: "";
  position: absolute;
  height: 16px;
  width: 16px;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  border-radius: 50%;
  background-color: #2e865c;
}
.tests-block._difficult .tests-block__time::before {
  background-color: #ff0040;
}
.tests-block__btn {
  background-color: #1d5cff;
  width: 240px;
}
.tests-block__btn:hover {
  background-color: #1d5ccc;
  opacity: 1;
}
.admin-tests__item {
  -webkit-box-shadow: 0 7px 25px rgba(0, 0, 0, 0.08);
  box-shadow: 0 7px 25px rgba(0, 0, 0, 0.08);
}
.admin-tests__blocks {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  grid-gap: 20px;
  max-width: 800px;
}
.admin-tests__blocks .right-option {
  -webkit-box-shadow: 0 7px 25px rgba(0, 0, 0, 0.08);
  box-shadow: 0 7px 25px rgba(0, 0, 0, 0.08);
}
.admin-tests__blocks-inputs {
  position: relative;
  -webkit-box-shadow: 0 7px 25px rgba(0, 0, 0, 0.08);
  box-shadow: 0 7px 25px rgba(0, 0, 0, 0.08);
  padding: 10px 20px;
}
.admin-tests__blocks-inputs .tests-add {
  position: absolute;
  left: -14px;
  bottom: 40%;
  height: 30px;
  width: 30px;
  -webkit-transform: translateY(50%);
  -ms-transform: translateY(50%);
  transform: translateY(50%);
}
.admin-tests__blocks-inputs .tests-add img {
  height: 100%;
  width: 100%;
  opacity: 0.8;
  -webkit-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.admin-tests__blocks-inputs .tests-add img:hover {
  -webkit-transform: scale(1.2);
  -ms-transform: scale(1.2);
  transform: scale(1.2);
  opacity: 1;
}
.admin-tests__blocks-input {
  padding: 12px 10px;
  width: auto;
}
.admin-tests__blocks-input_label {
  position: relative;
  display: block;
  top: -4px;
}
.admin-tests__blocks-btn {
  width: 120px;
}
.tests-part {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  grid-gap: 20px;
  max-width: 800px;
}
.right-option {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  width: 100%;
  max-width: 800px;
  padding: 10px 20px;
  grid-gap: 20px;
  position: relative;
}
.right-option__add {
  position: absolute;
  bottom: -14px;
  left: -12px;
  height: 30px;
  width: 30px;
}
.right-option__add img {
  height: 100%;
  width: 100%;
  opacity: 0.8;
  -webkit-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.right-option__add img:hover {
  -webkit-transform: scale(1.2);
  -ms-transform: scale(1.2);
  transform: scale(1.2);
  opacity: 1;
}
.right-option__del {
  position: absolute;
  right: -14px;
  bottom: -14px;
  height: 30px;
  width: 30px;
}
.right-option__del img {
  height: 100%;
  width: 100%;
  opacity: 0.8;
  -webkit-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.right-option__del img:hover {
  -webkit-transform: scale(1.2);
  -ms-transform: scale(1.2);
  transform: scale(1.2);
  opacity: 1;
}
.right-option__answers,
.right-option__questions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  grid-gap: 16px;
  position: relative;
}
.right-option__answers-item,
.right-option__questions-item {
  display: block;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  grid-gap: 8px;
  position: relative;
}
.right-option__answers-item .right-option__del,
.right-option__questions-item .right-option__del {
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  height: 30px;
  width: 30px;
}
.right-option__answers-item .right-option__del img,
.right-option__questions-item .right-option__del img {
  height: 100%;
  width: 100%;
  opacity: 0.8;
  -webkit-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.right-option__answers-item .right-option__del img:hover,
.right-option__questions-item .right-option__del img:hover {
  -webkit-transform: scale(1.2);
  -ms-transform: scale(1.2);
  transform: scale(1.2);
  opacity: 1;
}
.right-option__answers-add,
.right-option__questions-add {
  position: absolute;
  bottom: -24px;
  -webkit-transform: translateY(50%);
  -ms-transform: translateY(50%);
  transform: translateY(50%);
  right: 30px;
  height: 30px;
  width: 30px;
  z-index: 1;
}
.right-option__answers-add img,
.right-option__questions-add img {
  height: 100%;
  width: 100%;
  opacity: 0.8;
  -webkit-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.right-option__answers-add img:hover,
.right-option__questions-add img:hover {
  -webkit-transform: scale(1.2);
  -ms-transform: scale(1.2);
  transform: scale(1.2);
  opacity: 1;
}
.right-option__questions {
  border-right: 1px solid #e5e5e5;
  width: 70%;
}
.right-option__questions-add {
  bottom: 50%;
  z-index: 1;
}
.right-option__answers {
  width: 30%;
}
.right-option__answers-add {
  right: -26px;
  bottom: 50%;
}
.right-option__answers_item {
  cursor: pointer;
}
.achievements__title {
  font-weight: 700;
  line-height: 130%;
  margin-bottom: 8px;
}
.achievements__list-item {
  width: 280px;
}
.achievements__list-embed {
  height: 272px;
  display: block;
  position: relative;
  overflow: hidden;
  border-radius: 10px;
}
.achievements__list embed {
  height: 330px;
  width: 330px;
  position: absolute;
  top: -10px;
  left: -10px;
  z-index: 0;
}
.achievements__list-link {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
}
.achievements__list-title {
  font-weight: 500;
  margin-top: 12px;
}
.announcements-page__title {
  font-weight: 600;
  margin-bottom: 4px;
}
.announcements-page__img {
  height: auto;
  width: auto;
  max-height: 600px;
  max-width: 574px;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  border-radius: 10px;
  float: left;
  margin: 0 20px 20px 0;
}
.announcements-page__text {
  margin-bottom: 8px;
  max-width: 914px;
  white-space: pre-line;
}
.announcements-page__text._prev {
  max-height: 168px;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
.announcements-page__text a {
  color: #81a4ff;
  display: inline;
}
.chooseteacher {
  padding-bottom: 40px;
}
.chooseteacher__inner {
  border: solid 1px #e5e5e5;
  border-radius: 4px;
  padding: 20px;
}
.chooseteacher__profile {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: start;
  margin-bottom: 8px;
}
.chooseteacher__profile-photo {
  height: 74px;
  width: 74px;
  border-radius: 50%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  margin-right: 16px;
}
.chooseteacher__profile-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-right: 32px;
}
.chooseteacher__profile-info_name {
  font-size: 14px;
  line-height: 100%;
  margin-bottom: 4px;
  font-weight: 500;
}
.chooseteacher__profile-info_online {
  font-size: 10px;
  line-height: 100%;
  font-weight: 400;
  margin-bottom: 4px;
}
.chooseteacher__profile-info_rating {
  font-size: 14px;
  line-height: 100%;
  letter-spacing: 2px;
}
.chooseteacher__profile-links {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 16px;
}
.chooseteacher__block {
  font-size: 10px;
  line-height: 10px;
  font-weight: 400;
  margin-bottom: 16px;
}
.chooseteacher__block-title {
  font-weight: 500;
  margin-bottom: 4px;
}
.chooseteacher__block-text.price {
  margin-bottom: 8px;
}
.chooseteacher__block:last-child {
  margin-bottom: 0;
}
.chooseteacher__block-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 4px;
}
.chooseteacher__block-list_item {
  height: 24px;
  width: 120px;
  border-radius: 4px;
  background-color: #00a1ff;
  font-size: 12px;
  line-height: 24px;
  color: #fff;
  text-align: center;
}
.chooseteacher__block-list._dark .chooseteacher__block-list_item {
  background-color: #3d8fbf;
}
.events-months {
  font-size: 16px;
  line-height: 130%;
  width: 100%;
}
.events-months__item {
  padding: 20px;
  width: 100%;
  margin: 0 auto;
}
.events-months__title {
  font-size: 24px;
  line-height: 130%;
  font-weight: 700;
  color: #000;
  margin-bottom: 20px;
  text-transform: uppercase;
}
.events-months__weeks {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  grid-gap: 10px;
}
.events-months__week {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  grid-gap: 10px;
  width: 100%;
}
.events-months__day {
  display: block;
  text-align: center;
  width: 80px;
  border: 1px solid #e5e5e5;
  border-radius: 4px;
  position: relative;
}
.events-months__day[data-tooltip]::after {
  top: 90%;
  width: 200px;
  color: #000;
  background-color: #fff;
}
.events-months__day-event {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  width: auto;
  white-space: nowrap;
  padding: 10px;
  background: #fff;
  text-align: left;
  font-size: 13px;
  z-index: 100;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
  color: #000;
  border-radius: 4px;
}
.events-months__day-event:hover {
  color: #000;
}
.events-months__day-event::before {
  content: "";
  border: solid transparent;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  bottom: 100%;
  border-bottom-color: #fff;
  border-width: 9px;
  margin-left: 0;
}
.events-months__day.check {
  background: #81a4ff;
  color: #fff;
  cursor: pointer;
}
.events-months__day.check:hover .events-months__day-event {
  display: block;
}
.events-months__day-num {
  display: block;
  padding: 10px;
}
.events-months__day-num.we {
  color: #ff0040;
}
.events-months__day-num.dis {
  color: #a0a8b1;
}
.events-months__day-text {
  margin-top: 8px;
  text-align: center;
}
.events-months__day.today {
  font-weight: 600;
  -webkit-box-shadow: 0 0 4px 1px #e5e5e5 inset;
  box-shadow: 0 0 4px 1px #e5e5e5 inset;
}
.events__article {
  min-height: 360px;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 25%;
}
.events__article-register {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  font-weight: 600;
  color: #000;
  background-color: #fff;
  padding: 4px 8px;
  -webkit-box-shadow: 0 0 2px 2px #37373710;
  box-shadow: 0 0 2px 2px #37373710;
  border-radius: 4px;
  font-size: 16px;
}
.events__article-register.register {
  display: block;
}
.events__article-items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  margin: -12px -20px;
  min-width: 1px;
  width: 100%;
}
.events__article-inner {
  margin: 12px 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-flex: 1;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
  background-color: #007aff;
  border-bottom: 3px solid #007aff;
  -webkit-box-shadow: 0 0 2px 2px #37373710;
  box-shadow: 0 0 2px 2px #37373710;
}
.events__article-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-flex: 1;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
  padding: 16px;
  background-color: #fff;
}
.events__article-title {
  font-size: 17px;
  font-weight: 600;
  margin-bottom: 8px;
}
.events__article-subtitle {
  font-size: 17px;
  margin-bottom: 4px;
}
.events__article-image {
  display: block;
  position: relative;
  overflow: hidden;
  height: 250px;
  width: 100%;
  background-color: #fff;
  position: relative;
}
.events__article-rub {
  position: absolute;
  right: 10px;
  bottom: 10px;
  height: 40px;
  width: 40px;
  z-index: 2;
}
.events__article-rub._view {
  top: 10px;
  left: 10px;
  right: auto;
  bottom: auto;
}
.events__article-img {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  -o-transition: transform 0.3s;
  transition: transform 0.3s;
  transition:
    transform 0.3s,
    -webkit-transform 0.3s;
  z-index: 0;
}
.events__article-img:hover {
  -webkit-transform: scale(1.05);
  -ms-transform: scale(1.05);
  transform: scale(1.05);
}
.events__article-link {
  font-weight: 500;
  background-color: #81a4ff;
}
.events__article-link a {
  display: block;
  padding: 16px;
  color: #fff;
  position: relative;
  overflow: hidden;
  z-index: 1;
}
.events__article-link a:hover::before {
  top: 0;
}
.events__article-link a:hover svg {
  right: 4px;
}
.events__article-link a::before {
  content: "";
  position: absolute;
  background-color: #007aff;
  z-index: -1;
  top: 100%;
  right: 0;
  height: 100%;
  width: 100%;
  -webkit-transition: top 0.3s ease;
  -o-transition: top 0.3s ease;
  transition: top 0.3s ease;
}
.events__article-link a._last {
  border-top: 4px solid #fff;
  padding: 12px 16px;
}
.events__article-link a._last .events__article-link_icon {
  -webkit-transform: translateY(-50%) rotate(0) !important;
  -ms-transform: translateY(-50%) rotate(0) !important;
  transform: translateY(-50%) rotate(0) !important;
}
.events__article-link a._last .events__article-link_icon circle,
.events__article-link a._last .events__article-link_icon line,
.events__article-link a._last .events__article-link_icon rect {
  stroke: #fff;
}
.events__article-link_icon {
  position: absolute;
  height: 20px;
  width: 20px;
  top: 50%;
  right: 10px;
  -webkit-transform: translateY(-50%) rotate(180deg);
  -ms-transform: translateY(-50%) rotate(180deg);
  transform: translateY(-50%) rotate(180deg);
  -webkit-transition: right 0.3s ease;
  -o-transition: right 0.3s ease;
  transition: right 0.3s ease;
}
.events__article-link_icon path {
  fill: #fff;
  stroke: #fff;
}
.events__article-prev {
  width: 266px;
}
.events__page-image {
  float: left;
  position: relative;
}
.events-months__name {
  min-width: 150px;
  text-align: center;
}
.events-months-arrow {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  grid-gap: 20px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: start;
}
.events-months-btn {
  position: relative;
  content: "";
  background: url(../images/icons/arrow.svg);
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-size: contain !important;
  height: 24px;
  width: 14px;
  cursor: pointer;
}
.events-months-btn.events-months-prev {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
.events_season._autumn,
.events_season._spring,
.events_season._summer,
.events_season._winter {
  background-position: center bottom !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
}
.events_season._winter {
  background: url(../images/content/events/winter.jpg);
}
.events_season._spring {
  background: url(../images/content/events/spring.jpg);
}
.events_season._summer {
  background: url(../images/content/events/summer.jpg);
}
.events_season._autumn {
  background: url(../images/content/events/autumn.jpg);
}
.events__title-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  max-width: 850px;
}
.events__title-btn {
  margin-left: 20px;
}
.photo-report__folders {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: start;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  grid-gap: 20px;
}
.photo-report__folders-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  grid-gap: 8px;
  padding: 8px 10px;
  width: 240px;
  overflow: hidden;
  border: 1px solid #cfd3d8;
  border-radius: 4px;
  white-space: nowrap;
}
.photo-report__folders-item span {
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  overflow: hidden;
}
.photo-report__folders-icon {
  height: 40px;
  width: 40px;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.photo-report__photo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: start;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  grid-gap: 14px;
}
.photo-report__photo-item {
  height: 200px;
  width: 260px;
  border-radius: 4px;
  display: block;
  overflow: hidden;
}
.photo-report__photo img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  -o-transition: transform 0.3s ease;
  transition: transform 0.3s ease;
  transition:
    transform 0.3s ease,
    -webkit-transform 0.3s ease;
}
.photo-report__photo img:hover {
  -webkit-transform: scale(1.05);
  -ms-transform: scale(1.05);
  transform: scale(1.05);
}
.photo-report__submit-block {
  position: relative;
  display: inline-block;
  margin-bottom: 20px;
}
.photo-report__submit-file {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  cursor: pointer;
  z-index: 2;
}
.photo-report__submit-sub {
  z-index: 1;
}
.photo-report__submit-sub.active {
  z-index: 3;
}
.o-week {
  font-family: Raleway, sans-serif;
}
.o-week__img {
  height: auto;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  margin: 20px 0;
}
.o-week__title {
  font-size: 42px;
  line-height: 44px;
  font-weight: 700;
  color: #000378;
  margin-bottom: 18px;
}
.o-week__block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 10px;
  grid-gap: 40px;
}
.o-week__block._rtl {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-flow: row-reverse;
  flex-flow: row-reverse;
}
.o-week__block-content {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 62%;
}
.o-week__block-image {
  -ms-flex-negative: 1;
  flex-shrink: 1;
  padding: 0 20px;
}
.o-week__block-image img {
  height: auto;
  width: 100%;
  max-height: 300px;
}
.o-week__block-text {
  font-weight: 500;
  font-size: 22px;
  line-height: 28px;
}
.o-week__dblock {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: right;
  -ms-flex-pack: right;
  justify-content: right;
  grid-gap: 60px;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  margin-bottom: 120px;
}
.o-week__dblock-images {
  -ms-flex-negative: 1;
  flex-shrink: 1;
  text-align: right;
  width: 20%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.o-week__dblock-images img {
  height: auto;
  width: 100%;
}
.o-week__dblock-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  margin: 60px 0;
  padding: 24px 40px 46px;
  width: 62%;
  background-color: #ffccd9;
}
.o-week__welcome {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  grid-gap: 80px;
  padding-bottom: 80px;
}
.o-week__welcome-title {
  font-weight: 700;
  font-size: 42px;
  line-height: 54px;
  margin-bottom: 18px;
  color: #ff0040;
}
.o-week__welcome-subtitle {
  font-size: 20px;
  line-height: 27px;
  font-weight: 600;
  margin-bottom: 18px;
}
.o-week__welcome-text {
  font-size: 20px;
  line-height: 24px;
  font-weight: 400;
}
.o-week__welcome-content {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 50%;
}
.o-week__welcome-image img {
  height: auto;
  width: 100%;
}
.o-week__welcome-signature {
  font-size: 18px;
  line-height: 22px;
  font-weight: 500;
  margin-top: 40px;
}
.o-week__orientation-book {
  text-align: center;
  margin-bottom: 20px;
}
.o-week__orientation-book a {
  padding: 10px 40px;
  border-radius: 10px;
  background-color: #244cc8;
  color: #fff;
  font-weight: 700;
  font-size: 20px;
  -webkit-box-shadow: -4px 4px 1px 1px #000378;
  box-shadow: -4px 4px 1px 1px #000378;
  display: inline-block;
}
.o-week__orientation-book a:hover {
  opacity: 0.8;
}
.admin-header__inner,
.admin-header__navbar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.admin-header {
  display: block;
  background-color: #fff;
  border-bottom: 1px solid #f5f5f5;
  z-index: 12;
}
.admin-header__inner {
  padding: 8px 12px;
}
.admin-header__navbar {
  grid-gap: 10px;
}
.admin-header__navbar-link {
  height: 32px;
  display: inline-block;
  padding: 6px;
}
.admin-header__navbar-link_img {
  height: 100%;
}
.admin-header__navbar-link_img._empty {
  opacity: 0.2;
}
.admin-header__navbar .hddn {
  opacity: 0;
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  overflow: hidden;
  height: 32px;
}
.admin-header__navbar-user {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-weight: 700;
  font-family: pnova-bold, sans-serif;
  position: relative;
  -webkit-transition: padding 0.3s ease;
  -o-transition: padding 0.3s ease;
  transition: padding 0.3s ease;
  width: 100%;
}
.admin-header__navbar-user:hover {
  padding-right: 106px;
}
.admin-header__navbar-user:hover .hddn {
  opacity: 1;
}
.admin-header .logo__link {
  height: 32px;
}
.admin-body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: start;
  height: 100%;
  width: 100%;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
}
.admin-body__menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  background-color: #fff;
  font-weight: 600;
  min-width: 178px;
  height: 100%;
  position: fixed;
}
.admin-body__menu-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: start;
}
.admin-body__menu-item {
  padding: 12px 6px 12px 20px;
}
.admin-body__menu-item._active,
.admin-body__menu-item:hover {
  background-color: #f5f5f5;
}
.admin-body__menu p {
  display: block;
  background-color: #f5f5f5;
  height: 2px;
  margin: 10px;
}
.admin-body__content {
  padding: 0 20px;
  height: 100%;
  width: 100%;
  margin-left: 178px;
}
.admin-body .jq-selectbox {
  width: 100%;
  max-width: 400px;
}
.section-page__form-foto,
.students-page__form-foto {
  cursor: pointer;
  max-height: 100px;
  max-width: 100px;
  height: 100px;
  width: 100px;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  border-radius: 50%;
}
.section-page__form-foto_input,
.students-page__form-foto_input {
  display: none;
}
.section-page__payments,
.students-page__payments {
  max-width: 820px;
}
.section-page__payments-item,
.students-page__payments-item {
  line-height: 30px;
  position: relative;
}
.section-page__payments-buttons,
.students-page__payments-buttons {
  display: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  grid-gap: 10px;
  top: 0;
  right: 0;
  position: absolute;
  background-color: #fff;
  z-index: 1;
}
.section-page__payments-buttons_img,
.students-page__payments-buttons_img {
  height: 26px;
  width: 26px;
}
.section-page__payments-btn,
.students-page__payments-btn {
  display: inherit;
}
.section-page__payments-btn.true,
.students-page__payments-btn.true {
  display: none;
}
.students-list__item {
  cursor: pointer;
  position: relative;
}
.students-list__item.active::before {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%) rotate(180deg);
  -ms-transform: translateY(-50%) rotate(180deg);
  transform: translateY(-50%) rotate(180deg);
  height: 5px;
  width: 10px;
  background: url(../images/icons/arrows.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
.students-list__item.ASC.active::before {
  -webkit-transform: translateY(-50%) rotate(0);
  -ms-transform: translateY(-50%) rotate(0);
  transform: translateY(-50%) rotate(0);
}
.students-list.--overfhid {
  width: 100%;
}
.readiness-post {
  cursor: pointer;
  display: inline-block;
  margin-bottom: 12px;
  padding: 4px 0 4px 34px;
  width: auto;
}
.readiness-post:last-child {
  margin-bottom: 0;
}
.edit-btn,
.title-btn {
  position: absolute;
  top: 36px;
  right: 0;
  height: 22px;
  width: 22px;
}
.edit-btn img,
.title-btn img {
  height: 100%;
  width: 100%;
  display: block;
}
.group_course {
  position: absolute;
  top: 10px;
  right: 10px;
}
.admin {
  min-height: 100vh;
  overflow-x: hidden;
}
:root {
  --blue: #81a4ff;
  --red: #ff0040;
  --dark: #000d21;
  --gray: #c4c4c4;
  --body: #f5f5f5;
}
.a-navigation {
  position: fixed;
  height: 100vh;
  width: 64px;
  background-color: var(--body);
  border-left: 10px solid var(--body);
  -webkit-transition: all 0.3s cubic-bezier(1, -0.4, 0.3, 1.2);
  -o-transition: all 0.3s cubic-bezier(1, -0.4, 0.3, 1.2);
  transition: all 0.3s cubic-bezier(1, -0.4, 0.3, 1.2);
  overflow: hidden;
}
.a-navigation__list {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
.a-navigation__list .hr {
  width: 100%;
  height: 24px;
  pointer-events: none;
}
.a-navigation__list-item {
  position: relative;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 50px;
  border-radius: 30px 0 0 30px;
}
.a-navigation__list-item.active,
.a-navigation__list-item:hover {
  background-color: #fff;
}
.a-navigation__list-item:nth-child(1) {
  margin-top: 5px;
  margin-bottom: 50px;
  pointer-events: none;
  font-weight: 600;
}
.a-navigation__list-item:nth-child(1) img {
  border-radius: 4px;
  height: 40px;
  width: 40px;
}
.a-navigation__list-item.active::after,
.a-navigation__list-item.active::before,
.a-navigation__list-item:hover::after,
.a-navigation__list-item:hover::before {
  content: "";
  position: absolute;
  height: 50px;
  width: 50px;
  right: 0;
  background-color: transparent;
  border-radius: 50%;
  pointer-events: none;
}
.a-navigation__list-item.active::before,
.a-navigation__list-item:hover::before {
  -webkit-box-shadow: 35px 35px 0 10px #fff;
  box-shadow: 35px 35px 0 10px #fff;
  top: -50px;
}
.a-navigation__list-item.active::after,
.a-navigation__list-item:hover::after {
  -webkit-box-shadow: 35px -35px 0 10px #fff;
  box-shadow: 35px -35px 0 10px #fff;
  bottom: -50px;
}
.a-navigation__list-link {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  padding: 5px 0;
}
.a-navigation__list-icon {
  height: 38px;
  width: 38px;
  margin-right: 18px;
}
.a-navigation__list-title {
  line-height: 40px;
  white-space: nowrap;
}
.a-navigation.active,
.a-navigation:hover {
  width: 240px;
}
.sadmin-main {
  position: absolute;
  width: calc(100% - 64px);
  left: 64px;
  min-height: 100vh;
  background-color: #fff;
  -webkit-transition: all 0.3s cubic-bezier(1, -0.4, 0.3, 1.2);
  -o-transition: all 0.3s cubic-bezier(1, -0.4, 0.3, 1.2);
  transition: all 0.3s cubic-bezier(1, -0.4, 0.3, 1.2);
}
.sadmin-main.active {
  left: 240px;
  width: calc(100% - 240px);
}
.sadmin-main .a-navigation:hover {
  left: 240px;
  width: calc(100% - 240px);
}
.topbar {
  height: 60px;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0 10px;
}
.toggle-icon {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border: 1.5px solid #ff0040;
  border-radius: 4px;
  height: 40px;
  width: 40px;
  padding: 12px 9px;
  z-index: 15;
  cursor: pointer;
  outline: 0;
  margin-left: 10px;
}
.toggle-icon__btn {
  height: 14px;
  width: 100%;
  position: relative;
}
.toggle-icon__btn span,
.toggle-icon__btn::after,
.toggle-icon__btn::before {
  position: absolute;
  height: 2px;
  left: 0;
  background: #ff0040;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.toggle-icon__btn::after,
.toggle-icon__btn::before {
  content: "";
}
.toggle-icon__btn::before {
  top: 0;
  width: 100%;
}
.toggle-icon__btn span {
  top: 50%;
  -webkit-transform: scale(1) translate(0, -50%);
  -ms-transform: scale(1) translate(0, -50%);
  transform: scale(1) translate(0, -50%);
  width: 70%;
}
.toggle-icon__btn::after {
  bottom: 0;
  width: 40%;
}
.toggle-icon.active .toggle-icon__btn span,
.toggle-icon.active .toggle-icon__btn::after,
.toggle-icon.active .toggle-icon__btn::before {
  left: auto;
  right: 0;
}
.search {
  position: relative;
  width: 100%;
  max-width: 400px;
  margin: 0 10px;
}
.search__label {
  position: relative;
  width: 100%;
}
.search__input {
  width: 100%;
  height: 40px;
  line-height: 40px;
  border-radius: 40px;
  padding-left: 36px;
}
.search__icon {
  position: absolute;
  top: 50%;
  left: 8px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  height: 20px;
  width: 20px;
}
.sadmin-main__user {
  height: 40px;
  width: 40px;
  position: relative;
  border-radius: 50%;
  overflow: hidden;
}
.sadmin-main__user-img {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
}
.card {
  position: relative;
  width: 100%;
  padding: 20px;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr) [4];
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 30px;
}
.card__item {
  position: relative;
  background-color: #fff;
  padding: 30px;
  border-radius: 10px;
  -webkit-box-shadow: 0 7px 25px rgba(0, 0, 0, 0.08);
  box-shadow: 0 7px 25px rgba(0, 0, 0, 0.08);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  cursor: pointer;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.card__item:hover {
  background-color: var(--blue);
  color: #fff;
}
.card__item:hover .card__name,
.card__item:hover .card__numbers {
  color: #fff;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.card__numbers {
  font-size: 28px;
  color: var(--blue);
  margin-bottom: 5px;
}
.card__name {
  font-size: 14px;
  color: var(--gray);
}
.card .iconBx {
  display: inherit;
  height: 60px;
  width: 60px;
}
.card .iconBx img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.charts {
  position: relative;
  width: 100%;
  padding: 20px;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 2fr;
  grid-template-columns: 1fr 2fr;
  grid-gap: 30px;
}
.charts__item {
  position: relative;
  display: -ms-grid;
  display: grid;
  background-color: #fff;
  padding: 20px;
  -webkit-box-shadow: 0 7px 25px rgba(0, 0, 0, 0.08);
  box-shadow: 0 7px 25px rgba(0, 0, 0, 0.08);
  border-radius: 10px;
  width: 100%;
  min-height: 200px;
}
.details {
  position: relative;
  width: 100%;
  padding: 20px;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 2fr 1fr;
  grid-template-columns: 2fr 1fr;
  grid-gap: 30px;
}
.details__customers,
.details__orders {
  position: relative;
  min-height: 200px;
  display: -ms-grid;
  display: grid;
  background-color: #fff;
  padding: 20px;
  -webkit-box-shadow: 0 7px 25px rgba(0, 0, 0, 0.08);
  box-shadow: 0 7px 25px rgba(0, 0, 0, 0.08);
  border-radius: 10px;
}
.details__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.details__header h2 {
  font-size: 28px;
  color: var(--blue);
  white-space: nowrap;
}
.details__btn {
  position: relative;
  padding: 0 10px;
  background-color: var(--blue);
  color: #fff;
  border-radius: 6px;
  height: 30px;
  line-height: 30px;
}
.details__btn:hover {
  color: #fff;
  background-color: #5983ef;
}
.details table {
  width: 100%;
  border-collapse: collapse;
  margin-top: 10px;
}
.details table .details__table-head td {
}
.details__orders table td {
  padding: 10px;
}
.details__orders table td:last-child {
  text-align: end;
}
.details__orders table td:nth-child(3)б .details__orders table td:nth-child(4) {
  text-align: center;
}
.details__customers table tbody tr,
.details__orders table tbody tr {
  color: var(--dark);
  border-bottom: 1px solid #e5e5e5;
  -webkit-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.details__customers table tbody tr:hover,
.details__orders table tbody tr:hover {
  background-color: var(--blue);
  color: #fff;
}
.details__customers table tbody tr:last-child,
.details__orders table tbody tr:last-child {
  border: none;
}
.details__status {
  font-size: 14px;
  padding: 2px 4px;
  color: #fff;
  border-radius: 4px;
  white-space: nowrap;
}
.details__status.delivered {
  background: #626dd4;
}
.details__status.inprogress {
  background: #b2b830;
}
.details__status.pending {
  background: #30b8ab;
}
.details__status.return {
  background: #73859f;
}
.details__customers-img {
  height: 40px;
  width: 40px;
  border-radius: 50%;
  overflow: hidden;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
}
.details__customers table td {
  padding: 10px;
}
.details__customers table tbody tr {
  border: none;
}
.details__customers table tbody td span {
  color: var(--gray);
}
@media (max-width: 991px) {
  .sadmin__navigation {
    left: -240px;
  }
  .sadmin__navigation.active {
    left: 0;
  }
  .sadmin-main {
    width: 100%;
    left: 0;
  }
  .sadmin-main.active {
    left: 240px;
    width: calc(100% - 240px);
  }
  .charts {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
  .card {
    -ms-grid-columns: (1fr) [2];
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 768px) {
  .a-navigation.active {
    overflow-y: auto;
  }
  .details {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
  .details .details__customers,
  .details__orders {
    overflow-x: auto;
  }
}
@media (max-width: 480px) {
  .card {
    overflow-x: auto;
  }
  .wrapper {
    overflow: hidden;
  }
  .card {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
  .sadmin-main__user,
  .toggle-icon {
    min-width: 40px;
  }
  .a-navigation {
    width: 100%;
    left: -100%;
    z-index: 400;
  }
  .a-navigation.active {
    left: 0;
    width: 100%;
  }
  .a-navigation__list-item.active::after,
  .a-navigation__list-item.active::before,
  .a-navigation__list-item:hover::after,
  .a-navigation__list-item:hover::before {
    display: none;
  }
  .toggle-icon.active {
    z-index: 401;
  }
  .sadmin-main .toggle-icon.active {
    position: fixed;
    right: 10px;
    margin-left: 0;
  }
  .card__numbers,
  .details__header h2 {
    font-size: 24px;
  }
  .charts__item {
    overflow-x: auto;
  }
}
@media (max-width: 358px) {
  .sadmin-main__user {
    display: none;
  }
}
.courses__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: start;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: start;
  grid-gap: 20px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.courses__list-item {
  position: relative;
  max-width: 306px;
}
.courses__list-images {
  position: relative;
  margin-bottom: 10px;
}
.courses__list-images_icon {
  position: absolute;
  bottom: -20px;
  right: 13px;
  height: 40px;
  width: 40px;
  padding: 6px;
  background-color: #fff;
  border: 0.5px solid #cfd3d8;
  border-radius: 4px;
  z-index: 1;
}
.courses__list-images_icon img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
}
.courses__list-img {
  border-radius: 4px;
  height: auto;
  width: 100%;
  max-height: 136px;
  -o-object-fit: cover;
  object-fit: cover;
}
.courses__list-title {
  font-size: 16px;
  line-height: 130%;
  font-weight: 500;
  margin-bottom: 4px;
  position: relative;
  max-width: 233px;
}
.courses__list-text {
  font-size: 12px;
  line-height: 130%;
  color: #707c8b;
}
.courses__select-list {
  width: 400px;
}
.teacher__select-list {
  width: 100%;
}
.courses-checkbox__input {
  display: none;
}
.courses-checkbox__input:checked + label {
  background: #81a4ff;
  color: #fff;
}
.courses-checkbox__label {
  cursor: pointer;
  display: block;
  border: 1px solid #e5e5e5;
  border-radius: 4px;
  padding: 10px;
  min-width: 50px;
  text-align: center;
  margin-right: 10px;
}
.admin-body .history-list ._bornn {
  text-align: left;
}
.admin-body .history-list__menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: start;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: start;
  grid-gap: 8px;
}
.admin-body .history-list__menu-panel {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: start;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: start;
  grid-gap: 8px;
}
.admin-body .history-list__menu a {
  color: #fff;
  border-radius: 4px;
  cursor: pointer;
  text-align: center;
  line-height: 130%;
  padding: 2px 8px;
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  -o-transition: transform 0.3s ease;
  transition: transform 0.3s ease;
  transition:
    transform 0.3s ease,
    -webkit-transform 0.3s ease;
}
.admin-body .history-list__menu a:hover {
  -webkit-transform: scale(1.2);
  -ms-transform: scale(1.2);
  transform: scale(1.2);
}
.admin-body .history-list__menu ._filter {
  color: #000;
  border-radius: 4px;
  display: list-item;
  cursor: pointer;
  text-align: center;
  line-height: 130%;
  padding: 10px;
  width: 100px;
  overflow: hidden;
  white-space: nowrap;
}
.admin-body .history-list__menu ._filter._all {
  color: #000;
  border: 1px solid #e5e5e5;
}
.admin-body .history-list__menu .add {
  background-color: #81a4ff !important;
}
.admin-body .history-list__menu .editing {
  background-color: #b2b830 !important;
}
.admin-body .history-list__menu .activation {
  background-color: #2e865c !important;
}
.admin-body .history-list__menu .act-off {
  background-color: #535c58 !important;
}
.admin-body .history-list__menu .access {
  background-color: #ff81d5 !important;
}
.admin-body .history-list__menu .change_email {
  background-color: #ff0040 !important;
}
.admin-body .history-list__menu .delete {
  background-color: #000 !important;
}
.table-list__item._bornn.add {
  background-color: #81a4ff !important;
}
.table-list__item._bornn.editing {
  background-color: #b2b830 !important;
}
.table-list__item._bornn.activation {
  background-color: #2e865c !important;
}
.table-list__item._bornn.act-off {
  background-color: #535c58 !important;
}
.table-list__item._bornn.access {
  background-color: #ff81d5 !important;
}
.table-list__item._bornn.change_email {
  background-color: #ff0040 !important;
}
.table-list__item._bornn.delete {
  background-color: #000 !important;
}
.table-list__item._bornn.sched-add {
  background: -o-linear-gradient(45deg, #9c2169, #0035bb);
  background: linear-gradient(45deg, #9c2169, #0035bb);
}
.table-list__item._bornn.course-add {
  background: -o-linear-gradient(45deg, #435bda, #81a4ff);
  background: linear-gradient(45deg, #435bda, #81a4ff);
}
.table-list__item._bornn.course-edt {
  background: -o-linear-gradient(45deg, #435bda, #b2b830);
  background: linear-gradient(45deg, #435bda, #b2b830);
}
.table-list__item._bornn.group-add {
  background: -o-linear-gradient(45deg, #c46627, #81a4ff);
  background: linear-gradient(45deg, #c46627, #81a4ff);
}
.table-list__item._bornn.group-edt {
  background: -o-linear-gradient(45deg, #c46627, #b2b830);
  background: linear-gradient(45deg, #c46627, #b2b830);
}
.table-list__item._bornn.paym-group {
  background: -o-linear-gradient(45deg, #8f83ff, #035300);
  background: linear-gradient(45deg, #8f83ff, #035300);
}
.table-list__item._bornn.teacher-add {
  background: -o-linear-gradient(45deg, #b4b4b4, #474747);
  background: linear-gradient(45deg, #b4b4b4, #474747);
}
.table-list__item._bornn.teacher-edt {
  background: -o-linear-gradient(45deg, #768b71, #474747);
  background: linear-gradient(45deg, #768b71, #474747);
}
.table-list__item._bornn.teacher-del {
  background: -o-linear-gradient(45deg, #475242, #474747);
  background: linear-gradient(45deg, #475242, #474747);
}
.table-list__item._bornn.admin-add {
  background: -o-linear-gradient(45deg, #ffb685, #b83030);
  background: linear-gradient(45deg, #ffb685, #b83030);
}
.table-list__item._bornn.admin-edt {
  background: -o-linear-gradient(45deg, #489600, #b83030);
  background: linear-gradient(45deg, #489600, #b83030);
}
.table-list__item._bornn.admin-del {
  background: -o-linear-gradient(45deg, #003496, #b83030);
  background: linear-gradient(45deg, #003496, #b83030);
}
.table-list__item._bornn.paym-add {
  background: -o-linear-gradient(45deg, #39c427, #035300);
  background: linear-gradient(45deg, #39c427, #035300);
}
.table-list__item._bornn.paym-act {
  background: -o-linear-gradient(45deg, #ff8383, #035300);
  background: linear-gradient(45deg, #ff8383, #035300);
}
.table-list__item._bornn.paym-del {
  background: -o-linear-gradient(45deg, #000, #035300);
  background: linear-gradient(45deg, #000, #035300);
}
.table-list__item._bornn.news-add {
  background: -o-linear-gradient(45deg, #655ac9, #a5b100);
  background: linear-gradient(45deg, #655ac9, #a5b100);
}
.table-list__item._bornn.news-edt {
  background: -o-linear-gradient(45deg, #489600, #a5b100);
  background: linear-gradient(45deg, #489600, #a5b100);
}
.table-list__item._bornn.news-del {
  background: -o-linear-gradient(45deg, #000, #a5b100);
  background: linear-gradient(45deg, #000, #a5b100);
}
.media__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: start;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: start;
  grid-gap: 20px;
}
.media__list-item {
  position: relative;
  width: 100%;
  max-width: 275px;
}
.media__list-image {
  height: 267px;
  width: 100%;
  margin-bottom: 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.media__list-img {
  height: auto;
  width: auto;
  max-height: 100%;
  max-width: 100%;
}
.media__list-title {
  font-weight: 500;
  margin-bottom: 8px;
}
.news__title {
  max-width: 100%;
}
.news_preview {
  max-width: 1162px;
}
.news__textarea {
  min-height: 200px !important;
  max-width: 100%;
}
.discounts-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: start;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: start;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  grid-gap: 32px;
}
.discounts-list__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: start;
  min-height: 486px;
  width: 100%;
  max-width: 310px;
  margin-bottom: 20px;
}
.discounts-list__img {
  height: 200px;
  background: #c4c4c4;
  border-radius: 10px;
  margin-bottom: 12px;
}
.discounts-list__img img {
  border-radius: 10px;
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
}
.discounts-list__text {
  margin-bottom: 12px;
  max-height: 74px;
  overflow: hidden;
}
.discounts-list__btn {
  margin-top: auto;
}
.lesson__list-img {
  cursor: pointer;
  max-height: 100%;
}
.admin-tasks__student {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: start;
  grid-gap: 20px;
  margin-bottom: 20px;
}
.admin-tasks__student-image {
  height: 60px;
  width: 60px;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  border-radius: 50%;
}
.admin-tasks__student-text {
  font-size: 24px;
  line-height: 27px;
}
.admin-tasks__list {
  font-size: 22px;
  line-height: 27px;
  margin-bottom: 40px;
}
.admin-tasks__list-item.active {
  color: #81a4ff;
}
.admin-tasks__list-link {
  padding: 4px;
  display: inline-block;
}
@media (max-width: 700px) {
  .header__profile {
    margin-left: auto;
  }
  .header__contacts {
    display: none;
  }
}
@media (max-width: 478px) {
  .header__profile {
    display: none;
  }
}
@media (max-width: 426px) {
  .header__top {
    margin: 10px 0;
  }
}
@media (max-width: 361px) {
  .header {
    padding: 0 8px;
  }
}
@media (max-width: 1370px) {
  .container:not(.admin-container) {
    padding-left: 64px;
  }
}
@media (max-width: 1000px) {
  .container {
    padding-left: 15px;
  }
  .container:not(.admin-container) {
    padding-left: 15px;
  }
}
@media (max-width: 367px) {
  .container {
    padding: 0;
  }
  .container:not(.admin-container) {
    padding-left: 0;
  }
}
@media (max-width: 367px) {
  .footer .container,
  .header .container {
    padding: 8px;
    overflow: hidden;
  }
  .footer .container:not(.admin-container),
  .header .container:not(.admin-container) {
    padding-left: 8px;
  }
}
@media (max-width: 1000px) {
  .menu {
    display: none;
  }
  .menu-icon {
    display: block;
  }
}
@media (max-width: 1000px) {
  .navigation {
    display: none;
  }
}
@media (max-width: 768px) {
  .section {
    margin-top: 20px;
  }
}
@media (max-width: 426px) {
  .section__list-item {
    width: 100%;
    max-width: 100%;
  }
  .section__list-img {
    max-height: 100%;
  }
}
@media (max-width: 820px) {
  .section__block {
    padding: 0 20px;
  }
  .section__block-title {
    font-size: 28px;
    padding: 30px 0 20px;
  }
}
@media (max-width: 426px) {
  .section__block {
    margin-bottom: 12px;
  }
  .section__block-title {
    font-size: 18px;
    padding: 15px 0 15px;
  }
}
@media (max-width: 376px) {
  .section__block {
    margin-bottom: 8px;
    padding: 0 14px;
  }
  .section__block-title {
    font-size: 16px;
  }
}
@media (max-width: 1024px) {
  .section__grid {
    -ms-grid-columns: (1fr) [3];
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 768px) {
  .section__grid {
    -ms-grid-columns: (1fr) [2];
    grid-template-columns: repeat(2, 1fr);
  }
  .section__grid-item {
    max-width: 100%;
  }
}
@media (max-width: 557px) {
  .section__grid {
    -ms-grid-columns: (1fr) [1];
    grid-template-columns: repeat(1, 1fr);
  }
}
@media (max-width: 820px) {
  .toggle-content {
    padding-bottom: 30px;
  }
}
@media (max-width: 1000px) {
  .navigation {
    display: block;
    left: -100%;
    right: auto;
    width: 300px;
    -webkit-transition: left 0.3s ease-in-out;
    -o-transition: left 0.3s ease-in-out;
    transition: left 0.3s ease-in-out;
  }
  .navigation__arrow {
    display: none;
  }
  .navigation._mob-active {
    left: 0;
  }
  .navigation__contacts {
    margin-top: 20px;
  }
}
@media (max-width: 426px) {
  .navigation {
    width: 100% !important;
  }
  .navigation__inner {
    padding-top: 30px;
    overflow-y: scroll;
  }
  .navigation__list-item {
    padding-bottom: 10px;
  }
  .navigation__list-item:last-child {
    padding-bottom: 0;
  }
  .navigation__list-link {
    font-size: 22px;
  }
}
@media (max-width: 1020px) {
  .profile-page__card {
    overflow: hidden;
  }
  .profile-page__suggestions-inner {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    grid-gap: 24px;
  }
  .profile-page__blocks {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    grid-gap: 0;
  }
  .profile-page__blocks .profile-page__suggestions-item,
  .profile-page__blocks .section__block {
    width: 100%;
  }
  .profile-page__image {
    margin-right: 20px;
  }
}
@media (max-width: 1000px) {
  .profile-page__data-item._login {
    display: none;
  }
}
@media (max-width: 820px) {
  .profile-page__card {
    padding: 20px;
    padding-right: 0;
  }
  .profile-page__card-title {
    font-size: 36px;
    margin-bottom: 16px;
  }
  .profile-page__suggestions-item {
    padding: 20px;
  }
  .profile-page__suggestions-image {
    height: 80px;
  }
  .profile-page__mycourses-collapsible {
    margin-right: -24px;
    padding-right: 24px;
    margin-left: -24px;
    padding-left: 24px;
  }
  .profile-page .mycourses-slider {
    margin-right: -20px;
    padding-right: 20px;
    margin-left: -20px;
    padding-left: 20px;
  }
  .profile-page__favouriteareas-collapsible {
    -ms-grid-columns: (1fr) [2];
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 770px) {
  .profile-page__data {
    overflow-x: scroll;
    padding-bottom: 10px;
  }
  .profile-page__suggestions-image {
    max-width: 120px;
  }
  .profile-page__suggestions-image img {
    width: 100%;
    -o-object-fit: contain;
    object-fit: contain;
  }
  .profile-page__suggestions-image .foto {
    display: none;
  }
}
@media (max-width: 650px) {
  .profile-page__payments-item {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    white-space: nowrap;
    line-height: 20px;
    margin-bottom: 20px;
  }
  .profile-page__payments-date {
    max-width: 100%;
  }
  .profile-page__payments-text {
    width: auto;
  }
  .profile-page .mycourses-slider__img {
    height: 110px;
  }
}
@media (max-width: 566px) {
  .profile-page__suggestions-text {
    padding-right: 0;
  }
  .profile-page__suggestions-image {
    display: none;
  }
  .profile-page__favouriteareas-collapsible {
    -ms-grid-columns: (1fr) [1];
    grid-template-columns: repeat(1, 1fr);
  }
  .profile-page__input-block {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    grid-gap: 10px;
  }
  .profile-page__chpass_input {
    max-width: 100%;
  }
  .profile-page__chpass_input:not(:last-child) {
    margin-right: 0;
  }
}
@media (max-width: 469px) {
  .profile-page__inner {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .profile-page__name {
    margin-right: 0;
  }
  .profile-page__data {
    grid-gap: 20px;
    margin-top: 10px;
  }
  .profile-page__data-item {
    margin-right: 0;
  }
}
@media (max-width: 426px) {
  .profile-page__documents-items {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    grid-gap: 10px;
  }
  .profile-page__documents-items:last-child {
    margin-bottom: 0;
  }
  .profile-page__documents-item {
    margin-right: 0;
    width: 48%;
  }
  .profile-page__documents-attach img {
    margin-right: 0;
  }
}
@media (max-width: 360px) {
  .profile-page__form {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
  }
  .profile-page__name-submit {
    margin: 0 auto;
  }
  .profile-page__card {
    padding: 14px;
    padding-right: 0;
  }
  .profile-page__visa-gpcontacts {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .profile-page__visa-gpcontacts_photo {
    width: 100%;
  }
  .profile-page__visa-gpcontacts img {
    border-radius: 4px;
    height: 280px;
    width: 100%;
  }
  .profile-page__documents-item {
    width: 100%;
  }
}
@media (max-width: 820px) {
  .mycourses-slider__images-icon {
    height: 22px;
    width: 22px;
    padding: 4px;
    bottom: 0;
    right: 0;
  }
}
@media (max-width: 768px) {
  .mycourses-slider__img {
    height: 190px;
  }
}
@media (max-width: 1370px) {
  .schedule-list {
    padding-right: 2px;
    width: 100%;
  }
  .schedule-list .table-list__inner {
    overflow-x: scroll;
    padding-bottom: 10px;
  }
}
@media (max-width: 720px) {
  .schedule__table-group {
    padding-right: 2px;
    width: 100%;
  }
  .schedule__table-group .table-group__inner {
    overflow-x: scroll;
    padding-bottom: 10px;
  }
}
@media (max-width: 846px) {
  .discounts-slider__img {
    width: 100%;
  }
}
@media (max-width: 768px) {
  .table-list {
    overflow-x: auto;
    width: 100%;
  }
  .table-list__items {
    padding-right: 20px;
  }
}
@media (max-width: 460px) {
  .notifications {
    width: calc(100% - 20px);
  }
}
@media (max-width: 700px) {
  .events-months__item {
    overflow: auto;
  }
  .events-months__weeks {
    width: 600px;
  }
}
@media (max-width: 900px) {
  .events__article {
    width: 33.3333%;
  }
}
@media (max-width: 768px) {
  .events__article {
    width: 50%;
  }
}
@media (max-width: 426px) {
  .events__article {
    width: 100%;
  }
}
.events__btn {
  margin: 20px 0;
  background-color: transparent !important;
  position: relative;
  padding: 0 20px;
  border-radius: 4px;
  overflow: hidden;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.events__btn::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  background-color: #81a4ff;
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
  z-index: -1;
  border-radius: 0;
}
.events__btn::after {
  content: "";
  position: absolute;
  height: 0;
  width: 0;
  top: 50%;
  left: 40px;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background: url(../images/icons/ok.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  z-index: 0;
  opacity: 0;
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.events__btn.active {
  padding-left: 48px;
  color: #11253d;
}
.events__btn.active::before {
  right: auto;
  border-radius: 50%;
  width: 44px;
}
.events__btn.active::after {
  left: 22px;
  opacity: 1;
  height: 26px;
  width: 26px;
}
@media (max-width: 1024px) {
  .events_season {
    background: 0 0 !important;
  }
}
@media (max-width: 650px) {
  .announcements-page__img {
    width: 100%;
  }
}
.webinars__alert {
  text-align: center;
  font-weight: 500;
  font-size: 20px;
  margin-bottom: 10px;
  color: #979797;
}
.webinars__bg {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  height: 120px;
  width: 120px;
  opacity: 0.2;
}
.webinars__list-item {
  margin-bottom: 20px;
}
.webinars__list-item:last-child {
  margin-bottom: 0;
}
.webinars__page {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 280px;
  grid-template-columns: 1fr 280px;
  grid-gap: 20px;
  margin-bottom: 20px;
}
.webinars__speaker {
  position: relative;
  border: solid 3px #c4c4c4;
  border-radius: 30px;
  padding: 40px;
  min-height: 40vh;
}
.webinars__title {
  text-align: center;
  font-weight: 500;
  font-size: 20px;
  margin-bottom: 10px;
  color: #979797;
}
.webinars__students {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 20px;
}
.webinars__students-chat,
.webinars__students-items {
  position: relative;
  border: solid 3px #c4c4c4;
  border-radius: 30px;
  padding: 20px;
}
.webinars__students-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 10px;
}
.webinars__students-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: relative;
  border: solid 3px #c4c4c4;
  border-radius: 30px;
  padding: 20px;
  color: #c4c4c4;
  min-height: 100px;
  width: 46%;
}
.webinars__students-chat_item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 8px;
}
.webinars__students-chat_item:last-child {
  margin-bottom: 0;
}
.webinars__students-chat_image {
  height: 46px;
  width: 46px;
  background-color: #e9e9e9;
  border-radius: 50%;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.webinars__students-chat_text {
  height: 20px;
  width: 100%;
  border-radius: 10px;
  background-color: #e9e9e9;
}
.webinars__content {
  position: relative;
  border: solid 3px #c4c4c4;
  border-radius: 30px;
  padding: 20px;
}
.webinars .loading_block {
  -webkit-animation: blinker 1.5s linear infinite;
  animation: blinker 1.5s linear infinite;
}
@-webkit-keyframes blinker {
  50% {
    opacity: 0.2;
  }
}
@keyframes blinker {
  50% {
    opacity: 0.2;
  }
}
.webinar_granted {
  text-align: center;
  border: solid 2px #6b658a;
  border-radius: 20px;
  z-index: 5;
  position: absolute;
  left: 80%;
  top: 0;
  background-color: #fff;
}
.webinar_granted__icon {
  height: 80px;
  width: auto;
}
.webinar_granted__text {
  font-size: 16px;
  line-height: 18px;
  font-weight: 500;
  margin-bottom: 4px;
}
@media (max-width: 1000px) {
  .online-courses-view__inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .online-courses-view__title-text {
    padding-right: 0;
  }
}
@media (max-width: 476px) {
  .online-courses-view__submit {
    margin-top: 20px;
    width: 100% !important;
  }
}
@media (max-width: 426px) {
  .online-courses-view__title-text {
    font-size: 24px;
  }
  .online-courses-view__title-buttons {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding: 20px 0;
  }
}
@media (max-width: 768px) {
  .online-course__inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }
  .online-course__content,
  .online-course__cover {
    width: 100%;
  }
  .online-course__lessons-item {
    height: auto;
    min-height: 80px;
  }
  .online-course__lessons-img {
    display: none;
  }
  .online-course__result-items {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
  .online-course__result-item {
    padding-left: 40px;
  }
  .online-course__result-item::before {
    height: 24px;
    width: 24px;
    background-size: 10px;
    top: 2px;
  }
}
@media (max-width: 426px) {
  .online-course__inner {
    margin-bottom: 20px;
  }
  .online-course__title {
    font-size: 22px;
  }
  .online-course__result {
    padding: 20px 0;
  }
  .online-course__lessons-item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
  }
}
@media (max-width: 650px) {
  .quest_answer__quest {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .quest_answer__quest-img {
    margin: 0 auto;
  }
}
@media (max-width: 940px) {
  .drag-and-drop__row {
    width: 100%;
  }
}
@media (max-width: 768px) {
  .drag-and-drop__rows {
    -ms-grid-columns: (1fr) [3];
    grid-template-columns: repeat(3, 1fr);
  }
  .drag-and-drop__row {
    min-height: 68px;
  }
  .drag-and-drop__row-title.--dragging,
  .drag-and-drop__row.--dragging {
    -ms-grid-column: 1;
    grid-column-start: 1;
    -ms-grid-column-span: 3;
    grid-column-end: 4;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    grid-gap: 8px;
  }
  .drag-and-drop__row-item,
  .drag-and-drop__row-title-item {
    padding: 12px;
  }
}
@media (max-width: 376px) {
  .learn-image__item {
    width: 100%;
  }
  .learn-image__img {
    height: auto;
  }
}
@media (max-width: 361px) {
  .fill-gaps__input {
    width: 150px;
  }
}
@media (max-width: 1024px) {
  .o-week__title {
    font-size: 28px;
    line-height: 32px;
    margin-bottom: 10px;
  }
  .o-week__block-text {
    font-size: 18px;
    line-height: 22px;
  }
  .o-week__block-image img {
    max-height: 230px;
  }
  .o-week__dblock {
    margin-bottom: 80px;
  }
  .o-week__welcome {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    grid-gap: 40px;
  }
  .o-week__welcome-content {
    width: 100%;
  }
  .o-week__welcome-title {
    font-size: 28px;
    line-height: 32px;
    margin-bottom: 10px;
  }
  .o-week__welcome-subtitle {
    margin-bottom: 10px;
  }
  .o-week__welcome-subtitle,
  .o-week__welcome-text {
    font-size: 18px;
    line-height: 22px;
  }
  .o-week__welcome-signature {
    margin-top: 18px;
  }
}
@media (max-width: 600px) {
  .o-week__title {
    font-size: 20px;
    line-height: 24px;
    margin-bottom: 4px;
  }
  .o-week__block {
    grid-gap: 20px;
  }
  .o-week__block-text {
    font-size: 16px;
    line-height: 20px;
  }
  .o-week__welcome {
    padding-bottom: 40px;
  }
  .o-week__welcome-title {
    font-size: 20px;
    line-height: 24px;
    margin-bottom: 4px;
  }
  .o-week__welcome-subtitle {
    margin-bottom: 4px;
  }
  .o-week__welcome-subtitle,
  .o-week__welcome-text {
    font-size: 16px;
    line-height: 20px;
  }
  .o-week__dblock {
    margin-bottom: 40px;
  }
}
@media (max-width: 480px) {
  .o-week__block {
    margin-bottom: 20px;
  }
  .o-week__block-content {
    width: 100%;
  }
  .o-week__block-image {
    display: none;
  }
  .o-week__dblock-content {
    margin: 0;
    width: 100%;
  }
  .o-week__dblock-images {
    display: none;
  }
  .o-week__welcome {
    padding-bottom: 20px;
  }
}
@media (max-width: 376px) {
  .o-week__dblock {
    margin: 0 -15px 40px;
  }
  .o-week__dblock-content {
    padding: 20px;
    grid-gap: 20px;
  }
}
@media (max-width: 920px) {
  .footer__item {
    margin-right: 0;
  }
  .footer__item-link {
    margin-left: 40px;
  }
  .footer__item-link:last-child {
    margin-left: 10px;
  }
}
@media (max-width: 860px) {
  .footer {
    padding: 28px 0;
  }
  .footer__logo {
    margin-bottom: 36px;
  }
  .footer__top {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
  }
  .footer__top-list {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
  }
  .footer__top-item {
    margin: 0 40px 0 0;
  }
  .footer__top-item_social {
    margin-right: 40px;
  }
  .footer__top-item_social span {
    margin-right: 0;
  }
}
@media (max-width: 670px) {
  .footer__top-list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
  }
  .footer__top-list_contacts {
    margin: 20px 0;
    padding: 24px 14px;
    max-width: 240px;
  }
  .footer__top-item._phone {
    margin-bottom: 16px;
    position: relative;
    padding-left: 26px;
    display: inline-block;
  }
  .footer__top-item._phone::before {
    content: "";
    position: absolute;
    height: 18px;
    width: 18px;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    background: url(../img/footer/phone.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
  }
  .footer__top-item_social {
    color: #707c8b;
    font-size: 13px;
    line-height: 130%;
    font-weight: 400;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
  }
  .footer__top-item_social span {
    margin-bottom: 12px;
  }
  .footer__top-social_link,
  .footer__top-social_link:last-child {
    height: 36px;
    width: 36px;
    margin-left: 0;
    margin-right: 12px;
    display: inherit;
  }
  .footer__middle {
    display: none;
  }
  .footer__bottom {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
  }
  .footer__bottom span {
    margin-bottom: 30px;
  }
  .footer__item-link {
    margin-left: 0;
  }
  .footer__item-link:last-child {
    margin-left: 0;
    margin-top: 14px;
  }
}
@media (max-width: 426px) {
  .footer {
    padding-bottom: 76px;
  }
  .footer.header {
    padding-top: 46px;
  }
}
@media (max-width: 361px) {
  .footer {
    padding: 8px;
  }
}
.dark11111111111 .header .logo img {
  display: none;
}
.dark11111111111 .header .logo img._dark {
  display: block;
}
.dark11111111111 .toggle::after {
  background: url(../images/icons/arrow-white.svg);
}
.dark11111111111,
.dark11111111111 .admin-body__menu p,
.dark11111111111 .admin-body__menu-item._active,
.dark11111111111 .admin-body__menu-item:hover,
.dark11111111111 .jq-selectbox__select,
.dark11111111111 .profile-page__form-input,
.dark11111111111 input,
.dark11111111111 textarea {
  background-color: #11253d !important;
}
.dark11111111111 .admin-body__menu,
.dark11111111111 .admin-header,
.dark11111111111 .header,
.dark11111111111 .section__block {
  background-color: #000d21 !important;
}
.dark11111111111,
.dark11111111111 ._filter._all,
.dark11111111111 .btn._transp,
.dark11111111111 .events-months__title,
.dark11111111111 .input-label,
.dark11111111111 .jq-selectbox__select,
.dark11111111111 .learn-repeat__text,
.dark11111111111 .profile-page__documents-item,
.dark11111111111 .profile-page__form-input,
.dark11111111111 .profile-page__name,
.dark11111111111 .quest_answer__quest-text,
.dark11111111111 .section__block-subtitle,
.dark11111111111 .section__block-title,
.dark11111111111 .table-list__item,
.dark11111111111 .table-list__item._title,
.dark11111111111 input,
.dark11111111111 textarea {
  color: #fff !important;
  text-shadow: none;
}
.dark11111111111 .admin-header {
  border-bottom: 1px solid #11253d !important;
}
.dark11111111111 .admin-header__navbar-link_img path {
  fill: #fff;
}
.dark11111111111 ._contacts,
.dark11111111111 .footer,
.dark11111111111 .navigation,
.dark11111111111 .profile-page__favouriteareas-item {
  color: #000 !important;
}
.dark11111111111 .profile-page__visa-statusbar_item {
  background: url(../images/icons/invitation-check-dark.svg);
}
.dark11111111111 .task-audio-btn {
  background: url(../images/content/online-courses/learn-repeat-light.svg);
}
.dark11111111111 .students-list__item.active::before {
  background: url(../images/icons/arrow-white.svg);
}
.device {
  padding-top: 20px;
}