@charset "UTF-8";
@import '../libs/fancybox-master/dist/jquery.fancybox.min.css';
@import '../libs/cropper/cropper.min.css';
@import '../libs/mmenu/jquery.mmenu.all.css';
@font-face {
  font-family: "Circe";
  font-style: normal;
  font-display: auto;
  font-weight: 100;
  src: url("../fonts/Circe_Thin.eot?") format("eot"), url("../fonts/Circe_Thin.woff2") format("woff2"), url("../fonts/Circe_Thin.woff") format("woff"), url("../fonts/Circe_Thin.ttf") format("truetype");
}
@font-face {
  font-family: "Circe";
  font-style: normal;
  font-display: auto;
  font-weight: 200;
  src: url("../fonts/Circe_Extra_Light.eot?") format("eot"), url("../fonts/Circe_Extra_Light.woff2") format("woff2"), url("../fonts/Circe_Extra_Light.woff") format("woff"), url("../fonts/Circe_Extra_Light.ttf") format("truetype");
}
@font-face {
  font-family: "Circe";
  font-style: normal;
  font-display: auto;
  font-weight: 300;
  src: url("../fonts/Circe_Light.eot?") format("eot"), url("../fonts/Circe_Light.woff2") format("woff2"), url("../fonts/Circe_Light.woff") format("woff"), url("../fonts/Circe_Light.ttf") format("truetype");
}
@font-face {
  font-family: "Circe";
  font-style: normal;
  font-display: auto;
  font-weight: 400;
  src: url("../fonts/Circe_Regular.eot?") format("eot"), url("../fonts/Circe_Regular.woff2") format("woff2"), url("../fonts/Circe_Regular.woff") format("woff"), url("../fonts/Circe_Regular.ttf") format("truetype");
}
@font-face {
  font-family: "Circe";
  font-style: italic;
  font-display: auto;
  font-weight: 400;
  src: url("../fonts/Circe_Italic.eot?") format("eot"), url("../fonts/Circe_Italic.woff2") format("woff2"), url("../fonts/Circe_Italic.woff") format("woff"), url("../fonts/Circe_Italic.ttf") format("truetype");
}
@font-face {
  font-family: "Circe";
  font-style: normal;
  font-display: auto;
  font-weight: 700;
  src: url("../fonts/Circe_Bold.eot?") format("eot"), url("../fonts/Circe_Bold.woff2") format("woff2"), url("../fonts/Circe_Bold.woff") format("woff"), url("../fonts/Circe_Bold.ttf") format("truetype");
}
@font-face {
  font-family: "Circe";
  font-style: italic;
  font-display: auto;
  font-weight: 700;
  src: url("../fonts/Circe_Bold_Italic.eot?") format("eot"), url("../fonts/Circe_Bold_Italic.woff2") format("woff2"), url("../fonts/Circe_Bold_Italic.woff") format("woff"), url("../fonts/Circe_Bold_Italic.ttf") format("truetype");
}
@font-face {
  font-family: "Circe";
  font-style: normal;
  font-display: auto;
  font-weight: 800;
  src: url("../fonts/Circe_Extra_Bold.eot?") format("eot"), url("../fonts/Circe_Extra_Bold.woff2") format("woff2"), url("../fonts/Circe_Extra_Bold.woff") format("woff"), url("../fonts/Circe_Extra_Bold.ttf") format("truetype");
}
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-display: auto;
  font-weight: 400;
  src: url("../fonts/roboto-regular.eot?") format("eot"), url("../fonts/roboto-regular.woff2") format("woff2"), url("../fonts/roboto-regular.woff") format("woff"), url("../fonts/roboto-regular.ttf") format("truetype");
}
@font-face {
  font-family: "Playfair Display SC";
  font-style: normal;
  font-display: auto;
  font-weight: 700;
  src: url("../fonts/PlayfairDisplaySC-Bold.eot?") format("eot"), url("../fonts/PlayfairDisplaySC-Bold.woff2") format("woff2"), url("../fonts/PlayfairDisplaySC-Bold.woff") format("woff"), url("../fonts/PlayfairDisplaySC-Bold.ttf") format("truetype");
}
@font-face {
  font-family: "Playfair Display";
  font-style: normal;
  font-display: auto;
  font-weight: 400;
  src: url("../fonts/PlayfairDisplay-Regular.eot?") format("eot"), url("../fonts/PlayfairDisplay-Regular.woff2") format("woff2"), url("../fonts/PlayfairDisplay-Regular.woff") format("woff"), url("../fonts/PlayfairDisplay-Regular.ttf") format("truetype");
}
@font-face {
  font-family: "Playfair Display";
  font-style: normal;
  font-display: auto;
  font-weight: 700;
  src: url("../fonts/PlayfairDisplay-Bold.eot?") format("eot"), url("../fonts/PlayfairDisplay-Bold.woff2") format("woff2"), url("../fonts/PlayfairDisplay-Bold.woff") format("woff"), url("../fonts/PlayfairDisplay-Bold.ttf") format("truetype");
}
html {
  line-height: 1.15;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

body {
  margin: 0;
}

article,
aside,
footer,
header,
nav,
section {
  display: block;
}

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

figcaption,
figure,
main {
  display: block;
}

figure {
  margin: 1em 40px;
}

hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}

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

a {
  background-color: transparent;
  -webkit-text-decoration-skip: objects;
}

abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  text-decoration: underline dotted;
}

b,
strong {
  font-weight: inherit;
}

b,
strong {
  font-weight: bolder;
}

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

dfn {
  font-style: italic;
}

mark {
  background-color: #ff0;
  color: #000;
}

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;
}

audio,
video {
  display: inline-block;
}

audio:not([controls]) {
  display: none;
  height: 0;
}

img {
  border-style: none;
}

svg:not(:root) {
  overflow: hidden;
}

button,
input,
optgroup,
select,
textarea {
  font-family: sans-serif;
  font-size: 100%;
  line-height: 1.15;
  margin: 0;
}

button,
input {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

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

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

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

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

legend {
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal;
}

progress {
  display: inline-block;
  vertical-align: baseline;
}

textarea {
  overflow: auto;
}

[type=checkbox],
[type=radio] {
  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-cancel-button,
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}

details,
menu {
  display: block;
}

summary {
  display: list-item;
}

canvas {
  display: inline-block;
}

template {
  display: none;
}

[hidden] {
  display: none;
}

/* Slider */
.slick-slider {
  position: relative;
  display: block;
  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: none;
}

.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-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:before,
.slick-track:after {
  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;
}

@-webkit-keyframes iui-fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-moz-keyframes iui-fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-ms-keyframes iui-fadeIn {
  /* line 37, stdin */
  0% {
    opacity: 0;
  }
  /* line 40, stdin */
  100% {
    opacity: 1;
  }
}
@-o-keyframes iui-fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes iui-fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes iui-fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@-moz-keyframes iui-fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@-ms-keyframes iui-fadeOut {
  /* line 46, stdin */
  0% {
    opacity: 1;
  }
  /* line 49, stdin */
  100% {
    opacity: 0;
  }
}
@-o-keyframes iui-fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes iui-fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.dropdown-single, .dropdown-multiple {
  position: relative;
  margin-bottom: 24px;
}

.dropdown-clear-all {
  display: none;
}

.dropdown-main {
  display: none;
  position: absolute;
  border-radius: 0 0 22.5px 22.5px;
  box-shadow: 0 3px 7px 0 rgba(19, 7, 31, 0.05);
  border: solid 2px #98edfd;
  background-color: #ffffff;
  width: 100%;
  border-top: 0;
  left: 0;
  box-sizing: border-box;
  z-index: 999;
  top: 100%;
  padding: 8px 20px 8px 12px;
}

.dropdown-single.active .dropdown-main, .dropdown-multiple.active .dropdown-main, .dropdown-multiple-label.active .dropdown-main {
  display: block;
  -webkit-animation: iui-fadeIn 0.2s ease-in forwards;
  -moz-animation: iui-fadeIn 0.2s ease-in forwards;
  -ms-animation: iui-fadeIn 0.2s ease-in forwards;
  -o-animation: iui-fadeIn 0.2s ease-in forwards;
  animation: iui-fadeIn 0.2s ease-in forwards;
}

.dropdown-chose-list {
  max-width: 100%;
  display: inline-block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

/*! nouislider - 14.0.3 - 10/10/2019 */
/* Functional styling;
 * These styles are required for noUiSlider to function.
 * You don't need to change these rules to apply your design.
 */
.noUi-target,
.noUi-target * {
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-user-select: none;
  -ms-touch-action: none;
  touch-action: none;
  -ms-user-select: none;
  -moz-user-select: none;
  user-select: none;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.noUi-target {
  position: relative;
  direction: ltr;
}

.noUi-base,
.noUi-connects {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 1;
}

/* Wrapper for all connect elements.
 */
.noUi-connects {
  overflow: hidden;
  z-index: 0;
}

.noUi-connect,
.noUi-origin {
  will-change: transform;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  -ms-transform-origin: 0 0;
  -webkit-transform-origin: 0 0;
  -webkit-transform-style: preserve-3d;
  transform-origin: 0 0;
  transform-style: flat;
}

.noUi-connect {
  height: 100%;
  width: 100%;
}

.noUi-origin {
  height: 10%;
  width: 10%;
}

/* Offset direction
 */
html:not([dir=rtl]) .noUi-horizontal .noUi-origin {
  left: auto;
  right: 0;
}

/* Give origins 0 height/width so they don't interfere with clicking the
 * connect elements.
 */
.noUi-vertical .noUi-origin {
  width: 0;
}

.noUi-horizontal .noUi-origin {
  height: 0;
}

.noUi-handle {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  position: absolute;
}

.noUi-touch-area {
  height: 100%;
  width: 100%;
}

.noUi-state-tap .noUi-connect,
.noUi-state-tap .noUi-origin {
  -webkit-transition: transform 0.3s;
  transition: transform 0.3s;
}

.noUi-state-drag * {
  cursor: inherit !important;
}

/* Slider size and handle placement;
 */
.noUi-horizontal {
  height: 18px;
}

.noUi-horizontal .noUi-handle {
  width: 34px;
  height: 28px;
  left: -17px;
  top: -6px;
}

.noUi-vertical {
  width: 18px;
}

.noUi-vertical .noUi-handle {
  width: 28px;
  height: 34px;
  left: -6px;
  top: -17px;
}

html:not([dir=rtl]) .noUi-horizontal .noUi-handle {
  right: -17px;
  left: auto;
}

/* Styling;
 * Giving the connect element a border radius causes issues with using transform: scale
 */
.noUi-target {
  background: #FAFAFA;
  border-radius: 4px;
  border: 1px solid #D3D3D3;
  box-shadow: inset 0 1px 1px #F0F0F0, 0 3px 6px -5px #BBB;
}

.noUi-connects {
  border-radius: 3px;
}

.noUi-connect {
  background: #3FB8AF;
}

/* Handles and cursors;
 */
.noUi-draggable {
  cursor: ew-resize;
}

.noUi-vertical .noUi-draggable {
  cursor: ns-resize;
}

.noUi-handle {
  border: 1px solid #D9D9D9;
  border-radius: 3px;
  background: #FFF;
  cursor: default;
  box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #EBEBEB, 0 3px 6px -3px #BBB;
}

.noUi-active {
  box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #DDD, 0 3px 6px -3px #BBB;
}

/* Handle stripes;
 */
.noUi-handle:before,
.noUi-handle:after {
  content: "";
  display: block;
  position: absolute;
  height: 14px;
  width: 1px;
  background: #E8E7E6;
  left: 14px;
  top: 6px;
}

.noUi-handle:after {
  left: 17px;
}

.noUi-vertical .noUi-handle:before,
.noUi-vertical .noUi-handle:after {
  width: 14px;
  height: 1px;
  left: 6px;
  top: 14px;
}

.noUi-vertical .noUi-handle:after {
  top: 17px;
}

/* Disabled state;
 */
[disabled] .noUi-connect {
  background: #B8B8B8;
}

[disabled].noUi-target,
[disabled].noUi-handle,
[disabled] .noUi-handle {
  cursor: not-allowed;
}

/* Base;
 *
 */
.noUi-pips,
.noUi-pips * {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.noUi-pips {
  position: absolute;
  color: #999;
}

/* Values;
 *
 */
.noUi-value {
  position: absolute;
  white-space: nowrap;
  text-align: center;
}

.noUi-value-sub {
  color: #ccc;
  font-size: 10px;
}

/* Markings;
 *
 */
.noUi-marker {
  position: absolute;
  background: #CCC;
}

.noUi-marker-sub {
  background: #AAA;
}

.noUi-marker-large {
  background: #AAA;
}

/* Horizontal layout;
 *
 */
.noUi-pips-horizontal {
  padding: 10px 0;
  height: 80px;
  top: 100%;
  left: 0;
  width: 100%;
}

.noUi-value-horizontal {
  -webkit-transform: translate(-50%, 50%);
  transform: translate(-50%, 50%);
}

.noUi-rtl .noUi-value-horizontal {
  -webkit-transform: translate(50%, 50%);
  transform: translate(50%, 50%);
}

.noUi-marker-horizontal.noUi-marker {
  margin-left: -1px;
  width: 2px;
  height: 5px;
}

.noUi-marker-horizontal.noUi-marker-sub {
  height: 10px;
}

.noUi-marker-horizontal.noUi-marker-large {
  height: 15px;
}

/* Vertical layout;
 *
 */
.noUi-pips-vertical {
  padding: 0 10px;
  height: 100%;
  top: 0;
  left: 100%;
}

.noUi-value-vertical {
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  padding-left: 25px;
}

.noUi-rtl .noUi-value-vertical {
  -webkit-transform: translate(0, 50%);
  transform: translate(0, 50%);
}

.noUi-marker-vertical.noUi-marker {
  width: 5px;
  height: 2px;
  margin-top: -1px;
}

.noUi-marker-vertical.noUi-marker-sub {
  width: 10px;
}

.noUi-marker-vertical.noUi-marker-large {
  width: 15px;
}

.noUi-tooltip {
  display: block;
  position: absolute;
  border: 1px solid #D9D9D9;
  border-radius: 3px;
  background: #fff;
  color: #000;
  padding: 5px;
  text-align: center;
  white-space: nowrap;
}

.noUi-horizontal .noUi-tooltip {
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  left: 50%;
  bottom: 120%;
}

.noUi-vertical .noUi-tooltip {
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  top: 50%;
  right: 120%;
}

.icon {
  width: 1em;
  height: 1em;
}

@media (max-width: 767px) {
  .desktop {
    display: none !important;
  }
}
@media (min-width: 768px) {
  .mobile {
    display: none !important;
  }
}
.row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -12px;
  margin-left: -12px;
}

.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.col,
.col-auto,
.col-sm-1,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm,
.col-sm-auto,
.col-md-1,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md,
.col-md-auto,
.col-lg-1,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg,
.col-lg-auto,
.col-xl-1,
.col-xl-2,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9,
.col-xl-10,
.col-xl-11,
.col-xl-12,
.col-xl,
.col-xl-auto {
  position: relative;
  width: 100%;
  padding-right: 12px;
  padding-left: 12px;
}

.col {
  -webkit-flex-basis: 0;
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  max-width: 100%;
}

.col-auto {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: auto;
  max-width: 100%;
}

.col-1 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 8.3333333333%;
  -ms-flex: 0 0 8.3333333333%;
  flex: 0 0 8.3333333333%;
  max-width: 8.3333333333%;
}

.col-2 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 16.6666666667%;
  -ms-flex: 0 0 16.6666666667%;
  flex: 0 0 16.6666666667%;
  max-width: 16.6666666667%;
}

.col-3 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 25%;
  -ms-flex: 0 0 25%;
  flex: 0 0 25%;
  max-width: 25%;
}

.col-4 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 33.3333333333%;
  -ms-flex: 0 0 33.3333333333%;
  flex: 0 0 33.3333333333%;
  max-width: 33.3333333333%;
}

.col-5 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 41.6666666667%;
  -ms-flex: 0 0 41.6666666667%;
  flex: 0 0 41.6666666667%;
  max-width: 41.6666666667%;
}

.col-6 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 50%;
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%;
}

.col-7 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 58.3333333333%;
  -ms-flex: 0 0 58.3333333333%;
  flex: 0 0 58.3333333333%;
  max-width: 58.3333333333%;
}

.col-8 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 66.6666666667%;
  -ms-flex: 0 0 66.6666666667%;
  flex: 0 0 66.6666666667%;
  max-width: 66.6666666667%;
}

.col-9 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 75%;
  -ms-flex: 0 0 75%;
  flex: 0 0 75%;
  max-width: 75%;
}

.col-10 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 83.3333333333%;
  -ms-flex: 0 0 83.3333333333%;
  flex: 0 0 83.3333333333%;
  max-width: 83.3333333333%;
}

.col-11 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 91.6666666667%;
  -ms-flex: 0 0 91.6666666667%;
  flex: 0 0 91.6666666667%;
  max-width: 91.6666666667%;
}

.col-12 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 100%;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
}

.order-first {
  -webkit-box-ordinal-group: 0;
  -webkit-order: -1;
  -ms-flex-order: -1;
  order: -1;
}

.order-last {
  -webkit-box-ordinal-group: 14;
  -webkit-order: 13;
  -ms-flex-order: 13;
  order: 13;
}

.order-0 {
  -webkit-box-ordinal-group: 1;
  -webkit-order: 0;
  -ms-flex-order: 0;
  order: 0;
}

.order-1 {
  -webkit-box-ordinal-group: 2;
  -webkit-order: 1;
  -ms-flex-order: 1;
  order: 1;
}

.order-2 {
  -webkit-box-ordinal-group: 3;
  -webkit-order: 2;
  -ms-flex-order: 2;
  order: 2;
}

.order-3 {
  -webkit-box-ordinal-group: 4;
  -webkit-order: 3;
  -ms-flex-order: 3;
  order: 3;
}

.order-4 {
  -webkit-box-ordinal-group: 5;
  -webkit-order: 4;
  -ms-flex-order: 4;
  order: 4;
}

.order-5 {
  -webkit-box-ordinal-group: 6;
  -webkit-order: 5;
  -ms-flex-order: 5;
  order: 5;
}

.order-6 {
  -webkit-box-ordinal-group: 7;
  -webkit-order: 6;
  -ms-flex-order: 6;
  order: 6;
}

.order-7 {
  -webkit-box-ordinal-group: 8;
  -webkit-order: 7;
  -ms-flex-order: 7;
  order: 7;
}

.order-8 {
  -webkit-box-ordinal-group: 9;
  -webkit-order: 8;
  -ms-flex-order: 8;
  order: 8;
}

.order-9 {
  -webkit-box-ordinal-group: 10;
  -webkit-order: 9;
  -ms-flex-order: 9;
  order: 9;
}

.order-10 {
  -webkit-box-ordinal-group: 11;
  -webkit-order: 10;
  -ms-flex-order: 10;
  order: 10;
}

.order-11 {
  -webkit-box-ordinal-group: 12;
  -webkit-order: 11;
  -ms-flex-order: 11;
  order: 11;
}

.order-12 {
  -webkit-box-ordinal-group: 13;
  -webkit-order: 12;
  -ms-flex-order: 12;
  order: 12;
}

.offset-1 {
  margin-left: 8.3333333333%;
}

.offset-2 {
  margin-left: 16.6666666667%;
}

.offset-3 {
  margin-left: 25%;
}

.offset-4 {
  margin-left: 33.3333333333%;
}

.offset-5 {
  margin-left: 41.6666666667%;
}

.offset-6 {
  margin-left: 50%;
}

.offset-7 {
  margin-left: 58.3333333333%;
}

.offset-8 {
  margin-left: 66.6666666667%;
}

.offset-9 {
  margin-left: 75%;
}

.offset-10 {
  margin-left: 83.3333333333%;
}

.offset-11 {
  margin-left: 91.6666666667%;
}

@media (min-width: 576px) {
  .col-sm {
    -webkit-flex-basis: 0;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-sm-auto {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-sm-1 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 8.3333333333%;
    -ms-flex: 0 0 8.3333333333%;
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .col-sm-2 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 16.6666666667%;
    -ms-flex: 0 0 16.6666666667%;
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-sm-3 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 25%;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-sm-4 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 33.3333333333%;
    -ms-flex: 0 0 33.3333333333%;
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .col-sm-5 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 41.6666666667%;
    -ms-flex: 0 0 41.6666666667%;
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .col-sm-6 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-sm-7 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 58.3333333333%;
    -ms-flex: 0 0 58.3333333333%;
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .col-sm-8 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 66.6666666667%;
    -ms-flex: 0 0 66.6666666667%;
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .col-sm-9 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 75%;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-sm-10 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 83.3333333333%;
    -ms-flex: 0 0 83.3333333333%;
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .col-sm-11 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 91.6666666667%;
    -ms-flex: 0 0 91.6666666667%;
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .col-sm-12 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-sm-first {
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
    -ms-flex-order: -1;
    order: -1;
  }
  .order-sm-last {
    -webkit-box-ordinal-group: 14;
    -webkit-order: 13;
    -ms-flex-order: 13;
    order: 13;
  }
  .order-sm-0 {
    -webkit-box-ordinal-group: 1;
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
  }
  .order-sm-1 {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
  }
  .order-sm-2 {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2;
  }
  .order-sm-3 {
    -webkit-box-ordinal-group: 4;
    -webkit-order: 3;
    -ms-flex-order: 3;
    order: 3;
  }
  .order-sm-4 {
    -webkit-box-ordinal-group: 5;
    -webkit-order: 4;
    -ms-flex-order: 4;
    order: 4;
  }
  .order-sm-5 {
    -webkit-box-ordinal-group: 6;
    -webkit-order: 5;
    -ms-flex-order: 5;
    order: 5;
  }
  .order-sm-6 {
    -webkit-box-ordinal-group: 7;
    -webkit-order: 6;
    -ms-flex-order: 6;
    order: 6;
  }
  .order-sm-7 {
    -webkit-box-ordinal-group: 8;
    -webkit-order: 7;
    -ms-flex-order: 7;
    order: 7;
  }
  .order-sm-8 {
    -webkit-box-ordinal-group: 9;
    -webkit-order: 8;
    -ms-flex-order: 8;
    order: 8;
  }
  .order-sm-9 {
    -webkit-box-ordinal-group: 10;
    -webkit-order: 9;
    -ms-flex-order: 9;
    order: 9;
  }
  .order-sm-10 {
    -webkit-box-ordinal-group: 11;
    -webkit-order: 10;
    -ms-flex-order: 10;
    order: 10;
  }
  .order-sm-11 {
    -webkit-box-ordinal-group: 12;
    -webkit-order: 11;
    -ms-flex-order: 11;
    order: 11;
  }
  .order-sm-12 {
    -webkit-box-ordinal-group: 13;
    -webkit-order: 12;
    -ms-flex-order: 12;
    order: 12;
  }
  .offset-sm-0 {
    margin-left: 0;
  }
  .offset-sm-1 {
    margin-left: 8.3333333333%;
  }
  .offset-sm-2 {
    margin-left: 16.6666666667%;
  }
  .offset-sm-3 {
    margin-left: 25%;
  }
  .offset-sm-4 {
    margin-left: 33.3333333333%;
  }
  .offset-sm-5 {
    margin-left: 41.6666666667%;
  }
  .offset-sm-6 {
    margin-left: 50%;
  }
  .offset-sm-7 {
    margin-left: 58.3333333333%;
  }
  .offset-sm-8 {
    margin-left: 66.6666666667%;
  }
  .offset-sm-9 {
    margin-left: 75%;
  }
  .offset-sm-10 {
    margin-left: 83.3333333333%;
  }
  .offset-sm-11 {
    margin-left: 91.6666666667%;
  }
}
@media (min-width: 768px) {
  .col-md {
    -webkit-flex-basis: 0;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-md-auto {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-md-1 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 8.3333333333%;
    -ms-flex: 0 0 8.3333333333%;
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .col-md-2 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 16.6666666667%;
    -ms-flex: 0 0 16.6666666667%;
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-md-3 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 25%;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-md-4 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 33.3333333333%;
    -ms-flex: 0 0 33.3333333333%;
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .col-md-5 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 41.6666666667%;
    -ms-flex: 0 0 41.6666666667%;
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .col-md-6 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-md-7 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 58.3333333333%;
    -ms-flex: 0 0 58.3333333333%;
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .col-md-8 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 66.6666666667%;
    -ms-flex: 0 0 66.6666666667%;
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .col-md-9 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 75%;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-md-10 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 83.3333333333%;
    -ms-flex: 0 0 83.3333333333%;
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .col-md-11 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 91.6666666667%;
    -ms-flex: 0 0 91.6666666667%;
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .col-md-12 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-md-first {
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
    -ms-flex-order: -1;
    order: -1;
  }
  .order-md-last {
    -webkit-box-ordinal-group: 14;
    -webkit-order: 13;
    -ms-flex-order: 13;
    order: 13;
  }
  .order-md-0 {
    -webkit-box-ordinal-group: 1;
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
  }
  .order-md-1 {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
  }
  .order-md-2 {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2;
  }
  .order-md-3 {
    -webkit-box-ordinal-group: 4;
    -webkit-order: 3;
    -ms-flex-order: 3;
    order: 3;
  }
  .order-md-4 {
    -webkit-box-ordinal-group: 5;
    -webkit-order: 4;
    -ms-flex-order: 4;
    order: 4;
  }
  .order-md-5 {
    -webkit-box-ordinal-group: 6;
    -webkit-order: 5;
    -ms-flex-order: 5;
    order: 5;
  }
  .order-md-6 {
    -webkit-box-ordinal-group: 7;
    -webkit-order: 6;
    -ms-flex-order: 6;
    order: 6;
  }
  .order-md-7 {
    -webkit-box-ordinal-group: 8;
    -webkit-order: 7;
    -ms-flex-order: 7;
    order: 7;
  }
  .order-md-8 {
    -webkit-box-ordinal-group: 9;
    -webkit-order: 8;
    -ms-flex-order: 8;
    order: 8;
  }
  .order-md-9 {
    -webkit-box-ordinal-group: 10;
    -webkit-order: 9;
    -ms-flex-order: 9;
    order: 9;
  }
  .order-md-10 {
    -webkit-box-ordinal-group: 11;
    -webkit-order: 10;
    -ms-flex-order: 10;
    order: 10;
  }
  .order-md-11 {
    -webkit-box-ordinal-group: 12;
    -webkit-order: 11;
    -ms-flex-order: 11;
    order: 11;
  }
  .order-md-12 {
    -webkit-box-ordinal-group: 13;
    -webkit-order: 12;
    -ms-flex-order: 12;
    order: 12;
  }
  .offset-md-0 {
    margin-left: 0;
  }
  .offset-md-1 {
    margin-left: 8.3333333333%;
  }
  .offset-md-2 {
    margin-left: 16.6666666667%;
  }
  .offset-md-3 {
    margin-left: 25%;
  }
  .offset-md-4 {
    margin-left: 33.3333333333%;
  }
  .offset-md-5 {
    margin-left: 41.6666666667%;
  }
  .offset-md-6 {
    margin-left: 50%;
  }
  .offset-md-7 {
    margin-left: 58.3333333333%;
  }
  .offset-md-8 {
    margin-left: 66.6666666667%;
  }
  .offset-md-9 {
    margin-left: 75%;
  }
  .offset-md-10 {
    margin-left: 83.3333333333%;
  }
  .offset-md-11 {
    margin-left: 91.6666666667%;
  }
}
@media (min-width: 992px) {
  .col-lg {
    -webkit-flex-basis: 0;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-lg-auto {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-lg-1 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 8.3333333333%;
    -ms-flex: 0 0 8.3333333333%;
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .col-lg-2 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 16.6666666667%;
    -ms-flex: 0 0 16.6666666667%;
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-lg-3 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 25%;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-lg-4 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 33.3333333333%;
    -ms-flex: 0 0 33.3333333333%;
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .col-lg-5 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 41.6666666667%;
    -ms-flex: 0 0 41.6666666667%;
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .col-lg-6 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-lg-7 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 58.3333333333%;
    -ms-flex: 0 0 58.3333333333%;
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .col-lg-8 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 66.6666666667%;
    -ms-flex: 0 0 66.6666666667%;
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .col-lg-9 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 75%;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-lg-10 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 83.3333333333%;
    -ms-flex: 0 0 83.3333333333%;
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .col-lg-11 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 91.6666666667%;
    -ms-flex: 0 0 91.6666666667%;
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .col-lg-12 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-lg-first {
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
    -ms-flex-order: -1;
    order: -1;
  }
  .order-lg-last {
    -webkit-box-ordinal-group: 14;
    -webkit-order: 13;
    -ms-flex-order: 13;
    order: 13;
  }
  .order-lg-0 {
    -webkit-box-ordinal-group: 1;
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
  }
  .order-lg-1 {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
  }
  .order-lg-2 {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2;
  }
  .order-lg-3 {
    -webkit-box-ordinal-group: 4;
    -webkit-order: 3;
    -ms-flex-order: 3;
    order: 3;
  }
  .order-lg-4 {
    -webkit-box-ordinal-group: 5;
    -webkit-order: 4;
    -ms-flex-order: 4;
    order: 4;
  }
  .order-lg-5 {
    -webkit-box-ordinal-group: 6;
    -webkit-order: 5;
    -ms-flex-order: 5;
    order: 5;
  }
  .order-lg-6 {
    -webkit-box-ordinal-group: 7;
    -webkit-order: 6;
    -ms-flex-order: 6;
    order: 6;
  }
  .order-lg-7 {
    -webkit-box-ordinal-group: 8;
    -webkit-order: 7;
    -ms-flex-order: 7;
    order: 7;
  }
  .order-lg-8 {
    -webkit-box-ordinal-group: 9;
    -webkit-order: 8;
    -ms-flex-order: 8;
    order: 8;
  }
  .order-lg-9 {
    -webkit-box-ordinal-group: 10;
    -webkit-order: 9;
    -ms-flex-order: 9;
    order: 9;
  }
  .order-lg-10 {
    -webkit-box-ordinal-group: 11;
    -webkit-order: 10;
    -ms-flex-order: 10;
    order: 10;
  }
  .order-lg-11 {
    -webkit-box-ordinal-group: 12;
    -webkit-order: 11;
    -ms-flex-order: 11;
    order: 11;
  }
  .order-lg-12 {
    -webkit-box-ordinal-group: 13;
    -webkit-order: 12;
    -ms-flex-order: 12;
    order: 12;
  }
  .offset-lg-0 {
    margin-left: 0;
  }
  .offset-lg-1 {
    margin-left: 8.3333333333%;
  }
  .offset-lg-2 {
    margin-left: 16.6666666667%;
  }
  .offset-lg-3 {
    margin-left: 25%;
  }
  .offset-lg-4 {
    margin-left: 33.3333333333%;
  }
  .offset-lg-5 {
    margin-left: 41.6666666667%;
  }
  .offset-lg-6 {
    margin-left: 50%;
  }
  .offset-lg-7 {
    margin-left: 58.3333333333%;
  }
  .offset-lg-8 {
    margin-left: 66.6666666667%;
  }
  .offset-lg-9 {
    margin-left: 75%;
  }
  .offset-lg-10 {
    margin-left: 83.3333333333%;
  }
  .offset-lg-11 {
    margin-left: 91.6666666667%;
  }
}
@media (min-width: 1200px) {
  .col-xl {
    -webkit-flex-basis: 0;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-xl-auto {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-xl-1 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 8.3333333333%;
    -ms-flex: 0 0 8.3333333333%;
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .col-xl-2 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 16.6666666667%;
    -ms-flex: 0 0 16.6666666667%;
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-xl-3 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 25%;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-xl-4 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 33.3333333333%;
    -ms-flex: 0 0 33.3333333333%;
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .col-xl-5 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 41.6666666667%;
    -ms-flex: 0 0 41.6666666667%;
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .col-xl-6 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-xl-7 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 58.3333333333%;
    -ms-flex: 0 0 58.3333333333%;
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .col-xl-8 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 66.6666666667%;
    -ms-flex: 0 0 66.6666666667%;
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .col-xl-9 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 75%;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-xl-10 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 83.3333333333%;
    -ms-flex: 0 0 83.3333333333%;
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .col-xl-11 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 91.6666666667%;
    -ms-flex: 0 0 91.6666666667%;
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .col-xl-12 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-xl-first {
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
    -ms-flex-order: -1;
    order: -1;
  }
  .order-xl-last {
    -webkit-box-ordinal-group: 14;
    -webkit-order: 13;
    -ms-flex-order: 13;
    order: 13;
  }
  .order-xl-0 {
    -webkit-box-ordinal-group: 1;
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
  }
  .order-xl-1 {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
  }
  .order-xl-2 {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2;
  }
  .order-xl-3 {
    -webkit-box-ordinal-group: 4;
    -webkit-order: 3;
    -ms-flex-order: 3;
    order: 3;
  }
  .order-xl-4 {
    -webkit-box-ordinal-group: 5;
    -webkit-order: 4;
    -ms-flex-order: 4;
    order: 4;
  }
  .order-xl-5 {
    -webkit-box-ordinal-group: 6;
    -webkit-order: 5;
    -ms-flex-order: 5;
    order: 5;
  }
  .order-xl-6 {
    -webkit-box-ordinal-group: 7;
    -webkit-order: 6;
    -ms-flex-order: 6;
    order: 6;
  }
  .order-xl-7 {
    -webkit-box-ordinal-group: 8;
    -webkit-order: 7;
    -ms-flex-order: 7;
    order: 7;
  }
  .order-xl-8 {
    -webkit-box-ordinal-group: 9;
    -webkit-order: 8;
    -ms-flex-order: 8;
    order: 8;
  }
  .order-xl-9 {
    -webkit-box-ordinal-group: 10;
    -webkit-order: 9;
    -ms-flex-order: 9;
    order: 9;
  }
  .order-xl-10 {
    -webkit-box-ordinal-group: 11;
    -webkit-order: 10;
    -ms-flex-order: 10;
    order: 10;
  }
  .order-xl-11 {
    -webkit-box-ordinal-group: 12;
    -webkit-order: 11;
    -ms-flex-order: 11;
    order: 11;
  }
  .order-xl-12 {
    -webkit-box-ordinal-group: 13;
    -webkit-order: 12;
    -ms-flex-order: 12;
    order: 12;
  }
  .offset-xl-0 {
    margin-left: 0;
  }
  .offset-xl-1 {
    margin-left: 8.3333333333%;
  }
  .offset-xl-2 {
    margin-left: 16.6666666667%;
  }
  .offset-xl-3 {
    margin-left: 25%;
  }
  .offset-xl-4 {
    margin-left: 33.3333333333%;
  }
  .offset-xl-5 {
    margin-left: 41.6666666667%;
  }
  .offset-xl-6 {
    margin-left: 50%;
  }
  .offset-xl-7 {
    margin-left: 58.3333333333%;
  }
  .offset-xl-8 {
    margin-left: 66.6666666667%;
  }
  .offset-xl-9 {
    margin-left: 75%;
  }
  .offset-xl-10 {
    margin-left: 83.3333333333%;
  }
  .offset-xl-11 {
    margin-left: 91.6666666667%;
  }
}
.img-fluid {
  max-width: 100%;
  height: auto;
}

* {
  box-sizing: border-box;
}
*:before, *:after {
  box-sizing: border-box;
}

*::-webkit-input-placeholder {
  color: #666;
  opacity: 1;
}

*:-moz-placeholder {
  color: #666;
  opacity: 1;
}

*::-moz-placeholder {
  color: #666;
  opacity: 1;
}

*:-ms-input-placeholder {
  color: #666;
  opacity: 1;
}

html {
  font-size: 62.5%;
  line-height: 1.3;
  overflow-x: hidden;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
}

p {
  margin: 0;
}

a {
  text-decoration: none;
  -webkit-tap-highlight-color: transparent;
  color: #2d2d2d;
}

audio,
canvas,
iframe,
img,
svg,
video {
  vertical-align: middle;
}

img {
  max-width: 100%;
}

textarea {
  resize: none;
}

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

label,
button,
input,
select {
  cursor: pointer;
}

input,
select,
textarea,
button {
  font-family: "Circe", Arial, Tahoma, sans-serif;
  appearance: none;
  outline: 0;
  border-radius: 0;
  background-clip: padding-box;
  border: 1px solid #666;
  padding: 0;
}

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

body {
  position: relative;
  min-width: 320px;
  text-size-adjust: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: "Circe", Arial, Tahoma, sans-serif;
  font-size: 1.6rem;
  line-height: 1.5;
  color: #2d2d2d;
  overflow-x: hidden;
}

section {
  position: relative;
}

body {
  display: flex;
  flex-direction: column;
}

body.lock {
  position: relative;
  overflow: hidden;
  height: 100vh;
}

main {
  flex-grow: 1;
  margin-bottom: 40px;
}

.main.--landing {
  margin-bottom: 0;
}

input:focus::-webkit-input-placeholder {
  color: transparent;
}

input:focus:-moz-placeholder {
  color: transparent;
}

/* FF 4-18 */
input:focus::-moz-placeholder {
  color: transparent;
}

/* FF 19+ */
input:focus:-ms-input-placeholder {
  color: transparent;
}

/* IE 10+ */
main {
  padding-top: 72px;
}

main.main-new {
  padding-top: 90px;
}
@media (max-width: 991px) {
  main.main-new {
    padding-top: 74px;
  }
}
@media (max-width: 767px) {
  main.main-new {
    padding-top: 64px;
  }
}

.container {
  position: relative;
  max-width: 980px;
  width: 100%;
  padding: 0 10px;
  margin: 0 auto;
}
@media (max-width: 998px) {
  .container {
    max-width: 100%;
  }
}
@media (max-width: 991px) {
  .container {
    width: 100%;
    padding-left: 14px;
    padding-right: 14px;
  }
}
@media (max-width: 479px) {
  .container {
    padding-left: 14px;
    padding-right: 14px;
  }
}

main.main-new .container {
  padding: 0 12px;
}
@media (max-width: 991px) {
  main.main-new .container {
    padding-left: 12px;
    padding-right: 12px;
  }
}
@media (max-width: 479px) {
  main.main-new .container {
    padding-left: 12px;
    padding-right: 12px;
  }
}

a:focus,
button {
  outline: none;
}

.social-list__link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  margin: 0 12px 0 0;
  transition: 0.4s ease 0s;
}
.social-list__link:last-child {
  margin-right: 0;
}
.social-list__link .icon {
  fill: #fff;
  color: #fff;
}
.social-list__link.social-list__link--fb {
  background-color: #3b5898;
}
.social-list__link.social-list__link--fb .icon {
  width: 9px;
  height: 16px;
}
.social-list__link.social-list__link--ok {
  background-color: #f7931e;
}
.social-list__link.social-list__link--ok .icon {
  width: 11px;
  height: 16px;
}
.social-list__link.social-list__link--vk {
  background-color: #4680c2;
}
.social-list__link.social-list__link--vk .icon {
  width: 20px;
}
.social-list__link.social-list__link--tg {
  background-color: #0088cc;
}
.social-list__link.social-list__link--tg .icon {
  width: 20px;
}
.social-list__link.social-list__link--goo {
  background-color: #fff;
}
.social-list.social-list__link--goo {
  box-shadow: 0 8px 10px 0 rgba(220, 220, 220, 0.66);
  background-color: #fff;
}
.social-list.social-list__link--goo:hover {
  box-shadow: 0 3px 7px rgba(220, 220, 220, 0.66);
}

.loader {
  position: fixed;
  width: 100%;
  height: 100%;
  background: #fff;
  z-index: 9999999;
  display: flex;
  align-items: center;
  justify-content: center;
}

.fg-1 {
  flex-grow: 1;
}

.align-center {
  align-items: center !important;
}

.w-100 {
  width: 100%;
  max-width: 100% !important;
}

.progress-bar {
  background: #22b3ff;
  height: 3px;
  width: 0;
  position: absolute;
  z-index: 99;
}

.mt-90 {
  margin-top: 90px;
}

.mt-64 {
  margin-top: 64px;
}

.mt-72 {
  margin-top: 72px;
}

.mt-lg-102 {
  margin-top: 102px;
}

.mt-48 {
  margin-top: 48px;
}

.mt-32 {
  margin-top: 32px;
}

.mt-24 {
  margin-top: 24px !important;
}

.mt-20 {
  margin-top: 20px !important;
}

.mt-12 {
  margin-top: 12px;
}

.mt-6 {
  margin-top: 6px;
}

.mt-0 {
  margin-top: 0 !important;
}

.mb-64 {
  margin-bottom: 64px;
}

.mb-48 {
  margin-bottom: 48px;
}

.mb-32 {
  margin-bottom: 32px;
}

.mb-24 {
  margin-bottom: 24px;
}

.mb-12 {
  margin-bottom: 12px;
}

.mb-14 {
  margin-bottom: 14px;
}

.mb-6 {
  margin-bottom: 6px;
}

.mb-8 {
  margin-bottom: 8px !important;
}

.mr-16 {
  margin-right: 16px;
}

.mr-36 {
  margin-right: 36px;
}

.my-64 {
  margin-top: 64px !important;
  margin-bottom: 64px !important;
}

.p-0 {
  padding: 0 !important;
}

.pt-45 {
  padding-top: 45px;
}

.clearfix:before,
.clearfix:after {
  content: " ";
  display: table;
}

.clearfix:after {
  clear: both;
}

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

.text-right {
  text-align: right;
}

/*Icons*/
.icon-d {
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100%;
  width: 24px;
  height: 24px;
  display: inline-block;
}
.icon-d.icon--goo {
  background-image: url(../img/svgSprite/goo.svg);
}

.pos-static {
  position: static !important;
}

.slick-slide:focus {
  outline: none;
}

#scrollUp {
  background-color: #fff;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  right: calc(50% - 554px);
  bottom: 40px;
  transition: 0.6s ease 0s;
  z-index: 9998 !important;
  box-shadow: 0px 0px 32px 0px rgba(0, 0, 0, 0.14);
  display: block;
  align-items: center;
  justify-content: center;
}
@media (max-width: 767px) {
  #scrollUp {
    display: none;
  }
}
#scrollUp svg {
  position: relative;
  bottom: 2px;
  margin: 19px auto 0;
  display: block;
}
#scrollUp path {
  stroke: #979797;
  transition-duration: 0.6s;
}
#scrollUp:hover {
  box-shadow: 0 3px 7px 0 rgba(34, 179, 255, 0.6);
  background-color: #57c5ff;
}
#scrollUp:hover path {
  stroke: #fff;
}

.lock-screen {
  overflow: hidden;
  padding-right: 17px;
}

.filter-fixed .section-experience-header {
  padding-bottom: 80px;
}
.filter-fixed .section-experience-filter {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  background: #fff;
  z-index: 999;
  margin: 0;
  padding-top: 13px;
  padding-bottom: 13px;
}
.filter-fixed .section-experience-filter .custom-select__options {
  height: 30px;
  line-height: 30px;
}
.filter-fixed.filter-fixed-down .section-experience-filter {
  transition: 0.6s ease 0s;
  top: 72px;
  margin-top: 0;
}

.hidden {
  display: none !important;
}

.visible {
  display: block !important;
}

.header-disclaimer {
  background-color: #f5f5f5;
}
.header-disclaimer__inner {
  max-width: 980px;
  margin: 0 auto;
  padding: 5px 30px 5px 10px;
  position: relative;
}
.header-disclaimer__close {
  position: absolute;
  right: 5px;
  top: 3px;
  cursor: pointer;
  width: 16px;
  height: 16px;
}
.header-disclaimer__close svg {
  width: 16px;
  height: 16px;
  fill: #22b3ff;
}
.header-disclaimer__text {
  font-size: 13px;
  line-height: 19px;
  text-align: center;
}
@media (max-width: 600px) {
  .header-disclaimer__text {
    font-size: 11px;
    line-height: 15px;
  }
}

@media (max-width: 767px) {
  .modal-channel-link {
    display: inline-block;
    margin-bottom: 15px;
  }
}
.modal-channel-link:last-child {
  margin-bottom: 0;
}

.all-speciality {
  margin-right: auto;
}

.iti__country-list {
  z-index: 1000;
}

input:focus::-webkit-input-placeholder,
textarea:focus::-webkit-input-placeholder {
  color: transparent !important;
  transition: 0.4s ease 0s;
}
input:focus:-moz-placeholder,
textarea:focus:-moz-placeholder {
  color: transparent !important;
  transition: 0.4s ease 0s;
}
input:focus::-moz-placeholder,
textarea:focus::-moz-placeholder {
  color: transparent !important;
  transition: 0.4s ease 0s;
}
input:focus:-ms-input-placeholder,
textarea:focus:-ms-input-placeholder {
  color: transparent !important;
  transition: 0.4s ease 0s;
}

.form-group {
  position: relative;
  margin-bottom: 24px;
}
.form-group.form-group--filled .form-control {
  border-bottom-color: #98edfd;
}
.form-group.form-group--filled label {
  font-size: 10px;
  transform: translateY(-21px);
  z-index: 10;
}
.form-group.error .form-control {
  color: #ff7373;
  border-bottom-color: #ff7373;
}
.form-group.error .form-control:focus {
  border-bottom-color: #ff7373;
}
.form-group.error .error-message {
  display: block;
}
.form-group.success:after {
  right: 5px;
  width: 9px;
  content: "";
  bottom: 9px;
  height: 16px;
  display: block;
  position: absolute;
  transform: rotateZ(42deg);
  border-right: 2px solid #49e3a4;
  border-bottom: 2px solid #49e3a4;
}
.form-group.success .form-control {
  border-bottom-color: #49e3a4;
}
.form-group.success .form-control:focus {
  border-bottom-color: #49e3a4;
}
.form-group label {
  position: absolute;
  font-size: 18px;
  font-weight: bold;
  line-height: 0.94;
  letter-spacing: 0;
  color: #b2b2b2;
  bottom: 5px;
  top: 17px;
  left: 0;
  right: 0;
  transition: 0.4s ease;
  z-index: 0;
}
.form-group .form-control {
  border-bottom: 1px solid #b2b2b2;
  border-left: 0;
  border-right: 0;
  border-top: 0;
  background: transparent;
  padding: 11px 0 0 0;
  width: 100%;
  font-size: 18px;
  line-height: 0.94;
  letter-spacing: 0.03px;
  color: #13071f;
  position: relative;
  z-index: 9;
  transition: 0.4s ease 0s;
}
.form-group .form-control:focus {
  border-bottom-color: #98edfd;
}
.form-group .form-control:focus + label {
  font-size: 10px;
  transform: translateY(-21px);
}
.form-group.form-group--checkbox input[type=checkbox] {
  position: absolute;
  opacity: 0;
}
.form-group.form-group--checkbox input[type=checkbox]:checked + label:before {
  border-color: #49e3a4;
}
.form-group.form-group--checkbox input[type=checkbox]:checked + label:after {
  transform: scale(1);
}
.form-group.form-group--checkbox label {
  position: relative;
  top: 0;
  bottom: 0;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.29;
  letter-spacing: 0;
  color: #13071f;
  padding-left: 26px;
}
.form-group.form-group--checkbox label:before {
  content: "";
  position: absolute;
  left: 0;
  top: -2px;
  width: 20px;
  height: 20px;
  border-radius: 5px;
  border: solid 1px #b2b2b2;
}
.form-group.form-group--checkbox label:after {
  content: "";
  width: 16px;
  height: 16px;
  position: absolute;
  background: url("../img/svgSprite/check-green.svg") no-repeat center center/16px;
  top: 0;
  left: 2px;
  transform: scale(0);
  transition: 0.3s ease 0s;
}
.form-group.form-group-upload-image {
  position: relative;
}
.form-group.form-group-upload-image input[type=file] {
  opacity: 0;
  position: absolute;
}
.form-group.form-group-upload-image label {
  position: relative;
  left: 0;
  top: 0;
  display: flex;
  align-items: center;
}
.form-group.form-group-upload-image .upload-comment {
  display: block;
  font-size: 14px;
  font-weight: normal;
  font-style: italic;
  line-height: normal;
  letter-spacing: 0.03px;
  color: #676767;
  margin-top: 12px;
}
.form-group.form-group-upload-image .upload-image__icon-loader {
  width: 136px;
  height: 136px;
  left: 0;
  top: 0;
  position: relative;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 27px;
}
.form-group.form-group-upload-image .upload-image__icon-loader svg {
  fill: transparent;
  position: absolute;
}
.form-group.form-group-upload-image .upload-image__icon-loader .progress__meter {
  stroke: #ccc;
}
.form-group.form-group-upload-image .upload-image__icon-loader .progress__value {
  stroke: #22b3ff;
  transition: 3s ease 0s;
}
.form-group.form-group_textarea label:after {
  left: 0;
  right: 0;
  height: 1px;
  content: "";
  bottom: 5px;
  position: absolute;
  background-color: #b2b2b2;
  transition: 0s linear;
}
.form-group.form-group_textarea textarea {
  border: 0;
  margin: 0;
  padding: 0;
  display: block;
  padding-top: 9px;
  line-height: 28px;
  padding-bottom: 9px;
  background-position-y: 8px;
}
.form-group.form-group_textarea textarea:focus {
  background-image: url(../img/textarea/textarea.png);
}
.form-group.form-group_textarea textarea:focus ~ label:after {
  opacity: 0;
}
.form-group.form-group_textarea.form-group--filled textarea {
  background-image: url(../img/textarea/textarea.png);
}
.form-group.form-group_textarea.form-group--filled label:after {
  opacity: 0;
}
.form-group.form-group--allow {
  margin-top: 2px;
}
.form-group.form-group--allow label {
  display: inline-block;
  max-width: 400px;
  font-size: 1.4rem;
  line-height: 1.43;
  letter-spacing: 0.02px;
  color: #2d2d2d;
  padding-left: 36px;
}
@media (max-width: 479px) {
  .form-group.form-group--allow label {
    font-size: 1.2rem;
    line-height: 1.25;
  }
}
.form-group.form-group--allow label:before {
  width: 24px;
  height: 24px;
  border-radius: 4px;
  border: solid 2px #eaeaea;
}
.form-group.form-group--allow label:after {
  top: 2px;
  left: 4px;
}
.form-group.form-group--allow label a {
  color: #22b3ff;
  text-decoration: underline;
  transition: 0.3s ease 0s;
}
.form-group.form-group--allow label a:hover {
  text-decoration: none;
  color: #49e3a4;
}

.upload-userpic .cropper-modal {
  background-color: #fff;
  opacity: 0.8;
}
.upload-userpic .cropper-view-box,
.upload-userpic .cropper-face {
  border-radius: 50%;
}
.upload-userpic__load {
  display: none;
}
.upload-userpic__load.active {
  display: block;
}
.upload-userpic__cropper {
  display: none;
}
.upload-userpic__cropper.active {
  display: block;
}
.upload-userpic__cropper .result {
  width: 245px;
  height: 159px;
}
.upload-userpic__success {
  display: none;
}
.upload-userpic__success.active {
  display: block;
}

.upload-userpic__result {
  display: flex;
}
.upload-userpic__result .upload-comment {
  margin-top: 0 !important;
}

.preview-wrapper {
  margin: 0 30px 0 24px;
}

.img-preview.preview-item--big {
  width: 50px;
  height: 50px;
  overflow: hidden;
  border-radius: 50%;
  margin-bottom: 13px;
}

.upload-usepic__bottom {
  display: flex;
  align-items: center;
  margin-top: 30px;
}
.upload-usepic__bottom label {
  color: #22b3ff;
  font-size: 16px;
  text-decoration: underline;
  transition: 0.4s ease 0s;
  margin-right: 32px;
}
.upload-usepic__bottom label:hover {
  text-decoration: none;
}

.img-preview.preview-item--sm {
  width: 24px;
  height: 24px;
  overflow: hidden;
  border-radius: 50%;
}
.img-preview.preview-item--sm textarea.form-control {
  min-height: 50px;
  max-height: 200px;
}

.error-message {
  display: none;
  font-size: 14px;
  font-weight: 700;
  font-style: italic;
  font-stretch: normal;
  line-height: 1.36;
  letter-spacing: 0;
  color: #ff7373;
  position: absolute;
  bottom: -20px;
}

.error-message.text {
  color: #adadad!important;  
  font-size: 14px!important;
  font-weight: 700!important;
  font-style: italic!important;
}

.cropper-point.point-n,
.cropper-point.point-w,
.cropper-point.point-s,
.cropper-point.point-e {
  display: none;
}

.dropdown-single.active .dropdown-display,
.dropdown-multiple.active .dropdown-display {
  border-color: #98edfd;
  border-bottom-color: transparent;
  border-radius: 22.5px 22.5px 0 0;
}
.dropdown-single.active .dropdown-display:after,
.dropdown-multiple.active .dropdown-display:after {
  background: url(../img/svgSprite/arrow-down-blue.svg) no-repeat 0 0/contain;
  transform: rotate(-180deg);
}
.dropdown-single.choosen .dropdown-display,
.dropdown-multiple.choosen .dropdown-display {
  border-color: #98edfd;
}
.dropdown-single.active .dropdown-display,
.dropdown-multiple.active .dropdown-display {
  border-bottom-color: #fff;
}

.result-finish {
  width: 136px;
  height: 136px;
  border-radius: 50%;
  overflow: hidden;
  margin-right: 27px;
}
.result-finish img {
  border-radius: 50%;
}

.change-miniature {
  font-size: 16px;
  color: #22b3ff;
  text-decoration: underline;
  font-weight: 700;
  display: inline-block;
  margin-top: 24px;
  transition: 0.4s ease 0s;
}
.change-miniature:hover {
  text-decoration: none;
}

.dropdown-display {
  width: 553px;
  display: block;
  font-size: 18px;
  font-weight: bold;
  color: #b2b2b2;
  padding: 7px 41px 7px 10px;
  height: 42px;
  border-radius: 22.5px;
  box-shadow: 0 3px 7px 0 rgba(19, 7, 31, 0.05);
  border: solid 2px rgba(19, 7, 31, 0.15);
  background-color: #ffffff;
  position: relative;
}
.dropdown-display:after {
  content: "";
  position: absolute;
  width: 13px;
  height: 7px;
  background: url(../img/svgSprite/arrow-down.svg) no-repeat 0 0/contain;
  right: 16px;
  top: 16px;
  transition: 0.4s ease 0s;
}

.dropdown-main {
  z-index: 99;
  top: calc(100% - 1px);
}
.dropdown-main .dropdown-search input {
  width: 100%;
  border-bottom: solid 1px #13071f;
  border-left: 0;
  border-right: 0;
  border-top: 0;
}
.dropdown-main .dropdown-search input::-webkit-input-placeholder {
  font-size: 14px;
  font-weight: bold;
  color: #b2b2b2;
}
.dropdown-main .dropdown-search input:-moz-placeholder {
  font-size: 14px;
  font-weight: bold;
  color: #b2b2b2;
}
.dropdown-main .dropdown-search input::-moz-placeholder {
  font-size: 14px;
  font-weight: bold;
  color: #b2b2b2;
}
.dropdown-main .dropdown-search input:-ms-input-placeholder {
  font-size: 14px;
  font-weight: bold;
  color: #b2b2b2;
}
.dropdown-main ul li {
  display: block;
  padding-left: 18px;
  position: relative;
  transition: 0.4s esae 0s;
  font-size: 1.6rem;
  font-weight: 700;
  letter-spacing: 0.003rem;
  margin-top: 8px;
  cursor: pointer;
}
.dropdown-main ul li:before {
  content: "";
  top: 50%;
  margin-top: -7px;
  left: 0;
  width: 13px;
  height: 13px;
  background-color: rgba(19, 7, 31, 0.11);
  position: absolute;
  border-radius: 50%;
  transition: 0.4s ease 0s;
}
.dropdown-main ul li:hover:before, .dropdown-main ul li.dropdown-chose:before {
  background: #98edfd;
}
.dropdown-main ul li:focus {
  outline: none;
}

.dropdown-selected {
  display: inline-block;
  font-size: 18px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: 0;
  color: #13071f;
}
.dropdown-selected .del {
  display: none;
}

.dropdown-selected + .placeholder {
  display: none;
}

.dropdown-mul-2 {
  display: none;
}
.dropdown-mul-2.visible {
  display: block;
}

.dropdown-multiple .dropdown-selected:after {
  content: ",";
  display: inline-block;
  margin-right: 4px;
}

.styled-checkbox {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  opacity: 0;
  width: 100%;
  position: absolute;
}
.styled-checkbox + label {
  position: relative;
  cursor: pointer;
  padding: 0;
  font-size: 14px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 26px;
  letter-spacing: 0.07px;
  color: #2d2d2d;
  display: flex;
}
.styled-checkbox + label:before {
  content: "";
  margin-right: 10px;
  display: inline-block;
  vertical-align: text-top;
  width: 24px;
  height: 24px;
  background: white;
  border-radius: 4px;
  border: solid 2px #eaeaea;
  transition: all 0.3s ease;
}
.styled-checkbox:hover + label:before {
  border: solid 2px #e4e2e2;
}
.styled-checkbox:checked + label:before {
  border: solid 2px #49e3a4;
  transition: all 0.3s ease;
}
.styled-checkbox:disabled + label {
  color: #b8b8b8;
  cursor: auto;
}
.styled-checkbox:disabled + label:before {
  box-shadow: none;
  background: #ddd;
}
.styled-checkbox:checked + label:after {
  content: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyMi4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0i0KHQu9C+0LlfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCAyMCAxNSIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMjAgMTU7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+DQoJLnN0MHtmaWxsOiM0OUUzQTQ7fQ0KPC9zdHlsZT4NCjxwYXRoIGlkPSJQYXRoIiBjbGFzcz0ic3QwIiBkPSJNMC4yLDguM0MwLjEsOC4xLDAsNy45LDAsNy43czAuMS0wLjQsMC4yLTAuNWwxLjEtMWMwLjMtMC4zLDAuOC0wLjMsMS4xLDBsMC4xLDAuMWw0LjIsNC40DQoJYzAuMiwwLjIsMC40LDAuMiwwLjUsMEwxNy41LDAuMmgwLjFsMCwwYzAuMy0wLjMsMC44LTAuMywxLjEsMGwxLjEsMWMwLjMsMC4zLDAuMywwLjgsMCwxLjFsMCwwTDcuNSwxNC44QzcuMywxNC45LDcuMiwxNSw2LjksMTUNCgljLTAuMiwwLTAuNC0wLjEtMC41LTAuMmwtNi02LjNMMC4yLDguM3oiLz4NCjwvc3ZnPg0K");
  position: absolute;
  left: 5px;
  top: 0;
  background: transparent;
  width: 14px;
  height: 10px;
  transition: all 0.3s ease;
}

.tabs-content__checkbox {
  position: relative;
}

.form-group-visible {
  display: flex;
  align-items: center;
  width: 573px;
  margin-bottom: 20px;
}
.form-group-visible.form-group-visible--tall {
  align-items: flex-start;
}
.form-group-visible.form-group-visible--tall .btn-visible {
  margin-top: 0;
}
.form-group-visible.form-group-visible--dropdown {
  margin-bottom: 24px;
}
.form-group-visible.form-group-visible--dropdown .btn-visible {
  margin-top: 0;
}
.form-group-visible .form-group {
  margin: 0;
  flex-grow: 1;
}
.form-group-visible .form-group.form-group--filled label,
.form-group-visible .form-group .form-control:focus + label {
  transform: translateY(-14px);
}
.form-group-visible .dropdown-single {
  width: 100%;
  margin-bottom: 0;
}

.form-group--blue-wrapper {
  width: 560px;
  margin-bottom: 24px;
  margin-top: 64px;
  padding: 30px 0;
  position: relative;
}
.form-group--blue-wrapper .dropdown-single:last-of-type {
  margin-bottom: 0;
}
.form-group--blue-wrapper:after {
  content: "";
  position: absolute;
  width: calc(200% + 26px);
  height: 100%;
  margin-left: -100%;
  display: block;
  top: 0;
  opacity: 0.4;
  border-radius: 10px;
  background-color: #98edfd;
  z-index: -1;
}
.form-group--blue-wrapper .dropdown-single__title {
  font-size: 14px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.14;
  letter-spacing: 0.03px;
  color: rgba(19, 7, 31, 0.8);
  margin-bottom: 6px;
}

.form-group-birthday {
  margin-bottom: 24px;
  margin-top: 20px;
}
.form-group-birthday__title {
  font-size: 14px;
  line-height: 1.14;
  letter-spacing: 0.03px;
  color: rgba(19, 7, 31, 0.8);
  margin-left: 50px;
  margin-bottom: 9px;
}
.form-group-birthday__row {
  display: flex;
  align-items: center;
}
.form-group-birthday__row .btn-visible {
  margin-top: 0;
}
.form-group-birthday__row .custom-select {
  margin-right: 17px;
}
.form-group-birthday__row .custom-select:last-child {
  margin-right: 0;
}

.form-group-sex {
  margin-bottom: 24px;
}
.form-group-sex__title {
  font-size: 14px;
  line-height: 1.14;
  letter-spacing: 0.03px;
  color: rgba(19, 7, 31, 0.8);
  margin-left: 50px;
  margin-bottom: 9px;
}
.form-group-sex__row {
  display: flex;
  align-items: center;
}
.form-group-sex__row .btn-visible {
  margin-top: 0;
}
.form-group-sex__control:first-of-type {
  margin-right: 24px;
}
.form-group-sex__control input[type=radio] {
  position: absolute;
  opacity: 0;
}
.form-group-sex__control input[type=radio]:checked + label {
  background: #49e3a4;
  box-shadow: 0 9px 12px 0 rgba(73, 227, 164, 0.6);
}
.form-group-sex__control label {
  font-size: 16px;
  font-weight: 800;
  line-height: 1;
  letter-spacing: 0.03px;
  color: #ffffff;
  padding-top: 2px;
}

.linear-textarea {
  width: 100%;
}
.linear-textarea textarea.form-control {
  line-height: 24px;
  background-image: linear-gradient(transparent, transparent 25px, #98edfd 0px);
  background-size: 100% 26px;
  border: 0;
  padding: 0;
  margin-top: 16px;
}

input:-webkit-autofill {
  -webkit-box-shadow: inset 0 0 0 50px #fff !important;
  /* Цвет фона */
  -webkit-text-fill-color: #13071F !important;
  /* цвет текста */
  color: #13071F !important;
  /* цвет текста */
}

.form-group--checkbox-custom input,
.form-group--checkbox-custom .form-control {
  position: absolute;
  width: 0;
  height: 0;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
.form-group--checkbox-custom label {
  position: relative;
  top: initial;
  bottom: initial;
  right: initial;
  left: initial;
  display: inline-block;
  vertical-align: baseline;
  font-weight: 400;
  font-size: 14px;
  line-height: 100%;
  color: #333333;
  padding-left: 20px;
  cursor: pointer;
}
.form-group--checkbox-custom label::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 14px;
  height: 14px;
  border: 1px solid #2D2D2D;
  border-radius: 2px;
  content: "";
  transition: all 0.3s ease-in-out;
}
.form-group--checkbox-custom label::after {
  position: absolute;
  top: 3px;
  left: 3px;
  width: 8px;
  height: 8px;
  background-color: #2D2D2D;
  border-radius: 1px;
  content: "";
  transform: scale(0);
  transition: all 0.3s ease-in-out;
}
.form-group--checkbox-custom input:checked + label::after {
  transform: scale(1);
}
.form-group--checkbox-custom input[disabled] + label {
  pointer-events: none;
}

.form-group {
  position: relative;
}
.form-group--custom {
  margin-bottom: 16px;
}
.form-group__row {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
}
.form-group--checkbox-custom .form-group__row label {
  margin-right: 35px;
}
.form-group__row-title {
  display: inline-block;
  vertical-align: baseline;
  width: 100%;
  margin-bottom: 8px;
  font-weight: 400;
  font-size: 10px;
  line-height: 120%;
  color: #979797;
}
.form-group__link {
  position: absolute;
  top: calc(100% + 2px);
  right: 0;
  font-weight: 400;
  font-size: 12px;
  line-height: 120%;
  text-decoration: underline;
  color: #22B3FF;
}
.form-group__link:hover, .form-group__link:focus {
  text-decoration: underline solid transparent;
}

.form-group--custom--custom {
  margin-bottom: 16px;
}
.form-group--custom .form-control {
  padding: 9px 0 0 0;
  font-weight: 400;
  font-size: 16px;
  line-height: 19px;
  height: 36px;
  color: #2D2D2D;
  border-bottom: 1px solid rgba(45, 45, 45, 0.4);
}
.form-group--custom .form-control:focus {
  border-color: #98EDFD;
}
.form-group--custom.form-group--filled .form-control {
  border-color: #98EDFD;
}
.form-group--custom .form-control[disabled] {
  pointer-events: none;
}
.form-group--custom .form-control[disabled],
.form-group--custom .form-control[readonly] {
  border-color: #979797;
}
.form-group--custom.error .form-control {
  border-color: #EB5757;
  color: #EB5757;
}
.form-group--custom .error-message {
  position: static;
  font-size: 10px;
  line-height: 10px;
  color: #EB5757;
  margin-top: 2px;
  font-style: normal;
  max-width: 250px;
}
@media (max-width: 767px) {
  .form-group--custom .error-message {
    max-width: 100%;
  }
}
.form-group--custom label {
  top: 15px;
  font-weight: 400;
  font-size: 16px;
  line-height: 120%;
  color: #979797;
}
.form-group--custom.form-group--filled label,
.form-group--custom .form-control:focus + label {
  transform: translateY(-16px);
  font-size: 10px;
  line-height: 12px;
}

.form-group--disabled {
  padding: relative;
  cursor: pointer;
}
.form-group--disabled::after {
  position: absolute;
  bottom: 5px;
  right: 12px;
  width: 12px;
  height: 15px;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 13 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.7071 15H1.29678C1.0379 14.9997 0.78971 14.8967 0.606655 14.7137C0.423599 14.5306 0.320623 14.2824 0.320312 14.0235V6.33838C0.320468 6.0794 0.423376 5.83106 0.606448 5.64788C0.78952 5.4647 1.0378 5.36164 1.29678 5.36133H11.7071C11.9661 5.36164 12.2144 5.4647 12.3975 5.64788C12.5805 5.83106 12.6834 6.0794 12.6836 6.33838V14.0235C12.6833 14.2824 12.5803 14.5306 12.3973 14.7137C12.2142 14.8967 11.966 14.9997 11.7071 15ZM1.43545 6.39014C1.4226 6.39017 1.40988 6.39274 1.39803 6.3977C1.38617 6.40265 1.3754 6.40989 1.36634 6.419C1.35728 6.42812 1.35011 6.43893 1.34523 6.45081C1.34034 6.4627 1.33785 6.47543 1.33789 6.48828V13.8836C1.33789 13.9095 1.34817 13.9343 1.36646 13.9526C1.38476 13.9709 1.40958 13.9812 1.43545 13.9812H11.5566C11.5825 13.9812 11.6073 13.9709 11.6256 13.9526C11.6439 13.9343 11.6542 13.9095 11.6542 13.8837V6.48828C11.6541 6.46243 11.6438 6.43766 11.6255 6.41938C11.6073 6.4011 11.5825 6.3908 11.5566 6.39072L1.43545 6.39014Z' fill='%23000000'/%3E%3Cpath d='M10.1842 6.22031C10.0676 6.22031 9.95585 6.17401 9.87344 6.0916C9.79103 6.00919 9.53416 5.89741 9.53416 5.78086V4.08896C9.53416 2.31885 8.28838 1.12748 6.50127 1.12748C4.71416 1.12748 3.58799 2.31885 3.58799 4.08896V5.78086C3.58799 5.89741 3.21151 6.00919 3.1291 6.0916C3.04669 6.17401 2.93491 6.22031 2.81836 6.22031C2.70181 6.22031 2.59003 6.17401 2.50762 6.0916C2.42521 6.00919 2.37891 5.89741 2.37891 5.78086V4.08896C2.37891 1.83428 4.22812 0 6.50127 0C8.77441 0 10.6236 1.83428 10.6236 4.08896V5.78086C10.6236 5.89741 10.5773 6.00919 10.4949 6.0916C10.4125 6.17401 10.3007 6.22031 10.1842 6.22031Z' fill='%23000000'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  opacity: 0.3;
  transition: all 0.3s ease-in-out;
  content: "";
}
.form-group--disabled:hover::after, .form-group--disabled:focus::after {
  opacity: 1;
}
.form-group--checkbox-disabled {
  position: relative;
  cursor: pointer;
}
.form-group--checkbox-disabled .form-group__row-title::after {
  display: inline-block;
  margin-left: 5px;
  width: 10px;
  height: 10px;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 13 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.7071 15H1.29678C1.0379 14.9997 0.78971 14.8967 0.606655 14.7137C0.423599 14.5306 0.320623 14.2824 0.320312 14.0235V6.33838C0.320468 6.0794 0.423376 5.83106 0.606448 5.64788C0.78952 5.4647 1.0378 5.36164 1.29678 5.36133H11.7071C11.9661 5.36164 12.2144 5.4647 12.3975 5.64788C12.5805 5.83106 12.6834 6.0794 12.6836 6.33838V14.0235C12.6833 14.2824 12.5803 14.5306 12.3973 14.7137C12.2142 14.8967 11.966 14.9997 11.7071 15ZM1.43545 6.39014C1.4226 6.39017 1.40988 6.39274 1.39803 6.3977C1.38617 6.40265 1.3754 6.40989 1.36634 6.419C1.35728 6.42812 1.35011 6.43893 1.34523 6.45081C1.34034 6.4627 1.33785 6.47543 1.33789 6.48828V13.8836C1.33789 13.9095 1.34817 13.9343 1.36646 13.9526C1.38476 13.9709 1.40958 13.9812 1.43545 13.9812H11.5566C11.5825 13.9812 11.6073 13.9709 11.6256 13.9526C11.6439 13.9343 11.6542 13.9095 11.6542 13.8837V6.48828C11.6541 6.46243 11.6438 6.43766 11.6255 6.41938C11.6073 6.4011 11.5825 6.3908 11.5566 6.39072L1.43545 6.39014Z' fill='%23000000'/%3E%3Cpath d='M10.1842 6.22031C10.0676 6.22031 9.95585 6.17401 9.87344 6.0916C9.79103 6.00919 9.53416 5.89741 9.53416 5.78086V4.08896C9.53416 2.31885 8.28838 1.12748 6.50127 1.12748C4.71416 1.12748 3.58799 2.31885 3.58799 4.08896V5.78086C3.58799 5.89741 3.21151 6.00919 3.1291 6.0916C3.04669 6.17401 2.93491 6.22031 2.81836 6.22031C2.70181 6.22031 2.59003 6.17401 2.50762 6.0916C2.42521 6.00919 2.37891 5.89741 2.37891 5.78086V4.08896C2.37891 1.83428 4.22812 0 6.50127 0C8.77441 0 10.6236 1.83428 10.6236 4.08896V5.78086C10.6236 5.89741 10.5773 6.00919 10.4949 6.0916C10.4125 6.17401 10.3007 6.22031 10.1842 6.22031Z' fill='%23000000'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  opacity: 0.3;
  transition: all 0.3s ease-in-out;
  content: "";
}
.form-group--checkbox-disabled:hover .form-group__row-title::after, .form-group--checkbox-disabled:focus .form-group__row-title::after {
  opacity: 1;
}
.form-group__message {
  display: none;
  position: absolute;
  z-index: 11;
  top: 0;
  left: 0;
  width: 100%;
  background: #FFFFFF;
  box-shadow: 0px 0px 16px rgba(19, 7, 31, 0.14);
  border-radius: 6px;
  padding: 8px 10px;
}
.form-group__message p {
  font-weight: 400;
  font-size: 12px;
  line-height: 12px;
  text-align: left;
}
.form-group__message a {
  color: #22B3FF;
  text-decoration: underline;
  transition: all 0.3s ease-in-out;
}
.form-group__message a:hover, .form-group__message a:focus {
  text-decoration: underline solid transparent;
}

.header {
  position: fixed;
  left: 0;
  right: 0;
  background: #fff;
  z-index: 110;
  top: 0;
  transition: 0.4s ease 0s;
}
.header.header--border {
  border: solid 1px #ededed;
}
.header-container {
  max-width: 980px;
  margin: 0 auto;
  padding: 14px 10px 13px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
}
@media (max-width: 998px) {
  .header-container {
    padding: 24px;
  }
}
.header-logo {
  position: absolute;
  left: 0;
  right: 0;
  text-align: center;
  z-index: 4;
  transition: 0.2s linear;
}
.header__left, .header__right {
  display: flex;
  align-items: center;
  position: relative;
  z-index: 5;
  transition: 0.2s linear;
}
.header--new .header__left {
  align-items: flex-start;
}
.header-new .header-nav {
  display: flex;
}
@media (max-width: 767px) {
  .header-new .header-nav {
    display: none;
  }
}
.header-menu {
  margin-left: 12px;
  transition: 0.2s linear;
}
@media (max-width: 998px) {
  .header-menu {
    margin-left: 0;
  }
}
.header-menu__item {
  position: relative;
  display: inline-block;
  color: #2d2d2d;
  font-size: 1.3rem;
  letter-spacing: 0.1px;
  font-weight: 700;
  line-height: 0.77;
  padding: 6px 8px 4px 8px;
  text-transform: uppercase;
  transition: 0.4s ease 0s;
}
@media (max-width: 998px) {
  .header-menu__item {
    font-size: 1.8rem;
    font-weight: 400;
    padding: 0;
    display: block;
    line-height: 24px;
    padding-top: 2px;
    width: fit-content;
    position: relative;
    z-index: 1;
  }
}
@media (max-width: 998px) {
  .header-menu__item:not(:last-child) {
    margin-bottom: 24px;
  }
}
.header-menu__item.header-menu__item--with-count {
  padding-right: 29px;
}
.header-menu__item.header-menu__item--with-count.active .header-menu__item-count {
  background: #fff;
  color: #2d2d2d;
}
.header-menu__item:hover {
  color: #22b3ff;
}
.header-menu__item:first-of-type {
  margin-left: 0;
}
.header-menu__item.active {
  background-color: #22b3ff;
  border-radius: 15px;
  box-shadow: 0 0.3rem 0.6rem rgba(34, 179, 255, 0.2);
  color: #fff;
}
@media (max-width: 998px) {
  .header-menu__item.active:before {
    content: "";
    position: absolute;
    border-radius: 15px;
    background: #22b3ff;
    height: 100%;
    width: calc(100% + 20px);
    z-index: -1;
    left: -10px;
    top: 0px;
  }
}
@media (max-width: 998px) {
  .header-menu__item.active.header-menu__item--with-count {
    padding: 8px 32px 4px 8px;
  }
}
.header-menu__item-count {
  position: absolute;
  display: inline-block;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1;
  text-transform: uppercase;
  color: #fff;
  background-color: #49e3a4;
  border-radius: 0.9rem;
  padding: 3px 4px 1px;
  left: calc(100% - 27px);
  top: calc(50% - 7px);
  height: 13px;
}
@media (max-width: 998px) {
  .header-menu__inner {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 30px 0;
    position: relative;
  }
  .header-menu__inner:before {
    content: "";
    position: absolute;
    border-bottom: 1px solid rgba(19, 7, 31, 0.05);
    width: calc(100% + 48px);
    left: -24px;
    bottom: 0;
  }
}
.header-account {
  display: flex;
  align-items: flex-start;
  margin-top: 3px;
}
@media (max-width: 998px) {
  .header-account {
    position: absolute;
    top: -12px;
    right: 45px;
    z-index: 101;
    opacity: 0;
    visibility: hidden;
    transition: all 0.6s ease;
  }
}
.header-account__avatar {
  position: relative;
  flex-shrink: 0;
}
.header-account__avatar img {
  border-radius: 50%;
}
.header-account__online {
  position: absolute;
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: #49e3a4;
  border: solid 3px #ffffff;
  box-sizing: content-box;
  right: 0;
  top: 0;
}
.header-account__info {
  text-align: right;
  margin-right: 15px;
}
.header-account__meta {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
@media (max-width: 998px) {
  .header-account__meta {
    align-items: flex-start;
  }
}
.header-account__name {
  font-size: 1.3rem;
  font-weight: 700;
  letter-spacing: 0.4px;
  text-transform: uppercase;
  color: #2d2d2d;
  width: 100%;
  margin: 3px 0 2px 0;
  white-space: nowrap;
  transition: 0.4s ease 0s;
}
.header-account__name:hover {
  color: #22b3ff;
}
.header-account__status {
  border-radius: 7.5px;
  border: 0.1rem solid #49e3a4;
  font-size: 1rem;
  font-weight: 700;
  letter-spacing: 0.8px;
  color: #49e3a4;
  line-height: 0.95;
  padding: 2px 7px;
  margin-right: 8px;
}
.header-account__raiting {
  color: #2d2d2d;
  font-size: 1.2rem;
  letter-spacing: 0.055rem;
  font-weight: 800;
  white-space: nowrap;
}
.header-search {
  display: inline-block;
  margin-left: 20px;
  transition: 0.4s ease 0s;
}
.header-search .icon-search {
  width: 20px;
  height: 20px;
  transition: 0.4s ease 0s;
}
.header-search:hover {
  fill: #22b3ff;
}
.header.header--unregister {
  background: transparent;
  position: absolute;
  border: 0;
}
@media (max-width: 580px) {
  .header.header--unregister {
    z-index: 110;
  }
}
.header.header--unregister .header-container {
  padding: 29px 10px;
}
@media (max-width: 767px) {
  .header.header--unregister .header-container {
    padding: 14px 10px;
  }
}
.header.header--unregister .header-logo {
  top: 16px;
  width: 260px;
  margin: 0 auto;
}
@media (max-width: 998px) {
  .header.header--unregister .header-logo {
    width: 180px;
    top: 30px;
  }
}
@media (max-width: 767px) {
  .header.header--unregister .header-logo {
    width: 140px;
    top: 20px;
  }
}
@media (max-width: 580px) {
  .header.header--unregister .header-logo {
    width: 100px;
    top: 21px;
  }
}
.header.header--unregister .header-logo img {
  width: 100%;
}
@media (max-width: 767px) {
  .header.header--unregister .header-text-lg {
    display: none;
  }
}
.header.header--unregister .header-text-sm {
  display: none;
}
@media (max-width: 767px) {
  .header.header--unregister .header-text-sm {
    display: block;
  }
}
.header.header--unregister .header__right .btn:first-child {
  margin-right: 12px;
}
.header.open-menu .header__right {
  opacity: 0;
}
@media (max-width: 998px) {
  .header.open-menu .header__right {
    opacity: 1;
  }
}
.header.open-menu .header-logo {
  opacity: 0;
}
.header.open-menu .header-menu {
  opacity: 0;
}
@media (max-width: 998px) {
  .header.open-menu .header-account {
    opacity: 1;
    visibility: visible;
  }
}
@media (max-width: 998px) {
  .header.open-menu .header-search {
    opacity: 0;
    visibility: hidden;
  }
}
@media (max-width: 767px) {
  .header .remote-control__time {
    margin-bottom: 8px;
    position: relative;
  }
}
@media (max-width: 767px) {
  .header .remote-control__container {
    background-color: white;
    padding: 0 10px 15px;
    box-shadow: 0 10px 10px 0 rgba(19, 7, 31, 0.08);
  }
}
@media (max-width: 767px) {
  .header .remote-control__type {
    margin-bottom: 8px;
  }
}
@media (max-width: 767px) {
  .header .remote-control.remote-control--sm .remote-control__time-title,
  .header .remote-control.remote-control--sm .remote-control__type-title,
  .header .remote-control.remote-control--sm .remote-control__sort-title {
    font-size: 16px;
    margin-left: 0;
  }
}
@media (max-width: 767px) {
  .header .remote-control__sort {
    width: 100%;
    max-width: 375px;
  }
}
@media (max-width: 767px) {
  .header .remote-control__sort-item .custom-select {
    width: 100% !important;
  }
}
@media (max-width: 767px) {
  .header .custom-select[data-size=sm] > button .custom-select__options {
    height: 42px;
    line-height: 42px;
  }
}

.toggle-menu {
  display: inline-block;
  width: 20px;
  position: relative;
  cursor: pointer;
  transform-origin: center;
  transition: 0.4s ease 0s;
}
.toggle-menu:hover svg {
  fill: #22b3ff;
}
.toggle-menu path.y,
.toggle-menu path.z,
.toggle-menu .icon-menu {
  transition: rotate 0.4s ease 0s;
  transform-origin: center;
}
.toggle-menu path.y {
  transform: translate(0, 0) rotate(0);
}
.toggle-menu path.z {
  transform: translate(0, 0) rotate(0);
}
.toggle-menu .icon-menu {
  width: 21px;
  height: 21px;
  transition: fill 0.4s ease 0s;
}
.toggle-menu.active {
  transform: rotate(180deg);
}
.toggle-menu.active path.x {
  opacity: 0;
}
.toggle-menu.active path.y {
  transform: translate(-4px, 5px) rotate(45deg);
}
.toggle-menu.active path.z {
  transform: translate(-4px, -4px) rotate(-45deg);
}

/*unregister-header*/
.header--unregister-fixed {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  background: #fff;
  box-shadow: 0 10px 10px 0 rgba(19, 7, 31, 0.08);
  z-index: 105;
  transition: 0.4s ease 0s;
  transform: translateY(calc(-100% - 20px));
}
.header--unregister-fixed .header-fixed__container {
  width: 100%;
  max-width: 980px;
  padding: 22px 10px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media (max-width: 998px) {
  .header--unregister-fixed .header-fixed__container {
    padding: 17px 10px;
  }
}
@media (max-width: 767px) {
  .header--unregister-fixed .header-fixed__container {
    padding: 14px 10px;
  }
}
.header--unregister-fixed .header-fixed__container .header-fixed__logo {
  max-width: 60px;
}
@media (max-width: 998px) {
  .header--unregister-fixed .header-fixed__container .header-fixed__logo img {
    width: 40px;
  }
}
@media (max-width: 767px) {
  .header--unregister-fixed .header-fixed__container .header-fixed__logo img {
    width: 35px;
  }
}
.header--unregister-fixed .header-fixed__btn .btn:first-child {
  margin-right: 12px;
}
.header--unregister-fixed.fixed {
  transform: translateY(0);
}

@media (max-width: 998px) {
  .header-container {
    max-width: 100%;
  }
}
.top-menu__mobile-list {
  display: none;
}
@media (max-width: 998px) {
  .top-menu__mobile-list {
    display: block;
  }
}

body.markup2 {
  padding-top: 90px;
}
@media (max-width: 767px) {
  body.markup2 {
    padding-top: 64px;
  }
}

.header-new {
  position: fixed;
  left: 0;
  right: 0;
  z-index: 110;
  top: 0;
  min-height: 90px;
  padding: 16px 0 0;
  background: #FFFFFF;
  transition: 0.4s ease 0s;
}
.header-new::before {
  border-bottom: 1px solid #e9e9e9;
  content: "";
  position: absolute;
  width: 100%;
  height: 1px;
  background-color: #e9e9e9;
  left: 0;
  bottom: 1px;
}
@media (max-width: 991px) {
  .header-new {
    padding-bottom: 16px;
    min-height: 0;
  }
}
@media (max-width: 767px) {
  .header-new {
    padding: 13px 0 12px;
  }
}
.header-new .header__left {
  align-items: flex-start;
}
.header-new .remote-control {
  position: absolute;
  top: 100%;
  transform: translateY(-100%);
  z-index: -1 !important;
  opacity: 0 !important;
}
.header-new.remote-control-show .remote-control {
  transform: translateY(0);
  z-index: 110 !important;
  opacity: 1 !important;
}
.header-new__container {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.header-new__logo {
  width: 58px;
  height: 58px;
  margin-right: 20px;
  border-radius: 50%;
  background-color: #22B3FF;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 14px 10px 10px;
}
@media (max-width: 767px) {
  .header-new__logo {
    width: 40px;
    height: 40px;
    margin-right: 14px;
    padding: 9px 6px 6px;
  }
}
@media (max-width: 991px) {
  .header-new__nav {
    display: none;
  }
}
.header-new__right {
  display: flex;
  align-items: flex-start;
  justify-content: flex-end;
}
@media (max-width: 767px) {
  .header-new__right {
    align-items: center;
    padding-right: 10px;
  }
}
.header-new__search {
  margin-left: 24px;
  padding: 5px 0;
}
@media (max-width: 767px) {
  .header-new__search {
    display: none;
  }
}
.header-new__search svg {
  display: block;
  width: 24px;
  height: 24px;
}
.header-new .num {
  position: absolute;
  top: -4px;
  right: -6px;
  vertical-align: middle;
  font-weight: 700;
  font-size: 11px;
  color: #fff;
  background-color: #49E3A4;
  border-radius: 50%;
  height: 18px;
  width: 18px;
  text-align: center;
  border: #fff 1px solid;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-top: 1px;
}
@media (max-width: 767px) {
  .header-new .num {
    font-size: 10px;
    line-height: 13px;
  }
}
.header-new__accaunt {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 38px;
  height: 38px;
  margin-left: 10px;
  font-weight: 800;
  font-size: 13px;
  line-height: 18px;
  color: #2D2D2D;
  background: #E9E9E9;
  border-radius: 50%;
}
.header-new__accaunt img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 50%;
}
@media (max-width: 767px) {
  .header-new__accaunt {
    margin-left: 17px;
  }
}
.header-new__favourites, .header-new__notice {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  margin-left: 10px;
  font-weight: 400;
  font-size: 12px;
  line-height: 1;
  color: #2D2D2D;
}
@media (max-width: 767px) {
  .header-new__favourites, .header-new__notice {
    font-size: 0;
  }
}
.header-new__favourites svg, .header-new__notice svg {
  flex-shrink: 0;
  display: block;
  margin-top: 3px;
  margin-bottom: 3px;
  width: 22px;
  height: 22px;
}
.header-new__favourites .num, .header-new__notice .num {
  right: auto;
  left: calc(50% + 13px);
  transform: translateX(-50%);
}
.header-new__score {
  padding: 11px 10px 9px;
  font-weight: 800;
  font-size: 13px;
  line-height: 18px;
  color: #FFFFFF;
  background: linear-gradient(102.73deg, #22B3FF -18.52%, #49E3A4 131.33%);
  border-radius: 200px;
  text-transform: uppercase;
}
@media (max-width: 767px) {
  .header-new__score {
    margin-left: 14px;
    padding: 6px 10px 4px;
    font-size: 12px;
  }
}
.header-new a,
.header-new button {
  transition: all 0.3s ease-in-out;
}

.new-menu {
  display: flex;
  margin: 0 -3.5px;
  padding: 0;
  list-style: none;
  margin-top: 4px;
}
.new-menu__item {
  padding: 0 3.5px;
}
.new-menu__link {
  display: flex;
  align-items: center;
  padding: 5px 8px 5px 5px;
  background-color: #E9E9E9;
  border-radius: 6px;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 19px;
  text-transform: uppercase;
  color: #2D2D2D;
}
.new-menu__link > span {
  margin-top: 2px;
  display: none;
}
.new-menu__link:hover, .new-menu__link:focus {
  background-color: #2D2D2D;
  color: #ffffff;
}
.new-menu__link .text-blue {
  color: #22B3FF;
}
.new-menu__link .text-violet {
  color: #CCA2DB;
}
.new-menu__link img {
  flex-shrink: 0;
  display: block;
  width: 14px;
  height: 14px;
}
.new-menu__item.current .new-menu__link {
  pointer-events: none;
  background-color: #2D2D2D;
  color: #fff;
}
.new-menu__item.current .new-menu__link > span {
  display: inline-block;
}

.new-submenu {
  display: flex;
  margin: 17px 0 0;
  padding: 0;
  list-style: none;
  position: relative;
}
@media (max-width: 998px) {
  .new-submenu::before {
    content: "";
    position: absolute;
    top: 1px;
    left: 0;
    height: 1px;
    background-color: #e9e9e9;
    width: 100%;
  }
}
.new-submenu__item {
  margin-right: 20px;
}
.new-submenu__link {
  position: relative;
  display: inline-block;
  vertical-align: baseline;
  font-weight: 400;
  font-size: 14px;
  line-height: 1.2;
  padding: 8px 0;
  margin-top: -3px;
  color: #2D2D2D;
  overflow: hidden;
}
@media (max-width: 998px) {
  .new-submenu__link {
    margin-top: 0;
  }
}
.new-submenu__link::before {
  position: absolute;
  bottom: 0;
  height: 2px;
  width: 100%;
  background-color: #2D2D2D;
  content: "";
  transform: translateX(-101%);
  transition: all 0.3s ease-in-out;
}
@media (max-width: 998px) {
  .new-submenu__link::before {
    bottom: auto;
    top: 0;
  }
}
.new-submenu__link:hover::before, .new-submenu__link:focus::before {
  transform: translateX(0);
}
.new-submenu__item.current .new-submenu__link::before {
  transform: translateX(0);
}

.header-new + .top-search {
  min-height: 95px;
}

.header-nav {
  display: none;
}
@media (max-width: 991px) {
  .header-nav {
    display: block;
    position: fixed;
    top: auto;
    bottom: 0;
    left: 0;
    width: 100vw;
    padding: 12px 12px 0 12px;
    background: #fff;
    z-index: 999;
    padding-bottom: 10px;
    box-shadow: 0px -4px 12px rgba(19, 7, 31, 0.04);
  }
  .header-nav__inner {
    width: 100%;
    overflow: auto;
  }
  .header-nav .new-menu {
    margin: 0;
  }
  .header-nav .new-menu__item {
    padding: 0;
    margin-right: 7px;
  }
  .header-nav .new-menu__item .new-menu__link {
    overflow: visible;
  }
  .header-nav .new-menu__item:not(.current) .img_wrap {
    border: rgba(45, 45, 45, 0.2) 1px solid;
  }
  .header-nav .new-menu__item .img_wrap {
    border-radius: 50%;
    height: 42px;
    width: 42px;
    display: flex;
    justify-content: center;
    align-items: center;
    box-sizing: content-box;
  }
  .header-nav .new-menu__item.feed_link .new-menu__link img {
    width: 33px;
    height: auto;
    min-width: 0;
    margin-right: 0;
  }
  .header-nav .new-menu__item.education_link .new-menu__link img {
    left: 1px;
    width: 35px;
    min-width: 0;
    height: auto;
  }
  .header-nav .new-menu__item.doktorshow_link .new-menu__link img {
    margin-right: 8px;
  }
  .header-nav .new-menu__item.ordilab_link .new-menu__link img {
    width: 27px;
    height: auto;
    min-width: 0;
  }
  .header-nav .new-menu__link {
    position: relative;
    overflow: hidden;
    white-space: nowrap;
    border-radius: 30px;
    padding: 2px;
    height: 42px;
    background: transparent;
    font-weight: 700;
    font-size: 14px;
    line-height: 16px;
  }
  .header-nav .current .new-menu__link {
    width: auto;
    background: #2D2D2D;
    padding-right: 14px;
  }
  .header-nav .new-menu__link img {
    flex-shrink: 0;
    width: 42px;
    min-width: 42px;
    height: 42px;
  }
  .header-nav .new-submenu__link {
    white-space: nowrap;
    transition: all 0.3s ease-in-out;
  }
  .header-nav .new-submenu__link::before {
    display: none;
  }
  .header-nav .current .new-submenu__link::before {
    display: block;
  }
}

.footer {
  position: relative;
  padding-top: 44px;
  padding-bottom: 75px;
}
@media (max-width: 767px) {
  .footer {
    padding-bottom: 50px;
  }
}
.footer:before {
  content: "";
  height: 8px;
  width: 100%;
  left: 0;
  top: 0;
  background-image: linear-gradient(270deg, #22b3ff 0%, #98edfd 100%);
  opacity: 0.25;
  position: absolute;
}
.footer-container {
  position: relative;
  max-width: 980px;
  padding: 0 10px;
  margin: 0 auto;
}
.footer-logo {
  text-align: center;
}
@media (max-width: 479px) {
  .footer-logo a {
    display: block;
    position: relative;
    width: 172px;
    height: 38px;
    margin: 0 auto;
  }
}
@media (max-width: 479px) {
  .footer-logo a img {
    display: block;
    position: absolute;
    margin: auto;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
  }
}
.footer-menu {
  display: flex;
  justify-content: space-between;
  margin-top: 38px;
}
@media (max-width: 767px) {
  .footer-menu {
    flex-wrap: wrap;
  }
}
.footer-menu-col {
  margin-bottom: 0;
}
@media (max-width: 767px) {
  .footer-menu-col {
    width: 100%;
    text-align: center;
  }
}
@media (max-width: 479px) {
  .footer-menu-col {
    text-align: left;
  }
}
.footer-menu-col__title {
  display: inline-block;
  margin-bottom: 8px;
  color: #2d2d2d;
  font-size: 1.4rem;
  font-weight: 700;
  letter-spacing: 0.117rem;
  text-transform: uppercase;
  transition: 0.4s ease 0s;
  position: relative;
}
@media (max-width: 767px) {
  .footer-menu-col__title {
    padding-right: 20px;
    line-height: 1.2em;
  }
}
@media (max-width: 767px) {
  .footer-menu-col__title:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 12px;
    height: 12px;
    margin: auto 0;
    background-image: url("../img/icons/arrow-down.svg");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    content: " ";
  }
}
@media (min-width: 768px) {
  .footer-menu-col__title:hover {
    color: #22b3ff;
  }
}
@media (min-width: 768px) {
  .footer-menu-col__list {
    display: block !important;
  }
}
.footer-menu-col__list li {
  display: block;
  color: #2d2d2d;
  font-size: 12px;
  font-weight: 400;
  letter-spacing: 0.101rem;
  line-height: 1.2;
  text-transform: uppercase;
  margin-bottom: 12px;
}
.footer-menu-col__list li:last-child {
  margin-bottom: 0;
}
.footer-menu-col__list li a {
  transition: 0.4s ease 0s;
}
.footer-menu-col__list li a:hover {
  color: #22b3ff;
}
.footer__info {
  color: #979797;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.2;
  max-width: 460px;
}
@media (max-width: 998px) {
  .footer__info {
    max-width: 320px;
  }
}
@media (max-width: 767px) {
  .footer__info {
    width: 100%;
    max-width: none;
    order: 3;
  }
}
.footer__info p:not(:last-child) {
  margin-bottom: 16px;
}
.footer-bottom {
  display: flex;
  justify-content: space-between;
  margin-top: 28px;
}
@media (max-width: 767px) {
  .footer-bottom {
    flex-wrap: wrap;
  }
}
@media (max-width: 479px) {
  .footer-bottom {
    margin-top: 36px;
  }
}
.footer__copyright {
  font-size: 1.2rem;
  font-weight: 700;
  line-height: 1.2;
  max-width: 200px;
}
@media (max-width: 767px) {
  .footer__copyright {
    width: 100%;
    order: 2;
    display: flex;
    align-items: center;
    justify-content: space-between;
    max-width: 375px;
    margin-bottom: 28px;
  }
}
@media (max-width: 580px) {
  .footer__copyright-txt {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }
}
.footer__adult {
  display: block;
  margin-bottom: 16px;
}
.footer__adult .icon {
  fill: #d0d0d0;
  width: 40px;
  height: 40px;
}
@media (max-width: 998px) {
  .footer__adult .icon {
    width: 46px;
    height: 46px;
  }
}
@media (max-width: 767px) {
  .footer__adult {
    margin-top: 0;
    padding-left: 20px;
    margin-bottom: 0;
  }
}
@media (max-width: 767px) {
  .footer .social-list {
    width: 100%;
    order: 1;
    display: flex;
    justify-content: center;
    margin-bottom: 36px;
  }
}
.footer.footer--unregister .footer-menu {
  margin-top: 49px;
  justify-content: flex-start;
}
@media (max-width: 767px) {
  .footer.footer--unregister .footer-menu {
    flex-direction: column;
    align-items: center;
    order: 3;
  }
}
.footer.footer--unregister .footer__info {
  margin-left: 30px;
  max-width: 435px;
}
@media (max-width: 767px) {
  .footer.footer--unregister .footer__info {
    width: 100%;
    max-width: none;
    margin-left: 0;
    margin-bottom: 20px;
  }
}
.footer.footer--unregister .footer-menu-col {
  max-width: 222px;
  margin-right: 24px;
}
@media (max-width: 767px) {
  .footer.footer--unregister .footer-menu-col {
    max-width: none;
    width: 100%;
    text-align: center;
    margin-right: 0;
    margin-bottom: 0;
  }
}
.footer.footer--unregister .footer-menu-col__list li {
  margin-bottom: 20px;
}
.footer.footer--unregister .social-list {
  align-self: flex-end;
}
.footer.footer--unregister .footer__info p:last-child {
  margin-bottom: 0;
}
.footer.footer--unregister .footer-bottom {
  margin-top: 0;
}
@media (max-width: 767px) {
  .footer.footer--unregister .footer-bottom {
    order: 2;
  }
}
@media (max-width: 767px) {
  .footer.footer--unregister .footer-logo {
    order: 1;
    margin-bottom: 35px;
  }
}

@media (max-width: 998px) {
  .footer-container {
    max-width: 100%;
    width: 100%;
    padding: 0 24px;
  }
}
@media (max-width: 767px) {
  .js-collapse_opened .footer-menu-col__title:after {
    transform: rotate(180deg);
  }
}

.footer-new {
  padding-top: 28px;
  padding-bottom: 15px;
}
@media (max-width: 991px) {
  .footer-new {
    padding-bottom: 150px;
  }
}
@media (max-width: 767px) {
  .footer-new .footer-container {
    padding-left: 12px;
    padding-right: 12px;
  }
}
.footer-new::before {
  height: 4px;
  background: #D1D1D1;
  opacity: 1;
}
.footer-new__top {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.footer-new .footer-logo a {
  display: block;
  width: 222px;
}
@media (max-width: 767px) {
  .footer-new .footer-logo a {
    width: 160px;
  }
}
.footer-new .footer-logo a img {
  width: 100%;
  height: auto;
}
.footer-new .footer-menu {
  margin-top: 30px;
}
.footer-new .footer-menu-col {
  padding-right: 15px;
  width: 33.3333333333%;
}
@media (max-width: 767px) {
  .footer-new .footer-menu-col {
    width: 100%;
    padding-right: 0;
    text-align: left;
  }
  .footer-new .footer-menu-col:not(:last-child) {
    margin-bottom: 24px;
  }
}
.footer-new .footer-bottom {
  margin-top: 30px;
}
@media (max-width: 767px) {
  .footer-new .footer-bottom {
    flex-wrap: wrap;
    margin-bottom: 0;
    margin-top: 0;
  }
}
.footer-new .footer__copyright {
  width: 33.3333333333%;
  max-width: 33.3333333333%;
  padding-right: 40px;
}
@media (max-width: 767px) {
  .footer-new .footer__copyright {
    width: 100%;
    max-width: 100%;
    padding-right: 0;
    text-align: left;
    margin-bottom: 0;
    flex-direction: row-reverse;
    font-size: 10px;
    margin-top: 24px;
  }
}
.footer-new .footer__info {
  width: 66.6666666667%;
  max-width: 66.6666666667%;
}
@media (max-width: 767px) {
  .footer-new .footer__info {
    order: -1;
    width: 100%;
    max-width: 100%;
    padding-right: 0;
    text-align: left;
    margin-bottom: 0;
    margin-top: 9px;
  }
}
.footer-new .social-list {
  margin-bottom: 0;
  width: auto;
}
.footer-new.--landing::before {
  display: none;
}

.breadcrubs {
  padding: 30px 0;
}
@media (max-width: 998px) {
  .breadcrubs {
    padding: 24px 0;
  }
}
@media (max-width: 767px) {
  .breadcrubs {
    padding: 24px 0;
  }
}
@media (max-width: 479px) {
  .breadcrubs {
    padding: 24px 0;
  }
}
.breadcrubs ul {
  display: flex;
}
.breadcrubs li {
  display: inline-block;
  color: #fff;
  font-size: 1.2rem;
  letter-spacing: 0.1px;
  line-height: 1;
  padding-top: 4px;
  vertical-align: middle;
  text-transform: uppercase;
  opacity: 0.6;
}
.breadcrubs li:last-child {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media (max-width: 767px) {
  .breadcrubs li:not(:first-child) {
    display: none;
  }
}
@media (max-width: 767px) {
  .breadcrubs li:first-child {
    opacity: 1;
  }
  .breadcrubs li:first-child a {
    margin-right: 0;
    padding-left: 13px;
  }
  .breadcrubs li:first-child a:after {
    right: auto;
    left: 0;
    transform: rotate(180deg);
    opacity: 1;
  }
}
@media (max-width: 479px) {
  .breadcrubs li {
    font-size: 1rem;
    line-height: 1.2em;
  }
}
.breadcrubs li a {
  color: #fff;
  display: inline-block;
  position: relative;
  white-space: nowrap;
  margin-right: 16px;
  border-bottom: 1px solid transparent;
  transition: 0.4s ease 0s;
}
.breadcrubs li a:after {
  content: "";
  width: 7px;
  height: 9px;
  background: url("../img/svgSprite/bread.svg") no-repeat center center/contain;
  position: absolute;
  right: -12px;
  opacity: 0.6;
}
@media (min-width: 960px) {
  .breadcrubs li a:hover {
    border-bottom: 1px solid;
  }
}
.breadcrubs-article {
  padding: 0 0 30px;
}
.breadcrubs.--event {
  padding: 48px 0 20px;
  overflow: auto;
  display: flex;
  flex-wrap: nowrap;
}
@media (max-width: 998px) {
  .breadcrubs.--event {
    padding: 38px 0 16px;
  }
  .breadcrubs.--event::-webkit-scrollbar {
    display: none;
  }
}
.breadcrubs.--event .breadcrumb-lnk {
  color: rgba(45, 45, 45, 0.6);
  text-transform: uppercase;
  font-size: 12px;
  position: relative;
  white-space: nowrap;
}
@media (max-width: 998px) {
  .breadcrubs.--event .breadcrumb-lnk {
    font-size: 12px;
  }
}
.breadcrubs.--event .breadcrumb-lnk:not(:first-child) {
  margin-left: 20px;
}
.breadcrubs.--event .breadcrumb-lnk:not(:first-child)::before {
  top: 5px;
  width: 5px;
  height: 5px;
  content: "";
  left: -14px;
  display: block;
  position: absolute;
  -webkit-transform: rotateZ(45deg);
  transform: rotateZ(45deg);
  border-top: 1px solid rgba(45, 45, 45, 0.6);
  border-right: 1px solid rgba(45, 45, 45, 0.6);
}
@media (max-width: 998px) {
  .breadcrubs.--event .breadcrumb-lnk:not(:first-child)::before {
    top: 4px;
    left: -16px;
  }
}
.breadcrubs.bc2 {
  padding: 16px 0;
}
@media (max-width: 767px) {
  .breadcrubs.bc2 {
    padding: 12px 0 16px;
  }
}
.breadcrubs.bc2 li {
  color: #979797;
}
@media (max-width: 767px) {
  .breadcrubs.bc2 li {
    font-size: 12px;
  }
  .breadcrubs.bc2 li:not(:first-child) {
    display: block;
  }
  .breadcrubs.bc2 li:first-child a {
    margin-right: 16px;
    padding-left: 0;
  }
  .breadcrubs.bc2 li:first-child a:after {
    right: -12px;
    opacity: 1;
    left: auto;
    transform: none;
  }
}
.breadcrubs.bc2 li a {
  color: #979797;
}
.breadcrubs.bc2 li a:after {
  background: url(../img/event/ico-bc2-caret.svg) 50% 50% no-repeat;
}

.breadcrumbs {
  overflow: auto !important;
  flex-wrap: nowrap;
}
.breadcrumbs::-webkit-scrollbar {
  display: none;
}

.remote-control {
  position: relative;
  padding: 30px 0;
  box-shadow: 0 10px 10px 0 rgba(19, 7, 31, 0.08);
  margin-bottom: 32px;
  height: 108px;
  background: #fff;
  z-index: 101;
}
.remote-control--new {
  padding: 24px 0 36px;
  box-shadow: none;
  margin-bottom: 0;
  height: auto;
}
@media (max-width: 767px) {
  .remote-control--new {
    display: none;
  }
}
.remote-control--new-v2 {
  background-color: transparent;
  padding: 24px 0 12px;
}
.remote-control--new-v2 .remote-control__sort-title {
  white-space: nowrap;
}
.remote-control--new-v2 .remote-control__time-title {
  margin-right: 14px;
}
.remote-control--new-v2 .remote-control__time-slider {
  background-color: #fff;
  box-shadow: none;
  border: 2px solid #C2E5F7;
}
.remote-control--new-v2 .remote-control__time {
  margin-right: 15px;
}
.remote-control--new-v2 .remote-control__type-item {
  margin-right: 4px;
}
.remote-control--new-v2 .remote-control__type {
  margin-right: 16px;
}
.remote-control--new-v2 .remote-control__sort-title {
  margin-right: 16px;
}
.remote-control--new-v2 .remote-control__container {
  padding: 0;
}
.remote-control--new-v2 .custom-select > button {
  box-shadow: none;
}
@media (max-width: 998px) {
  .remote-control {
    height: auto;
  }
}
@media (max-width: 479px) {
  .remote-control {
    padding: 25px 0;
  }
}
.remote-control.remote-control--border {
  margin-bottom: 0;
  border-top: 1px solid #ededed;
}
.remote-control__container {
  display: flex;
  margin: 0 auto;
  padding: 0 10px;
  max-width: 980px;
  position: relative;
  align-items: center;
  transition: opacity 0.5s ease;
}
@media (max-width: 998px) {
  .remote-control__container {
    max-width: 100%;
    padding-left: 24px;
    padding-right: 24px;
  }
}
@media (max-width: 767px) {
  .remote-control__container {
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
  }
}
.remote-control__container.remote-control--closed {
  opacity: 0;
  visibility: hidden;
}
.remote-control__time-slider-wrapper {
  position: relative;
}
.remote-control__time-slider-wrapper:hover .current-time-slider {
  font-size: 2rem;
  line-height: 1;
  padding-top: 4px;
  border-radius: 50%;
}
.remote-control__time-slider-wrapper:hover .current-time-slider .icon {
  margin-top: -4px;
}
.remote-control__time-slider-wrapper:hover:hover .current-time-slider:before {
  background-color: #ffffff;
  border-radius: 50%;
}
.remote-control__time-slider-wrapper:hover:hover .current-time-slider:after {
  opacity: 0;
}
.remote-control .current-time-slider {
  position: absolute;
  left: calc(50% - 21px);
  top: 0;
  width: 42px;
  height: 42px;
  z-index: 7;
  font-size: 1.8rem;
  line-height: 0.72;
  font-weight: 700;
  color: #2d2d2d;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  cursor: grabbing;
  border-radius: 50%;
  pointer-events: none;
  transition: 0.4s ease 0s;
}
.remote-control .current-time-slider:before {
  content: "";
  box-shadow: 0 0.1rem 0.3rem rgba(19, 7, 31, 0.25);
  background-color: #C2E5F7;
  border-radius: 50%;
  border: 0.4rem solid #C2E5F7;
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  margin-left: -21px;
  top: 0;
  cursor: grabbing;
  z-index: -1;
  transition: 0.4s ease 0s;
}
.playback_rate .remote-control .current-time-slider:after {
  content: "";
}
.remote-control .current-time-slider:after {
  content: "мин";
  color: rgba(19, 7, 31, 0.46);
  font-size: 1rem;
  font-weight: 400;
  letter-spacing: 0.002rem;
  line-height: 1.1rem;
  position: absolute;
  top: 26px;
  z-index: 7;
  left: calc(50% - 9px);
  cursor: grabbing;
}
.remote-control__time {
  display: flex;
  align-items: center;
  margin-right: 19px;
}
@media (max-width: 767px) {
  .remote-control__time {
    margin-right: 0;
    position: relative;
    padding-right: 60px;
    margin-bottom: 36px;
  }
}
@media (max-width: 767px) {
  .remote-control__time:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto 0;
    content: "минут";
    line-height: 1.2em;
    display: flex;
    align-items: center;
  }
}
.remote-control__time-title {
  margin-right: 19px;
  white-space: nowrap;
  position: relative;
}
@media (max-width: 767px) {
  .remote-control__time-title {
    margin-right: 18px;
  }
}
.remote-control__time-slider {
  width: 124px;
  box-shadow: inset 0 0.2rem 0.4rem rgba(19, 7, 31, 0.07);
  border-radius: 2.3rem;
  background-color: #f5f5f5;
  height: 42px;
  position: relative;
}
.remote-control__time-slider:hover {
  background-color: rgba(152, 237, 253, 0.4);
  box-shadow: inset 0 0.1rem 0.3rem rgba(19, 7, 31, 0.07);
}
.remote-control__time .time-slider__list {
  display: flex;
  cursor: pointer;
}
.remote-control__time .time-slider__item {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 22px;
  height: 42px;
  text-align: center;
  color: rgb(19, 7, 31);
  opacity: 0.4;
  font-size: 1.6rem;
  position: relative;
  top: 2px;
  font-weight: 700;
  letter-spacing: 0.003rem;
  line-height: 1.2rem;
  margin: 0 4px;
  z-index: 3;
  transition: 0.4s ease 0s;
}
.remote-control__time .time-slider__item:focus {
  outline: none;
}
.remote-control__time .time-slider__item.active {
  cursor: grabbing;
  opacity: 1;
}
.remote-control__time .time-slider__item.light {
  opacity: 0.1;
}
.remote-control__type {
  margin-right: 22px;
  display: flex;
  align-items: center;
}
@media (max-width: 767px) {
  .remote-control__type {
    margin-bottom: 32px;
  }
}
.remote-control__type-title {
  margin-right: 20px;
}
@media (max-width: 767px) {
  .remote-control__type-title {
    margin-right: 18px;
  }
}
.remote-control__type-title {
  font-size: 1.6rem;
  letter-spacing: 0.003rem;
}
.remote-control__type-item {
  position: relative;
  margin-right: 9px;
}
@media (max-width: 767px) {
  .remote-control__type-item {
    margin-right: 18px;
  }
}
.remote-control__type-item:last-of-type {
  margin-right: 0;
}
.remote-control__type-item [type=checkbox] {
  position: absolute;
  opacity: 0;
}
.remote-control__type-item label {
  display: inline-block;
  border-radius: 2.2rem;
  background-color: #e4e4e4;
  background-repeat: no-repeat;
  font-size: 1.6rem;
  font-weight: 700;
  letter-spacing: 0.003rem;
  color: #2d2d2d;
  padding: 9px 20px 9px 40px;
  transition: 0.4s ease 0s;
  opacity: 0.4;
}
@media (max-width: 998px) {
  .remote-control__type-item label {
    height: 42px;
    overflow: hidden;
    font-size: 0;
    padding: 9px 24px;
  }
}
@media (max-width: 767px) {
  .remote-control__type-item label {
    width: 77px;
  }
}
.remote-control__type-item label.hover-effect {
  background-color: #d7f7fd;
  box-shadow: none;
  opacity: 1;
}
.remote-control__type-item label.hover-effect.active {
  background-color: #d7f7fd;
  box-shadow: none;
}
.remote-control__type-item label.active {
  box-shadow: none;
  background-color: #C2E5F7;
  opacity: 1;
}
.remote-control__type-item.remote-control__type-item--watch label {
  background-image: url(../img/svgSprite/play.svg);
  background-position: 15px center;
}
@media (max-width: 998px) {
  .remote-control__type-item.remote-control__type-item--watch label {
    background-position: center;
  }
}
@media (max-width: 767px) {
  .remote-control__type-item.remote-control__type-item--watch label {
    background-position: 30px center;
  }
}
.remote-control__type-item.remote-control__type-item--read label {
  background-image: url(../img/svgSprite/book.svg);
  background-position: 12px center;
}
@media (max-width: 998px) {
  .remote-control__type-item.remote-control__type-item--read label {
    background-position: center;
  }
}
@media (max-width: 767px) {
  .remote-control__type-item.remote-control__type-item--read label {
    background-position: 29px center;
  }
}
.remote-control__type-item.remote-control__type-item--listen label {
  background-image: url(../img/svgSprite/music.svg);
  background-position: 10px 10px;
}
@media (max-width: 998px) {
  .remote-control__type-item.remote-control__type-item--listen label {
    background-position: center;
  }
}
@media (max-width: 767px) {
  .remote-control__type-item.remote-control__type-item--listen label {
    background-position: 27px center;
  }
}
.remote-control__sort {
  display: flex;
  position: relative;
  align-items: center;
}
.remote-control__sort-title {
  margin-right: 18px;
}
@media (max-width: 767px) {
  .remote-control__sort-item .custom-select {
    width: 264px;
  }
}
.remote-control.remote-control--sm {
  margin: 0;
  padding: 0;
  height: 0;
  opacity: 0;
  background: #fff;
  width: 100%;
  transition: 0.2s ease 0.2s;
}
.remote-control.remote-control--sm .remote-control__time {
  margin-right: 0;
}
.remote-control.remote-control--sm .remote-control__type {
  margin-right: 0;
}
.remote-control.remote-control--sm .remote-control__container {
  justify-content: flex-start;
}
.remote-control.remote-control--sm .remote-control__type-item.remote-control__type-item--watch label {
  background-position: 9px 8px;
  background-size: 14px;
}
.remote-control.remote-control--sm .remote-control__type-item.remote-control__type-item--read label {
  background-size: 15px;
  background-position: center;
}
.remote-control.remote-control--sm .remote-control__type-item.remote-control__type-item--listen label {
  background-size: 16px;
  background-position: 6px 7px;
}
.remote-control.remote-control--sm .remote-control__type-item label {
  width: 3rem;
  height: 3rem;
  border-radius: 50%;
  padding: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  font-size: 0;
}
.remote-control.remote-control--sm .remote-control__type-item label:hover {
  opacity: 1;
}
.remote-control.remote-control--sm .remote-control__type-item label .icon {
  margin-right: 0;
  width: 30px;
  height: 30px;
  padding: 7px;
}
.remote-control.remote-control--sm .remote-control__type-item [type=checkbox]:checked + label {
  opacity: 1;
}
.remote-control.remote-control--sm .remote-control__time-slider {
  width: 89px;
  height: 30px;
}
.remote-control.remote-control--sm .remote-control__time .time-slider__item {
  height: 30px;
}
.remote-control.remote-control--sm .current-time-slider {
  font-size: 1.4rem;
  top: 0;
  width: 30px;
  height: 30px;
  left: calc(50% - 15px);
}
.remote-control.remote-control--sm .current-time-slider:before {
  width: 30px;
  height: 30px;
  margin-left: -15px;
}
.remote-control.remote-control--sm .current-time-slider:after {
  font-size: 0.8rem;
  line-height: 0.786rem;
  bottom: 3px;
  top: auto;
  left: calc(50% - 7px);
}
.remote-control.remote-control--sm .remote-control__time-slider-wrapper:hover .current-time-slider {
  font-size: 1.5rem;
}
.remote-control.remote-control--sm .remote-control__time .time-slider__item {
  font-size: 1.1rem;
  font-weight: 700;
  letter-spacing: 0.002rem;
  line-height: 0.857rem;
  min-width: 18px;
  margin: 0 2px;
}
.remote-control.remote-control--sm .remote-control__time-title {
  font-size: 1.2rem;
  margin-right: 10px;
}
.remote-control.remote-control--sm .remote-control__type-title {
  font-size: 1.2rem;
  margin-right: 10px;
  margin-left: 10px;
}
.remote-control.remote-control--sm .remote-control__sort-title {
  font-size: 1.2rem;
  margin-right: 10px;
  margin-left: 10px;
}
.remote-control.remote-control--sm .custom-select__options {
  padding-right: 20px;
}
.remote-control.remote-control--sm .custom-select > button:after {
  right: 12px;
  top: 10px;
}
.remote-control.remote-control--sm .custom-select.active > button:after {
  top: 5px;
}
.remote-control.remote-control--sm .custom-select > button {
  font-size: 14px;
}
.remote-control.remote-control--sm .custom-select .custom-select__list ul {
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 0;
}
.remote-control.remote-control--sm .custom-select .custom-select__list ul li:not(:last-child) {
  margin-bottom: 4px;
}
.remote-control.remote-control--sm .custom-select .custom-select__list ul li a {
  font-size: 14px;
  padding-left: 16px;
}
.remote-control.remote-control--sm .custom-select .custom-select__list ul li a:after {
  width: 9px;
  height: 9px;
  top: 6px;
}
.remote-control__close {
  display: none;
}
@media (max-width: 767px) {
  .remote-control__close {
    display: block;
    background: transparent;
    width: 15px;
    height: 15px;
    border: 0;
  }
  .remote-control__close .icon {
    width: 15px;
    height: 15px;
  }
}
.remote-control__close-btn {
  flex-shrink: 0;
  background-color: transparent;
  box-shadow: none;
  border: none;
}
.remote-control.remote-control--text .remote-control__title {
  display: none;
}
.remote-control.remote-control--text .remote-control__container {
  opacity: 0;
  height: 0;
  visibility: hidden;
}
.remote-control.remote-control--text .mobile-info,
.remote-control.remote-control--text .remote-onboarding {
  display: block;
}
.remote-control .mobile-info {
  display: none;
  padding: 0 24px;
  font-size: 1.6rem;
  line-height: 1.5;
  letter-spacing: 0.03px;
  text-align: center;
}
.remote-control .mobile-info span {
  font-weight: 700;
  color: #22b3ff;
}
.remote-control .remote-onboarding {
  display: none;
  position: absolute;
  bottom: 3px;
  left: 0;
  right: 0;
  text-align: center;
}
.remote-control .remote-onboarding .btn {
  color: #fff;
  font-size: 1.4rem;
  border-radius: 10px;
  box-shadow: 0 5px 12px 0 rgba(34, 179, 255, 0.6);
  background-color: #22b3ff;
  padding: 2px 24px;
}
.remote-control .remote-control__title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 24px;
  margin-bottom: 24px;
}
.remote-control .remote-control__title h2 {
  font-size: 2.4rem;
}

body.fixed-header.fixed .remote-control--sm {
  height: 52px;
  transition: 0.4s ease 0.4s;
  padding: 11px 0;
  z-index: 5;
  opacity: 1;
}
body.fixed-header.fixed .header {
  transition: 0.6s ease 0.6s;
  transform: translateY(-72px);
}
body.fixed-header.fixed .header-new {
  transform: none;
}
@media (max-width: 991px) {
  body.fixed-header.fixed .header-new {
    transform: translateY(-74px);
  }
}

.remote-control.remote-control--short {
  padding: 42px 0 33px;
}
@media (max-width: 767px) {
  .remote-control.remote-control--short {
    padding: 20px 0 30px;
  }
}
.remote-control.remote-control--short .remote-control__time-title {
  font-size: 19.2px;
  margin-right: 25px;
  margin-left: 37px;
}
@media (max-width: 998px) {
  .remote-control.remote-control--short .remote-control__time-title {
    font-size: 16px;
    margin-left: 11px;
    margin-right: 19px;
  }
}
@media (max-width: 767px) {
  .remote-control.remote-control--short .remote-control__time-title {
    margin-left: 0;
  }
}
.remote-control.remote-control--short .remote-control__type-title {
  font-size: 19.2px;
  margin: 0 37px 0 26px;
}
@media (max-width: 998px) {
  .remote-control.remote-control--short .remote-control__type-title {
    font-size: 16px;
    margin: 0 20px 0 26px;
  }
}
@media (max-width: 767px) {
  .remote-control.remote-control--short .remote-control__type-title {
    margin: 0 20px 0 0;
  }
}
.remote-control.remote-control--short .remote-control__time-slider {
  width: 148.8px;
  height: 50.4px;
}
@media (max-width: 998px) {
  .remote-control.remote-control--short .remote-control__time-slider {
    height: 42px;
  }
}
.remote-control.remote-control--short .remote-control__time .time-slider__item {
  height: 50.4px;
  font-size: 19.2px;
  margin: 0 6px;
}
@media (max-width: 998px) {
  .remote-control.remote-control--short .remote-control__time .time-slider__item {
    height: 42px;
    font-size: 16px;
  }
}
.remote-control.remote-control--short .current-time-slider {
  height: 50.4px;
  width: 50.4px;
  font-size: 21.6px;
  left: calc(50% - 25px);
}
@media (max-width: 998px) {
  .remote-control.remote-control--short .current-time-slider {
    height: 42px;
    width: 42px;
    left: calc(50% - 21px);
    font-size: 18px;
  }
}
.remote-control.remote-control--short .current-time-slider:before {
  height: 50.4px;
  width: 50.4px;
  left: calc(50% - 25px);
  margin-left: 0;
}
@media (max-width: 998px) {
  .remote-control.remote-control--short .current-time-slider:before {
    height: 42px;
    width: 42px;
    left: calc(50% - 21px);
  }
}
.remote-control.remote-control--short .current-time-slider:after {
  font-size: 12px;
  top: 32px;
  left: calc(50% - 10px);
}
@media (max-width: 998px) {
  .remote-control.remote-control--short .current-time-slider:after {
    font-size: 10px;
    top: 26px;
    left: calc(50% - 9px);
  }
}
.remote-control.remote-control--short .remote-control__time-slider-wrapper:hover .current-time-slider {
  font-size: 24px;
}
.remote-control.remote-control--short .remote-control__type {
  margin-left: 0;
}
@media (max-width: 998px) {
  .remote-control.remote-control--short .remote-control__type {
    margin-right: auto;
  }
}
.remote-control.remote-control--short .remote-control__type-item {
  margin-right: 24px;
}
@media (max-width: 998px) {
  .remote-control.remote-control--short .remote-control__type-item {
    margin-right: 8px;
  }
}
.remote-control.remote-control--short .remote-control__type-item:last-of-type {
  margin-right: 0;
}
.remote-control.remote-control--short .remote-control__type-item label {
  font-size: 18.3px;
  line-height: 1;
  padding-top: 15px;
  padding-bottom: 15px;
  width: 158px;
}
@media (max-width: 998px) {
  .remote-control.remote-control--short .remote-control__type-item label {
    width: 40px;
  }
}
@media (max-width: 767px) {
  .remote-control.remote-control--short .remote-control__type-item label {
    width: 77px;
    font-size: 0;
    height: 42px;
  }
}
.remote-control.remote-control--short .remote-control__type-item.remote-control__type-item--watch label {
  background-size: 20px;
  padding-left: 44px;
  padding-right: 20px;
}
@media (max-width: 767px) {
  .remote-control.remote-control--short .remote-control__type-item.remote-control__type-item--watch label {
    background-position: center;
  }
}
.remote-control.remote-control--short .remote-control__type-item.remote-control__type-item--read label {
  background-size: 22px;
  padding-left: 49px;
  background-position: 16px;
}
@media (max-width: 767px) {
  .remote-control.remote-control--short .remote-control__type-item.remote-control__type-item--read label {
    background-position: center;
  }
}
.remote-control.remote-control--short .remote-control__type-item.remote-control__type-item--listen label {
  background-size: 23px;
  padding-left: 47px;
}
@media (max-width: 767px) {
  .remote-control.remote-control--short .remote-control__type-item.remote-control__type-item--listen label {
    background-position: center;
  }
}
.remote-control.remote-control--short .remote-control__type-item.disabled label {
  color: rgba(19, 7, 31, 0.3);
  background: #E4E4E4;
}
.remote-control.remote-control--short .remote-control__type-item.disabled label svg {
  opacity: 0.3;
}

.remote-control__sort-title {
  margin-right: 19px;
}

.remote-control-mobile {
  display: none;
}
@media (max-width: 767px) {
  .remote-control-mobile {
    display: block;
    margin-top: 32px;
    margin-bottom: 20px;
  }
  .remote-control-mobile__inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .remote-control-mobile__title {
    margin: 0 16px 0 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.03px;
    color: #2D2D2D;
  }
  .remote-control-mobile__controls {
    display: flex;
    flex-grow: 1;
    align-items: center;
  }
  .remote-control-mobile__reset {
    margin: 0;
    padding: 0 22px 0 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.03;
    color: #2D2D2D;
    opacity: 0.4;
    border: none;
    background-image: url("data:image/svg+xml,%3Csvg width='11' height='11' viewBox='0 0 11 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.88362 5.00013L10.8167 1.06701C10.9306 0.949131 10.9936 0.791255 10.9922 0.627382C10.9907 0.463509 10.925 0.306751 10.8091 0.190871C10.6932 0.0749906 10.5365 0.00926014 10.3726 0.00783613C10.2087 0.00641211 10.0509 0.0694086 9.93299 0.183257L5.99987 4.11638L2.06674 0.183257C1.94887 0.0694086 1.79099 0.00641211 1.62712 0.00783613C1.46324 0.00926014 1.30649 0.0749906 1.19061 0.190871C1.07473 0.306751 1.009 0.463509 1.00757 0.627382C1.00615 0.791255 1.06914 0.949131 1.18299 1.06701L5.11612 5.00013L1.18299 8.93326C1.1233 8.99091 1.07568 9.05988 1.04293 9.13613C1.01017 9.21238 0.992932 9.29439 0.992211 9.37738C0.99149 9.46037 1.0073 9.54267 1.03873 9.61948C1.07015 9.69629 1.11656 9.76607 1.17525 9.82475C1.23393 9.88344 1.30371 9.92985 1.38052 9.96127C1.45733 9.9927 1.53963 10.0085 1.62262 10.0078C1.70561 10.0071 1.78762 9.98983 1.86387 9.95707C1.94012 9.92431 2.00909 9.8767 2.06674 9.81701L5.99987 5.88388L9.93299 9.81701C10.0509 9.93086 10.2087 9.99385 10.3726 9.99243C10.5365 9.991 10.6932 9.92527 10.8091 9.80939C10.925 9.69351 10.9907 9.53676 10.9922 9.37288C10.9936 9.20901 10.9306 9.05113 10.8167 8.93326L6.88362 5.00013Z' fill='%232D2D2D'/%3E%3C/svg%3E%0A");
    background-position: center right;
    background-size: 10px;
    background-repeat: no-repeat;
    background-color: transparent;
  }
  .remote-control-mobile__toggler {
    width: 42px;
    height: 42px;
    margin: 0 0 0 16px;
    padding: 0;
    border: none;
    background-color: #E9E9E9;
    border-radius: 8px;
    background-image: url("data:image/svg+xml,%3Csvg width='17' height='19' viewBox='0 0 17 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.708333 14.7759H2.64633C2.79837 14.2165 3.13025 13.7226 3.59077 13.3706C4.0513 13.0185 4.61488 12.8278 5.19456 12.8278C5.77425 12.8278 6.33783 13.0185 6.79835 13.3706C7.25888 13.7226 7.59076 14.2165 7.74279 14.7759H16.2917C16.4795 14.7759 16.6597 14.8505 16.7925 14.9833C16.9254 15.1162 17 15.2963 17 15.4842C17 15.6721 16.9254 15.8522 16.7925 15.9851C16.6597 16.1179 16.4795 16.1925 16.2917 16.1925H7.74279C7.59076 16.7519 7.25888 17.2457 6.79835 17.5978C6.33783 17.9499 5.77425 18.1406 5.19456 18.1406C4.61488 18.1406 4.0513 17.9499 3.59077 17.5978C3.13025 17.2457 2.79837 16.7519 2.64633 16.1925H0.708333C0.520472 16.1925 0.340304 16.1179 0.207466 15.9851C0.0746278 15.8522 0 15.6721 0 15.4842C0 15.2963 0.0746278 15.1162 0.207466 14.9833C0.340304 14.8505 0.520472 14.7759 0.708333 14.7759ZM5.19421 16.7238C5.43937 16.7238 5.67904 16.6511 5.88288 16.5149C6.08673 16.3787 6.24561 16.1851 6.33943 15.9586C6.43325 15.7321 6.4578 15.4828 6.40997 15.2424C6.36214 15.0019 6.24408 14.781 6.07073 14.6077C5.89737 14.4343 5.67649 14.3163 5.43604 14.2684C5.19558 14.2206 4.94634 14.2451 4.71984 14.339C4.49334 14.4328 4.29974 14.5917 4.16353 14.7955C4.02733 14.9994 3.95463 15.239 3.95463 15.4842C3.955 15.8128 4.08572 16.1279 4.3181 16.3603C4.55049 16.5927 4.86557 16.7234 5.19421 16.7238Z' fill='%232D2D2D'/%3E%3Cpath d='M16.2917 10.2495H14.3537C14.2019 10.809 13.8701 11.303 13.4096 11.6552C12.9492 12.0074 12.3855 12.1982 11.8058 12.1982C11.226 12.1982 10.6624 12.0074 10.2019 11.6552C9.74144 11.303 9.4097 10.809 9.25792 10.2495H0.708333C0.520472 10.2495 0.340304 10.1748 0.207466 10.042C0.0746278 9.90915 0 9.72898 0 9.54112C0 9.35326 0.0746278 9.17309 0.207466 9.04025C0.340304 8.90741 0.520472 8.83278 0.708333 8.83278H9.25792C9.4097 8.27326 9.74144 7.77926 10.2019 7.42705C10.6624 7.07483 11.226 6.88399 11.8058 6.88399C12.3855 6.88399 12.9492 7.07483 13.4096 7.42705C13.8701 7.77926 14.2019 8.27326 14.3537 8.83278H16.2917C16.4795 8.83278 16.6597 8.90741 16.7925 9.04025C16.9254 9.17309 17 9.35326 17 9.54112C17 9.72898 16.9254 9.90915 16.7925 10.042C16.6597 10.1748 16.4795 10.2495 16.2917 10.2495ZM11.8058 8.30153C11.5606 8.30153 11.321 8.37424 11.1171 8.51044C10.9133 8.64665 10.7544 8.84025 10.6606 9.06675C10.5667 9.29325 10.5422 9.54249 10.59 9.78295C10.6379 10.0234 10.7559 10.2443 10.9293 10.4176C11.1026 10.591 11.3235 10.7091 11.564 10.7569C11.8044 10.8047 12.0537 10.7802 12.2802 10.6863C12.5067 10.5925 12.7003 10.4336 12.8365 10.2298C12.9727 10.0259 13.0454 9.78628 13.0454 9.54112C13.045 9.21248 12.9143 8.8974 12.6819 8.66501C12.4495 8.43263 12.1344 8.30191 11.8058 8.30153Z' fill='%232D2D2D'/%3E%3Cpath d='M16.2917 4.30678H7.74279C7.59076 4.86618 7.25888 5.36 6.79835 5.71207C6.33783 6.06413 5.77425 6.25488 5.19456 6.25488C4.61488 6.25488 4.0513 6.06413 3.59077 5.71207C3.13025 5.36 2.79837 4.86618 2.64633 4.30678H0.708333C0.520472 4.30678 0.340304 4.23215 0.207466 4.09932C0.0746278 3.96648 0 3.78631 0 3.59845C0 3.41059 0.0746278 3.23042 0.207466 3.09758C0.340304 2.96474 0.520472 2.89012 0.708333 2.89012H2.64633C2.79837 2.33072 3.13025 1.8369 3.59077 1.48483C4.0513 1.13276 4.61488 0.942015 5.19456 0.942015C5.77425 0.942015 6.33783 1.13276 6.79835 1.48483C7.25888 1.8369 7.59076 2.33072 7.74279 2.89012H16.2917C16.4795 2.89012 16.6597 2.96474 16.7925 3.09758C16.9254 3.23042 17 3.41059 17 3.59845C17 3.78631 16.9254 3.96648 16.7925 4.09932C16.6597 4.23215 16.4795 4.30678 16.2917 4.30678ZM5.19421 2.35887C4.94904 2.35887 4.70938 2.43157 4.50553 2.56777C4.30168 2.70398 4.1428 2.89758 4.04898 3.12408C3.95516 3.35058 3.93061 3.59982 3.97844 3.84028C4.02627 4.08073 4.14433 4.30161 4.31769 4.47497C4.49105 4.64833 4.71192 4.76638 4.95238 4.81421C5.19283 4.86204 5.44207 4.8375 5.66858 4.74367C5.89508 4.64985 6.08868 4.49097 6.22488 4.28712C6.36109 4.08328 6.43379 3.84362 6.43379 3.59845C6.43323 3.26986 6.30245 2.9549 6.07011 2.72255C5.83776 2.49021 5.52279 2.35943 5.19421 2.35887Z' fill='%232D2D2D'/%3E%3C/svg%3E%0A");
    background-position: center;
    background-size: 18px;
    background-repeat: no-repeat;
  }
}

.mt-30 {
  margin-top: 30px !important;
}

.mt-0 {
  margin-top: 0 !important;
}

.remote-control-mobile--filters .mobile-filter-modal__time label:last-child {
  background-image: none;
}
.remote-control-mobile--filters .mobile-filter-modal .remote-control__type-item label {
  padding-left: 20px !important;
}
.remote-control-mobile--filters .mobile-filter-modal .remote-control__type-item label span {
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #979797;
}

.faq-slider {
  background-image: linear-gradient(270deg, rgba(34, 179, 255, 0.25) 0%, rgba(152, 237, 253, 0.25) 100%);
  position: relative;
  overflow: hidden;
  margin: 24px 0 48px;
}
.faq-slider__container {
  display: flex;
}
@media (max-width: 998px) {
  .faq-slider__container {
    display: flex;
    flex-direction: column;
    position: relative;
    width: 100%;
    max-width: 100%;
    padding: 24px 24px 72px;
    margin: 0 auto;
  }
}
@media (max-width: 998px) {
  .faq-slider--new .faq-slider__container {
    padding: 24px 12px 94px;
  }
}
.faq-slider__title {
  position: absolute;
  left: calc(50% - 480px);
  top: 28px;
  bottom: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin: auto;
  padding-bottom: 28px;
  max-width: 303px;
}
@media (max-width: 998px) {
  .faq-slider__title {
    position: static;
    width: 100%;
    max-width: 100%;
    margin: 0;
    padding: 0;
  }
}
.faq-slider__title p {
  margin: 0 0 10px;
  font-weight: 400;
  font-size: 16px;
  line-height: 120%;
}
.faq-slider__title h2 {
  font-size: 32px;
  line-height: 120%;
  font-weight: 700;
  letter-spacing: 0.011rem;
  margin-bottom: 4px;
}
.faq-slider__title .btn.btn--lg {
  margin: auto 0 0;
  padding: 13px 20px;
  font-size: 20px;
  line-height: 120%;
}
@media (max-width: 998px) {
  .faq-slider__title .btn.btn--lg {
    position: absolute;
    left: 0;
    top: calc(100% - 45px);
    width: 200px;
    right: 0;
    margin: auto;
    bottom: 40px;
  }
}
@media (max-width: 998px) {
  .faq-slider--new .faq-slider__title .btn.btn--lg {
    top: auto;
    bottom: 29px;
    height: 50px;
    width: 366px;
    max-width: calc(100% - 24px);
    box-shadow: 0px 9px 12px rgba(34, 179, 255, 0.595826);
  }
}
.faq-slider .faq-slider__list ul {
  padding-right: 32px;
  height: 100%;
}
.faq-slider__body {
  width: 50%;
  height: 100%;
  padding: 28px 0 11px;
  margin-left: auto;
  position: relative;
}
@media (max-width: 998px) {
  .faq-slider__body {
    width: calc(100% + 24px);
    height: 100%;
    padding: 0;
    margin-right: -24px;
    position: relative;
  }
}
.faq-slider__body.active:before {
  opacity: 0.03;
}
.faq-slider__body.active .scrollbar {
  opacity: 1;
}
.faq-slider__body:before {
  content: "";
  width: 1.6rem;
  background-image: linear-gradient(to right, #2d2d2d 0%, rgba(19, 7, 31, 0) 100%);
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  opacity: 0;
}
.faq-slider__body:hover .scrollbar {
  opacity: 1;
}
.faq-slider__body:hover .btn-control:not(:disabled) {
  opacity: 1;
}
@media (max-width: 998px) {
  .faq-slider__body .btn-control.prev {
    left: 20px;
  }
}
@media (min-width: 1024px) {
  .faq-slider .faq-slider__body {
    width: 60%;
  }
}

.scrollbar {
  width: 52.8rem;
  height: 0.6rem;
  border-radius: 0.3rem;
  background-color: rgba(19, 7, 31, 0.05);
  margin: 13px auto 0;
  opacity: 0;
  transition: 0.4s ease 0s;
}
@media (max-width: 767px) {
  .scrollbar {
    width: calc(100% - 24px);
    opacity: 1;
  }
}

.scrollbar .handle {
  width: 100px;
  height: 100%;
  border-radius: 0.3rem;
  background-color: #22b3ff;
  cursor: pointer;
}

.scrollbar .handle .mousearea {
  position: absolute;
  top: -9px;
  left: 0;
  width: 100%;
  height: 20px;
}

.f-s-item {
  display: flex !important;
  flex-direction: column;
  height: 176px;
  width: 246px;
  box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.05);
  border-radius: 1rem;
  background-color: #fff;
  padding: 12px 12px 12px;
  margin: 0 12px;
  float: left;
  cursor: grabbing;
}
@media (max-width: 580px) {
  .f-s-item {
    width: 213px;
  }
}
.f-s-item:first-child {
  margin-left: 6px;
}
.f-s-item__title {
  font-size: 2rem;
  font-weight: 700;
  letter-spacing: 0.007rem;
  line-height: 2.2rem;
  margin-bottom: 6px;
}
.f-s-item__author {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}
.f-s-item__author-name {
  font-size: 10px;
  font-weight: 400;
  letter-spacing: 0.065rem;
  line-height: 1.3rem;
  text-transform: uppercase;
}
.f-s-item__author-avatar {
  margin-right: 6px;
  font-size: 0;
}
.f-s-item__author-avatar img {
  border-radius: 50%;
}
.f-s-item__text {
  font-size: 1.6rem;
  font-weight: 400;
  letter-spacing: 0.006rem;
  line-height: 19px;
  flex-grow: 1;
}
@media (max-width: 998px) {
  .f-s-item__text {
    max-width: 365px;
    font-size: 14px;
    line-height: 120%;
  }
}
.f-s-item__date {
  font-size: 1.3rem;
  font-weight: 700;
  letter-spacing: 0.007rem;
  line-height: 2.2rem;
  color: rgba(19, 7, 31, 0.3);
}
.f-s-item.f-s-item--last {
  box-shadow: 0 0.7rem 1.7rem rgba(73, 227, 164, 0.6);
  border-radius: 1rem;
  background-color: #49e3a4;
  text-align: center;
  justify-content: center;
  width: 222px;
}
.f-s-item.f-s-item--last span {
  font-size: 1.8rem;
  font-weight: 700;
  letter-spacing: 0.008rem;
  line-height: 2.5rem;
}
.f-s-item.f-s-item--last a {
  display: inline-block;
  font-size: 1.6rem;
  font-weight: 700;
  letter-spacing: 0.006rem;
  line-height: 2.5rem;
  text-decoration: underline;
  color: #fff;
  transition: 0.4s ease 0s;
}
.f-s-item.f-s-item--last a:hover {
  text-decoration: none;
}

.faq-slider--new .f-s-item {
  height: 162px;
  width: 304px;
}
@media (max-width: 998px) {
  .faq-slider--new .f-s-item {
    margin: 0 6px;
  }
  .faq-slider--new .f-s-item:first-child {
    margin-left: 0;
  }
}

.btn-control {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 3.8rem;
  height: 3.8rem;
  box-shadow: 0 9px 12px 0 rgba(34, 179, 255, 0.6);
  background-color: #22b3ff;
  border: none;
  padding: 0;
  margin: 0;
  border-radius: 50%;
  position: absolute;
  top: calc(50% - 19px);
  opacity: 0;
  transition: 0.4s ease 0s;
}
.btn-control .icon {
  fill: #fff;
}
.btn-control.prev {
  left: -19px;
}
.btn-control.next {
  right: 16px;
}
.btn-control.next .icon {
  transform: scale(-1, 1);
}
.btn-control:hover {
  box-shadow: 0 3px 7px rgba(34, 179, 255, 0.6);
  background-color: #57c5ff;
}

@media (max-width: 767px) {
  .faq-slider--new .btn-control {
    display: none;
  }
}

.new-finish {
  margin: 36px 0 64px;
  text-align: center;
}
@media (max-width: 580px) {
  .new-finish {
    flex-wrap: wrap;
  }
}
.new-finish__item {
  display: flex;
  align-items: flex-end;
  position: relative;
  justify-content: center;
}
@media (max-width: 580px) {
  .new-finish__item {
    width: 100%;
    position: relative;
    display: flex;
    align-items: flex-end;
    justify-content: center;
  }
}
.new-finish__img {
  flex-shrink: 0;
}
@media (max-width: 580px) {
  .new-finish__img {
    top: 20px;
    width: 56px;
  }
}
@media (max-width: 400px) {
  .new-finish__img {
    display: none;
  }
}
.new-finish__bubble {
  background-color: #ffffff;
  border-radius: 60px;
  padding: 30px 32px 30px;
  position: relative;
  margin-left: 12px;
  margin-bottom: 12px;
}
.new-finish__bubble:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(19, 7, 31, 0.11);
  left: 0;
  top: 0;
  border-radius: 60px;
  filter: blur(10px);
  z-index: -2;
}
.new-finish__bubble:before {
  content: "";
  background-color: #fff;
  display: block;
  height: 30px;
  width: 35px;
  position: absolute;
  bottom: 6px;
  transform: rotate(130deg) skew(51deg);
  box-shadow: 0 0 10px 0 rgba(19, 7, 31, 0.11);
  left: 7px;
  z-index: -1;
}
@media (max-width: 767px) {
  .new-finish__bubble {
    padding: 30px 50px;
  }
}
@media (max-width: 580px) {
  .new-finish__bubble {
    line-height: 1em;
  }
}
@media (max-width: 479px) {
  .new-finish__bubble {
    padding: 23px 45px;
  }
}
.new-finish__title {
  font-size: 2.8rem;
  font-weight: 700;
  letter-spacing: 0.011rem;
  line-height: 1;
  color: #49e3a4;
  margin-bottom: 2px;
}
@media (max-width: 767px) {
  .new-finish__title {
    font-size: 2.6rem;
  }
}
@media (max-width: 580px) {
  .new-finish__title {
    text-align: center;
  }
}
@media (max-width: 479px) {
  .new-finish__title {
    font-size: 2rem;
  }
}
.new-finish__text {
  color: rgba(19, 7, 31, 0.8);
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 1.38;
  letter-spacing: 0.06px;
}
@media (max-width: 767px) {
  .new-finish__text {
    font-size: 1.4rem;
  }
}
@media (max-width: 580px) {
  .new-finish__text {
    text-align: center;
    line-height: 1.2em;
  }
}
.new-finish__note {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 24px;
}
@media (max-width: 580px) {
  .new-finish__note {
    flex-direction: column;
    align-items: center;
  }
}
@media (max-width: 376px) {
  .new-finish__note {
    margin-top: 20px;
  }
}
.new-finish__note p {
  font-size: 1.4rem;
  line-height: 1.21;
  width: 260px;
  margin-right: 24px;
  color: #2d2d2d;
}
@media (max-width: 580px) {
  .new-finish__note p {
    margin-right: 0;
    text-align: center;
    margin-bottom: 24px;
  }
}

.feed-load {
  text-align: center;
  margin: 24px 0;
}
.feed-load__seen {
  color: #b2b2b2;
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: 0.005rem;
  margin-bottom: 20px;
}
.feed-load .progress-seen {
  width: 287px;
  height: 1px;
  background: #d0d0d0;
  margin: 6px auto 0;
  position: relative;
}
.feed-load .progress-seen__scale {
  position: absolute;
  left: 0;
  top: 0;
  height: 1px;
  background: #22b3ff;
}

@media (max-width: 767px) {
  .feed-load--new .btn.btn--lg {
    height: 50px;
    width: 366px;
    max-width: calc(100% - 24px);
    padding: 13px 20px;
    font-size: 20px;
    line-height: 120%;
    box-shadow: 0px 9px 12px rgba(34, 179, 255, 0.595826);
  }
}

.chanels-nav {
  display: flex;
  margin-top: -12px;
}
@media (max-width: 998px) {
  .chanels-nav {
    margin-left: -12px;
    margin-top: 0;
    overflow-x: auto;
  }
}
@media (max-width: 374px) {
  .chanels-nav {
    margin-left: -10px;
  }
}
.chanels-nav__item {
  font-size: 32px;
  font-weight: bold;
  line-height: 1.19;
  letter-spacing: 0.1px;
  color: #22b3ff;
  border-radius: 28px;
  padding: 9px 17px;
  display: inline-block;
  margin-right: 14px;
  transition: 0.4s ease 0s;
  position: relative;
}
@media (max-width: 998px) {
  .chanels-nav__item {
    font-size: 28px;
    padding: 8px 16px;
  }
}
@media (max-width: 767px) {
  .chanels-nav__item {
    font-size: 20px;
  }
}
@media (max-width: 479px) {
  .chanels-nav__item {
    font-size: 16px;
    margin-right: 8px;
    padding: 6px 12px;
  }
}
@media (max-width: 374px) {
  .chanels-nav__item {
    padding-left: 10px;
    padding-right: 10px;
  }
}
.chanels-nav__item:hover {
  color: #49e3a4;
}
.chanels-nav__item.current {
  color: #fff;
  background-color: #49e3a4;
}
.chanels-nav__item.checked {
  color: #fff;
  font-size: 24px;
  padding: 4px 17px;
  background-color: #49e3a4;
}
@media (max-width: 767px) {
  .chanels-nav__item.checked {
    font-size: 20px;
  }
}
@media (max-width: 479px) {
  .chanels-nav__item.checked {
    font-size: 14px;
    margin-right: 8px;
    padding: 6px 10px;
    display: none;
  }
}
.chanels-nav__item.checked button {
  top: -9px;
  z-index: 1;
  width: 21px;
  right: -9px;
  height: 21px;
  border: none;
  position: absolute;
  border-radius: 50%;
  background-color: #fff;
  transition: all 0.3s ease;
  box-shadow: 0 4px 8px 0 rgba(34, 179, 255, 0.6);
}
.chanels-nav__item.checked button:hover {
  box-shadow: 0 2px 6px rgba(34, 179, 255, 0.6);
}
.chanels-nav__item.checked button svg {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  fill: #22b3ff;
  font-size: 9px;
  position: absolute;
}
.chanels-nav__item:last-of-type {
  margin-right: 0;
}

.chanels-filter {
  margin-top: 18px;
  position: relative;
  margin-bottom: 48px;
}
@media (max-width: 580px) {
  .chanels-filter {
    margin-top: 15px;
    margin-bottom: 30px;
  }
}
.chanels-filter .search-filter {
  padding-left: 0;
  padding-right: 0;
  align-items: flex-end;
}
@media (max-width: 580px) {
  .chanels-filter .search-filter {
    align-items: flex-start;
    flex-direction: column;
  }
}
.chanels-filter .search-filter__options {
  margin-left: 16px;
}
@media (max-width: 580px) {
  .chanels-filter .search-filter__options {
    width: 100%;
    margin-left: 0;
  }
}
.chanels-filter.chanels-filter--nosort {
  padding-right: 0;
}
.chanels-filter__search {
  flex-grow: 1;
  position: relative;
}
.chanels-filter__search input[type=search] {
  width: 100%;
  border: 0;
  border-bottom: 1px solid #2d2d2d;
  font-size: 14px;
  font-weight: bold;
  color: #13071f;
  padding-bottom: 3px;
  padding-top: 5px;
  transition: 0.4s ease 0s;
}
@media (max-width: 479px) {
  .chanels-filter__search input[type=search] {
    font-size: 16px;
  }
}
.chanels-filter__search input[type=search]::-webkit-input-placeholder {
  font-size: 14px;
  font-weight: bold;
  color: #b2b2b2;
}
.chanels-filter__search input[type=search]:-moz-placeholder {
  font-size: 14px;
  font-weight: bold;
  color: #b2b2b2;
}
.chanels-filter__search input[type=search]::-moz-placeholder {
  font-size: 14px;
  font-weight: bold;
  color: #b2b2b2;
}
.chanels-filter__search input[type=search]:-ms-input-placeholder {
  font-size: 14px;
  font-weight: bold;
  color: #b2b2b2;
}
.chanels-filter__search input[type=search]:focus, .chanels-filter__search input[type=search].active {
  border-color: #98edfd;
}
.chanels-filter__search input[type=search]:focus + .chanels-filter__search-clean, .chanels-filter__search input[type=search].active + .chanels-filter__search-clean {
  opacity: 1;
}
.chanels-filter__search-clean {
  font-size: 12px;
  line-height: 1.83;
  color: #22b3ff;
  background: transparent;
  border: none;
  position: absolute;
  right: 5px;
  top: 0;
  opacity: 0;
  transition: 0.4s ease 0s;
}
.chanels-filter__search-clean:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 4px;
  width: 100%;
  height: 1px;
  background-color: #22b3ff;
  transition: 0.4s ease 0s;
}
.chanels-filter__search-clean:hover {
  color: #98edfd;
}
.chanels-filter__search-clean:hover:after {
  transform: scale(0);
  background: #98edfd;
}
.chanels-filter__sort {
  width: 112px;
}

.cities-search-results {
  display: none;
  position: absolute;
  box-shadow: 0 6px 17px 0 rgba(19, 7, 31, 0.19);
  background-color: #ffffff;
  width: 100%;
  border-radius: 0 0 24px 24px;
  padding: 31px 21px 30px;
  z-index: 999;
}
@media (max-width: 479px) {
  .cities-search-results {
    padding: 25px 15px 40px;
  }
}
.cities-search-results__other {
  position: absolute;
  right: 18px;
  bottom: 18px;
  font-size: 12px;
  line-height: 1.83;
  color: #22b3ff;
  transition: 0.4s ease 0s;
}
.cities-search-results__other:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 4px;
  width: 100%;
  height: 1px;
  background-color: #22b3ff;
  transition: 0.4s ease 0s;
}
.cities-search-results__other:hover {
  color: #98edfd;
}
.cities-search-results__other:hover:after {
  transform: scale(0);
  background: #98edfd;
}
.cities-search-results ul li {
  margin: 0 0 24px;
}
@media (max-width: 479px) {
  .cities-search-results ul li {
    margin: 0 0 12px;
  }
}
.cities-search-results ul li:last-child {
  margin-bottom: 0;
}
.cities-search-results ul li a {
  display: inline-flex;
  align-items: center;
  position: relative;
  font-size: 18px;
  font-weight: bold;
  color: #13071f;
}
@media (max-width: 479px) {
  .cities-search-results ul li a {
    font-size: 16px;
  }
}
.cities-search-results ul li a .btn--plus--sm {
  margin-left: 12px;
}
@media (max-width: 479px) {
  .cities-search-results .btn.btn--plus {
    height: 30px;
    width: 30px;
  }
}
@media (max-width: 479px) {
  .cities-search-results .btn.btn--plus .btn-icon {
    width: 18px;
    height: 18px;
  }
}
@media (max-width: 479px) {
  .cities-search-results .btn.btn--plus .icon {
    font-size: 1.2rem;
  }
}

@media (max-width: 479px) {
  .title {
    font-size: 18px;
  }
}

.chanel-item {
  display: flex;
  border-radius: 10px;
  box-shadow: 0 0 12px 0 rgba(19, 7, 31, 0.1);
  background-color: #ffffff;
  overflow: hidden;
  padding-right: 18px;
  margin-bottom: 24px;
}
@media (max-width: 767px) {
  .chanel-item {
    position: relative;
  }
}
@media (max-width: 580px) {
  .chanel-item {
    flex-direction: column;
    align-items: flex-start;
    padding-right: 0;
  }
}
@media (max-width: 479px) {
  .chanel-item {
    max-width: 304px;
    margin: 0 auto 24px;
  }
}
.chanel-item__img {
  flex: 0 0 auto;
  position: relative;
}
@media (max-width: 580px) {
  .chanel-item__img {
    width: 100%;
  }
}
.chanel-item__img a {
  display: block;
  width: calc(100% + 15px);
}
@media (max-width: 580px) {
  .chanel-item__img img {
    width: 100%;
  }
}
.chanel-item__badge {
  display: inline-block;
  padding: 1px 13px;
  position: absolute;
  left: 9px;
  top: 6px;
  font-size: 15px;
  font-weight: bold;
  letter-spacing: 0.71px;
  border-radius: 12px;
}
.chanel-item__badge.chanel-item__badge--green {
  color: #ffffff;
  background-color: #49e3a4;
}
.chanel-item__body {
  display: flex;
  flex-direction: column;
  padding: 18px 32px 18px 16px;
  flex-grow: 1;
}
@media (max-width: 767px) {
  .chanel-item__body {
    padding: 18px 32px 40px 8px;
  }
}
@media (max-width: 580px) {
  .chanel-item__body {
    width: 100%;
    padding: 15px 15px 30px;
  }
}
.chanel-item__title {
  font-size: 24px;
  font-weight: bold;
  line-height: 1.25;
  letter-spacing: 0.1px;
  color: #13071f;
  margin-bottom: 4px;
  transition: 0.4s ease 0s;
}
@media (max-width: 998px) {
  .chanel-item__title {
    font-size: 20px;
  }
}
.chanel-item__title:hover {
  color: #49e3a4;
}
.chanel-item__title span {
  display: inline-block;
  position: relative;
}
.chanel-item__title span:before {
  content: "";
  width: 100%;
  height: 3px;
  background: #49e3a4;
  position: absolute;
  bottom: 0;
}
.chanel-item__description {
  font-size: 16px;
  line-height: 1.38;
  letter-spacing: 0.1px;
  color: #13071f;
}
.chanel-item__meta {
  flex-grow: 1;
  display: flex;
  align-items: flex-end;
  margin-left: 4px;
}
@media (max-width: 767px) {
  .chanel-item__meta {
    flex-grow: 0;
    margin-left: 0;
    margin-top: 10px;
  }
}
.chanel-item__meta-subscribers, .chanel-item__meta-articles {
  display: inline-flex;
  align-items: center;
  font-size: 12px;
  line-height: 1.08;
  letter-spacing: 0.1px;
  color: rgba(19, 7, 31, 0.4);
  margin-right: 17px;
  position: relative;
  padding-left: 18px;
  transition: 0.4s ease 0s;
}
.chanel-item__meta-subscribers .icon, .chanel-item__meta-articles .icon {
  position: absolute;
  left: 1px;
  top: -2px;
  fill: rgba(19, 7, 31, 0.4);
  font-size: 1.4rem;
  transition: 0.4s ease 0s;
}
.chanel-item__meta-subscribers .label, .chanel-item__meta-articles .label {
  margin-left: 2px;
}
.chanel-item__btn {
  padding: 14px 0;
}
@media (max-width: 767px) {
  .chanel-item__btn {
    position: absolute;
    bottom: -5px;
    right: 10px;
  }
}
@media (max-width: 479px) {
  .chanel-item__btn {
    position: relative;
    bottom: 0;
    right: 0;
    padding: 0 15px 25px 15px;
  }
}

.pagination {
  margin: 48px 0;
  text-align: center;
}
.pagination ul {
  position: relative;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: 0 70px;
  height: 38px;
  max-width: 100%;
}
.pagination ul li.prev-page, .pagination ul li.next-page {
  position: absolute;
  top: 0;
}
.pagination ul li.prev-page a, .pagination ul li.next-page a {
  width: 38px;
  height: 38px;
  box-shadow: 0 9px 12px 0 rgba(34, 179, 255, 0.6);
  background-color: #22b3ff;
  border-radius: 50%;
  transition: 0.4s ease 0s;
  margin: 0;
}
.pagination ul li.prev-page a:hover, .pagination ul li.next-page a:hover {
  box-shadow: 0 3px 7px rgba(34, 179, 255, 0.6);
  background-color: #57c5ff;
}
.pagination ul li.prev-page .icon, .pagination ul li.next-page .icon {
  fill: #fff;
  font-size: 1.8rem;
}
.pagination ul li.prev-page {
  left: 0;
}
@media (max-width: 580px) {
  .pagination ul li.prev-page {
    margin-right: 10px;
  }
}
.pagination ul li.prev-page .icon {
  margin-right: 2px;
}
.pagination ul li.next-page {
  right: 0;
}
@media (max-width: 580px) {
  .pagination ul li.next-page {
    margin-left: 10px;
  }
}
.pagination ul li.next-page .icon {
  transform: scale(-1, 1);
  margin-left: 2px;
}
.pagination ul li.page-separate a {
  width: 18px;
}
.pagination ul li {
  position: relative;
  top: 2px;
}
.pagination ul li a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 2rem;
  font-weight: bold;
  line-height: 1;
  letter-spacing: 0.1px;
  color: #22b3ff;
  border-radius: 50%;
  margin: 0 12px;
  transition: 0.4s ease 0s;
}
@media (max-width: 580px) {
  .pagination ul li a {
    margin: 0 10px;
  }
}
.pagination ul li a:hover {
  color: #49e3a4;
}
.pagination ul li.current:before {
  content: "";
  width: 28px;
  height: 28px;
  background-color: #49e3a4;
  position: absolute;
  border-radius: 50%;
  z-index: -1;
  top: calc(50% - 16px);
  left: calc(50% - 14px);
}
.pagination ul li.current a {
  color: #fff;
}

.cities-list {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -12px 48px;
}
@media (max-width: 580px) {
  .cities-list {
    margin-left: 0;
    margin-right: 0;
  }
}

.city-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 24px 12px;
  width: calc(25% - 24px);
  box-shadow: 0 0 12px 0 rgba(19, 7, 31, 0.07);
  background-color: #ffffff;
  border-radius: 10px;
  overflow: hidden;
  padding-bottom: 31px;
}
@media (max-width: 998px) {
  .city-item {
    width: calc(33.333333% - 24px);
  }
}
@media (max-width: 580px) {
  .city-item {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    margin-top: 12px;
    margin-bottom: 12px;
  }
}
.city-item__title {
  font-size: 16px;
  font-weight: bold;
  line-height: 1.13;
  letter-spacing: 0.1px;
  color: #13071f;
  padding: 0 12px;
  text-align: center;
  min-height: 40px;
  display: inline-flex;
  align-items: center;
  margin-bottom: 8px;
}
@media (max-width: 998px) {
  .city-item__img {
    width: 100%;
  }
}
@media (max-width: 998px) {
  .city-item__img img {
    width: 100%;
  }
}

.top-menu.modal {
  transform: translateY(72px);
  overflow: hidden;
  visibility: hidden;
  z-index: -1;
  top: 0;
  transition: 0.2s linear;
}
.top-menu.modal .modal-bg {
  opacity: 0.2;
}
.top-menu.open {
  visibility: visible;
  z-index: 9999;
}
@media (max-width: 998px) {
  .top-menu.open .top-menu__body {
    border: none;
  }
}
.top-menu.open:before {
  opacity: 0.2;
}
.top-menu.open .top-menu__body {
  opacity: 1;
  max-height: 565px;
  height: 100%;
  transition: all 0.8s cubic-bezier(0.68, -0.55, 0.265, 1.55) 0s;
}
@media (max-width: 998px) {
  .top-menu.open .top-menu__body {
    max-height: 100%;
    height: auto;
    padding-bottom: 32px;
    overflow-y: auto;
  }
}
.top-menu .modal__close {
  position: relative;
}
.top-menu__body {
  border-top: solid 1px rgba(0, 0, 0, 0.1);
  position: relative;
  background: #fff;
  height: 0;
  opacity: 0;
}
@media (max-width: 998px) {
  .top-menu__body {
    max-width: 100%;
    padding: 0 24px;
    margin: 0 auto;
  }
}
.top-menu__list {
  width: 980px;
  margin: 0 auto 0;
  padding: 29px 10px 0;
}
@media (max-width: 998px) {
  .top-menu__list {
    padding: 30px 0 0;
    width: 100%;
  }
}
.top-menu__list li {
  margin-bottom: 32px;
}
@media (max-width: 998px) {
  .top-menu__list li {
    margin-bottom: 24px;
  }
}
.top-menu__list li a {
  font-size: 18px;
  font-weight: normal;
  letter-spacing: 0.4px;
  color: #13071f;
  text-transform: uppercase;
  display: inline-block;
  transition: 0.4s ease 0s;
}
.top-menu__list li a:hover {
  color: #22b3ff;
}
.top-menu__right {
  width: 54%;
  top: 0;
  right: 0;
  position: absolute;
}
@media (max-width: 998px) {
  .top-menu__right {
    display: none;
  }
}

.faq-slider.faq-slider--top-menu {
  margin: 0;
  overflow: visible;
}
.faq-slider.faq-slider--top-menu .faq-slider__top-menu-title {
  font-size: 18px;
  font-weight: normal;
  letter-spacing: 0.4px;
  color: #13071f;
  text-transform: uppercase;
  margin-bottom: 19px;
  margin-left: 28px;
}
.faq-slider.faq-slider--top-menu .faq-slider__body {
  width: 100%;
}
.faq-slider.faq-slider--top-menu .f-s-item:first-child {
  margin-left: 28px;
}

.top-menu-request {
  margin-top: 41px;
}
.top-menu-request__title {
  font-size: 18px;
  text-transform: uppercase;
  letter-spacing: 0.4px;
  color: #13071f;
}
.top-menu-request__stat {
  font-size: 14px;
  font-weight: normal;
  font-style: italic;
  letter-spacing: 0;
  color: #676767;
  margin-bottom: 5px;
}
.top-menu-request__btn {
  display: inline-flex;
  align-items: center;
  border-radius: 25px;
  box-shadow: 0 9px 12px 0 rgba(34, 179, 255, 0.6);
  background-color: #22b3ff;
  color: #fff;
  font-weight: bold;
  padding: 7px 20px 6px 6px;
  margin-right: 20px;
  transition: 0.4s ease 0s;
}
.top-menu-request__btn:hover {
  box-shadow: 0 3px 7px rgba(34, 179, 255, 0.6);
  background-color: #57c5ff;
}
.top-menu-request__btn:last-of-type {
  margin-right: 0;
}
.top-menu-request__btn-counter {
  height: 28px;
  display: flex;
  font-size: 20px;
  padding-left: 3px;
  font-weight: bold;
  margin-right: 8px;
  line-height: 1.25;
  padding-right: 4px;
  background: #fff;
  border-radius: 18px;
  color: #2d2d2d;
  margin-top: -1px;
}

.ant-counter-js {
  overflow: hidden;
}

.ant-counter-unit {
  display: flex;
  margin-top: 2px;
  position: relative;
  flex-direction: column;
}
.ant-counter-unit:not(:first-child) {
  margin-left: -2px;
}
.ant-counter-unit i {
  line-height: 28px;
  font-style: normal;
  text-align: center;
  color: rgba(19, 7, 31, 0.2);
  transition: color 0.3s ease;
}
.ant-counter-unit i.active {
  color: #13071f;
}

.ant-counter-jss {
  display: block;
  overflow: hidden;
  padding-left: 4px;
  padding-right: 4px;
  min-width: 28px;
}
.ant-counter-jss span {
  display: block;
  position: relative;
  text-align: center;
}
.ant-counter-jss span i {
  height: 28px;
  display: block;
  overflow: hidden;
  line-height: 32px;
  font-style: normal;
  color: rgba(19, 7, 31, 0.2);
  transition: color 0.3s ease;
}
.ant-counter-jss span i.active {
  color: #13071f;
}

.top-search {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  z-index: 999999999;
  background: #fff;
  transform: translateY(-110%);
  padding-bottom: 16px;
  padding-top: 20px;
  border-bottom: solid 1px #ededed;
}
@media (max-width: 998px) {
  .top-search {
    opacity: 0;
    visibility: hidden;
    height: 138px;
    transition: opacity 0.5s ease;
  }
}
.top-search.open {
  transform: translateY(0);
}
@media (max-width: 998px) {
  .top-search.open {
    opacity: 1;
    visibility: visible;
  }
}
.top-search__header {
  display: flex;
  align-items: center;
  width: 980px;
  padding: 14px 10px;
  margin: 0 auto;
  position: relative;
}
@media (max-width: 998px) {
  .top-search__header {
    width: 100%;
  }
}
@media (max-width: 998px) {
  .top-search__close {
    z-index: 1;
  }
}
.top-search__close button {
  background-color: transparent;
  border: none;
}
.top-search__close button .icon {
  fill: #2d2d2d;
  transition: 0.4s ease 0s;
}
.top-search__close button:hover .icon {
  fill: #22b3ff;
}
.top-search__form {
  flex-grow: 1;
  position: absolute;
  top: 6px;
  left: 36px;
  right: 0;
}
@media (max-width: 479px) {
  .top-search__form {
    left: 0;
  }
}
.top-search__form form {
  display: flex;
}
@media (max-width: 998px) {
  .top-search__form form {
    flex-wrap: wrap;
    padding-right: 25px;
    align-items: center;
  }
}
@media (max-width: 479px) {
  .top-search__form form {
    padding-right: 10px;
    padding-left: 10px;
  }
}
.top-search__form-group {
  position: relative;
  flex-grow: 1;
  display: flex;
}
@media (max-width: 998px) {
  .top-search__form-group {
    width: 100%;
    margin-bottom: 20px;
  }
}
@media (max-width: 479px) {
  .top-search__form-group {
    margin-left: 28px;
  }
}
.top-search__form-group .icon-search {
  width: 22px;
  height: 21px;
  margin-right: 14px;
  margin-top: 9px;
  fill: #22b3ff;
}
.top-search__form-group input[type=search] {
  width: 100%;
  border: 0;
  height: 38px;
  padding: 5px 60px 0 0;
  color: #2d2d2d;
  font-size: 1.8rem;
  font-weight: bold;
  border-bottom: solid 1px #b2b2b2;
}
@media (max-width: 376px) {
  .top-search__form-group input[type=search] {
    padding-right: 6px;
  }
}
.top-search__form-group input[type=search]:focus {
  border-bottom-color: #98edfd;
}
.top-search__form-group input[type=search]::-webkit-input-placeholder {
  font-size: 18px;
  font-weight: bold;
  color: #b2b2b2;
}
.top-search__form-group input[type=search]:-moz-placeholder {
  font-size: 18px;
  font-weight: bold;
  color: #b2b2b2;
}
.top-search__form-group input[type=search]::-moz-placeholder {
  font-size: 18px;
  font-weight: bold;
  color: #b2b2b2;
}
.top-search__form-group input[type=search]:-ms-input-placeholder {
  font-size: 18px;
  font-weight: bold;
  color: #b2b2b2;
}
.top-search__form-group input[type=search].active + .js-clean-field {
  opacity: 1;
}
.top-search__results {
  width: 980px;
  padding: 0 10px;
  margin: 42px auto 0;
}
@media (max-width: 998px) {
  .top-search__results {
    max-width: 767px;
    width: 100%;
  }
}
.top-search__results-list {
  display: flex;
  align-items: center;
  min-height: 42px;
}
@media (max-width: 767px) {
  .top-search__results-list {
    flex-direction: column;
    align-items: flex-start;
    margin-bottom: 30px;
  }
}
@media (max-width: 479px) {
  .top-search__results-list {
    align-items: center;
  }
}
.top-search__results-list ul {
  display: flex;
  flex-grow: 1;
}
@media (max-width: 580px) {
  .top-search__results-list ul {
    flex-direction: column;
  }
}
@media (max-width: 479px) {
  .top-search__results-list ul {
    width: 100%;
  }
}
.top-search__results-list ul li {
  margin-right: 36px;
}
@media (max-width: 580px) {
  .top-search__results-list ul li {
    margin-right: 0;
    margin-bottom: 24px;
  }
}
.top-search__results-list ul li:last-of-type {
  margin-right: 0;
}
.top-search__results-list ul li a {
  display: inline-block;
  position: relative;
  font-size: 2.4rem;
  font-weight: bold;
  line-height: 1.25;
  letter-spacing: 0.1px;
  color: #22b3ff;
  white-space: nowrap;
  transition: 0.4s ease 0s;
}
.top-search__results-list ul li a:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 3px;
  width: 100%;
  height: 1px;
  background-color: #22b3ff;
  transition: 0.4s ease 0s;
}
.top-search__results-list ul li a:hover {
  color: #98edfd;
}
.top-search__results-list ul li a:hover:after {
  transform: scale(0);
  background: #98edfd;
}
@media (max-width: 767px) {
  .top-search__results-list .btn {
    margin-top: 30px;
  }
}

.multiply-filter {
  margin: 0px 30px 0 24px;
  margin-top: -2px;
}
@media (max-width: 998px) {
  .multiply-filter {
    margin: 0;
    margin-right: 20px;
  }
}
.multiply-filter__list {
  display: none;
  padding: 0 16px 20px;
  width: 252px;
}
.multiply-filter__unit {
  position: relative;
}
.multiply-filter__unit input[type=checkbox] {
  position: absolute;
  opacity: 0;
}
.multiply-filter__unit input[type=checkbox] + label {
  display: block;
  padding-left: 18px;
  position: relative;
  transition: 0.4s esae 0s;
  font-size: 1.6rem;
  font-weight: 700;
  letter-spacing: 0.003rem;
  margin-top: 8px;
}
.multiply-filter__unit input[type=checkbox] + label:before {
  content: "";
  top: 50%;
  margin-top: -7px;
  left: 0;
  width: 13px;
  height: 13px;
  background-color: rgba(19, 7, 31, 0.11);
  position: absolute;
  border-radius: 50%;
  transition: 0.4s ease 0s;
}
.multiply-filter__unit input[type=checkbox] + label:hover:before {
  background-color: #98edfd;
}
.multiply-filter__unit input[type=checkbox]:checked + label:before {
  background-color: #98edfd;
}
.multiply-filter__bar {
  cursor: pointer;
  box-shadow: 0 3px 7px 0 rgba(19, 7, 31, 0.05);
  border: solid 2px #98edfd;
  background: #fff;
  border-radius: 21.5px;
  font-weight: bold;
  position: relative;
  transition: 0.4s ease 0.4s;
}
.multiply-filter__choosen {
  max-width: 200px;
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.multiply-filter__display {
  padding: 8px 16px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  transition: 0.4s ease 0s;
}
.multiply-filter__display .icon {
  margin-left: 12px;
  transition: 0.4s ease 0s;
}
.multiply-filter__display.active .icon {
  fill: #98edfd;
  transform: rotate(-180deg);
}

.js-clean-field {
  position: absolute;
  font-size: 12px;
  line-height: 1;
  color: #22b3ff;
  right: 7px;
  bottom: 10px;
  opacity: 0;
  transition: 0.4s ease 0s;
}
.js-clean-field:after {
  content: "";
  position: absolute;
  left: 0;
  top: 100%;
  width: 100%;
  height: 1px;
  background-color: #22b3ff;
  transition: 0.4s ease 0s;
}
.js-clean-field:hover {
  color: #98edfd;
}
.js-clean-field:hover:after {
  transform: scale(0);
  background: #98edfd;
}

.hide-bubble {
  transition: 0.4s ease 0s;
  transform: scale(0);
}

.found-tags {
  margin: 64px 0 58px;
  display: flex;
}
@media (max-width: 479px) {
  .found-tags {
    margin: 32px 0;
  }
}
.found-tags > a {
  display: inline-block;
  background-color: rgba(214, 249, 255, 0.81);
  padding: 4px 10px;
  border-radius: 5px;
  font-size: 1.4rem;
  position: relative;
  letter-spacing: 0.1px;
  color: #2e2e2e;
  white-space: nowrap;
  transition: 0.4s ease 0s;
  margin-right: 6px;
  margin-bottom: 6px;
}
.found-tags > a:last-of-type {
  margin-right: 0;
}
.found-tags > a:before {
  content: "";
  height: 3px;
  position: absolute;
  bottom: 6px;
  left: 10px;
  right: 10px;
  background: #49e3a4;
}
.found-tags > a:hover {
  background-color: rgba(152, 237, 253, 0.81);
}

.found-item {
  display: flex;
  margin-bottom: 32px;
}
.found-item__img {
  border-radius: 5px;
  overflow: hidden;
  margin-right: 28px;
  flex: 0 0 auto;
}
@media (max-width: 479px) {
  .found-item__img {
    margin-right: 24px;
    width: 64px;
  }
}
@media (max-width: 479px) {
  .found-item__img a {
    display: block;
  }
}
.found-item__top {
  display: flex;
  margin-bottom: 6px;
}
@media (max-width: 479px) {
  .found-item__top {
    margin-bottom: 10px;
  }
}
.found-item__top-name {
  display: inline-flex;
  align-items: center;
  margin-right: 12px;
  font-size: 1.1rem;
  font-weight: bold;
  text-transform: uppercase;
  line-height: 1.82;
  letter-spacing: 0.7px;
  color: #2d2d2d;
}
.found-item__top-name img {
  margin-right: 4px;
  border-radius: 50%;
  width: 15px;
  height: 15px;
}
.found-item__top-time {
  font-size: 13px;
  font-weight: bold;
  letter-spacing: 0.1px;
  color: rgba(19, 7, 31, 0.4);
}
.found-item__title {
  display: block;
  font-size: 1.8rem;
  line-height: 1.39;
  letter-spacing: 0.1px;
  font-weight: bold;
  margin-bottom: 6px;
  transition: 0.4s ease 0s;
}
@media (max-width: 479px) {
  .found-item__title {
    font-size: 1.6rem;
    margin-bottom: 10px;
  }
}
.found-item__title:hover {
  color: #49e3a4;
}
.found-item__description {
  font-size: 1.6rem;
  line-height: 1.38;
  letter-spacing: 0.1px;
  color: #2d2d2d;
  margin-bottom: 6px;
}
@media (max-width: 479px) {
  .found-item__description {
    font-size: 1.4rem;
  }
}
.found-item__bottom {
  margin-top: 12px;
}
@media (max-width: 479px) {
  .found-item__body {
    max-width: 240px;
  }
}

.highlight-search {
  position: relative;
}
.highlight-search:after {
  content: "";
  position: absolute;
  bottom: -2px;
  width: 100%;
  left: 0;
  border-bottom: solid 4px #49e3a4;
}

.js-close-modal {
  background: transparent;
  border: none;
}
.js-close-modal .icon {
  fill: #2d2d2d;
  transition: 0.4s ease 0s;
}
.js-close-modal:hover .icon {
  fill: #22b3ff;
}

.modal.modal-profile .modal__inner {
  display: block;
}
@media (max-width: 580px) {
  .modal.modal-profile .modal__inner {
    height: 100%;
  }
}
.modal.modal-profile.active {
  transform: translateY(0);
}
.modal.modal-profile .modal-profile__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 980px;
  padding: 0 10px 51px 10px;
  margin: 0 auto;
}
.modal.modal-profile .modal-profile__header .exit-profile {
  background: transparent;
  border: 0;
  padding: 0;
  margin: 0;
  transition: 0.4s ease 0s;
}
.modal.modal-profile .modal-profile__header .exit-profile .icon {
  fill: #000;
  transition: 0.4s ease 0s;
}
.modal.modal-profile .modal-profile__header .exit-profile:hover .icon {
  fill: #22b3ff;
}
@media (max-width: 998px) {
  .modal.modal-profile .modal-profile__header {
    width: 100%;
    max-width: 767px;
  }
}
@media (max-width: 767px) {
  .modal.modal-profile .modal-profile__header {
    padding: 0 10px 35px 10px;
  }
}

.profile-card {
  width: 980px;
  margin: 0 auto;
  display: flex;
}
@media (max-width: 998px) {
  .profile-card {
    width: 100%;
    max-width: 767px;
    flex-wrap: wrap;
  }
}
.profile-card__avatar {
  flex: 0 0 auto;
  text-align: center;
  margin-right: 15px;
  margin-left: 10px;
}
.profile-card__avatar a {
  border-radius: 50%;
  background: #b2b2b2 url(../img/svgSprite/plus-white.svg) no-repeat center center;
  display: block;
  width: 136px;
  height: 133px;
  background-size: 60px;
}
.profile-card__avatar img {
  display: block;
  border-radius: 50%;
}
.profile-card__status {
  font-size: 1.4rem;
  font-weight: bold;
  letter-spacing: 0.7px;
  text-align: center;
  border-radius: 10px;
  border: solid 1px;
  padding: 0 9px;
  margin-top: 11px;
  display: inline-flex;
}
.profile-card__status.profile-card__status--expert {
  border-color: #49e3a4;
  color: #49e3a4;
}
.profile-card__status.profile-card__status--checking {
  color: #ff7064;
  border-color: #ff7367;
}
.profile-card__data {
  margin-top: 9px;
  margin-right: 15px;
  flex-grow: 1;
}
@media (max-width: 998px) {
  .profile-card__data {
    width: calc(100% - 200px);
  }
}
@media (max-width: 580px) {
  .profile-card__data {
    width: 100%;
  }
}
.profile-card__name {
  font-size: 2.8rem;
  font-weight: bold;
  line-height: 1.07;
  letter-spacing: 0.1px;
  margin-bottom: 12px;
  margin-left: 12px;
  max-width: 380px;
}
@media (max-width: 998px) {
  .profile-card__name {
    max-width: 100%;
  }
}
.profile-card__description {
  font-size: 12px;
  line-height: 1.33;
  color: #9a9a9a;
  margin-bottom: 12px;
  margin-left: 12px;
  max-width: 360px;
}
@media (max-width: 998px) {
  .profile-card__description {
    max-width: 100%;
  }
}
.profile-card__specialization {
  background: rgba(152, 237, 253, 0.4);
  border-radius: 10px;
  padding: 18px 12px 16px;
  max-width: 380px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
@media (max-width: 580px) {
  .profile-card__specialization {
    margin-left: 10px;
  }
}
.profile-card__specialization .text--sm {
  width: 100%;
}
.profile-card__specialization .btn-round {
  width: 28px;
  height: 28px;
  margin-left: 6px;
  flex-shrink: 0;
}
.profile-card__basic-specialization {
  margin-top: 10px;
  padding: 4px 10px;
  display: inline-flex;
  font-size: 18px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: 0.1px;
  color: #13071f;
  border-radius: 5px;
  background-color: #ffffff;
}
.profile-card__additional-specialization {
  display: flex;
  align-items: center;
  margin-top: 12px;
  width: 100%;
}
.profile-card__additional-specialization-item {
  margin-right: 6px;
  display: inline-block;
  font-size: 14px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: 0.1px;
  color: #2e2e2e;
  border-radius: 5px;
  background-color: rgba(255, 255, 255, 0.8);
  padding: 4px 10px;
  white-space: nowrap;
  transition: 0.4s ease 0s;
}
.profile-card__additional-specialization-item:hover {
  color: #49e3a4;
}
.profile-card .profile-card__additional-specialization-list {
  display: flex;
}
.profile-card__edit {
  margin-top: 12px;
  margin-left: 12px;
}
.profile-card__edit .link {
  font-weight: 400;
  font-size: 1.2rem;
}
.profile-card__activity {
  width: 320px;
  margin-top: 6px;
}
@media (max-width: 998px) {
  .profile-card__activity {
    margin-top: 20px;
    margin-left: 170px;
  }
}
@media (max-width: 767px) {
  .profile-card__activity {
    margin-left: 10px;
    width: 100%;
    max-width: 400px;
  }
}
.profile-card__points {
  font-size: 20px;
  font-weight: bold;
  line-height: 1.5;
  letter-spacing: 0.1px;
  color: #13071f;
  margin-bottom: 15px;
}
.profile-card__points--sum {
  font-size: 28px;
  font-weight: bold;
  line-height: 1.21;
  display: inline-block;
  margin-right: 6px;
}
.profile-card__points .link {
  font-size: 12px;
  font-weight: normal;
  margin-left: 8px;
}
.profile-card__activity-info {
  margin-bottom: 32px;
}
.profile-card__posted {
  font-size: 20px;
  font-weight: bold;
  line-height: 1.5;
  letter-spacing: 0.1px;
  color: #13071f;
}
.profile-card__posted--sum {
  font-size: 28px;
  font-weight: bold;
  line-height: 1.21;
  display: inline-block;
  margin-right: 6px;
}
.profile-card__posted .link {
  font-size: 12px;
  font-weight: normal;
  margin-left: 8px;
}
.profile-card__notification {
  position: relative;
  margin-top: 5px;
}
.profile-card__notification-title {
  display: flex;
  align-items: center;
}
.profile-card__notification-title--text {
  font-size: 20px;
  font-weight: bold;
  line-height: 1.5;
  letter-spacing: 0.1px;
  color: #13071f;
}
.profile-card__notification-alert {
  position: relative;
  border-radius: 28px;
  background-color: #49e3a4;
  font-size: 14px;
  font-weight: bold;
  letter-spacing: 0.1px;
  padding: 2px 12px 2px 10px;
  color: #fff;
  line-height: 20px;
  margin-left: 4px;
  top: -1px;
}
.profile-card__notification__list {
  margin-left: -8px;
  margin-top: 5px;
}
.profile-card__notification-item {
  display: flex;
  justify-content: space-between;
  position: relative;
  padding-right: 10px;
  padding-bottom: 6px;
  padding-top: 6px;
  padding-left: 40px;
  border-radius: 5px;
  margin-bottom: 4px;
}
.profile-card__notification-item:before {
  content: "";
  width: 10px;
  height: 10px;
  border: 1px solid #b2b2b2;
  position: absolute;
  top: 10px;
  left: 10px;
  border-radius: 50%;
}
.profile-card__notification-item .profile-card__notification-text {
  font-size: 14px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.29;
  letter-spacing: 0;
  color: #2d2d2d;
  display: inline-block;
  max-width: 220px;
}
.profile-card__notification-item.profile-card__notification-item--new:before {
  background-color: #49e3a4;
  border-color: #49e3a4;
}
.profile-card__notification-item.profile-card__notification-item--error {
  padding-bottom: 6px;
  padding-top: 6px;
  background-color: rgba(255, 115, 115, 0.15);
}
.profile-card__notification-item.profile-card__notification-item--error:before {
  background-color: #ff7373;
  border-color: #ff7373;
}
.profile-card__notification-date {
  font-size: 12px;
  font-weight: bold;
  letter-spacing: 0.1px;
  color: #b2b2b2;
}
@media (max-width: 580px) {
  .profile-card__notification-date {
    flex-shrink: 0;
    margin-left: 10px;
  }
}
.profile-card__notification-more .link {
  font-weight: 400;
  font-size: 1.2rem;
}

.favorites-slider {
  height: 100%;
  display: flex;
  width: 974px;
  margin: auto;
  overflow: visible !important;
}
@media (max-width: 998px) {
  .favorites-slider {
    width: 750px;
    margin-left: 0;
  }
}
@media (max-width: 767px) {
  .favorites-slider {
    width: 100%;
  }
}
.favorites-slider ul {
  display: flex;
}
.favorites-slider li {
  display: flex;
  flex-direction: column;
  height: 176px;
  width: 246px;
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.05);
  border-radius: 1rem;
  overflow: hidden;
  background-color: #fff;
  margin: 0 12px 12px 12px;
  cursor: grabbing;
}
@media (max-width: 998px) {
  .favorites-slider li {
    width: 208px;
  }
}
@media (max-width: 767px) {
  .favorites-slider li {
    width: 203px;
    margin: 0 9px 9px 9px;
  }
}
@media (max-width: 580px) {
  .favorites-slider li {
    width: 191px;
  }
}
@media (max-width: 479px) {
  .favorites-slider li {
    width: 182px;
    height: 165px;
    margin: 0 7px 9px 7px;
  }
}
@media (max-width: 376px) {
  .favorites-slider li {
    width: 177px;
    height: 160px;
    margin: 0 6px 8px 6px;
  }
}
.favorites-slider__title {
  width: 980px;
  padding: 0 10px;
  margin: 0 auto 10px;
  font-size: 20px;
  font-weight: bold;
  line-height: 1.5;
  letter-spacing: 0.1px;
  color: #13071f;
}
.favorites-slider__title .link {
  font-weight: 400;
  font-size: 1.2rem;
  margin-left: 8px;
}
.favorites-slider .favorites-card__empty {
  border: dashed 2px #e4e3e4;
  box-shadow: none;
}

.favorites-block {
  position: relative;
  padding-bottom: 15px;
  margin-top: 30px;
  overflow: hidden;
}
@media (max-width: 998px) {
  .favorites-block {
    width: 100%;
    max-width: 767px;
    margin: 30px auto 0 auto;
  }
}
.favorites-block.active:before {
  opacity: 0.03;
}
.favorites-block.active .scrollbar {
  opacity: 1;
}
.favorites-block:hover .scrollbar {
  opacity: 1;
}
.favorites-block:hover .btn-control:not(:disabled) {
  opacity: 1;
}
.favorites-block .btn-control.prev {
  left: calc(50% - 480px);
  top: calc(50% - 30px);
}
.favorites-block .btn-control.next {
  right: calc(50% - 480px);
  top: calc(50% - 30px);
}
.favorites-block__empty {
  position: relative;
  min-height: 176px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.favorites-block__empty-list {
  display: flex;
  width: 100%;
  max-width: 985px;
}
@media (max-width: 998px) {
  .favorites-block__empty-list {
    flex-wrap: wrap;
  }
}
.favorites-block__empty-item {
  width: 247px;
  height: 176px;
  border-radius: 11px;
  border: dashed 2px #e4e3e4;
  margin: 0 12px 12px 12px;
}
@media (max-width: 767px) {
  .favorites-block__empty-item {
    width: 240px;
    height: 160px;
  }
}
@media (max-width: 580px) {
  .favorites-block__empty-item {
    width: 46%;
    height: 140px;
    margin: 0 2% 9px 2%;
  }
}
@media (max-width: 479px) {
  .favorites-block__empty-item {
    width: 100%;
    max-width: 247px;
    height: 130px;
  }
}
@media (max-width: 376px) {
  .favorites-block__empty-item {
    max-width: 100%;
  }
}

.favorites-card__body {
  padding: 17px 12px;
}
@media (max-width: 767px) {
  .favorites-card__body {
    padding: 15px 11px;
  }
}
.favorites-card__type {
  font-size: 1.1rem;
  line-height: 1.18;
  letter-spacing: 0.6px;
  text-transform: uppercase;
  color: #000;
  margin-bottom: 7px;
}
@media (max-width: 767px) {
  .favorites-card__type {
    font-size: 1rem;
  }
}
@media (max-width: 479px) {
  .favorites-card__type {
    font-size: 0.9rem;
  }
}
.favorites-card__title {
  font-size: 1.6rem;
  line-height: 1.38;
  font-weight: bold;
  color: #2d2d2d;
  letter-spacing: 0.1px;
}
@media (max-width: 767px) {
  .favorites-card__title {
    font-size: 1.5rem;
  }
}
@media (max-width: 479px) {
  .favorites-card__title {
    font-size: 1.4rem;
  }
}
.favorites-card__img {
  position: relative;
}
@media (max-width: 767px) {
  .favorites-card__img img {
    width: 100%;
    display: block;
  }
}
.favorites-card__info {
  position: absolute;
  color: #fff;
  top: 8px;
  display: flex;
  align-items: flex-start;
  left: 12px;
  right: 12px;
}
.favorites-card__date {
  text-align: center;
  margin-right: 18px;
}
.favorites-card__date--day {
  font-size: 20px;
  font-weight: bold;
  line-height: 1.25;
  letter-spacing: 0.1px;
}
.favorites-card__date--month {
  font-size: 10px;
  line-height: 1.2;
  display: block;
}
.favorites-card__area--time {
  font-size: 20px;
  font-weight: bold;
  line-height: 1.25;
  letter-spacing: 0.1px;
}
.favorites-card__area--place {
  font-size: 10px;
  line-height: 1.2;
}

.favorites-slider .favorites-card-more {
  padding-top: 38px;
  width: 174px;
  height: 100%;
  background: #49e3a4;
  flex-direction: column;
  box-shadow: 0 7px 17px 0 rgba(73, 227, 164, 0.61);
}
.favorites-slider .favorites-card-more a {
  display: inline-block;
  font-size: 1.8rem;
  text-align: center;
  font-weight: bold;
  color: #2d2d2d;
}
.favorites-slider .favorites-card-more__link {
  display: block;
  color: #fff;
  text-decoration: underline;
  font-size: 1.6rem;
  margin-top: 4px;
}

.profile-card__alert {
  position: relative;
  border-radius: 5px;
  background-color: #49e3a4;
  font-size: 14px;
  font-weight: bold;
  line-height: 1.29;
  letter-spacing: 0;
  color: #ffffff;
  padding: 6px 21px 6px 10px;
  width: fit-content;
  margin-right: 8px;
}
.profile-card__alert .js-alert-close {
  top: calc(50% - 10px);
}

.favorites-block__empty-message {
  display: flex;
  align-items: flex-end;
  justify-content: center;
  position: absolute;
  z-index: 10;
}
@media (max-width: 767px) {
  .favorites-block__empty-message--logo img {
    max-width: 60px;
  }
}
@media (max-width: 580px) {
  .favorites-block__empty-message--logo img {
    max-width: 40px;
  }
}
@media (max-width: 479px) {
  .favorites-block__empty-message--logo img {
    max-width: 30px;
  }
}

.favorites-block__empty-message--bubble {
  background: url("../img/svgSprite/bubble-3.svg") no-repeat center center;
  height: 128px;
  align-items: center;
  padding: 0 64px;
  max-width: 575px;
  display: flex;
}
@media (max-width: 998px) {
  .favorites-block__empty-message--bubble {
    max-width: 515px;
    height: 112px;
    padding: 0 39px;
    background-size: contain;
    text-align: center;
  }
}
@media (max-width: 767px) {
  .favorites-block__empty-message--bubble {
    max-width: 470px;
  }
}
@media (max-width: 580px) {
  .favorites-block__empty-message--bubble {
    max-width: 350px;
    padding: 0 32px;
  }
}
@media (max-width: 479px) {
  .favorites-block__empty-message--bubble {
    max-width: 275px;
    padding: 0 25px;
  }
}

.favorites-block__empty-message--text {
  font-size: 22px;
  font-weight: bold;
  line-height: 1.14;
  letter-spacing: 0.1px;
  color: #13071f;
}
@media (max-width: 998px) {
  .favorites-block__empty-message--text {
    font-size: 20px;
  }
}
@media (max-width: 767px) {
  .favorites-block__empty-message--text {
    font-size: 17px;
  }
}
@media (max-width: 580px) {
  .favorites-block__empty-message--text {
    font-size: 15px;
  }
}
@media (max-width: 479px) {
  .favorites-block__empty-message--text {
    font-size: 11px;
  }
}

.highlight-text {
  mix-blend-mode: multiply;
  background-color: rgba(152, 237, 253, 0.4);
}

@media (max-width: 479px) {
  .favorites-block__empty-item:not(:last-child) {
    display: none;
  }
}

/*edit profile*/
.profile-avatar {
  max-width: 660px;
  margin-top: 64px;
}
.profile-avatar__text {
  font-size: 20px;
  font-weight: bold;
  line-height: 1.25;
  letter-spacing: 0.07px;
  margin-bottom: 24px;
}

.profile-additional {
  max-width: 554px;
  margin-top: 64px;
}
.profile-additional__text {
  font-size: 20px;
  font-weight: bold;
  line-height: 1.25;
  letter-spacing: 0.07px;
  margin-bottom: 12px;
}

.profile-contacts {
  margin-top: 64px;
}
.profile-contacts h3 {
  font-size: 20px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.25;
  letter-spacing: 0.07px;
  margin-bottom: 18px;
}

.profile-notification {
  margin-top: 64px;
}
.profile-notification__control {
  display: flex;
  align-items: center;
  max-width: 554px;
  margin-bottom: 18px;
}
.profile-notification h2 {
  font-size: 32px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.19;
  letter-spacing: 0.1px;
  margin-bottom: 24px;
}
.profile-notification .btn {
  width: 144px;
  margin-right: 15px;
  flex-shrink: 0;
}

.profile-chat-bots {
  margin-top: 64px;
  max-width: 554px;
}
.profile-chat-bots h2 {
  font-size: 32px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.19;
  letter-spacing: 0.1px;
  margin-bottom: 8px;
}
.profile-chat-bots .btn.btn--added-default {
  width: auto !important;
  margin-right: 8px;
  margin-bottom: 24px;
  padding: 9px 24px 9px 44px;
}
.profile-chat-bots .btn.btn--added-default:last-of-type {
  margin-right: 0;
}
.profile-chat-bots .chat-bots-list {
  margin-top: 20px;
  margin-left: -6px;
}

.profile-password {
  padding-bottom: 24px;
  margin-top: 64px;
  position: relative;
}
.profile-password__inner {
  max-width: 554px;
}
.profile-password__advice {
  font-size: 14px;
  line-height: normal;
  letter-spacing: 0.03px;
  color: #676767;
  position: absolute;
  right: 0;
  width: 246px;
  bottom: 130px;
}
.profile-password h2 {
  font-size: 32px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.19;
  letter-spacing: 0.1px;
  margin-bottom: 8px;
}
.profile-password h3 {
  margin-bottom: 16px;
  line-height: 1.25;
}
.profile-password .link.link--base {
  font-size: 12px;
  position: absolute;
  white-space: nowrap;
  bottom: -24px;
  right: 0;
}

.profile-content__bubble {
  background-color: #ffffff;
  border-radius: 40px;
  max-width: 190px;
  padding: 21px 0 30px;
  position: relative;
  margin-top: -58px;
  margin-right: 58px;
}
.profile-content__bubble:before {
  content: "";
  background-color: #ffffff;
  display: block;
  height: 36px;
  width: 36px;
  position: absolute;
  bottom: -4px;
  transform: rotate(109deg) skew(45deg);
  box-shadow: 0 0 10px 0 rgba(19, 7, 31, 0.11);
  left: 21px;
  z-index: -1;
}
.profile-content__bubble:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(19, 7, 31, 0.11);
  left: 0;
  top: 0;
  border-radius: 60px;
  filter: blur(10px);
  z-index: -2;
}
.profile-content__bubble .icon {
  fill: #d0d0d0;
}
.profile-content__bubble p {
  margin-bottom: 10px;
  font-size: 14px;
  line-height: 1.14;
  letter-spacing: 0.05px;
  text-align: center;
  color: #676767;
  padding-left: 24px;
  padding-right: 24px;
}
.profile-content__bubble p:last-of-type {
  margin-bottom: 0;
  padding-left: 20px;
  padding-right: 20px;
}
.profile-content__bubble a {
  color: #22b3ff;
  text-decoration: underline;
}
.profile-content__bubble a:hover {
  text-decoration: none;
  color: #49e3a4;
}

.profile-form__section {
  display: flex;
  justify-content: space-between;
}
.profile-form__section-body {
  max-width: 572px;
}
@media (max-width: 580px) {
  .profile-form__section-body {
    width: 100%;
  }
}

@media (max-width: 600px) {
  .form-group--blue-wrapper:after {
    width: calc(100% + 48px);
    height: 100%;
    margin-left: 0;
    left: -24px;
    right: -24px;
    border-radius: 0;
  }
}
@media (max-width: 375px) {
  .form-group-birthday__row .custom-select {
    margin-right: 6px;
  }
  .form-group-birthday__row .custom-select > button:after {
    right: 12px;
  }
  .form-group-birthday__row .custom-select .custom-select__list ul {
    padding: 0 12px;
  }
  .form-group-birthday__row .custom-select__options {
    padding-right: 30px;
    padding-left: 12px;
  }
  .form-group-birthday__row .custom-select:last-child {
    margin-right: 0;
  }
}
.chanels-menu .bubble-info {
  margin-top: 66px;
  margin-bottom: 76px;
}

.section-breadcrumb {
  margin-top: 25px;
  margin-bottom: 25px;
}
.section-breadcrumb ul {
  display: flex;
  flex-wrap: wrap;
}
.section-breadcrumb ul li {
  color: #13071f;
  font-size: 12px;
  line-height: 22px;
  position: relative;
  letter-spacing: 0.1px;
  text-transform: uppercase;
}
@media (max-width: 479px) {
  .section-breadcrumb ul li {
    font-size: 10px;
    line-height: 1.2em;
  }
}
.section-breadcrumb ul li:not(:last-child) {
  margin-right: 20px;
}
.section-breadcrumb ul li:not(:last-child):after {
  top: 7px;
  width: 5px;
  height: 5px;
  content: "";
  right: -11px;
  display: block;
  position: absolute;
  transform: rotateZ(45deg);
  border-top: 1px solid #13071f;
  border-right: 1px solid #13071f;
}
@media (max-width: 479px) {
  .section-breadcrumb ul li:not(:last-child):after {
    top: 2px;
  }
}
.section-breadcrumb ul li a {
  color: #13071f;
  transition: all 0.3s ease;
}
.section-breadcrumb ul li a:hover {
  color: #22b3ff;
}

.section-title {
  margin-bottom: 36px;
}
.section-title.section-title--cabinet {
  margin-bottom: 24px;
}
.section-title h1 {
  color: #2d2d2d;
  font-size: 4.8rem;
  font-weight: 800;
  line-height: 1.17;
  letter-spacing: 0.08px;
}
@media (max-width: 767px) {
  .section-title h1 {
    font-size: 3rem;
    line-height: 1.07;
    letter-spacing: 0.03px;
  }
}

.section-share-experience {
  display: flex;
  margin-top: 35px;
  margin-bottom: 135px;
  align-items: flex-start;
  justify-content: space-between;
}
@media (max-width: 767px) {
  .section-share-experience {
    flex-wrap: wrap;
  }
}
@media (max-width: 580px) {
  .section-share-experience {
    margin-top: 30px;
    margin-bottom: 75px;
  }
}
@media (max-width: 479px) {
  .section-share-experience {
    margin-top: 25px;
    margin-bottom: 25px;
  }
}

.share-experience__form {
  width: calc(100% - 238px);
}
@media (max-width: 767px) {
  .share-experience__form {
    width: 100%;
  }
}
.share-experience__form .form-group:last-child {
  margin-bottom: 0;
}
.share-experience__form .form-group_file {
  margin-top: 49px;
  padding-left: 8px;
  margin-bottom: 48px;
}
@media (max-width: 479px) {
  .share-experience__form .form-group_file {
    padding-left: 0;
  }
}
.share-experience__form .form-group_select {
  max-width: 468px;
}
.share-experience__form .form-group_select .dropdown-single, .share-experience__form .form-group_select .dropdown-multiple {
  margin: 0;
}
.share-experience__form .form-group_button {
  margin-top: 56px;
}
@media (max-width: 767px) {
  .share-experience__form .form-group_button {
    display: flex;
    align-items: center;
    justify-content: center;
  }
}
.share-experience__form .form-group_button a {
  color: #22b3ff;
  font-size: 20px;
  line-height: 21px;
  position: relative;
  margin-right: 45px;
  text-decoration: none;
  transition: color 0.3s ease;
}
@media (max-width: 479px) {
  .share-experience__form .form-group_button a {
    margin-right: 0;
  }
}
.share-experience__form .form-group_button a:after {
  left: 0;
  right: 0;
  top: 100%;
  height: 1px;
  content: "";
  display: block;
  position: absolute;
  background-color: #22b3ff;
  transition: background 0.3s ease;
}
.share-experience__form .form-group_button a:hover {
  color: #49e3a4;
}
.share-experience__form .form-group_button a:hover:after {
  background-color: #49e3a4;
}
.share-experience__form .form-group_button .dropdown-single, .share-experience__form .form-group_button .dropdown-multiple {
  margin: 0;
}
.share-experience__form .form-group__caption {
  color: #676767;
  font-size: 12px;
  max-width: 380px;
  margin-top: 12px;
  line-height: 16px;
  padding-left: 19px;
  letter-spacing: 0.04px;
}
.share-experience__form .form-group .dropdown-display {
  width: 100%;
}
@media (max-width: 479px) {
  .share-experience__form .form-group.form-group_button {
    display: flex;
    flex-direction: column-reverse;
    align-items: center;
  }
}
@media (max-width: 479px) {
  .share-experience__form .form-group .btn {
    margin-bottom: 36px;
  }
}

.share-experience__details {
  width: 190px;
  margin-left: 48px;
  padding-top: 26px;
}
@media (max-width: 767px) {
  .share-experience__details {
    display: none;
  }
}
.share-experience__details.share-experience__details--sm .share-experience__details-wrapper {
  padding-bottom: 150px;
}
.share-experience__details.share-experience__details--sm .share-experience__details-wrapper:after {
  background-image: url(../img/svg/b-210x296.svg);
  background-repeat: no-repeat;
  width: 210px;
  height: 296px;
}

.share-experience__details-wrapper {
  color: #676767;
  font-size: 12px;
  line-height: 16px;
  position: relative;
  padding-left: 21px;
  padding-right: 21px;
  padding-bottom: 115px;
  letter-spacing: 0.04px;
  background-repeat: no-repeat;
}
.share-experience__details-wrapper:after {
  top: -35px;
  left: -10px;
  z-index: -1;
  content: "";
  width: 210px;
  height: 421px;
  display: block;
  position: absolute;
  background-image: url(../img/svgSprite/question-bg.svg);
}
.share-experience__details-wrapper:before {
  left: 0;
  bottom: 0;
  content: "";
  width: 76px;
  height: 68px;
  display: block;
  position: absolute;
  background-image: url(../img/svgSprite/logo-small.svg);
}
.share-experience__details-wrapper p {
  padding-bottom: 12px;
}
.share-experience__details-wrapper a {
  font-weight: bold;
  line-height: 1.33;
  letter-spacing: 0.04px;
  display: inline-block;
  border-bottom: 1px solid;
  transition: 0.4s ease 0s;
  color: #22b3ff;
}
.share-experience__details-wrapper a:hover {
  color: #49e3a4;
  border-bottom-color: transparent;
}

.share-experience__details-icon {
  line-height: 1;
  text-align: center;
  margin-bottom: 2px;
}
.share-experience__details-icon i {
  color: #22b3ff;
  font-size: 60px;
  font-weight: 900;
  line-height: 60px;
  font-style: normal;
}

.share-experience__details-title {
  color: #22b3ff;
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  margin-bottom: 12px;
}

.uploader-box {
  padding: 24px;
  margin-top: 24px;
  position: relative;
  border-radius: 20px;
  padding-bottom: 32px;
  background-color: rgba(152, 237, 253, 0.4);
}

.uploader-box .icon-upload-file {
  fill: #22b3ff;
}
.uploader-box .uploader-box__view-loader {
  display: none;
}
.uploader-box .uploader-box__view-icon {
  border: solid 4px #22b3ff;
}
.uploader-box.success {
  background-color: #ddf9ed;
}
.uploader-box.success .uploader-box__view-icon {
  border: solid 4px #49e3a4;
}
.uploader-box.success .icon-upload-file {
  fill: #49e3a4;
}
.uploader-box.progress .icon-upload-file {
  fill: #49e3a4;
}
.uploader-box.progress .uploader-box__view-icon {
  border: none;
}
.uploader-box.progress .uploader-box__view-loader {
  display: block;
}
.uploader-box.failed {
  background-color: rgba(255, 115, 115, 0.15);
}
.uploader-box.failed .uploader-box__view-icon {
  border: solid 4px #ff7373;
}
.uploader-box.failed .icon-upload-file {
  fill: #ff7373;
}
.uploader-box.failed .form-group_textarea:before, .uploader-box.failed .form-group_textarea:after {
  background-color: #ffeaeb;
}

@media (max-width: 479px) {
  .uploader-box__action-unit {
    display: flex;
    align-items: center;
    justify-content: center;
  }
}
.uploader-box__action-unit .btn--mobile-txt {
  display: none;
}
@media (max-width: 479px) {
  .uploader-box__action-unit .btn {
    margin-bottom: 0 !important;
  }
}

.uploader-box__view {
  display: flex;
  padding-right: 20%;
  align-items: flex-start;
  justify-content: space-between;
}
@media (max-width: 479px) {
  .uploader-box__view {
    padding-right: 0;
  }
}

.uploader-box__view-icon {
  width: 76px;
  height: 76px;
  display: flex;
  position: relative;
  border-radius: 50%;
  align-items: center;
  background-color: #fff;
  justify-content: center;
}

.uploader-box__view-loader {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
}
.uploader-box__view-loader .progress {
  transform: rotate(-90deg);
}
.uploader-box__view-loader .progress__meter, .uploader-box__view-loader .progress__value {
  fill: none;
}
.uploader-box__view-loader .progress__meter {
  stroke: #fff;
}
.uploader-box__view-loader .progress__value {
  stroke: #49e3a4;
  stroke-linecap: round;
}

.uploader-box__view-view {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  position: absolute;
  align-items: center;
  justify-content: center;
}
.uploader-box__view-view svg {
  fill: #22b3ff;
  font-size: 2.8rem;
}

.uploader-box__view-description {
  padding-top: 4px;
  padding-left: 24px;
  width: calc(100% - 76px);
}

.uploader-box__view-description-title {
  color: #2d2d2d;
  font-size: 20px;
  font-weight: 700;
  line-height: 25px;
  margin-bottom: 3px;
}

.uploader-box__view-description-caption {
  color: #13071f;
  font-size: 16px;
  line-height: 22px;
  letter-spacing: -0.02px;
}

.uploader-box__load-list {
  display: none;
  margin-top: 23px;
  padding-left: 97px;
  margin-bottom: 40px;
}
@media (max-width: 479px) {
  .uploader-box__load-list {
    padding-left: 0;
  }
}

.uploader-box__load-unit {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
.uploader-box__load-unit:not(:last-child) {
  margin-bottom: 24px;
}
@media (max-width: 479px) {
  .uploader-box__load-unit {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
}

.uploader-box__load-unit-view {
  width: 120px;
  height: 90px;
  display: flex;
  flex-shrink: 0;
  color: #22b3ff;
  font-size: 32px;
  font-weight: 700;
  position: relative;
  margin-right: 40px;
  align-items: center;
  border-radius: 10px;
  letter-spacing: 0.1px;
  background-color: #fff;
  justify-content: center;
  text-transform: uppercase;
  box-shadow: 0 0 12px 0 rgba(19, 7, 31, 0.07);
}
@media (max-width: 479px) {
  .uploader-box__load-unit-view {
    margin-right: 0;
    margin-bottom: 15px;
  }
}
.uploader-box__load-unit-view button {
  top: 50%;
  z-index: 1;
  width: 28px;
  height: 28px;
  right: -14px;
  border: none;
  margin-top: -14px;
  position: absolute;
  border-radius: 50%;
  background-color: #fff;
  transition: all 0.3s ease;
  box-shadow: 0 9px 12px 0 rgba(34, 179, 255, 0.6);
}
.uploader-box__load-unit-view button:hover {
  box-shadow: 0 3px 7px rgba(34, 179, 255, 0.6);
}
.uploader-box__load-unit-view button svg {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  fill: #22b3ff;
  font-size: 12px;
  position: absolute;
}
.uploader-box__load-unit-view picture {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative;
  border-radius: 10px;
}
.uploader-box__load-unit-view picture img {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  max-width: 100%;
  max-height: 100%;
  position: absolute;
}

.uploader-box__load-unit-description {
  width: calc(100% - 160px);
}
@media (max-width: 479px) {
  .uploader-box__load-unit-description {
    width: 100%;
  }
}

.uploader-box__load-unit-description-name {
  color: #2d2d2d;
  font-size: 16px;
  overflow: hidden;
  white-space: nowrap;
  letter-spacing: 0.1px;
  text-overflow: ellipsis;
}

.uploader-box__load-unit-description-size {
  color: #b2b2b2;
  font-size: 12px;
  line-height: 22px;
  margin-bottom: 8px;
}

.uploader-box__load-unit-description-source .form-group_textarea:before {
  background-color: #ddf9ed;
}
.uploader-box__load-unit-description-source .form-group_textarea:after {
  background-color: #ddf9ed;
}

.uploader-box__action {
  margin-top: 15px;
  padding-left: 95px;
}
@media (max-width: 479px) {
  .uploader-box__action {
    padding-left: 0;
  }
}
.uploader-box__action input {
  opacity: 0;
  position: absolute;
  visibility: hidden;
}
@media (max-width: 479px) {
  .uploader-box__action input {
    width: 100%;
  }
}
.uploader-box__action label {
  top: auto;
  left: auto;
  width: auto;
  bottom: auto;
  color: inherit;
  position: relative;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  display: inline-block;
  letter-spacing: inherit;
}

.form-group_textarea:before {
  left: 0;
  right: 0;
  top: 6px;
  height: 3px;
  content: "";
  position: absolute;
  background-color: #fff;
}

.objectfit {
  position: relative;
}
.objectfit > img {
  position: absolute;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  z-index: 0;
  left: 0;
  right: 0;
}

.experience-unit__user-like {
  position: absolute;
  left: 24px;
  top: -12px;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease;
}

.experience-unit--like {
  border: 1px solid transparent;
  transition: all 0.3s ease;
}

.experience-unit--like.active-like {
  border-color: #49e3a4;
}
.experience-unit--like.active-like .experience-unit__user-like {
  opacity: 1;
  visibility: visible;
}

.section-experience-header .section-title {
  margin-bottom: 35px;
}
@media (max-width: 998px) {
  .section-experience-header .section-title {
    margin-right: 50px;
    margin-bottom: 36px;
  }
}
.section-experience-header .section-nav {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  margin-left: -16px;
}
@media (max-width: 991px) {
  .section-experience-header .section-nav {
    margin-left: 0;
  }
}
@media (max-width: 991px) {
  .section-experience-header .section-nav .chanels-nav {
    margin-left: 0;
  }
}
.section-experience-header .section-nav__list {
  display: flex;
  align-items: center;
}
@media (max-width: 767px) {
  .section-experience-header .section-nav__list {
    margin-left: 10px;
  }
}
@media (max-width: 580px) {
  .section-experience-header .section-nav__list {
    flex-wrap: wrap;
  }
}
.section-experience-header .section-nav__action {
  flex-shrink: 0;
  margin-top: 3px;
}
@media (max-width: 998px) {
  .section-experience-header .section-nav__action {
    position: absolute;
    top: 0;
    right: 0;
  }
}

@media (max-width: 998px) {
  .section-top {
    position: relative;
  }
}
@media (max-width: 998px) {
  .section-top .section-nav {
    position: static;
  }
}
@media (max-width: 998px) {
  .section-top .section-nav__action {
    position: absolute;
    top: -12px;
    right: 0;
  }
}
@media (max-width: 998px) {
  .section-top .section-nav__action .btn {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    overflow: hidden;
    color: transparent;
    padding: 0;
  }
}
@media (max-width: 998px) {
  .section-top .section-nav__action .btn:after {
    position: absolute;
    display: block;
    height: 25px;
    width: 22px;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    content: url('data:image/svg+xml; utf8, <svg viewBox="0 0 512 512.00004" xmlns="http://www.w3.org/2000/svg"><path d="m511.132812 79.929688c-.019531-21.390626-8.367187-41.488282-23.507812-56.59375-31.226562-31.15625-81.992188-31.113282-113.183594.117187l-322.207031 323.503906c-10.480469 10.472657-18.480469 23.4375-23.136719 37.496094l-.300781.914063-28.796875 126.632812 126.984375-28.429688.945313-.3125c14.0625-4.65625 27.035156-12.648437 37.542968-23.152343l322.25-323.542969c15.113282-15.132812 23.429688-35.246094 23.410156-56.632812zm-440.714843 375.34375-13.464844-13.472657 9.722656-42.765625 46.613281 46.640625zm389.003906-346.9375-312.847656 314.105468-56.652344-56.6875 214.300781-215.160156 32.632813 32.632812 28.261719-28.261718-32.691407-32.691406 30.402344-30.519532 32.75 32.75 28.261719-28.261718-32.808594-32.808594 11.707031-11.753906c15.605469-15.625 41.023438-15.648438 56.65625-.050782 7.578125 7.5625 11.757813 17.625 11.769531 28.332032.007813 10.710937-4.152343 20.777343-11.742187 28.375zm-249.164063 363.261718h300.875v39.96875h-340.707031zm0 0" fill="white"/></svg>');
    margin: auto;
  }
}

.section-experience-filter {
  margin-top: 36px;
  padding-top: 18px;
  position: relative;
  margin-bottom: 48px;
  padding-bottom: 18px;
}
@media (max-width: 479px) {
  .section-experience-filter {
    margin-top: 24px;
  }
}
.section-experience-filter:after {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: "";
  opacity: 0.25;
  position: absolute;
  background-image: linear-gradient(to left, #22b3ff, #98edfd);
}

.experience-filter__units {
  z-index: 1;
  display: flex;
  position: relative;
  margin-left: -12px;
  align-items: center;
  margin-right: -12px;
}
@media (max-width: 767px) {
  .experience-filter__units {
    flex-direction: column;
    align-items: flex-start;
  }
}

.experience-filter__unit {
  padding-left: 12px;
  padding-right: 12px;
}
@media (max-width: 767px) {
  .experience-filter__unit {
    width: 50% !important;
  }
}
@media (max-width: 580px) {
  .experience-filter__unit {
    width: 60% !important;
  }
}
@media (max-width: 479px) {
  .experience-filter__unit {
    width: 100% !important;
  }
}
@media (max-width: 767px) {
  .experience-filter__unit:not(:last-child) {
    margin-bottom: 12px;
  }
}
.experience-filter__unit .dropdown-display {
  width: auto;
}
.experience-filter__unit .dropdown-single, .experience-filter__unit .dropdown-multiple {
  margin: 0;
}
.experience-filter__unit.w-6 {
  width: 50%;
}
.experience-filter__unit.w-3 {
  width: 25%;
}

.experience-unit {
  padding-top: 14px;
  padding-left: 24px;
  position: relative;
  padding-right: 24px;
  border-radius: 10px;
  background-color: #fff;
  box-shadow: 0 0 12px 0 rgba(19, 7, 31, 0.07);
}
@media (max-width: 767px) {
  .experience-unit {
    padding-left: 12px;
    padding-right: 12px;
  }
}
@media (max-width: 479px) {
  .experience-unit {
    padding: 12px 24px 0;
  }
}
.experience-unit:not(:last-child) {
  margin-bottom: 24px;
}
@media (max-width: 479px) {
  .experience-unit:not(:last-child) {
    margin-bottom: 48px;
  }
}
.experience-unit a {
  transition: 0.4s ease 0s;
}
.experience-unit a:hover {
  color: #49e3a4;
}
.experience-unit a:hover .icon {
  fill: #49e3a4;
}
.experience-unit .label {
  display: block;
  font-size: 10px;
  line-height: 15px;
  padding-left: 6px;
  border-radius: 8px;
  padding-right: 7px;
  letter-spacing: 0.7px;
}
@media (max-width: 479px) {
  .experience-unit .label {
    display: inline;
  }
}
.experience-unit .label.green {
  color: #49e3a4;
  border: solid 1px #49e3a4;
}
.experience-unit .label.green.filled {
  color: #fff;
  background-color: #49e3a4;
}

.experience-unit__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 5px;
}

.experience-unit__header-name {
  font-size: 11px;
  font-weight: 700;
  line-height: 20px;
  letter-spacing: 0.7px;
  text-transform: uppercase;
}

.experience-unit__user {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin-bottom: 16px;
}
@media (max-width: 580px) {
  .experience-unit__user {
    margin-bottom: 18px;
  }
}

.experience-unit__user-pic {
  width: 28px;
  height: 28px;
  flex-shrink: 0;
  margin-right: 10px;
}
.experience-unit__user-pic picture {
  width: 100%;
  height: 100%;
  display: block;
  overflow: hidden;
  border-radius: 50%;
}
.experience-unit__user-pic picture img {
  border-radius: 50%;
}

.experience-unit__user-name {
  font-size: 14px;
  line-height: 14px;
  letter-spacing: 0.7px;
  text-transform: uppercase;
  display: flex;
  align-items: center;
  white-space: nowrap;
}
@media (max-width: 580px) {
  .experience-unit__user-name {
    padding-top: 3px;
    padding-right: 6px;
    display: inline-block;
  }
}

.experience-unit__user-post {
  font-size: 12px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: 0.67;
  letter-spacing: 0.1px;
  color: rgba(19, 7, 31, 0.4);
  text-transform: none;
  margin-top: 5px;
}

.experience-unit__user-labels {
  margin-top: -1px;
  margin-left: 12px;
  text-transform: none;
}
@media (max-width: 580px) {
  .experience-unit__user-labels {
    margin-left: 5px;
    display: inline-block;
  }
}

.experience-unit__title {
  display: flex;
  font-size: 18px;
  font-weight: 700;
  line-height: 25px;
  margin-bottom: 12px;
  align-items: flex-start;
}
@media (max-width: 479px) {
  .experience-unit__title {
    display: block;
    line-height: 1.2em;
  }
}
.experience-unit__title span {
  display: block;
}
@media (max-width: 479px) {
  .experience-unit__title span {
    display: inline;
  }
}
.experience-unit__title span.label {
  flex-shrink: 0;
  margin-top: 4px;
  margin-left: 13px;
  white-space: nowrap;
}
@media (max-width: 479px) {
  .experience-unit__title span.label {
    margin-left: 10px;
  }
}

.experience-unit__description {
  line-height: 22px;
}
@media (max-width: 479px) {
  .experience-unit__description {
    font-size: 15px;
  }
}

.experience-unit__more {
  font-size: 13px;
  margin-top: 6px;
  line-height: 2.2rem;
  text-decoration: underline;
}
.experience-unit__more a {
  color: #22b3ff;
  transition: all 0.3s ease;
}
.experience-unit__more a:hover {
  color: #49e3a4;
}

.experience-unit__status-line {
  display: flex;
  margin-top: 16px;
  padding-bottom: 12px;
  justify-content: space-between;
  flex-grow: 1;
  align-items: flex-end;
}
@media (max-width: 580px) {
  .experience-unit__status-line {
    flex-wrap: wrap;
    position: relative;
  }
}

.experience-unit__status-entrance {
  display: flex;
  font-size: 13px;
  font-weight: 700;
  align-items: center;
  color: rgba(19, 7, 31, 0.4);
}
@media (max-width: 580px) {
  .experience-unit__status-entrance {
    flex-wrap: wrap;
    margin-bottom: 10px;
  }
}
@media (max-width: 479px) {
  .experience-unit__status-entrance {
    flex-wrap: wrap;
    max-width: 180px;
  }
}
.experience-unit__status-entrance > div:not(:last-child) {
  margin-right: 25px;
}
@media (max-width: 580px) {
  .experience-unit__status-entrance > div:not(:last-child) {
    margin-right: 15px;
  }
}
@media (max-width: 580px) {
  .experience-unit__status-entrance > div:first-child {
    flex-grow: 1;
    width: 100%;
    margin-bottom: 12px;
  }
}
.experience-unit__status-entrance a {
  color: #22b3ff;
  transition: all 0.3s ease;
}
.experience-unit__status-entrance a:hover {
  color: #49e3a4;
}

.experience-unit__status-output {
  display: flex;
  align-items: center;
  position: relative;
  top: -4px;
}
@media (max-width: 479px) {
  .experience-unit__status-output {
    position: absolute;
    top: 0;
    right: 0;
  }
}

@media (max-width: 479px) {
  .experience-unit__status-output-unit {
    flex-wrap: wrap;
  }
}
.experience-unit__status-output-unit:not(:last-child) {
  margin-right: 7px;
}
.experience-unit__status-output-unit a {
  display: flex;
  font-size: 12px;
  line-height: 16px;
  align-items: center;
  color: rgba(19, 7, 31, 0.4);
}
.experience-unit__status-output-unit a svg {
  font-size: 14px;
  margin-top: -1px;
  fill: rgba(19, 7, 31, 0.4);
  transition: 0.4s ease 0s;
}
.experience-unit__status-output-unit a svg.icon-like {
  margin-top: -3px;
}
.experience-unit__status-output-unit a span {
  display: block;
  margin-left: 3px;
}

.experience-unit__after-information {
  margin-left: -24px;
  padding-left: 24px;
  margin-right: -24px;
  padding-right: 24px;
  padding-top: 18px;
  background-color: #fbfbfb;
}
@media (max-width: 479px) {
  .experience-unit__after-information {
    margin-top: 12px;
    padding-top: 24px;
  }
}

.experience-unit__form {
  display: flex;
  align-items: center;
  padding-bottom: 18px;
}
@media (max-width: 479px) {
  .experience-unit__form {
    padding-bottom: 24px;
  }
}

.experience-unit__form-user {
  width: 52px;
  height: 52px;
  flex-shrink: 0;
  overflow: hidden;
  margin-right: 12px;
}
@media (max-width: 479px) {
  .experience-unit__form-user {
    display: none;
  }
}
.experience-unit__form-user picture {
  width: 100%;
  height: 100%;
  display: block;
}
.experience-unit__form-user picture img {
  border-radius: 50%;
}

.experience-unit__form-input {
  position: relative;
  width: calc(100% - 64px);
}
@media (max-width: 479px) {
  .experience-unit__form-input {
    width: 100%;
  }
}
.experience-unit__form-input .form-group {
  margin: 0;
}
.experience-unit__form-input .form-group input, .experience-unit__form-input .form-group textarea {
  width: 100%;
  height: 40px;
  font-size: 16px;
  padding-top: 9px;
  padding-bottom: 9px;
  padding-left: 24px;
  padding-right: 46px;
  border-radius: 10px;
  border: none;
  background-color: #ffffff;
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.05);
  line-height: 22px;
  background-image: none;
}
.experience-unit__form-input .form-group input::placeholder, .experience-unit__form-input .form-group textarea::placeholder {
  color: #b2b2b2;
}
.experience-unit__form-input button {
  bottom: 0;
  right: 0;
  margin: 0;
  padding: 0;
  width: 46px;
  height: 40px;
  border: none;
  z-index: 1;
  position: absolute;
  background-color: transparent;
}
.experience-unit__form-input button:disabled .icon {
  fill: #d0d0d0;
}
.experience-unit__form-input button .icon {
  fill: #22b3ff;
  font-size: 20px;
}

.experience-unit__form-input button {
  bottom: 4px;
}
.experience-unit__form-input .icon-send {
  margin-top: -8px !important;
}

.experience-unit__comments {
  margin-top: 8px;
}
.experience-unit__comments .experience-unit {
  padding-top: 18px;
  padding-bottom: 17px;
}
.experience-unit__comments .experience-unit__user {
  margin-bottom: 6px;
}
.experience-unit__comments .experience-unit__status-line {
  margin-top: 12px;
}

.experience-unit__comment-unit.solution .experience-unit {
  border: 1px solid #49e3a4;
}
.experience-unit__comment-unit.solution .experience-unit:after {
  content: "";
}

.experience-unit__all-comments {
  font-size: 13px;
  margin-top: 13px;
  padding-left: 25px;
  line-height: 2.2rem;
  padding-right: 25px;
  padding-bottom: 16px;
  text-decoration: underline;
}
.experience-unit__all-comments a {
  color: #22b3ff;
  transition: all 0.3s ease;
}
.experience-unit__all-comments a:hover {
  color: #49e3a4;
}

.experience-unit__solution {
  top: -9px;
  left: 24px;
  position: absolute;
}

.experience-unit__file-wrapper {
  margin-top: 24px;
}

.experience-unit__file-pictures {
  margin-bottom: 24px;
}
.experience-unit__file-pictures ul {
  display: flex;
  margin-left: -6px;
  margin-right: -6px;
}
@media (max-width: 479px) {
  .experience-unit__file-pictures ul {
    padding-right: 50px;
  }
}
.experience-unit__file-pictures ul li {
  padding-left: 6px;
  padding-right: 6px;
  width: 14.2857142857%;
}
@media (max-width: 479px) {
  .experience-unit__file-pictures ul li {
    width: 50%;
  }
}
.experience-unit__file-pictures ul li a {
  width: 100%;
  height: 90px;
  display: block;
  overflow: hidden;
  position: relative;
  border-radius: 10px;
  transition: all 0.3s ease;
  box-shadow: 0 0 12px 0 rgba(19, 7, 31, 0.07), 0 0 12px 0 rgba(19, 7, 31, 0.07);
}
.experience-unit__file-pictures ul li a:hover {
  opacity: 0.75;
}
.experience-unit__file-pictures ul li a picture {
  width: 100%;
  height: 100%;
  display: block;
}
.experience-unit__file-pictures ul li a span {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  color: #fff;
  display: flex;
  font-size: 16px;
  line-height: 20px;
  position: absolute;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  background-color: rgba(73, 227, 164, 0.8);
}
.experience-unit__file-pictures ul li a span i {
  display: block;
  font-style: normal;
  text-decoration: underline;
}

.experience-unit__file-document {
  margin-top: 24px;
}
.experience-unit__file-document ul li {
  display: flex;
}
.experience-unit__file-document ul li:not(:last-child) {
  margin-bottom: 18px;
}
.experience-unit__file-document ul li a {
  align-items: center;
  display: inline-flex;
  transition: all 0.3s ease;
}
.experience-unit__file-document ul li a:hover {
  padding-left: 8px;
}
.experience-unit__file-document ul li a b {
  color: #13071f;
  display: block;
  font-size: 16px;
  font-weight: 400;
  line-height: 22px;
}
@media (max-width: 479px) {
  .experience-unit__file-document ul li a b {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 150px;
  }
}
.experience-unit__file-document ul li a span {
  color: #fff;
  display: block;
  font-size: 14px;
  line-height: 24px;
  margin-left: 14px;
  padding-left: 4px;
  padding-right: 4px;
  border-radius: 4px;
  text-transform: uppercase;
  background-color: #22b3ff;
}
.experience-unit__file-document ul li a i {
  color: #b2b2b2;
  display: block;
  font-size: 16px;
  line-height: 22px;
  margin-left: 12px;
  font-style: normal;
  text-transform: uppercase;
}

.experience-unit__file-more {
  font-size: 13px;
  margin-top: 19px;
  padding-left: 0;
  line-height: 2.2rem;
  padding-right: 25px;
  margin-bottom: 24px;
  text-decoration: underline;
}
.experience-unit__file-more a {
  color: #22b3ff;
  transition: all 0.3s ease;
}
.experience-unit__file-more a:hover {
  color: #49e3a4;
}

.section-experience-list-pagination {
  margin-top: 64px;
  margin-bottom: 60px;
}
.section-experience-list-pagination .pagination {
  margin: 0;
}

@media (max-width: 479px) {
  .experience-unit__file-pictures ul li {
    display: none;
  }
}

@media (max-width: 479px) {
  .experience-unit__file-pictures ul li:last-child {
    display: block;
  }
}

@media (max-width: 479px) {
  .experience-unit__file-pictures ul li:first-child {
    display: block;
  }
}

@media (max-width: 479px) {
  .experience-unit__comments + .experience-unit__status-entrance {
    margin: 10px;
    padding-bottom: 10px;
  }
}

@media (max-width: 479px) {
  .experience-unit__user-name .experience-unit__user-labels {
    margin-left: 5px;
  }
}

.section-experience-filter.section-experience-filter--white {
  margin-top: 16px;
  margin-bottom: 32px;
}
.section-experience-filter.section-experience-filter--white:after {
  background-image: none;
}

.experience-usefull {
  width: 980px;
  padding: 0 10px;
  margin: 0 auto;
}
@media (max-width: 998px) {
  .experience-usefull {
    max-width: 767px;
    width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
.experience-usefull__container {
  margin: 24px -12px 0;
  display: flex;
}
@media (max-width: 767px) {
  .experience-usefull__container {
    flex-direction: column;
    align-items: flex-start;
  }
}
.experience-usefull .experience-unit {
  padding-top: 12px;
  margin-left: 12px;
  margin-right: 12px;
  display: flex;
  flex-direction: column;
  margin-bottom: 24px;
  flex-grow: 1;
}
.experience-usefull .experience-unit__after-information {
  flex-grow: 1;
}
.experience-usefull .experience-unit__header {
  margin-bottom: 4px;
}
@media (max-width: 767px) {
  .experience-usefull__sm {
    width: 100%;
    padding: 0 12px;
  }
}
.experience-usefull__sm .experience-unit {
  width: 304px;
  padding-left: 12px;
  padding-right: 12px;
  padding-top: 8px;
  height: 167px;
}
@media (max-width: 767px) {
  .experience-usefull__sm .experience-unit {
    width: 100%;
    height: auto;
    margin-right: 0;
    margin-left: 0;
  }
}
.experience-usefull__sm .experience-unit__title {
  font-size: 1.6rem;
  line-height: 1.38;
}
.experience-usefull__sm .experience-unit__user-name {
  font-size: 12px;
  line-height: 1.08;
  padding-top: 3px;
}
.experience-usefull__sm .experience-unit__user {
  margin-top: -6px;
  margin-bottom: 14px;
}
.experience-usefull__sm .experience-unit__user-pic {
  width: 20px;
  height: 20px;
}
.experience-usefull__sm .experience-unit__status-line {
  flex-grow: 1;
  align-items: flex-end;
  margin-top: 0;
}

.js-link-like.active {
  color: #49e3a4;
}

.js-link-like-icon.active {
  color: #49e3a4;
}
.js-link-like-icon.active .icon {
  fill: #49e3a4;
}

.datepicker--cell-day.-other-month-, .datepicker--cell-year.-other-decade- {
  color: #dedede;
}

.datepicker--cell-day.-other-month-:hover, .datepicker--cell-year.-other-decade-:hover {
  color: #c5c5c5;
}

.-disabled-.-focus-.datepicker--cell-day.-other-month-, .-disabled-.-focus-.datepicker--cell-year.-other-decade- {
  color: #dedede;
}

.-selected-.datepicker--cell-day.-other-month-, .-selected-.datepicker--cell-year.-other-decade- {
  color: #fff;
  background: #a2ddf6;
}

.-selected-.-focus-.datepicker--cell-day.-other-month-, .-selected-.-focus-.datepicker--cell-year.-other-decade- {
  background: #8ad5f4;
}

.-in-range-.datepicker--cell-day.-other-month-, .-in-range-.datepicker--cell-year.-other-decade- {
  background-color: rgba(92, 196, 239, 0.1);
  color: #cccccc;
}

.-in-range-.-focus-.datepicker--cell-day.-other-month-, .-in-range-.-focus-.datepicker--cell-year.-other-decade- {
  background-color: rgba(92, 196, 239, 0.2);
}

.datepicker--cell-day.-other-month-:empty, .datepicker--cell-year.-other-decade-:empty {
  background: none;
  border: none;
}

/* -------------------------------------------------
    Datepicker cells
   ------------------------------------------------- */
.datepicker--cells {
  display: flex;
  font-size: 12px;
  flex-wrap: wrap;
  font-weight: bold;
}

.datepicker--cell {
  border-radius: 4px;
  box-sizing: border-box;
  cursor: pointer;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 29px;
  z-index: 1;
}

.datepicker--cell.-focus- {
  position: relative;
}
.datepicker--cell.-focus-:before {
  top: 50%;
  left: 50%;
  z-index: -1;
  width: 24px;
  content: "";
  height: 24px;
  display: block;
  margin-top: -13px;
  margin-left: -12px;
  border-radius: 50%;
  position: absolute;
  background-color: #98edfd;
}
.datepicker--cell.-focus-.-range-from-:after {
  right: 0;
  top: 50%;
  right: 0;
  width: 50%;
  z-index: -2;
  content: "";
  height: 24px;
  display: block;
  margin-top: -13px;
  position: absolute;
  background-color: rgba(152, 237, 253, 0.5);
}
.datepicker--cell.-focus-.-range-to-:after {
  left: 0;
  top: 50%;
  right: 0;
  width: 50%;
  z-index: -2;
  content: "";
  height: 24px;
  display: block;
  margin-top: -13px;
  position: absolute;
  background-color: rgba(152, 237, 253, 0.5);
}

.datepicker--cell.-current- {
  color: #49e3a4;
}

.datepicker--cell.-current-.-focus- {
  color: #4a4a4a;
}

.datepicker--cell.-current-.-in-range- {
  color: #4EB5E6;
}

.datepicker--cell.-in-range- {
  color: #2d2d2d;
  position: relative;
}
.datepicker--cell.-in-range-:after {
  left: 0;
  top: 50%;
  right: 0;
  z-index: -1;
  content: "";
  height: 24px;
  display: block;
  margin-top: -13px;
  position: absolute;
  background-color: rgba(152, 237, 253, 0.5);
}

.datepicker--cell.-disabled- {
  cursor: default;
  color: #aeaeae;
}

.datepicker--cell.-disabled-.-focus- {
  color: #aeaeae;
}

.datepicker--cell.-disabled-.-in-range- {
  color: #a1a1a1;
}

.datepicker--cell.-disabled-.-current-.-focus- {
  color: #aeaeae;
}

.datepicker--cell.-range-from-.-range-to- {
  border-radius: 4px;
}

.datepicker--cell.-selected- {
  color: #2d2d2d;
  border: none;
  position: relative;
}
.datepicker--cell.-selected-:after {
  left: 0;
  top: 50%;
  right: 0;
  z-index: -2;
  content: "";
  height: 24px;
  display: block;
  margin-top: -13px;
  position: absolute;
  background-color: rgba(152, 237, 253, 0.5);
}
.datepicker--cell.-selected-:before {
  top: 50%;
  left: 50%;
  z-index: -1;
  width: 24px;
  content: "";
  height: 24px;
  display: block;
  margin-top: -13px;
  margin-left: -12px;
  border-radius: 50%;
  position: absolute;
  background-color: #98edfd;
}
.datepicker--cell.-selected-.-range-to-:after {
  width: 50%;
}
.datepicker--cell.-selected-.-range-from-:after {
  right: 0;
  width: 50%;
  left: auto;
}
.datepicker--cell.-selected-.-range-from-.-focus-:after {
  opacity: 0;
}

.datepicker--cell.-selected-.-current- {
  color: #fff;
  background: #5cc4ef;
}

.datepicker--cell:empty {
  cursor: default;
}

.datepicker--days-names {
  color: #9b9b9b;
  font-size: 12px;
  font-weight: 400;
  text-transform: uppercase;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 8px 0 4px;
}

.datepicker--day-name {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  text-align: center;
  text-transform: uppercase;
}

.datepicker--cell-day {
  width: 14.28571%;
}

.datepicker--cells-months {
  height: 170px;
}

.datepicker--cell-month {
  width: 33.33%;
  height: 25%;
}

.datepicker--years {
  height: 170px;
}

.datepicker--cells-years {
  height: 170px;
}

.datepicker--cell-year {
  width: 25%;
  height: 33.33%;
}

.datepicker--cell-day.-other-month-, .datepicker--cell-year.-other-decade- {
  color: #9b9b9b;
  font-weight: 400;
}

.datepicker--cell-day.-other-month-:hover, .datepicker--cell-year.-other-decade-:hover {
  color: #c5c5c5;
}

.-disabled-.-focus-.datepicker--cell-day.-other-month-, .-disabled-.-focus-.datepicker--cell-year.-other-decade- {
  color: #dedede;
}

.-selected-.datepicker--cell-day.-other-month-, .-selected-.datepicker--cell-year.-other-decade- {
  color: #fff;
  background: #a2ddf6;
}

.-selected-.-focus-.datepicker--cell-day.-other-month-, .-selected-.-focus-.datepicker--cell-year.-other-decade- {
  background: #8ad5f4;
}

.-in-range-.datepicker--cell-day.-other-month-, .-in-range-.datepicker--cell-year.-other-decade- {
  background-color: rgba(92, 196, 239, 0.1);
  color: #cccccc;
}

.-in-range-.-focus-.datepicker--cell-day.-other-month-, .-in-range-.-focus-.datepicker--cell-year.-other-decade- {
  background-color: rgba(92, 196, 239, 0.2);
}

.datepicker--cell-day.-other-month-:empty, .datepicker--cell-year.-other-decade-:empty {
  background: none;
  border: none;
}

/* -------------------------------------------------
    Datepicker
   ------------------------------------------------- */
.datepickers-container {
  position: absolute;
  left: 0;
  top: 0;
}

@media print {
  .datepickers-container {
    display: none;
  }
}
.datepicker {
  overflow: hidden;
  font-size: 12px;
  background: #fff;
  border-radius: 24px;
  border: 2px solid #98edfd;
  box-shadow: 0 5px 17px 0 rgba(19, 7, 31, 0.1);
  color: #4a4a4a;
  width: 241px;
  position: absolute;
  left: -100000px;
  opacity: 0;
  transition: opacity 0.3s ease, left 0s 0.3s, -webkit-transform 0.3s ease;
  transition: opacity 0.3s ease, transform 0.3s ease, left 0s 0.3s;
  transition: opacity 0.3s ease, transform 0.3s ease, left 0s 0.3s, -webkit-transform 0.3s ease;
  z-index: 100;
}

.datepicker.-from-top- {
  -webkit-transform: translateY(-8px);
  transform: translateY(-8px);
}

.datepicker.-from-right- {
  -webkit-transform: translateX(8px);
  transform: translateX(8px);
}

.datepicker.-from-bottom- {
  -webkit-transform: translateY(8px);
  transform: translateY(8px);
}

.datepicker.-from-left- {
  -webkit-transform: translateX(-8px);
  transform: translateX(-8px);
}

.datepicker.active {
  opacity: 1;
  -webkit-transform: translate(0);
  transform: translate(0);
  transition: opacity 0.3s ease, left 0s 0s, -webkit-transform 0.3s ease;
  transition: opacity 0.3s ease, transform 0.3s ease, left 0s 0s;
  transition: opacity 0.3s ease, transform 0.3s ease, left 0s 0s, -webkit-transform 0.3s ease;
}

.datepicker-inline .datepicker {
  box-shadow: none;
  position: static;
  left: auto;
  right: auto;
  opacity: 1;
  -webkit-transform: none;
  transform: none;
}

.datepicker-inline .datepicker--pointer {
  display: none;
}

.datepicker--content {
  padding-left: 9px;
  padding-right: 9px;
}

.-only-timepicker- .datepicker--content {
  display: none;
}

.datepicker--pointer {
  position: absolute;
  background: #fff;
  border-top: 1px solid #dbdbdb;
  border-right: 1px solid #dbdbdb;
  width: 10px;
  height: 10px;
  z-index: -1;
}

.-top-left- .datepicker--pointer, .-top-center- .datepicker--pointer, .-top-right- .datepicker--pointer {
  top: calc(100% - 4px);
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
}

.-right-top- .datepicker--pointer, .-right-center- .datepicker--pointer, .-right-bottom- .datepicker--pointer {
  right: calc(100% - 4px);
  -webkit-transform: rotate(225deg);
  transform: rotate(225deg);
}

.-bottom-left- .datepicker--pointer, .-bottom-center- .datepicker--pointer, .-bottom-right- .datepicker--pointer {
  bottom: calc(100% - 4px);
  -webkit-transform: rotate(315deg);
  transform: rotate(315deg);
}

.-left-top- .datepicker--pointer, .-left-center- .datepicker--pointer, .-left-bottom- .datepicker--pointer {
  left: calc(100% - 4px);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.-top-left- .datepicker--pointer, .-bottom-left- .datepicker--pointer {
  left: 10px;
}

.-top-right- .datepicker--pointer, .-bottom-right- .datepicker--pointer {
  right: 10px;
}

.-top-center- .datepicker--pointer, .-bottom-center- .datepicker--pointer {
  left: calc(50% - 5px);
}

.-left-top- .datepicker--pointer, .-right-top- .datepicker--pointer {
  top: 10px;
}

.-left-bottom- .datepicker--pointer, .-right-bottom- .datepicker--pointer {
  bottom: 10px;
}

.-left-center- .datepicker--pointer, .-right-center- .datepicker--pointer {
  top: calc(50% - 5px);
}

.datepicker--body {
  display: none;
}

.datepicker--body.active {
  display: block;
}

.datepicker--cell-day.-other-month-, .datepicker--cell-year.-other-decade- {
  color: #dedede;
}

.datepicker--cell-day.-other-month-:hover, .datepicker--cell-year.-other-decade-:hover {
  color: #c5c5c5;
}

.-disabled-.-focus-.datepicker--cell-day.-other-month-, .-disabled-.-focus-.datepicker--cell-year.-other-decade- {
  color: #dedede;
}

.-selected-.datepicker--cell-day.-other-month-, .-selected-.datepicker--cell-year.-other-decade- {
  color: #fff;
  background: #a2ddf6;
}

.-selected-.-focus-.datepicker--cell-day.-other-month-, .-selected-.-focus-.datepicker--cell-year.-other-decade- {
  background: #8ad5f4;
}

.-in-range-.datepicker--cell-day.-other-month-, .-in-range-.datepicker--cell-year.-other-decade- {
  background-color: rgba(92, 196, 239, 0.1);
  color: #cccccc;
}

.-in-range-.-focus-.datepicker--cell-day.-other-month-, .-in-range-.-focus-.datepicker--cell-year.-other-decade- {
  background-color: rgba(92, 196, 239, 0.2);
}

.datepicker--cell-day.-other-month-:empty, .datepicker--cell-year.-other-decade-:empty {
  background: none;
  border: none;
}

/* -------------------------------------------------
    Navigation
   ------------------------------------------------- */
.datepicker--nav {
  display: flex;
  min-height: 32px;
  padding-left: 9px;
  padding-top: 14px;
  padding-right: 9px;
  padding-bottom: 2px;
  justify-content: center;
}

.-only-timepicker- .datepicker--nav {
  display: none;
}

.datepicker--nav-title,
.datepicker--nav-action {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  cursor: pointer;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.datepicker--nav-action {
  width: 32px;
  border-radius: 4px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.datepicker--nav-action:hover {
  background: #f0f0f0;
}

.datepicker--nav-action.-disabled- {
  visibility: hidden;
}

.datepicker--nav-action svg {
  width: 32px;
  height: 32px;
  margin-top: -4px;
}

.datepicker--nav-action path {
  fill: none;
  stroke: #98edfd;
  stroke-width: 2px;
}

.datepicker--nav-title {
  padding: 0 5px;
  color: #13071f;
  font-size: 16px;
  font-weight: 700;
  border-radius: 4px;
}

.datepicker--nav-title i {
  font-style: normal;
  margin-left: 5px;
}

.datepicker--nav-title:hover {
  background: #f0f0f0;
}

.datepicker--nav-title.-disabled- {
  cursor: default;
  background: none;
}

.datepicker--buttons {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 4px;
  border-top: 1px solid #efefef;
}

.datepicker--button {
  color: #4EB5E6;
  cursor: pointer;
  border-radius: 4px;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  height: 32px;
}

.datepicker--button:hover {
  color: #4a4a4a;
  background: #f0f0f0;
}

.datepicker--cell-day.-other-month-, .datepicker--cell-year.-other-decade- {
  color: #dedede;
}

.datepicker--cell-day.-other-month-:hover, .datepicker--cell-year.-other-decade-:hover {
  color: #c5c5c5;
}

.-disabled-.-focus-.datepicker--cell-day.-other-month-, .-disabled-.-focus-.datepicker--cell-year.-other-decade- {
  color: #dedede;
}

.-selected-.datepicker--cell-day.-other-month-, .-selected-.datepicker--cell-year.-other-decade- {
  color: #fff;
  background: #a2ddf6;
}

.-selected-.-focus-.datepicker--cell-day.-other-month-, .-selected-.-focus-.datepicker--cell-year.-other-decade- {
  background: #8ad5f4;
}

.-in-range-.datepicker--cell-day.-other-month-, .-in-range-.datepicker--cell-year.-other-decade- {
  background-color: rgba(92, 196, 239, 0.1);
  color: #cccccc;
}

.-in-range-.-focus-.datepicker--cell-day.-other-month-, .-in-range-.-focus-.datepicker--cell-year.-other-decade- {
  background-color: rgba(92, 196, 239, 0.2);
}

.datepicker--cell-day.-other-month-:empty, .datepicker--cell-year.-other-decade-:empty {
  background: none;
  border: none;
}

/* -------------------------------------------------
    Timepicker
   ------------------------------------------------- */
.datepicker--time {
  border-top: 1px solid #efefef;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 4px;
  position: relative;
}

.datepicker--time.-am-pm- .datepicker--time-sliders {
  -webkit-flex: 0 1 138px;
  -ms-flex: 0 1 138px;
  flex: 0 1 138px;
  max-width: 138px;
}

.-only-timepicker- .datepicker--time {
  border-top: none;
}

.datepicker--time-sliders {
  -webkit-flex: 0 1 153px;
  -ms-flex: 0 1 153px;
  flex: 0 1 153px;
  margin-right: 10px;
  max-width: 153px;
}

.datepicker--time-label {
  display: none;
  font-size: 12px;
}

.datepicker--time-current {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  font-size: 14px;
  text-align: center;
  margin: 0 0 0 10px;
}

.datepicker--time-current-colon {
  margin: 0 2px 3px;
  line-height: 1;
}

.datepicker--time-current-hours,
.datepicker--time-current-minutes {
  line-height: 1;
  font-size: 19px;
  font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
  position: relative;
  z-index: 1;
}

.datepicker--time-current-hours:after,
.datepicker--time-current-minutes:after {
  content: "";
  background: #f0f0f0;
  border-radius: 4px;
  position: absolute;
  left: -2px;
  top: -3px;
  right: -2px;
  bottom: -2px;
  z-index: -1;
  opacity: 0;
}

.datepicker--time-current-hours.-focus-:after,
.datepicker--time-current-minutes.-focus-:after {
  opacity: 1;
}

.datepicker--time-current-ampm {
  text-transform: uppercase;
  -webkit-align-self: flex-end;
  -ms-flex-item-align: end;
  align-self: flex-end;
  color: #9c9c9c;
  margin-left: 6px;
  font-size: 11px;
  margin-bottom: 1px;
}

.datepicker--time-row {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 11px;
  height: 17px;
  background: linear-gradient(to right, #dedede, #dedede) left 50%/100% 1px no-repeat;
}

.datepicker--time-row:first-child {
  margin-bottom: 4px;
}

.datepicker--time-row input[type=range] {
  background: none;
  cursor: pointer;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  height: 100%;
  padding: 0;
  margin: 0;
  -webkit-appearance: none;
}

.datepicker--time-row input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
}

.datepicker--time-row input[type=range]::-ms-tooltip {
  display: none;
}

.datepicker--time-row input[type=range]:hover::-webkit-slider-thumb {
  border-color: #b8b8b8;
}

.datepicker--time-row input[type=range]:hover::-moz-range-thumb {
  border-color: #b8b8b8;
}

.datepicker--time-row input[type=range]:hover::-ms-thumb {
  border-color: #b8b8b8;
}

.datepicker--time-row input[type=range]:focus {
  outline: none;
}

.datepicker--time-row input[type=range]:focus::-webkit-slider-thumb {
  background: #5cc4ef;
  border-color: #5cc4ef;
}

.datepicker--time-row input[type=range]:focus::-moz-range-thumb {
  background: #5cc4ef;
  border-color: #5cc4ef;
}

.datepicker--time-row input[type=range]:focus::-ms-thumb {
  background: #5cc4ef;
  border-color: #5cc4ef;
}

.datepicker--time-row input[type=range]::-webkit-slider-thumb {
  box-sizing: border-box;
  height: 12px;
  width: 12px;
  border-radius: 3px;
  border: 1px solid #dedede;
  background: #fff;
  cursor: pointer;
  transition: background 0.2s;
}

.datepicker--time-row input[type=range]::-moz-range-thumb {
  box-sizing: border-box;
  height: 12px;
  width: 12px;
  border-radius: 3px;
  border: 1px solid #dedede;
  background: #fff;
  cursor: pointer;
  transition: background 0.2s;
}

.datepicker--time-row input[type=range]::-ms-thumb {
  box-sizing: border-box;
  height: 12px;
  width: 12px;
  border-radius: 3px;
  border: 1px solid #dedede;
  background: #fff;
  cursor: pointer;
  transition: background 0.2s;
}

.datepicker--time-row input[type=range]::-webkit-slider-thumb {
  margin-top: -6px;
}

.datepicker--time-row input[type=range]::-webkit-slider-runnable-track {
  border: none;
  height: 1px;
  cursor: pointer;
  color: transparent;
  background: transparent;
}

.datepicker--time-row input[type=range]::-moz-range-track {
  border: none;
  height: 1px;
  cursor: pointer;
  color: transparent;
  background: transparent;
}

.datepicker--time-row input[type=range]::-ms-track {
  border: none;
  height: 1px;
  cursor: pointer;
  color: transparent;
  background: transparent;
}

.datepicker--time-row input[type=range]::-ms-fill-lower {
  background: transparent;
}

.datepicker--time-row input[type=range]::-ms-fill-upper {
  background: transparent;
}

.datepicker--time-row span {
  padding: 0 12px;
}

.datepicker--time-icon {
  color: #9c9c9c;
  border: 1px solid;
  border-radius: 50%;
  font-size: 16px;
  position: relative;
  margin: 0 5px -1px 0;
  width: 1em;
  height: 1em;
}

.datepicker--time-icon:after, .datepicker--time-icon:before {
  content: "";
  background: currentColor;
  position: absolute;
}

.datepicker--time-icon:after {
  height: 0.4em;
  width: 1px;
  left: calc(50% - 1px);
  top: calc(50% + 1px);
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%);
}

.datepicker--time-icon:before {
  width: 0.4em;
  height: 1px;
  top: calc(50% + 1px);
  left: calc(50% - 1px);
}

.datepicker--cell-day.-other-month-, .datepicker--cell-year.-other-decade- {
  color: #dedede;
}

.datepicker--cell-day.-other-month-:hover, .datepicker--cell-year.-other-decade-:hover {
  color: #c5c5c5;
}

.-disabled-.-focus-.datepicker--cell-day.-other-month-, .-disabled-.-focus-.datepicker--cell-year.-other-decade- {
  color: #dedede;
}

.-selected-.datepicker--cell-day.-other-month-, .-selected-.datepicker--cell-year.-other-decade- {
  color: #fff;
  background: #a2ddf6;
}

.-selected-.-focus-.datepicker--cell-day.-other-month-, .-selected-.-focus-.datepicker--cell-year.-other-decade- {
  background: #8ad5f4;
}

.-in-range-.datepicker--cell-day.-other-month-, .-in-range-.datepicker--cell-year.-other-decade- {
  background-color: rgba(92, 196, 239, 0.1);
  color: #cccccc;
}

.-in-range-.-focus-.datepicker--cell-day.-other-month-, .-in-range-.-focus-.datepicker--cell-year.-other-decade- {
  background-color: rgba(92, 196, 239, 0.2);
}

.datepicker--cell-day.-other-month-:empty, .datepicker--cell-year.-other-decade-:empty {
  background: none;
  border: none;
}

.datepicker--caption {
  margin-top: 5px;
  text-align: center;
}
.datepicker--caption span {
  color: #676767;
  display: block;
  font-size: 12px;
  line-height: 16px;
  padding-bottom: 8px;
}
.datepicker--caption button {
  width: 100%;
  border: none;
  height: 39px;
  display: none;
  color: #22b3ff;
  line-height: 1;
  font-size: 13px;
  box-shadow: none;
  font-weight: 700;
  background-color: #fbfbfb;
}

.datepicker-inline {
  margin-left: 32px;
  margin-top: 32px;
}

.recovery-password {
  margin-top: 53px;
}
.recovery-password__form {
  margin-top: 18px;
}
.recovery-password__form .form-group {
  display: flex;
  align-items: center;
}
@media (max-width: 479px) {
  .recovery-password__form .form-group.error {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }
}
.recovery-password__form input[type=email] {
  width: 350px;
}
@media (max-width: 479px) {
  .recovery-password__form input[type=email] {
    width: 100%;
  }
}
.recovery-password__form .error-message {
  margin-left: 64px;
  top: 10px;
  position: relative;
  bottom: 0;
}
@media (max-width: 479px) {
  .recovery-password__form .error-message {
    margin-left: 1px;
  }
}
.recovery-password__notification {
  font-size: 1.4rem;
  color: #676767;
  margin-top: 64px;
}
@media (max-width: 479px) {
  .recovery-password__notification {
    margin-top: 32px;
    text-align: center;
  }
}
.recovery-password__notification a {
  text-decoration: underline;
  color: #22b3ff;
  transition: 0.4s ease 0s;
}
.recovery-password__notification a:hover {
  text-decoration: none;
}

.small-cards-slider-wrapper {
  position: relative;
  padding: 32px 0;
}
.small-cards-slider-wrapper .btn-control.prev {
  left: calc(50% - 500px);
}
.small-cards-slider-wrapper .btn-control.next {
  right: calc(50% - 500px);
}
.small-cards-slider-wrapper:before {
  content: "";
  width: 1.6rem;
  background-image: -webkit-gradient(linear, left top, right top, from(#13071f), to(rgba(19, 7, 31, 0)));
  background-image: linear-gradient(to right, #13071f 0%, rgba(19, 7, 31, 0) 100%);
  position: absolute;
  left: calc(50% - 490px);
  top: 0;
  bottom: 0;
  opacity: 0;
}
.small-cards-slider-wrapper:after {
  content: "";
  width: 1.6rem;
  background-image: -webkit-gradient(linear, left top, right top, from(#13071f), to(rgba(19, 7, 31, 0)));
  background-image: linear-gradient(to left, #13071f 0%, rgba(19, 7, 31, 0) 100%);
  position: absolute;
  right: calc(50% - 490px);
  top: 0;
  bottom: 0;
  opacity: 0;
}
@media (max-width: 998px) {
  .small-cards-slider-wrapper:after {
    right: 0;
  }
}
.small-cards-slider-wrapper.active-prev:before {
  opacity: 0.03;
}
.small-cards-slider-wrapper.active-next:after {
  opacity: 0.03;
}
.small-cards-slider-wrapper:hover .scrollbar {
  opacity: 1;
}
.small-cards-slider-wrapper:hover .btn-control:not(.disabled) {
  opacity: 1;
  z-index: 9;
}
.small-cards-slider-wrapper:hover .btn-control:not(.disabled).prev {
  left: calc(50% - 500px);
}
.small-cards-slider-wrapper:hover .btn-control:not(.disabled).next {
  right: calc(50% - 500px);
}

.popular-content {
  margin-bottom: 64px;
}

.popular-content-wrapper {
  background-image: linear-gradient(to left, rgba(34, 179, 255, 0.25), rgba(152, 237, 253, 0.25));
}

.popular-content-slider {
  width: 980px;
  padding: 0 10px;
  margin: 0 auto;
  position: relative;
}
@media (max-width: 998px) {
  .popular-content-slider {
    width: 100%;
  }
}
.popular-content-slider ul {
  margin: 0 -12px;
}
.popular-content-slider ul li {
  float: left;
}

.small-card {
  padding: 18px 12px 12px;
  width: 246px;
  height: 100%;
  border-radius: 10px;
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.05);
  background-color: #ffffff;
  margin: 0 12px;
  cursor: grabbing;
}
.small-card__author {
  font-size: 1.1rem;
  line-height: 1.18;
  letter-spacing: 0.6px;
  color: #2d2d2d;
  text-transform: uppercase;
  display: flex;
  align-items: center;
  transition: 0.4s ease 0s;
}
.small-card__author:hover {
  color: #49e3a4;
}
.small-card__author img {
  margin-right: 6px;
  border-radius: 50%;
  width: 15px;
  height: 15px;
}
.small-card__title {
  font-size: 1.6rem;
  font-weight: bold;
  line-height: 1.38;
  letter-spacing: 0.1px;
  color: #2d2d2d;
  margin: 12px 0 9px;
  transition: 0.4s ease 0s;
}
.small-card__title:hover {
  color: #49e3a4;
}
.small-card__desc {
  line-height: 1.38;
  margin: 6px 6px 2px 0;
  flex-grow: 1;
  transition: 0.4s ease 0s;
}
.small-card__desc:hover {
  color: #49e3a4;
}
.small-card__date {
  font-size: 1.3rem;
  font-weight: bold;
  line-height: 1.69;
  letter-spacing: 0.1px;
  color: rgba(19, 7, 31, 0.3);
}
.small-card__type {
  font-size: 20px;
  font-weight: bold;
  line-height: 1.1;
  letter-spacing: 0.1px;
  margin-bottom: 10px;
}

.application-item {
  position: relative;
}

.application-header {
  width: 980px;
  padding: 0 10px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 0 auto;
}
@media (max-width: 998px) {
  .application-header {
    max-width: 767px;
    width: 100%;
    margin: 0 auto;
    padding: 0 48px 0 24px;
  }
}

.application-author {
  display: flex;
}
.application-author img {
  border-radius: 50%;
}
.application-author__content {
  margin-left: 16px;
}
.application-author__name {
  font-size: 1.6rem;
  line-height: 0.81;
  text-transform: uppercase;
  letter-spacing: 0.9px;
  margin-top: 12px;
  margin-bottom: 1px;
}
.application-author__status {
  padding: 1px 7px;
  font-size: 1rem;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: 0.8px;
  border-radius: 8px;
  border: solid 1px;
  display: inline-block;
}
.application-author.application-author--prof .application-author__status {
  color: #49e3a4;
}

.application-body {
  width: 980px;
  padding: 0 10px;
  margin: 0 auto;
}
@media (max-width: 998px) {
  .application-body {
    max-width: 767px;
    width: 100%;
    margin: 0 auto;
    padding: 0 24px;
  }
}
.application-body .title {
  font-size: 48px;
  font-weight: 800;
  line-height: 1.17;
  letter-spacing: 0.1px;
}
@media (max-width: 998px) {
  .application-body .title {
    font-size: 42px;
  }
}
@media (max-width: 767px) {
  .application-body .title {
    font-size: 36px;
  }
}
@media (max-width: 580px) {
  .application-body .title {
    font-size: 32px;
  }
}
@media (max-width: 479px) {
  .application-body .title {
    font-size: 24px;
  }
}
.application-body__title {
  margin-top: 36px;
  margin-bottom: 25px;
  display: flex;
  align-items: center;
  align-items: flex-start;
}
@media (max-width: 767px) {
  .application-body__title {
    flex-direction: column-reverse;
    align-items: flex-start;
  }
}
.application-body__title-status {
  border-radius: 18.8px;
  margin-left: 12px;
  font-size: 18px;
  font-weight: bold;
  line-height: 1.33;
  letter-spacing: 0.1px;
  padding: 0 10px;
  white-space: nowrap;
  margin-top: 18px;
}
@media (max-width: 998px) {
  .application-body__title-status {
    min-width: 160px;
    text-align: center;
  }
}
@media (max-width: 767px) {
  .application-body__title-status {
    margin-left: 0;
    margin-bottom: 15px;
  }
}
.application-body__title-status.application-body__title-status--voting {
  color: #fff;
  background-color: #8dd6fc;
}
.application-body__title-status.application-body__title-status--ready {
  color: #fff;
  background-color: #49e3a4;
}
.application-body .request-content__card {
  box-shadow: none;
  padding: 0;
  border-radius: 0;
}
.application-body .request-content__vote {
  margin-top: 6px;
  margin-right: 36px;
}
@media (max-width: 767px) {
  .application-body .request-content__vote {
    margin-top: 5px;
    margin-right: 0;
    display: inline;
    float: right;
    margin-left: 40px;
    margin-bottom: 20px;
  }
}
@media (max-width: 479px) {
  .application-body .request-content__vote {
    flex-direction: row;
  }
}
.application-body .request-content__description p {
  font-size: 18px;
  line-height: 1.5;
  letter-spacing: 0.1px;
}
@media (max-width: 767px) {
  .application-body .request-content__description p {
    font-size: 16px;
  }
}
.application-body .request-content__meta {
  margin-top: 20px;
}

.tags-line {
  display: flex;
  margin-top: 26px;
}
.tags-line__item {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border-radius: 5px;
  background-color: #e3fbff;
  font-size: 14px;
  padding: 4px 10px;
  letter-spacing: 0.1px;
  color: #2e2e2e;
  margin-right: 6px;
}

.application-footer {
  position: relative;
  padding-top: 64px;
  padding-bottom: 64px;
  margin-top: 30px;
}
.application-footer:before {
  content: "";
  position: absolute;
  opacity: 0.25;
  left: 0;
  right: 0;
  top: -8px;
  height: 8px;
  background-image: linear-gradient(to left, #22b3ff, #98edfd);
}
.application-footer__container {
  width: 980px;
  padding: 0 10px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
}
@media (max-width: 998px) {
  .application-footer__container {
    max-width: 767px;
    width: 100%;
    margin: 0 auto;
    padding: 0 24px;
  }
}
@media (max-width: 767px) {
  .application-footer__container {
    flex-direction: column;
    align-items: flex-start;
  }
}
@media (max-width: 479px) {
  .application-footer .share-block {
    margin: 0 auto;
  }
}

@media (max-width: 580px) {
  .comunicate-btns {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
}
.comunicate-btns .btn {
  padding: 6px 8px;
  background-color: #22b3ff;
  width: 231px;
  height: 40px;
  border-radius: 25px;
  box-shadow: 0 5px 10px 0 rgba(34, 179, 255, 0.6);
  transition: all 0.3s ease;
}
@media (max-width: 767px) {
  .comunicate-btns .btn {
    margin-bottom: 20px;
  }
}
@media (max-width: 580px) {
  .comunicate-btns .btn {
    margin: 0 10px 20px 10px;
  }
}
.comunicate-btns .btn .icon-label2 {
  fill: #fff !important;
  stroke: #22b3ff;
  stroke-linecap: round;
  stroke-width: 2;
}
.comunicate-btns .btn:hover {
  box-shadow: 0 3px 7px rgba(34, 179, 255, 0.6);
  background-color: #57c5ff;
}
.comunicate-btns .btn.add-rate-favorite.active, .comunicate-btns .btn.add-comment.active {
  background-color: #21d98e;
  box-shadow: 0 3px 7px 0 rgba(33, 217, 142, 0.61);
}
.comunicate-btns .btn.add-rate-favorite.active .icon-label2, .comunicate-btns .btn.add-rate-favorite.active .icon-label, .comunicate-btns .btn.add-comment.active .icon-label2, .comunicate-btns .btn.add-comment.active .icon-label {
  fill: #fff !important;
  stroke: #21d98e;
}
.comunicate-btns .btn.add-rate-favorite.active .icon-comment, .comunicate-btns .btn.add-comment.active .icon-comment {
  stroke-width: 1;
  fill: #21d98e;
}
.comunicate-btns .icon-wrap {
  width: 28px;
  height: 28px;
  background-color: #ffffff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.comunicate-btns .icon-wrap .icon {
  fill: #ffffff;
  color: #ffffff;
}
.comunicate-btns .icon-wrap .icon-comment {
  fill: #22b3ff;
}
.comunicate-btns span {
  padding-left: 8px;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.31;
  letter-spacing: 0.03px;
  color: #ffffff;
}

.small-cards-slider {
  margin-top: 64px;
  margin-bottom: 64px;
  position: relative;
}
@media (max-width: 998px) {
  .small-cards-slider {
    overflow: hidden;
  }
}
@media (max-width: 479px) {
  .small-cards-slider {
    margin-top: 32px;
    margin-bottom: 32px;
  }
}
.small-cards-slider .scrollbar {
  position: absolute;
  left: 0;
  right: 0;
}
.small-cards-slider-inner {
  background-image: linear-gradient(to left, rgba(34, 179, 255, 0.25), rgba(152, 237, 253, 0.25));
}
.small-cards-slider-content {
  width: 980px;
  padding: 0 10px;
  margin: 0 auto;
  position: relative;
}
@media (max-width: 998px) {
  .small-cards-slider-content {
    max-width: 100%;
    width: 100%;
    padding-left: 24px;
    padding-right: 24px;
  }
}
.small-cards-slider-content ul {
  margin: 0 -12px;
  display: flex;
}
.small-cards-slider-content ul li {
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.05);
  background-color: #ffffff;
  margin: 0 12px;
  border-radius: 10px;
  padding: 16px 12px 16px;
  width: 246px;
  flex: 0 0 auto;
}
.small-cards-slider-content ul li.last-item {
  box-shadow: 0 7px 17px 0 rgba(73, 227, 164, 0.61);
  background-color: rgba(73, 227, 164, 0.61);
  width: 174px;
  padding: 0;
  transition: 0.4s ease 0s;
}
.small-cards-slider-content ul li.last-item:hover {
  background-color: rgb(73, 227, 164);
}
.small-cards-slider-content ul li.last-item .small-card-last {
  height: 100%;
}
.small-cards-slider-content ul li.last-item .small-card-last a {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100%;
  font-size: 18px;
  font-weight: bold;
  line-height: 1.39;
  letter-spacing: 0.1px;
  padding: 18px 12px 12px;
}
.small-cards-slider-content ul li.last-item .small-card-last a span:nth-child(2) {
  color: #fff;
  font-size: 16px;
  text-decoration: underline;
}
.small-cards-slider-content .small-card {
  padding: 0;
  width: auto;
  box-shadow: none;
  background-color: #ffffff;
  margin: 0;
  border-radius: 0;
  display: flex;
  flex-direction: column;
}

.ready-entry {
  margin-top: 36px;
  margin-bottom: 45px;
}
.ready-entry .card-item.card-item--lgest {
  margin: 28px 0 0;
}

.info-details {
  width: 190px;
  margin-left: 48px;
  padding-top: 26px;
  margin-top: -35px;
}
@media (max-width: 767px) {
  .info-details {
    margin: 25px auto;
  }
}
.info-details__wrapper {
  color: #676767;
  font-size: 12px;
  line-height: 16px;
  position: relative;
  padding: 34px 24px 115px 24px;
  letter-spacing: 0.04px;
  background-repeat: no-repeat;
  border-radius: 30px;
}
.info-details__wrapper:after {
  top: 0;
  bottom: 0;
  left: -10px;
  z-index: -1;
  content: "";
  width: 210px;
  height: 421px;
  display: block;
  position: absolute;
  background: url(../../img/svg/info-d.svg) no-repeat;
}
.info-details__wrapper:before {
  left: 0;
  bottom: 0;
  content: "";
  width: 76px;
  height: 68px;
  display: block;
  position: absolute;
  background-image: url(../../img/svgSprite/logo-small.svg);
}
.info-details__title {
  color: #22b3ff;
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  margin-bottom: 12px;
}
.info-details__text p {
  margin-bottom: 16px;
}
.info-details__text p:last-of-type {
  margin-bottom: 0;
}
.info-details__link {
  margin-top: 19px;
}
.info-details__link a {
  color: #22b3ff;
  font-size: 12px;
  font-weight: bold;
  line-height: 1.33;
  text-decoration: underline;
  transition: 0.4s ease 0s;
}
.info-details__link a:hover {
  color: #49e3a4;
  text-decoration: none;
}

.comment-block {
  background-color: #f5f5f5;
  padding-top: 36px;
  padding-bottom: 64px;
}
.comment-block__inner {
  width: 980px;
  padding: 0 10px;
  margin: 0 auto;
}
@media (max-width: 998px) {
  .comment-block__inner {
    max-width: 767px;
    width: 100%;
    margin: 0 auto;
    padding: 0 24px;
  }
}
.comment-block__title {
  font-size: 2rem;
  font-weight: bold;
}
.comment-block__title span {
  color: #676767;
  font-weight: 400;
  display: inline-block;
  vertical-align: middle;
  margin-left: 6px;
}
.comment-block__container {
  margin-top: 30px;
}
.comment-block__footer {
  display: flex;
  align-items: center;
  position: relative;
  justify-content: center;
  margin-top: 45px;
}
@media (max-width: 479px) {
  .comment-block__footer {
    flex-direction: column-reverse;
    align-items: center;
    justify-content: flex-start;
  }
}
.comment-block__footer-link {
  position: absolute;
  left: 0;
  font-size: 13px;
  font-weight: bold;
  line-height: 1.69;
  letter-spacing: 0.1px;
  color: #22b3ff;
  transition: 0.4s ease 0s;
}
@media (max-width: 479px) {
  .comment-block__footer-link {
    position: static;
    margin-top: 15px;
  }
}
.comment-block__footer-link:hover {
  color: #49e3a4;
}

.comment-wrapper {
  margin-bottom: 24px;
}

.comment-form {
  display: flex;
  position: relative;
  align-items: flex-start;
  margin-top: 32px;
  margin-bottom: 36px;
}
.comment-form__avatar {
  margin-right: 12px;
}
@media (max-width: 479px) {
  .comment-form__avatar {
    display: none;
  }
}
.comment-form__avatar img {
  border-radius: 50%;
}
.comment-form__field {
  flex-grow: 1;
  border-radius: 10px;
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.05);
  background-color: #ffffff;
  padding: 9px 44px 9px 24px;
  margin-top: 6px;
  border: none;
  height: 40px;
  line-height: 22px;
}
@media (max-width: 479px) {
  .comment-form__field {
    max-height: 250px;
    overflow-y: auto !important;
  }
}
.comment-form__btn {
  position: absolute;
  background: transparent;
  border: none;
  right: 13px;
  bottom: 15px;
}
@media (max-width: 479px) {
  .comment-form__btn {
    bottom: 9px;
  }
}
.comment-form__btn:disabled .icon {
  fill: #d0d0d0;
}
.comment-form__btn .icon {
  fill: #22b3ff;
  font-size: 2rem;
}

.comment-item__inner {
  background: #fff;
  border-radius: 10px;
  box-shadow: 0 0 12px 0 rgba(19, 7, 31, 0.07);
  padding: 18px 24px;
  margin-bottom: 12px;
}
@media (max-width: 479px) {
  .comment-item__inner {
    padding: 24px 18px;
  }
}
.comment-item__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 9px;
}
@media (max-width: 479px) {
  .comment-item__header {
    align-items: flex-start;
  }
}
.comment-item__author {
  display: flex;
  align-items: center;
}
@media (max-width: 479px) {
  .comment-item__author {
    flex-wrap: wrap;
  }
}
.comment-item__author img {
  border-radius: 50%;
}
.comment-item__author-content {
  margin-left: 12px;
  margin-right: 9px;
}
.comment-item__author-name {
  text-transform: uppercase;
  font-size: 1.4rem;
  line-height: 0.93;
  letter-spacing: 0.8px;
  color: #2d2d2d;
}
.comment-item__author-post {
  margin-top: 5px;
  line-height: 0.67;
  letter-spacing: 0.1px;
  color: rgba(19, 7, 31, 0.4);
  font-size: 1.2rem;
  font-weight: bold;
}
.comment-item__author-status {
  align-self: flex-start;
  padding: 0 7px;
  margin-top: -3px;
  font-size: 1rem;
  font-weight: bold;
  letter-spacing: 0.8px;
  border-radius: 8px;
  border: solid 1px;
  display: inline-block;
}
@media (max-width: 479px) {
  .comment-item__author-status {
    margin: 5px 0 5px 37px;
  }
}
.comment-item__author.comment-item__author--prof .comment-item__author-status {
  color: #49e3a4;
}
.comment-item__body {
  margin-top: 9px;
  line-height: 1.38;
  margin-bottom: 10px;
}
@media (max-width: 479px) {
  .comment-item__body {
    font-size: 15px;
  }
}
.comment-item__read-more {
  display: block;
  width: fit-content;
  border-bottom: 1px solid;
  line-height: 0.77;
  font-size: 1.3rem;
  color: #22b3ff;
  margin-top: 16px;
  margin-bottom: 14px;
  transition: 0.4s ease 0s;
}
.comment-item__read-more:hover {
  color: #49e3a4;
  border-bottom-color: transparent;
}
.comment-item__footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 10px;
}
@media (max-width: 479px) {
  .comment-item__footer {
    flex-wrap: wrap;
    position: relative;
  }
}
.comment-item__footer-left {
  display: flex;
  align-items: center;
}
@media (max-width: 479px) {
  .comment-item__footer-left {
    flex-wrap: wrap;
    max-width: 180px;
  }
}
@media (max-width: 479px) {
  .comment-item__footer-left > div:first-child {
    flex-grow: 1;
    width: 100%;
    margin-bottom: 12px;
    text-align: left;
  }
}
.comment-item__footer-left .link {
  font-size: 1.3rem;
  margin-right: 24px;
}
.comment-item__footer-left .link.active {
  color: #49e3a4;
}
.comment-item__footer-left .link:last-of-type {
  margin-right: 0;
}
.comment-item__footer-right.not-auth {
  position: relative;
}
.comment-item__footer-right.not-auth .not-reg-tooltip {
  position: absolute;
  background: #fff;
  font-size: 10px;
  border-radius: 10px;
  white-space: nowrap;
  right: 100%;
  box-shadow: 0 0 12px 0 rgba(19, 7, 31, 0.07);
  padding: 2px 6px;
  margin-right: 6px;
  top: 50%;
  transform: translateY(-50%);
  color: #676767;
}
@media (max-width: 479px) {
  .comment-item__footer-right {
    position: absolute;
    top: 0;
    right: 0;
  }
}
.comment-item__date {
  font-size: 1.3rem;
  font-weight: bold;
  text-align: right;
  color: rgba(19, 7, 31, 0.4);
  margin-right: 24px;
}
.comment-item__reply .comment-form {
  margin: 20px 24px 36px;
}
@media (max-width: 580px) {
  .comment-item__reply .comment-form {
    margin-left: 0;
    margin-right: 0;
  }
}

.comment-children {
  padding-left: 82px;
}
@media (max-width: 767px) {
  .comment-children {
    padding-left: 40px;
  }
}
@media (max-width: 479px) {
  .comment-children {
    padding-left: 0;
  }
}
.comment-children .comment-wrapper {
  margin-bottom: 12px;
}

.comment-show-all {
  color: #22b3ff;
  display: inline-block;
  margin-left: 24px;
  border-bottom: 1px solid;
  font-size: 13px;
  line-height: 0.77;
  letter-spacing: 0.1px;
  transition: 0.4s ease 0s;
}
.comment-show-all:hover {
  border-bottom-color: transparent;
}

.section-experience-gallery__wrap {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin: 25px 0;
}
.gallery-item {
  max-width: 304px;
}
@media (max-width: 479px) {
  .gallery-item {
    display: block;
    width: 100%;
    max-width: none;
  }
}

.fancybox-thumbs {
  left: 0;
  right: 0;
  bottom: 0;
  top: auto;
  width: auto;
  height: auto;
  padding: 24px;
  box-sizing: border-box;
  background-color: #ffffff;
  box-shadow: 0 0 12px 0 rgba(19, 7, 31, 0.07);
}
.fancybox-thumbs__list {
  margin: 0 auto;
}

.fancybox-thumbs__list {
  display: flex;
  padding-top: 10px;
  align-items: center;
  padding-bottom: 10px;
  justify-content: center;
}

.fancybox-thumbs__list a {
  margin: 0;
  width: 60px;
  height: 45px;
  margin-left: 6px;
  overflow: visible;
  margin-right: 6px;
  border-radius: 4px;
}

.fancybox-thumbs__list a:before {
  position: absolute;
  top: auto;
  left: 0;
  width: 100%;
  height: 4px;
  bottom: -10px;
  border: none;
  border-radius: 2px;
  background-color: #49e3a4;
}

.fancybox-show-thumbs .fancybox-inner {
  right: 0;
  bottom: 95px;
}

.fancybox-bg {
  background-color: #fff;
}

.fancybox-infobar {
  left: 50%;
}

.fancybox-button {
  opacity: 0;
  padding: 0;
  width: 38px;
  height: 38px;
  background-color: #22b3ff;
  border-radius: 50%;
  top: calc(50% - 19px);
  position: absolute;
  box-shadow: 0 9px 12px 0 rgba(34, 179, 255, 0.6);
  transition: 0.4s ease 0s;
}
.fancybox-button:hover {
  box-shadow: 0 3px 7px 0 rgba(34, 179, 255, 0.6);
  background-color: #57c5ff;
}
.fancybox-button svg {
  width: 50%;
  left: 50%;
}
.fancybox-button svg path {
  fill: #fff;
}
.fancybox-button--arrow_right {
  right: -62px;
}
@media (max-width: 998px) {
  .fancybox-button--arrow_right {
    right: -62px;
  }
}
@media (max-width: 767px) {
  .fancybox-button--arrow_right {
    right: -62px;
  }
}
.fancybox-button--arrow_right svg {
  transform: translateX(-45%) rotate(90deg);
}
.fancybox-button--arrow_left {
  left: -62px;
}
@media (max-width: 998px) {
  .fancybox-button--arrow_left {
    left: -62px;
  }
}
@media (max-width: 767px) {
  .fancybox-button--arrow_left {
    left: -62px;
  }
}
.fancybox-button--arrow_left svg {
  transform: translateX(-55%) rotate(-90deg);
}

.fancybox-button--close {
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  padding: 0;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  box-shadow: 0 9px 12px 0 rgba(34, 179, 255, 0.6);
  background-color: #fff;
  top: -12px;
  right: -12px;
  position: absolute;
  transition: 0.4s ease 0s;
}
.fancybox-button--close:hover {
  box-shadow: 0 2px 7px 0 rgba(34, 179, 255, 0.4);
}
.fancybox-button--close:hover .icon {
  stroke: rgba(34, 179, 255, 0.65);
}
.fancybox-button--close .icon {
  left: 0;
  stroke: #22b3ff;
  width: 10px;
  height: 10px;
  transition: 0.4s ease 0s;
}

.fancybox-slide--complete .fancybox-button--close, .fancybox-slide--complete .fancybox-button {
  opacity: 1;
}

.fancybox-is-open .fancybox-stage, .fancybox-slide--image {
  overflow: visible;
}

.fancybox-image {
  border-radius: 10px;
  box-shadow: 0 5px 14px 0 rgba(19, 7, 31, 0.15);
}

.fancybox-open-full {
  height: 44px;
  z-index: 99997;
  line-height: 44px;
  position: absolute;
}
.fancybox-open-full a {
  color: #22b3ff;
  font-size: 13px;
  line-height: 19px;
  letter-spacing: 0.08px;
  text-decoration: underline;
}

.fancybox-inner {
  left: 200px !important;
  right: 200px !important;
}
@media (max-width: 998px) {
  .fancybox-inner {
    left: 100px !important;
    right: 100px !important;
  }
}
@media (max-width: 767px) {
  .fancybox-inner {
    left: 50px !important;
    right: 50px !important;
  }
}

.fancybox-infobar {
  color: #676767;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  letter-spacing: 0.08px;
}

.global-event-calendar.active-legend .global-event-calendar__legend-toggle {
  display: none;
}
.global-event-calendar.active-legend .global-event-calendar__legend {
  display: flex;
}
@media (max-width: 580px) {
  .global-event-calendar.active-legend .global-event-calendar__legend {
    flex-direction: column;
    padding: 24px 24px 12px;
  }
}
.global-event-calendar.disabled-prev .scrollbar-external_wrapper:before {
  opacity: 0;
}
.global-event-calendar.disabled-prev:hover .external-scroll_arrows .btn-control.prev {
  opacity: 0;
}
.global-event-calendar.disabled-next .scrollbar-external_wrapper:after {
  opacity: 0;
}
.global-event-calendar.disabled-next:hover .external-scroll_arrows .btn-control.next {
  opacity: 0;
}
.global-event-calendar:hover .external-scroll_arrows .btn-control.next, .global-event-calendar:hover .external-scroll_arrows .btn-control.prev {
  opacity: 1;
}

.event-calendar {
  display: flex;
  overflow-x: auto;
  flex-wrap: nowrap;
}

.event-calendar__wrapper {
  display: flex;
  flex-wrap: nowrap;
  align-items: flex-start;
}

.event-calendar__unit {
  width: 468px;
  height: auto;
  flex-shrink: 0;
  margin-left: 12px;
  margin-right: 12px;
}
@media (max-width: 580px) {
  .event-calendar__unit {
    width: 100%;
  }
}
.event-calendar__unit:first-child {
  margin-left: 0;
}
.event-calendar__unit:last-child {
  margin-right: 0;
}

.event-calendar__title {
  color: #2d2d2d;
  font-size: 2.4rem;
  margin-bottom: 24px;
  font-weight: bold;
}

.event-calendar__days-title {
  display: flex;
  flex-wrap: nowrap;
  margin-bottom: 3px;
  align-items: flex-start;
}
.event-calendar__days-title span {
  display: block;
  font-size: 12px;
  text-align: right;
  font-weight: bold;
  padding-left: 8px;
  padding-right: 8px;
  width: 14.2857142857%;
  text-transform: uppercase;
  color: rgba(19, 7, 31, 0.4);
}

.event-calendar__days {
  height: 396px;
  display: flex;
  flex-wrap: wrap;
  border-radius: 5px;
  align-items: flex-start;
  background-color: #ffffff;
  box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.07);
}
@media (max-width: 580px) {
  .event-calendar__days {
    height: 300px;
  }
}

.event-calendar__day {
  display: flex;
  padding-top: 4px;
  padding-left: 4px;
  position: relative;
  padding-right: 4px;
  padding-bottom: 4px;
  width: 14.2857142857%;
  height: 16.6666666667%;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
  border-left: 1px solid #eeeeee;
  border-right: 1px solid #eeeeee;
}
.event-calendar__day:after {
  top: -2px;
  left: -2px;
  z-index: 2;
  opacity: 0;
  right: -2px;
  content: "";
  bottom: -2px;
  display: block;
  border-radius: 5px;
  position: absolute;
  visibility: hidden;
  border: solid 2px #49e3a4;
  background-color: transparent;
  box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.07);
}
.event-calendar__day:hover:after, .event-calendar__day.active:after {
  opacity: 1;
  visibility: visible;
}
.event-calendar__day.is-past .day-number {
  opacity: 0.5;
}
.event-calendar__day.is-past .day-events {
  opacity: 0.5;
}
.event-calendar__day:nth-child(n+8) {
  background-color: rgba(152, 237, 253, 0.15);
}
.event-calendar__day:nth-child(n+15) {
  background-color: #fff;
}
.event-calendar__day:nth-child(n+22) {
  background-color: rgba(152, 237, 253, 0.15);
}
.event-calendar__day:nth-child(n+29) {
  background-color: #fff;
}
.event-calendar__day:nth-child(n+36) {
  background-color: rgba(152, 237, 253, 0.15);
}
.event-calendar__day:nth-child(7n-6) {
  border-left: none;
}
.event-calendar__day:nth-child(7n) {
  border-right: none;
}
.event-calendar__day.half-transparent .day-number {
  opacity: 0.5;
}
.event-calendar__day .day-number {
  width: 100%;
  font-size: 14px;
  text-align: right;
  line-height: 20px;
  font-weight: bold;
  padding-left: 4px;
  padding-right: 4px;
  letter-spacing: 0.05px;
  color: rgba(19, 7, 31, 0.4);
}
.event-calendar__day .day-events {
  display: flex;
  align-items: center;
  flex-wrap: wrap-reverse;
}
.event-calendar__day .day-events span {
  width: 6px;
  height: 6px;
  margin: 1px;
  display: block;
  background-color: #22b3ff;
}
@media (max-width: 580px) {
  .event-calendar__day .day-events span {
    width: 3px;
    height: 3px;
  }
}
.event-calendar__day .day-events span[data-type="2"] {
  background-color: #49e3a4;
}
.event-calendar__day .day-events span[data-type="3"] {
  background-color: #ff7373;
}

.global-event-calendar__legend {
  display: none;
  margin-right: 12px;
  margin-top: 36px;
  position: relative;
  border-radius: 5px;
  padding-left: 18px;
  align-items: center;
  padding-right: 18px;
  background-color: #ffffff;
  box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.07);
}
@media (max-width: 580px) {
  .global-event-calendar__legend {
    align-items: flex-start;
  }
}

.global-event-calendar__legend-title {
  color: #13071f;
  font-size: 18px;
  margin-right: 24px;
}
@media (max-width: 580px) {
  .global-event-calendar__legend-title {
    margin-right: 0;
    font-size: 16px;
    margin-bottom: 12px;
  }
}

.global-event-calendar__legend-list {
  display: flex;
  font-size: 14px;
  font-style: italic;
  align-items: center;
  letter-spacing: 0.05px;
  color: rgba(19, 7, 31, 0.4);
}
@media (max-width: 580px) {
  .global-event-calendar__legend-list {
    flex-direction: column;
    align-items: flex-start;
  }
}
.global-event-calendar__legend-list dl {
  display: flex;
  align-items: center;
  margin-right: 2px;
}
@media (max-width: 580px) {
  .global-event-calendar__legend-list dl {
    margin: 0 0 12px;
  }
}
.global-event-calendar__legend-list dl:not(:first-child) {
  margin-left: 24px;
}
@media (max-width: 580px) {
  .global-event-calendar__legend-list dl:not(:first-child) {
    margin-left: 0;
  }
}
.global-event-calendar__legend-list dl dt {
  display: flex;
}
.global-event-calendar__legend-list dl dd {
  margin: 0;
}
.global-event-calendar__legend-list i {
  width: 6px;
  height: 6px;
  margin: 1px;
  display: block;
  background-color: #22b3ff;
}
.global-event-calendar__legend-list i[data-type="2"] {
  background-color: #49e3a4;
}
.global-event-calendar__legend-list i[data-type="3"] {
  background-color: #ff7373;
}
.global-event-calendar__legend-list i.old {
  opacity: 0.5;
}

.global-event-calendar__legend-action {
  top: 50%;
  right: -10px;
  margin-top: -12px;
  position: absolute;
}
@media (max-width: 580px) {
  .global-event-calendar__legend-action {
    margin-top: 0;
    top: -6px;
    right: -6px;
  }
}
.global-event-calendar__legend-action button {
  width: 21px;
  height: 21px;
  border: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: relative;
  border-radius: 50%;
  background-color: #fff;
  transition: all 0.3s ease;
  box-shadow: 0 4px 8px 0 rgba(34, 179, 255, 0.6);
}
.global-event-calendar__legend-action button .icon {
  font-size: 9px;
  stroke: #22b3ff;
}
.global-event-calendar__legend-action button:hover {
  box-shadow: 0 2px 7px 0 rgba(34, 179, 255, 0.4);
}
.global-event-calendar__legend-action button:hover .icon {
  stroke: rgba(34, 179, 255, 0.65);
}

.global-event-calendar__legend-toggle {
  right: 0;
  bottom: -6px;
  position: absolute;
}
.global-event-calendar__legend-toggle button {
  margin: 0;
  padding: 0;
  border: none;
  display: flex;
  align-items: center;
  background-color: transparent;
}
.global-event-calendar__legend-toggle button span {
  font-size: 14px;
  font-style: italic;
  letter-spacing: 0.05px;
  color: rgba(19, 7, 31, 0.4);
}
.global-event-calendar__legend-toggle button i {
  width: 21px;
  height: 21px;
  display: block;
  color: #22b3ff;
  font-weight: bold;
  margin-left: 12px;
  line-height: 21px;
  border-radius: 50%;
  text-align: center;
  font-style: normal;
  transition: all 0.3s ease;
  background-color: #fff;
  box-shadow: 0 5px 10px 0 rgba(34, 179, 255, 0.6);
}
.global-event-calendar__legend-toggle button i:hover {
  box-shadow: 0 2px 7px 0 rgba(34, 179, 255, 0.4);
  color: rgba(34, 179, 255, 0.65);
}

/*************** SCROLLBAR BASE CSS ***************/
.scroll-wrapper {
  position: relative;
}

.scroll-wrapper > .scroll-content {
  border: none !important;
  box-sizing: content-box !important;
  height: auto;
  left: 0;
  margin: 0;
  scrollbar-width: none;
  margin-right: 0 !important;
  max-height: none;
  max-width: none !important;
  overflow: scroll !important;
  padding: 0;
  position: relative !important;
  top: 0;
  width: auto !important;
}

.scroll-wrapper > .scroll-content::-webkit-scrollbar {
  height: 0;
  width: 0;
}

.scroll-element {
  display: none;
}

.scroll-element, .scroll-element div {
  box-sizing: content-box;
}

.scroll-element.scroll-x.scroll-scrollx_visible,
.scroll-element.scroll-y.scroll-scrolly_visible {
  display: block;
}

.scroll-element .scroll-bar,
.scroll-element .scroll-arrow {
  cursor: default;
}

.scroll-textarea {
  border: 1px solid #cccccc;
  border-top-color: #999999;
}

.scroll-textarea > .scroll-content {
  overflow: hidden !important;
}

.scroll-textarea > .scroll-content > textarea {
  border: none !important;
  box-sizing: border-box;
  height: 100% !important;
  margin: 0;
  max-height: none !important;
  max-width: none !important;
  overflow: scroll !important;
  outline: none;
  padding: 2px;
  position: relative !important;
  top: 0;
  width: 100% !important;
}

.scroll-textarea > .scroll-content > textarea::-webkit-scrollbar {
  height: 0;
  width: 0;
}

.scrollbar-external_wrapper {
  position: relative;
  padding-bottom: 42px;
  width: auto !important;
  height: auto !important;
}
.scrollbar-external_wrapper:after {
  opacity: 0.05;
  right: 0;
  top: 79px;
  z-index: 1;
  width: 16px;
  content: "";
  bottom: 43px;
  display: block;
  position: absolute;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  background-image: linear-gradient(to left, #13071f, rgba(19, 7, 31, 0));
}
.scrollbar-external_wrapper:before {
  left: 0;
  top: 79px;
  z-index: 1;
  width: 16px;
  content: "";
  bottom: 43px;
  opacity: 0.05;
  display: block;
  position: absolute;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  background-image: linear-gradient(to right, #13071f, rgba(19, 7, 31, 0));
}

.scrollbar-external {
  width: 100%;
  height: 100%;
  overflow: auto;
}

/******************* EXTERNAL SCROLLBAR *******************/
.external-scroll_x,
.external-scroll_y {
  display: none;
  cursor: pointer;
  overflow: hidden;
  position: absolute;
  border-radius: 3px;
  background-color: rgba(19, 7, 31, 0.05);
}

.external-scroll_x.scroll-scrollx_visible {
  left: 0;
  right: 0;
  bottom: 0;
  height: 6px;
  width: 528px;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 580px) {
  .external-scroll_x.scroll-scrollx_visible {
    width: 100%;
  }
}

.external-scroll_x div,
.external-scroll_y div {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: absolute;
}

.external-scroll_x .scroll-bar,
.external-scroll_y .scroll-bar {
  z-index: 12;
  border-radius: 3px;
  background: #22b3ff;
}

.external-scroll_x .scroll-bar {
  width: 100px;
}

.external-scroll_y .scroll-bar {
  height: 100px;
}

.external-scroll_arrows {
  transition: 0.4s ease 0s;
}
.external-scroll_arrows button {
  top: 50%;
  opacity: 1;
  z-index: 2;
  position: absolute;
}
.external-scroll_arrows button.prev {
  left: -19px;
  opacity: 0;
}
.external-scroll_arrows button.next {
  right: -19px;
  opacity: 0;
}

.my-chanel-help {
  background-color: #fff;
  position: relative;
  padding-top: 48px;
  padding-bottom: 48px;
  margin-bottom: 80px;
}
.my-chanel-help:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  background-image: linear-gradient(to left, #22b3ff, #98edfd);
  width: 100%;
  height: 100%;
  opacity: 0.25;
}
.my-chanel-help .container {
  display: flex;
  justify-content: space-between;
}
@media (max-width: 580px) {
  .my-chanel-help .container {
    flex-wrap: wrap;
  }
}
.my-chanel-help__bubble {
  width: 304px;
  box-shadow: 0 0 10px 0 rgba(19, 7, 31, 0.11);
  background-color: #ffffff;
  border-radius: 42px;
  margin-top: -8px;
  padding: 35px 30px;
}
@media (max-width: 580px) {
  .my-chanel-help__bubble {
    margin-bottom: 24px;
    margin-top: 0;
  }
}
.my-chanel-help__bubble-inner {
  font-size: 14px;
  line-height: 1.29;
  letter-spacing: 0.05px;
  text-align: center;
  color: #676767;
}
.my-chanel-help__bubble-inner a {
  font-size: 1.6rem;
  margin-top: 12px;
  display: inline-block;
  line-height: 1;
  color: #22b3ff;
  border-bottom: 1px solid #22b3ff;
  transition: 0.4s ease 0s;
}
.my-chanel-help__bubble-inner a:hover {
  border-bottom-color: transparent;
  color: #49e3a4;
}
.my-chanel-help__new {
  max-width: 468px;
}
.my-chanel-help__new .title.title--sm {
  font-size: 2.4rem;
  margin-bottom: 9px;
}

.card-item.card-item--moderate:before {
  content: "";
  position: absolute;
  border: 4px solid #d7f4ff;
  width: calc(100% + 8px);
  height: calc(100% + 8px);
  top: -4px;
  left: -4px;
  border-radius: 20px;
}
.card-item.card-item--moderate .card-item__img {
  opacity: 0.6;
  pointer-events: none;
}
.card-item.card-item--moderate .card-item__body {
  position: relative;
  background-color: #fff;
}
.card-item.card-item--moderate .card-item__title {
  pointer-events: none;
  opacity: 0.6;
}
.card-item__status {
  display: inline-flex;
  width: fit-content;
  align-items: center;
  justify-content: center;
  font-size: 11px;
  font-weight: bold;
  text-transform: uppercase;
  line-height: 1.82;
  letter-spacing: 0.7px;
  border-radius: 16px;
  border: 1px solid;
  padding: 0 6px;
  margin-top: 16px;
}
.card-item__status.on-moderate {
  color: #22b3ff;
}
.card-item__feedback {
  font-size: 12px;
  line-height: 1;
  color: #22b3ff;
  display: inline-block;
  border-bottom: 1px solid #22b3ff;
  width: fit-content;
  margin-top: 6px;
  transition: 0.4s ease 0s;
  opacity: 1;
  pointer-events: auto;
}
.card-item__feedback:hover {
  border-bottom-color: transparent;
  color: #49e3a4;
}

.create-material-wrapper {
  margin-top: 36px;
}
.create-material-wrapper h2.title {
  font-weight: 800;
  line-height: 1.31;
  letter-spacing: 0.05px;
  margin-bottom: 24px;
}

.create-material {
  display: flex;
}
.create-material h3.title {
  font-size: 20px;
  font-weight: bold;
  line-height: 1.25;
  letter-spacing: 0.07px;
  margin-bottom: 12px;
}
.create-material form {
  max-width: 714px;
  flex-shrink: 0;
}
.create-material .uploader-box .uploader-box__view-icon {
  border-color: transparent;
}
.create-material .form-group:first-of-type {
  max-width: 550px;
}
.create-material .form-group.form-group_select {
  max-width: 554px;
  margin-bottom: 48px;
}
.create-material .form-group__hit {
  font-size: 14px;
  font-style: italic;
  letter-spacing: 0.03px;
  color: #676767;
  margin-top: 10px;
  max-width: 450px;
}
.create-material .uploader-box__view {
  max-width: 586px;
  padding-right: 0;
}
.create-material .form-group.form-group_file {
  margin-bottom: 48px;
}
.create-material__info {
  margin-left: 36px;
  margin-top: -12px;
  position: relative;
  left: 12px;
}
.create-material__bubble-inner {
  background: url(../img/svg/b-210x254.svg) no-repeat 0 0;
  text-align: center;
  padding: 46px 24px 64px;
}
.create-material__bubble-icon {
  font-size: 60px;
  font-weight: 800;
  font-style: normal;
  font-stretch: normal;
  line-height: 0.63;
  letter-spacing: 0.12px;
  text-align: center;
  color: #22b3ff;
}
.create-material__bubble-title {
  font-size: 14px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.14;
  letter-spacing: 0.05px;
  text-align: center;
  color: #22b3ff;
  margin-top: 8px;
  margin-bottom: 12px;
}
.create-material__bubble-text {
  font-size: 12px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.33;
  letter-spacing: normal;
  text-align: center;
  color: #676767;
}
.create-material__bubble-text a {
  display: inline-block;
  border-bottom: 1px solid;
  color: #22b3ff;
  transition: 0.4s ease 0s;
}
.create-material__bubble-text a:hover {
  border-bottom-color: transparent;
}
.create-material__bubble-ava {
  margin-left: 16px;
}
.create-material__complete {
  max-width: 790px;
}
.create-material__complete p {
  font-size: 20px;
  font-weight: bold;
  line-height: 1.25;
  letter-spacing: 0.07px;
  margin-bottom: 12px;
}
.create-material__complete a {
  display: inline-block;
  color: #22b3ff;
  border-bottom: 1px solid #22b3ff;
  transition: 0.4s ease 0s;
}
.create-material__complete a:hover {
  border-bottom-color: transparent;
  color: #49e3a4;
}
.create-material__back {
  padding-bottom: 24px;
  margin-top: 48px;
}
.create-material.create-material--check {
  flex-direction: column;
  max-width: 737px;
}
.create-material__unit {
  margin-top: 12px;
  margin-bottom: 36px;
}
.create-material__unit-title {
  font-size: 14px;
  text-transform: uppercase;
  line-height: 2.71;
  letter-spacing: 0.04px;
  color: rgba(0, 0, 0, 0.4);
}
.create-material__unit-name {
  font-size: 32px;
  font-weight: bold;
  line-height: 0.78;
  letter-spacing: 0.11px;
  margin-top: 6px;
}
.create-material__unit-tags {
  margin-top: 28px;
}
.create-material__unit-tag {
  font-size: 14px;
  letter-spacing: 0.07px;
  border-radius: 5px;
  background-color: #e3fbff;
  display: inline-block;
  margin-right: 7px;
  padding: 4px 10px;
  transition: 0.4s ease 0s;
}
.create-material__unit-tag:hover {
  background-color: #49e3a4;
}
.create-material__unit-text-files-row {
  display: flex;
  margin-bottom: 12px;
}
.create-material__unit-text-files-row:last-child {
  margin-bottom: 0;
}
.create-material__unit-text-files-format {
  margin-left: 32px;
  margin-right: 24px;
  font-size: 14px;
  line-height: 1.57;
  letter-spacing: 0.05px;
  color: #ffffff;
  background: #22b3ff;
  border-radius: 4px;
  padding: 2px 4px;
  display: inline-flex;
  align-items: center;
  height: 24px;
}
.create-material__unit-media-file {
  display: flex;
  margin-bottom: 26px;
}
.create-material__unit-media-file:last-child {
  margin-bottom: 0;
}
.create-material__unit-media-file-img {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 120px;
  height: 90px;
  font-size: 32px;
  font-weight: bold;
  line-height: normal;
  letter-spacing: 0.11px;
  margin-right: 40px;
  box-shadow: 0 0 12px 0 rgba(19, 7, 31, 0.07);
  background-color: #ffffff;
  border-radius: 10px;
  overflow: hidden;
  color: #22b3ff;
}
.create-material__unit-media-file-size {
  font-size: 12px;
  line-height: 1.83;
  letter-spacing: 0.04px;
  color: #b2b2b2;
}
.create-material__unit-media-file-source {
  font-size: 12px;
  line-height: 1.83;
  letter-spacing: 0.04px;
  color: #b2b2b2;
}
.create-material__unit-comment p {
  font-size: 16px;
  line-height: 1.38;
  letter-spacing: 0.06px;
  margin-bottom: 12px;
}
.create-material__unit-comment p:last-child {
  margin-bottom: 0;
}
.create-material__unit-controls {
  margin-top: 10px;
  display: flex;
  align-items: center;
}
.create-material__unit-controls-back {
  font-size: 20px;
  font-weight: bold;
  letter-spacing: 0.07px;
  display: inline-block;
  color: #22b3ff;
  border-bottom: 1px solid #22b3ff;
  line-height: 1;
  margin-right: 50px;
  transition: 0.4s ease 0s;
}
.create-material__unit-controls-back:hover {
  border-bottom-color: transparent;
  color: #49e3a4;
}

.uploader-box__load-unit-text {
  display: flex;
  align-items: center;
}
.uploader-box__load-unit-text-name {
  font-size: 16px;
  line-height: 1.38;
  letter-spacing: 0.06px;
  margin-right: 36px;
  width: auto;
  max-width: 340px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.uploader-box__load-unit-text-format {
  background: #22b3ff;
  font-size: 14px;
  line-height: 1.57;
  letter-spacing: 0.05px;
  color: #ffffff;
  border-radius: 4px;
  text-transform: uppercase;
  padding: 2px 4px 0 4px;
  margin-right: 28px;
}
.uploader-box__load-unit-text-size {
  font-size: 16px;
  line-height: 1.38;
  letter-spacing: 0.06px;
  margin-right: 24px;
}
.uploader-box__load-unit-text button {
  width: 28px;
  height: 28px;
  box-shadow: 0 5px 10px 0 rgba(34, 179, 255, 0.6);
  border: 0;
  border-radius: 50%;
  background: #fff;
}
.uploader-box__load-unit-text button .icon {
  font-size: 12px;
  stroke: #22b3ff;
}

.sign-up .modal__header {
  margin-bottom: 16px;
}
.sign-up__title {
  font-size: 42px;
  font-weight: 800;
  line-height: 1.24;
  letter-spacing: 0.14px;
  color: #2d2d2d;
  margin-top: 24px;
  margin-bottom: 6px;
}
@media (max-width: 998px) {
  .sign-up__title {
    font-size: 30px;
    line-height: 1.07;
    letter-spacing: 0.03px;
  }
}
.sign-up__subtitle {
  font-size: 24px;
  font-weight: bold;
  line-height: 1.25;
  letter-spacing: 0.08px;
}
.sign-up__in {
  font-size: 14px;
  font-style: italic;
  letter-spacing: 0.03px;
  color: #676767;
}
.sign-up__in-wrapper {
  display: flex;
}
.sign-up__in-wrapper .sign-up__in:first-child {
  margin-right: 32px;
}
.sign-up__in a {
  font-style: normal;
  color: #22b3ff;
  text-decoration: underline;
  transition: 0.3s ease 0s;
}
.sign-up__in a:hover {
  color: #49e3a4;
  text-decoration: none;
}
.sign-up__wrapper .form-group.form-group--allow {
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: 0.02px;
  color: #2d2d2d;
  margin-left: 24px;
}
.sign-up__wrapper .form-group.form-group--allow a {
  color: #22b3ff;
  text-decoration: underline;
  transition: 0.3s ease 0s;
}
.sign-up__wrapper .form-group.form-group--allow a:hover {
  color: #49e3a4;
  text-decoration: none;
}
.sign-up__flex {
  display: flex;
  align-items: flex-start;
  margin-top: 24px;
}
.sign-up__submit {
  display: flex;
  margin-top: 48px;
}
.sign-up__txt .link {
  text-decoration: underline;
  border-bottom: 0;
}
.sign-up__txt .link:hover {
  text-decoration: none;
}

.sign-up-form .hint {
  font-size: 14px;
  font-style: italic;
  letter-spacing: 0.03px;
  line-height: 16px;
  color: #676767;
  margin-top: 12px;
  width: 100%;
}
.sign-up-form .form-group.form-group--allow {
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: 0.02px;
  color: #2d2d2d;
}
.sign-up-form .form-group.form-group--allow a {
  color: #22b3ff;
  text-decoration: underline;
  transition: 0.3s ease 0s;
}
.sign-up-form .form-group.form-group--allow a:hover {
  color: #49e3a4;
  text-decoration: none;
}
.sign-up-form .form-group.form-group--filled label {
  transform: translateY(-14px);
}
.sign-up-form .form-group .form-control:focus + label {
  transform: translateY(-14px);
}
.sign-up-form .form-group.form-group--submit {
  margin-top: 48px;
  margin-bottom: 24px;
}
.sign-up-form__row {
  display: flex;
  margin: 0 -6px 0;
  flex-wrap: wrap;
}
.sign-up-form__row .form-group {
  flex-basis: calc(50% - 12px);
  max-width: calc(50% - 12px);
  margin-left: 6px;
  margin-right: 6px;
}
@media (max-width: 998px) {
  .sign-up-form__row .form-group {
    flex-basis: calc(100% - 12px);
    max-width: calc(100% - 12px);
  }
}
.sign-up-form__row .hint {
  margin-top: -4px;
  margin-bottom: 12px;
  margin-left: 6px;
  margin-right: 6px;
}
@media (max-width: 998px) {
  .sign-up-form__row .hint {
    margin-top: 0;
  }
}

.promocode-sign-in {
  width: 412px;
  height: 146px;
  flex-shrink: 0;
  display: flex;
  border-radius: 20px;
  background-color: rgba(0, 0, 0, 0.04);
  padding: 24px 24px 24px 19px;
  margin-left: 48px;
}
@media (max-width: 998px) {
  .promocode-sign-in {
    width: 50%;
    margin-left: 24px;
  }
}
.promocode-sign-in__icon {
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 54px;
  height: 54px;
  background-color: #fff;
  border-radius: 50%;
  margin-right: 12px;
}
.promocode-sign-in__icon .icon {
  font-size: 3rem;
  fill: #22b3ff;
}
.promocode-sign-in__alert {
  font-size: 14px;
  font-style: italic;
  letter-spacing: 0.03px;
  color: #676767;
  margin-top: 10px;
}
.promocode-sign-in .form-group {
  margin-bottom: 0;
  max-width: 270px;
}
.promocode-sign-in.success {
  background: rgba(73, 227, 164, 0.2);
}
.promocode-sign-in.success .promocode-sign-in__icon {
  border: 2px solid #49e3a4;
}
.promocode-sign-in.success .promocode-sign-in__icon .icon {
  fill: #49e3a4;
}
.promocode-sign-in.success .promocode-sign-in__alert {
  color: #000;
}
.promocode-sign-in.error {
  background: rgba(255, 115, 115, 0.15);
}
.promocode-sign-in.error .promocode-sign-in__icon {
  border: 2px solid #ff7373;
}
.promocode-sign-in.error .promocode-sign-in__icon .icon {
  fill: #ff7373;
}
.promocode-sign-in.error .promocode-sign-in__alert {
  color: #ff7373;
  font-weight: 700;
}
.promocode-sign-in.error .form-group.form-group--filled .form-control {
  border-bottom-color: #ff7373;
  color: #ff7373;
}

.register-steps {
  margin-top: 36px;
  display: flex;
}
.register-steps__item {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 15px;
  font-weight: 800;
  letter-spacing: 0.05px;
  color: rgba(0, 0, 0, 0.25);
  width: 28px;
  height: 28px;
  object-fit: contain;
  border: solid 2px rgba(0, 0, 0, 0.25);
  border-radius: 50%;
  margin-right: 32px;
  padding-top: 2px;
  padding-left: 2px;
}
.register-steps__item:last-child {
  margin-right: 0;
}
.register-steps__item.current {
  color: #fff;
  border-color: #49e3a4;
  background-color: #49e3a4;
}
.register-steps__item.complete {
  border-color: #49e3a4;
  font-size: 0;
}
.register-steps__item.complete:after {
  content: "";
  background-image: url("../img/svgSprite/sign-in-check.svg");
  background-repeat: no-repeat;
  background-size: contain;
  width: 12px;
  height: 12px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-position: center center;
}

.sign-up-tabs__nav {
  display: flex;
  margin-left: -18px;
  margin-top: 24px;
}
@media (max-width: 998px) {
  .sign-up-tabs__nav {
    margin-left: 0;
    margin-right: -24px;
    overflow-x: auto;
  }
}
.sign-up-tabs__nav a {
  display: inline-block;
  border-radius: 28px;
  color: #22b3ff;
  font-size: 32px;
  font-weight: bold;
  line-height: 1.19;
  letter-spacing: 0.1px;
  padding: 9px 18px;
  margin-right: 12px;
  white-space: nowrap;
  transition: 0.3s ease 0s;
}
@media (max-width: 998px) {
  .sign-up-tabs__nav a {
    font-size: 16px;
    padding: 5px 10px;
    margin-right: 6px;
  }
}
.sign-up-tabs__nav a:last-child {
  margin-right: 0;
}
.sign-up-tabs__nav a:hover {
  color: #49e3a4;
}
.sign-up-tabs__nav a.active {
  background: #49e3a4;
  color: #fff;
}
.sign-up-tabs__content {
  margin-top: 32px;
  margin-bottom: 64px;
}

.sign-up-tab {
  display: none;
}
.sign-up-tab.active {
  display: block;
}
.sign-up-tab__desc {
  font-size: 24px;
  line-height: 1.25;
  letter-spacing: 0.08px;
}
@media (max-width: 580px) {
  .sign-up-tab__desc {
    font-size: 16px;
  }
  .sign-up-tab__desc br {
    display: none;
  }
}
.sign-up-tab .promocode-sign-in {
  max-width: 480px;
  flex-wrap: wrap;
  height: auto;
  width: auto;
  margin: 32px 0;
  align-items: center;
  padding: 24px;
}
.sign-up-tab .promocode-sign-in__inner {
  display: flex;
  flex-grow: 1;
}
.sign-up-tab .promocode-sign-in__btn {
  text-align: center;
  width: 100%;
}
.sign-up-tab .promocode-sign-in__alert {
  font-size: 16px;
  margin-top: 12px;
  line-height: 1.13;
}
.sign-up-tab .promocode-sign-in .form-group {
  max-width: 360px;
  width: 100%;
}
.sign-up-tab .promocode-sign-in__icon {
  width: 76px;
  height: 76px;
  border-width: 4px !important;
}
.sign-up-tab .promocode-sign-in__icon .icon {
  font-size: 38px;
}
.sign-up-tab .promocode-sign-in.success {
  max-width: 880px;
  flex-wrap: nowrap;
}
.sign-up-tab .promocode-sign-in.success .promocode-sign-in__btn {
  margin-right: 32px;
  width: auto;
}
.sign-up-tab .promocode-sign-in.success .promocode-sign-in__btn .btn {
  max-width: 300px;
  height: auto;
  border-radius: 35px;
}
.sign-up-tab .promocode-sign-in.error .promocode-sign-in__btn {
  display: none;
}

.sign-up-diplom .upload-diplom {
  margin-top: 24px;
  position: relative;
}
.sign-up-diplom .upload-diplom label {
  max-width: 566px;
}
.sign-up-diplom .upload-diplom.upload-diplom--visible {
  display: block;
}
.sign-up-diplom .upload-diplom__title {
  display: none;
}
.sign-up-diplom .upload-diplom__format {
  display: none;
}
.sign-up-diplom .upload-diplom__link {
  display: none;
}
.sign-up-diplom .upload-diplom__btn {
  margin-left: 16px;
  padding-left: 38px;
  padding-right: 38px;
}
@media (max-width: 580px) {
  .sign-up-diplom .upload-diplom__btn {
    margin-left: 6px;
  }
}
.sign-up-diplom .upload-diplom .btn-submit-diplom {
  max-width: 335px;
  height: auto;
  border-radius: 35px;
}
.sign-up-diplom .upload-diplom.success .upload-diplom__comment {
  display: none;
}
.sign-up-diplom .upload-diplom.success .upload-diplom__link {
  display: block;
}
.sign-up-diplom .upload-diplom.success .upload-diplom__btn {
  display: none;
}
.sign-up-diplom .upload-diplom.success .upload-diplom__title, .sign-up-diplom .upload-diplom.success .upload-diplom__format {
  display: block;
}
.sign-up-diplom .upload-diplom.success .upload-diplom__btn-row {
  text-align: center;
}
.sign-up-diplom .upload-diplom.failed .upload-diplom__comment {
  position: absolute;
  top: 27px;
  left: 112px;
  max-width: 390px;
}
.sign-up-diplom .upload-diplom.failed .upload-diplom__btn-row {
  padding-left: 88px;
}

.sign-up-filters {
  background: rgba(152, 237, 253, 0.4);
  padding-top: 24px;
  padding-bottom: 24px;
  margin-top: 32px;
  margin-bottom: 32px;
}
.sign-up-filters__inner {
  max-width: 980px;
  padding: 0 10px;
  margin: 0 auto;
}
.sign-up-filters__row {
  display: flex;
  max-width: 860px;
}
.sign-up-filters__row:first-child {
  margin-bottom: 16px;
}
.sign-up-filters__row .custom-select:first-child {
  max-width: 312px;
  margin-right: 20px;
}

.register-form__body {
  max-width: 980px;
  margin: 32px auto 0;
  padding: 0 10px;
}
.register-form__body .chanels-nav {
  margin-top: 0;
}

.sign-up-bottom {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  box-shadow: 0 0px 10px 0 rgba(19, 7, 31, 0.08);
  background-color: #ffffff;
  z-index: 99;
}
.sign-up-bottom__inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 980px;
  padding: 24px 10px 21px;
  margin: 0 auto;
}
.sign-up-bottom__txt {
  font-size: 20px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.25;
  letter-spacing: 0.07px;
}
.sign-up-bottom__txt .red {
  color: #ff7373;
}

.confirm-block {
  display: flex;
  margin-top: 32px;
  margin-bottom: 64px;
}

.confirm-item {
  display: inline-flex;
  align-items: center;
  width: 296px;
  border-radius: 20px;
  background: rgba(152, 237, 253, 0.4);
  margin-right: 32px;
  padding: 12px;
}
.confirm-item:last-child {
  margin-right: 0;
}
.confirm-item__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 76px;
  height: 76px;
  background-color: #fff;
  border-radius: 50%;
  border: 4px solid #22b3ff;
  flex-shrink: 0;
  margin-right: 12px;
}
.confirm-item__icon .icon {
  fill: #22b3ff;
}
.confirm-item__icon .icon-envelope-confirm, .confirm-item__icon .icon-file-search-alt, .confirm-item__icon .icon-upload {
  font-size: 28px;
}
.confirm-item__icon .icon-phone-confirm {
  font-size: 30px;
}
.confirm-item__caption {
  font-size: 20px;
  line-height: 1.1;
  letter-spacing: 0.07px;
  font-weight: 700;
}
.confirm-item.disabled {
  max-width: 340px;
  width: auto;
  background-color: rgba(0, 0, 0, 0.04);
}
.confirm-item.disabled .confirm-item__icon {
  border-color: #b6b6b6;
}
.confirm-item.disabled .confirm-item__icon .icon {
  fill: #b6b6b6;
}
.confirm-item.disabled .confirm-item__caption {
  font-size: 18px;
  line-height: 1.33;
}
.confirm-item.disabled .confirm-item__txt {
  line-height: 1.25;
  max-width: 210px;
}
.confirm-item.error {
  background-color: rgba(255, 115, 115, 0.15);
}
.confirm-item.error .confirm-item__icon {
  border-color: #ff7373;
}
.confirm-item.error .confirm-item__icon .icon {
  fill: #ff7373;
}

.btn.btn-mob-header {
  display: none;
}

@media (max-width: 1199px) {
  .confirm-item {
    margin-bottom: 24px;
    flex-shrink: 0;
  }
  .confirm-block {
    flex-wrap: wrap;
  }
}
@media (max-width: 767px) {
  .sign-up-tab .promocode-sign-in.success {
    flex-wrap: wrap;
    max-width: 100%;
  }
  .sign-up-tab .promocode-sign-in .promocode-sign-in__btn {
    margin-top: 12px;
  }
  .sign-up-tab .promocode-sign-in.success .promocode-sign-in__btn {
    margin-right: 0;
  }
  .sign-up-filters__row {
    flex-wrap: wrap;
  }
  .sign-up-filters__row .custom-select:first-child {
    max-width: 100%;
    width: 100%;
    margin-bottom: 16px;
    margin-right: 0;
  }
  .register-form__body .chanels-nav {
    margin-left: 0;
    margin-right: -24px;
  }
  .register-form__body {
    padding: 0 24px;
  }
  .register-form__body .chanels-nav__item {
    white-space: nowrap;
  }
  .sign-up-bottom__inner {
    flex-wrap: wrap;
    width: 100%;
  }
  .sign-up-bottom__txt {
    margin-right: 12px;
    font-size: 16px;
    margin-bottom: 6px;
  }
  .sign-up-bottom__txt span {
    font-size: 16px !important;
  }
  .confirm-block {
    flex-wrap: wrap;
  }
  .sign-up__flex {
    flex-wrap: wrap;
  }
  .promocode-sign-in {
    width: 100%;
    margin-left: 0;
    margin-bottom: 24px;
    order: 1;
    height: auto;
  }
  .sign-up-form {
    order: 2;
  }
  .sign-up__in-wrapper {
    flex-wrap: wrap;
  }
  .sign-up__submit {
    flex-wrap: wrap;
  }
  .mob-dropdown-btn {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    background-color: #fff;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 24px 0;
    transform: translateY(-100%);
    z-index: 99999;
    transition: transform 0.3s ease 0s;
  }
  .mob-dropdown-btn.active {
    box-shadow: 0 3px 10px 0 rgba(19, 7, 31, 0.21);
    transform: translateY(0);
  }
  .mob-dropdown-btn .btn.btn--md {
    width: 303px;
    height: 50px;
    text-align: center;
    justify-content: center;
    font-size: 20px;
    font-weight: bold;
    line-height: 1.05;
    letter-spacing: 0.04px;
    color: #ffffff;
  }
  .mob-dropdown-btn .btn.btn--md:first-child {
    margin-right: 0 !important;
    margin-bottom: 18px;
  }
  .btn.btn-mob-header {
    display: inline-flex;
    width: 38px;
    height: 38px;
    justify-content: center;
    align-items: center;
    box-shadow: 0 9px 12px 0 rgba(34, 179, 255, 0.32);
    background-color: #22b3ff;
    margin-right: 0 !important;
  }
  .btn.btn-mob-header .icon {
    fill: #fff;
    font-size: 18px;
  }
  .unregister-header-modal-bg {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #2d2d2d;
    opacity: 0.4;
    z-index: 105;
  }
}
@media (max-width: 767px) {
  .header-2.header-new {
    padding: 10px 0;
  }
}
@media (min-width: 768px) {
  .header-2.header-new {
    padding-bottom: 16px;
    min-height: 0;
    transition-duration: 0.6s;
    transition-delay: 0.6s;
    overflow: hidden;
  }
  .header-2.header-new.hidden-header {
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .header-2.header-new.hidden-header .header-new__logo img {
    width: 36px;
  }
  .header-2.header-new.hidden-header .header-new__container .header-nav.with_submenu {
    top: 20px;
  }
}
.header-2.header-new:before {
  bottom: 0;
}
@media (min-width: 768px) {
  .header-2 .header-new {
    background-color: red;
    padding-top: 21px;
  }
  .header-2 .header-new__container {
    align-items: stretch;
  }
  .header-2 .header-new__container .header-nav {
    align-items: center;
  }
  .header-2 .header-new__container .header-nav.with_submenu {
    margin-bottom: -16px;
    margin-top: -16px;
    position: relative;
    transition-duration: 0.6s;
    transition-delay: 0.6s;
    top: 0;
    align-items: flex-end;
  }
}
.header-2 .header-new__logo {
  padding: 0;
  background-color: transparent;
  width: 58px;
  justify-content: flex-start;
  height: auto;
  border-radius: 0;
}
.header-2 .header-new__logo img {
  transition-duration: 0.6s;
  transition-delay: 0.6s;
  width: 58px;
}
@media (max-width: 767px) {
  .header-2 .header-new__logo img {
    width: 44px;
  }
}
.header-2 .header .header-new__submenu {
  display: none;
}
.header-2 .header__left {
  flex-direction: column;
}
.header-2 .header__right {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-left: auto;
  flex-grow: 1;
}
.header-2 .header__button {
  padding: 10px 20px;
  font-size: 16px;
  cursor: pointer;
  box-shadow: 0px 5px 10px rgba(34, 179, 255, 0.14);
  font-weight: 700;
  color: #fff;
  background-color: #22b3ff;
  border-radius: 25px;
  border: none;
}
.header-2 .header__button:hover {
  background-color: #57c5ff;
}
@media (max-width: 998px) {
  .header-2 .header__button {
    display: none;
  }
}
.header-2 .header__button:not(:last-child) {
  margin-right: 8px;
}
.header-2 .header__search {
  width: 24px;
  height: 24px;
  cursor: pointer;
}
.header-2 .header__profile {
  width: 38px;
  height: 38px;
  cursor: pointer;
  display: none;
}
@media (max-width: 998px) {
  .header-2 .header__profile {
    display: block;
  }
}
.header-2 .header__profile svg {
  width: 38px;
  height: 38px;
}
.header-2 .header__container {
  display: flex;
  align-items: center;
  padding: 16px 0;
}
@media (max-width: 998px) {
  .header-2 .header__container {
    padding: 12px 20px;
    justify-content: space-between;
    align-items: center;
  }
}
@media (max-width: 998px) {
  .header-2 .header-new__container {
    align-items: center;
    padding-left: 20px;
    padding-right: 20px;
  }
}
.header-2 .header__logo {
  width: 138px;
  margin-right: 24px;
}
@media (max-width: 998px) {
  .header-2 .header__logo {
    width: 127px;
  }
}
.header-2 .header__right {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-left: auto;
}
.header-2 .header__btns {
  flex-grow: 1;
  display: flex;
  justify-content: flex-end;
}
.header-2 .header__btn {
  padding: 10px 0;
  background-color: #f5f5f5;
  font-size: 16px;
  border-radius: 8px;
  font-weight: 700;
  width: 40px;
  height: 40px;
  text-transform: uppercase;
  text-align: center;
  line-height: 1;
  cursor: pointer;
  position: relative;
}
.header-2 .header__btn:not(:last-child) {
  margin-right: 12px;
}
@media (max-width: 767px) {
  .header-2 .header__btn:not(:last-child) {
    margin-right: 0;
    margin-left: 12px;
  }
}
.header-2 .header__btn.--text {
  border-radius: 50%;
  padding-top: 14px;
}
.header-2 .header__btn.lk_button, .header-2 .header__btn.header-search-button {
  margin-left: 12px;
}
.header-2 .header .num {
  position: absolute;
  top: -4px;
  left: 70%;
  display: inline-block;
  vertical-align: middle;
  padding: 3px 6px 1px;
  font-weight: 700;
  font-size: 11px;
  line-height: 13px;
  color: #ffffff;
  background: #49E3A4;
  border-radius: 40px;
}
.header-2 .header__button {
  padding: 10px 20px;
  font-size: 16px;
  cursor: pointer;
  box-shadow: 0px 5px 10px rgba(34, 179, 255, 0.14);
}
@media (max-width: 998px) {
  .header-2 .header__button {
    display: none;
  }
}
.header-2 .header__button:not(:last-child) {
  margin-right: 8px;
}
.header-2 .header__search {
  width: 24px;
  height: 24px;
  cursor: pointer;
}
.header-2 .header__profile {
  width: 38px;
  height: 38px;
  cursor: pointer;
}
.header-2 .header__profile svg {
  width: 38px;
  height: 38px;
}
.header-2 .header-search-wrap {
  display: flex;
  flex-grow: 1;
  justify-content: flex-end;
}
.header-2 .header-search-wrap .header-search-input {
  display: none;
  flex-grow: 1;
}
.header-2 .header-search-wrap .header-search-input input {
  border: 0;
  border-bottom: rgba(45, 45, 45, 0.4) 1px solid;
  padding: 10px 0 5px 0;
  width: 100%;
}
.header-2 .header-search-wrap .header-search-input ::-webkit-input-placeholder {
  color: #979797;
}
.header-2 .header-search-wrap .header-search-input :-moz-placeholder {
  color: #979797;
  opacity: 1;
}
.header-2 .header-search-wrap .header-search-input ::-moz-placeholder {
  color: #979797;
  opacity: 1;
}
.header-2 .header-search-wrap .header-search-input :-ms-input-placeholder {
  color: #979797;
}
.header-2 .header-search-wrap .header-search-input ::-ms-input-placeholder {
  color: #979797;
}
.header-2 .header-search-wrap .header-search-input ::placeholder {
  color: #979797;
}
.header-2 .header-search-wrap.search-active .header-search-input {
  display: block;
}

.menu {
  display: flex;
  align-items: end;
  margin-right: 40px;
}
@media (max-width: 998px) {
  .menu {
    display: none;
  }
}
.menu__button {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 14px;
  background: #e9e9e9 5px 50% no-repeat;
  background-size: 18px;
  border-radius: 6px;
  padding: 0 8px 0 26px;
  white-space: nowrap;
  cursor: pointer;
  transition: ease-in 0.24s color, ease-in 0.24s background-color;
  height: 30px;
}
.menu__button:hover, .menu__button.active {
  background-color: #2D2D2D;
  color: #fff;
}
.menu__button:not(:last-child) {
  margin-right: 8px;
}
.menu__button img {
  width: 20px;
  height: 20px;
  margin-right: 4px;
  flex-shrink: 0;
  margin-bottom: 2px;
}
.menu__button span {
  font-weight: 700;
}
.menu__button .--color-purple {
  color: #CCA2DB;
}
.menu__button.link-ordi {
  background-image: url(../img/menu-img-ordi.png);
  padding-left: 34px;
  background-size: 26px;
}
.menu__button.link-academy {
  background-image: url(../img/button-3.png);
  background-size: 20px;
  padding-left: 28px;
}
.menu__button.link-academy span {
  color: #CCA2DB;
}
.menu__button.link-doctor {
  background-image: url(../img/button-4.png);
}
.menu__button.link-lab {
  background-image: url(../img/menu-img-lab.png);
}
.menu__button.link-lab span {
  color: #4899B9;
}

.new-submenu__link {
  padding: 9px 0 7px;
}

@media (min-width: 768px) {
  .new-submenu {
    margin-top: 11px;
  }
  .new-submenu__item.current .new-submenu__link {
    font-weight: 700;
  }
}
.chennel-author-slider {
  position: relative;
  margin-bottom: 30px;
}
.chennel-author-slider .slick-track {
  display: flex;
}
.chennel-author-slider__list {
  margin: 0 -10px;
}
.chennel-author-slider__item {
  width: 25%;
  padding: 0 10px;
}
.chennel-author-slider__inner {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
}
.chennel-author-slider__img {
  position: relative;
  width: 150px;
  height: 150px;
  margin: 0 auto 20px;
  border-radius: 50%;
  overflow: hidden;
}
.chennel-author-slider__img img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.chennel-author-slider__title {
  width: 100%;
  margin: 0 0 10px;
  font-size: 18px;
  line-height: 1.2;
  font-weight: 700;
  text-align: center;
  color: #fff;
}
.chennel-author-slider__text {
  width: 100%;
  margin: 0 0 10px;
  font-size: 14px;
  line-height: 1.2;
  font-weight: 300;
  text-align: center;
  color: #fff;
}
.chennel-author-slider__nav {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='10' height='19' viewBox='0 0 10 19'%3E%3Cdefs%3E%3Cpath id='e17ca' d='M406.475 543.966a1.699 1.699 0 0 1 2.293 0L415 549.81l6.232-5.843a1.699 1.699 0 0 1 2.293 0 1.454 1.454 0 0 1 0 2.15l-7.379 6.918a1.678 1.678 0 0 1-1.146.445c-.43 0-.842-.16-1.147-.445l-7.378-6.918a1.454 1.454 0 0 1 0-2.15z'/%3E%3C/defs%3E%3Cg%3E%3Cg transform='rotate(90 479.5 74)'%3E%3Cuse fill='%23fff' xlink:href='%23e17ca'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: 9px;
  background-position: 13px center;
  width: 38px;
  height: 38px;
  z-index: 3;
}
.chennel-author-slider__nav--next {
  right: -38px;
  transform: scaleX(-1);
}
@media (max-width: 1100px) {
  .chennel-author-slider__nav--next {
    right: 0;
  }
}
.chennel-author-slider__nav--prev {
  left: -38px;
}
@media (max-width: 1100px) {
  .chennel-author-slider__nav--prev {
    left: 0;
  }
}
.slick-slider .chennel-author-slider__nav {
  opacity: 1;
}

.main-banners {
  margin: 36px 0 0;
}
@media (max-width: 767px) {
  .main-banners .container {
    padding: 0;
  }
}
.main-banners__inner {
  position: relative;
  display: flex;
  width: 100%;
  min-height: 280px;
  padding: 30px 20px;
  color: #ffffff;
  overflow: hidden;
  border-radius: 20px;
}
@media (max-width: 767px) {
  .main-banners__inner {
    min-height: 220px;
    padding: 16px 12px;
  }
}
.main-banners__inner > picture img {
  position: absolute;
  top: 0;
  right: 0;
}
.main-banners__inner > img {
  position: absolute;
  bottom: 0;
  right: 0;
}
@media (max-width: 767px) {
  .main-banners__inner.banner-color-2 {
    position: relative;
    padding: 17px 13px 20px;
    background-color: #fff;
    flex-direction: column;
  }
  .main-banners__inner.banner-color-2:before {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    width: 304px;
    background-color: #F68170;
  }
  .main-banners__inner.banner-color-2 > img {
    position: static;
  }
  .main-banners__inner.banner-color-2 .lab {
    display: flex;
    align-items: center;
    color: #2d2d2d;
    font-size: 20px;
    font-weight: 700;
  }
  .main-banners__inner.banner-color-2 .lab img {
    width: 28px;
    margin-right: 6px;
  }
  .main-banners__inner.banner-color-2 .lab span {
    color: #4899B9;
  }
  .main-banners__inner.banner-color-2 .logo {
    width: 340px;
    margin-top: -7px;
  }
  .main-banners__inner.banner-color-2 .text {
    width: 307px;
    margin-top: 6px;
  }
  .main-banners__inner.banner-color-2 .badge-1 {
    position: absolute;
    right: 72px;
    top: -5px;
  }
  .main-banners__inner.banner-color-2 .men {
    position: absolute;
    width: 410px;
    top: 12px;
    right: -42px;
  }
  .main-banners__inner.banner-color-2 .badge-2 {
    position: absolute;
    right: -3px;
    bottom: 20px;
  }
}
.main-banners__content {
  position: relative;
  display: flex;
  flex-direction: column;
  flex-grow: 2;
  min-height: 100%;
}
.main-banners__title {
  margin: 0;
  max-width: 505px;
  font-weight: 700;
  font-size: 30px;
  line-height: 1.2;
}
@media (max-width: 991px) {
  .main-banners__title {
    font-size: 24px;
    line-height: 21px;
    font-weight: 400;
  }
}
@media (max-width: 767px) {
  .main-banners__title {
    font-size: 18px;
  }
}
@media (max-width: 575px) {
  .main-banners__title {
    max-width: 220px;
  }
}
@media (max-width: 767px) {
  .main-banners__title .mobile-bold {
    display: block;
    font-size: 28px;
    font-weight: 700;
    width: 100%;
    margin-bottom: 6px;
  }
}
.main-banners__title .mobile-bold-small {
  font-size: 24px;
  font-weight: 700;
}
@media (max-width: 767px) {
  .main-banners__title .mobile-bold-small {
    font-weight: 400;
  }
}
.main-banners__title-large {
  margin: 0;
  font-weight: 400;
  font-size: 80px;
  line-height: 118px;
  text-transform: uppercase;
}
@media (max-width: 991px) {
  .main-banners__title-large {
    font-size: 46px;
    line-height: 67px;
  }
}
.main-banners__title-large .color-black {
  color: #2D2D2D;
}
.main-banners__text {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin: auto 0 0;
  max-width: 500px;
  font-weight: 400;
  font-size: 20px;
  line-height: 120%;
}
@media (max-width: 991px) {
  .main-banners__text {
    max-width: 200px;
    margin-top: 0;
    font-size: 16px;
  }
}
@media (max-width: 991px) {
  .main-banners__title + .main-banners__text {
    margin-top: 19px;
  }
}
.main-banners__text-icon {
  position: relative;
  flex-shrink: 0;
  display: block;
  width: 52px;
  height: 52px;
  margin-right: 12px;
  border-radius: 50%;
  overflow: hidden;
}
@media (max-width: 767px) {
  .main-banners__text-icon {
    width: 40px;
    height: 40px;
  }
}
.main-banners__text-icon img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
@media (max-width: 575px) {
  .main-banners__text-icon + span {
    font-size: 12px;
    line-height: 14px;
  }
}
.main-banners .slick-dots {
  display: flex;
  justify-content: center;
  padding: 13px 0 9px;
}
@media (max-width: 575px) {
  .main-banners .slick-dots {
    padding: 5px 0 0;
  }
}
.main-banners .slick-dots button {
  width: 11px;
  height: 11px;
  margin: 3px;
  font-size: 0;
  color: rgba(0, 0, 0, 0);
  border: none;
  border-radius: 50%;
  background-color: rgba(45, 45, 45, 0.4);
  transition: all 0.3s ease-in-out;
}
.main-banners .slick-dots .slick-active button {
  background-color: rgb(45, 45, 45);
}
.main-banners.--new {
  line-height: 1.2;
  margin-top: 0;
}
.main-banners.--new .main-banners__title-large {
  font-size: 52px;
  line-height: 1.2;
  margin-top: 12px;
}
@media (max-width: 767px) {
  .main-banners.--new .main-banners__title-large {
    font-size: 38px;
  }
}
.main-banners.--new .main-banners__text {
  margin-top: 18px;
  width: 70%;
  max-width: 396px;
}
.main-banners.--new .main-banners__list .feed_slider_item {
  display: flex;
}
@media (max-width: 767px) {
  .main-banners.--new .main-banners__list .feed_slider_item {
    padding: 0 12px;
  }
}
.main-banners.--new .main-banners__item .sm {
  display: none;
}
.main-banners.--new .main-banners__item.big_left {
  width: 715px;
}
@media (max-width: 767px) {
  .main-banners.--new .main-banners__item.big_left {
    width: 100%;
  }
  .main-banners.--new .main-banners__item.big_left .banner-color-5 {
    background: linear-gradient(276deg, #ABE0FC 18.75%, #E8F7FF 82.7%);
    position: relative;
  }
  .main-banners.--new .main-banners__item.big_left .banner-color-5:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url(../img/feed-new/banner-promo-ym-2023-mobile-text.png) 7px 26px no-repeat;
  }
  .main-banners.--new .main-banners__item.big_left .banner-color-5:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url(../img/feed-new/banner-promo-ym-2023-mobile-image.png) 100% 100% no-repeat;
  }
}
.main-banners.--new .main-banners__item.big_left .big {
  display: block;
}
@media (max-width: 767px) {
  .main-banners.--new .main-banners__item.big_left .banner-color-4 {
    background: linear-gradient(133deg, rgba(199, 188, 229, 0.95) 4.36%, #F6F3FF 112.75%);
    position: relative;
  }
  .main-banners.--new .main-banners__item.big_left .banner-color-4:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url(../img/feed-new/banner-cpk-mobile-text.png) 12px 23px no-repeat;
    background-size: 232px auto;
  }
  .main-banners.--new .main-banners__item.big_left .banner-color-4:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url(../img/feed-new/banner-cpk-mobile-image.png) 100% 100% no-repeat;
  }
}
.main-banners.--new .main-banners__item.small_right {
  width: 221px;
  opacity: 1;
  margin-left: 24px;
}
.main-banners.--new .main-banners__item.small_right .sm {
  display: block;
}
.main-banners.--new .main-banners__item.small_right .big {
  display: none;
}
.main-banners.--new .main-banners__item.small_right .main-banners__inner {
  padding: 12px;
}
.main-banners.--new .main-banners__item.small_right .main-banners__title {
  font-size: 26px;
}
.main-banners.--new .main-banners__item.small_right .main-banners__subtitle {
  font-size: 16px;
}
.main-banners.--new .main-banners__item.small_right .main-banners__text {
  display: none;
}
.main-banners.--new .main-banners__item.small_right .mobile-bold-small {
  font-size: 18px;
}
.main-banners.--new .main-banners__item.small_right .main-banners__title-large {
  font-size: 32px;
}
.main-banners.--new .main-banners__item--new {
  overflow: hidden;
}
.main-banners.--new .main-banners__item--new.big_left .big {
  display: none;
}
.main-banners.--new .main-banners__item--new .main-banners__inner {
  padding: 17px 12px 21px;
}
@media (max-width: 767px) {
  .main-banners.--new .main-banners__item--new .main-banners__inner {
    padding: 23px 12px 16px;
  }
}
.main-banners.--new .main-banners__item--new .main-banners__title-large {
  font-size: 37px;
  font-weight: 700;
  color: #2d2d2d;
  text-transform: none;
  position: relative;
  z-index: 2;
  margin-top: 24px;
  max-width: 500px;
  position: relative;
}
@media (max-width: 767px) {
  .main-banners.--new .main-banners__item--new .main-banners__title-large {
    font-size: 22px;
    max-width: 200px;
    margin-top: 6px;
    position: static;
  }
}
.main-banners.--new .main-banners__item--new .main-banners__title-large::before {
  content: "";
  position: absolute;
  top: -3px;
  left: -5px;
  width: 323px;
  height: 92px;
  background-image: url(../img/banners/asset-2.png);
  z-index: -1;
}
@media (max-width: 767px) {
  .main-banners.--new .main-banners__item--new .main-banners__title-large::before {
    display: none;
  }
}
.main-banners.--new .main-banners__item--new .main-banners__title-large .colored {
  position: relative;
  z-index: 2;
  display: inline-block;
}
@media (max-width: 767px) {
  .main-banners.--new .main-banners__item--new .main-banners__title-large .colored {
    transform: translateX(-6px);
    padding: 2px 6px;
  }
}
.main-banners.--new .main-banners__item--new .main-banners__title-large .colored::before {
  padding: 4px;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #BCA6DE;
  border-radius: 10px;
  z-index: -1;
  display: none;
}
@media (max-width: 767px) {
  .main-banners.--new .main-banners__item--new .main-banners__title-large .colored::before {
    display: inline-block;
  }
}
.main-banners.--new .main-banners__item--new .main-banners__text {
  color: #2d2d2d;
  font-size: 16px;
  margin-top: 7px;
}
@media (max-width: 767px) {
  .main-banners.--new .main-banners__item--new .main-banners__text {
    font-size: 12px;
    margin-top: 12px;
  }
}
.main-banners.--new .main-banners__item--new .main-banners__asset-1 {
  position: absolute;
  top: 0;
  left: 318px;
  width: 53px;
}
@media (max-width: 767px) {
  .main-banners.--new .main-banners__item--new .main-banners__asset-1 {
    left: 172px;
  }
}
.main-banners.--new .main-banners__item--new .main-banners__asset-1 img {
  width: 100%;
}
.main-banners.--new .main-banners__item--new .main-banners__asset-2 {
  position: absolute;
  right: -7px;
  bottom: -23px;
  width: 250px;
  filter: blur(4.5px);
}
@media (max-width: 767px) {
  .main-banners.--new .main-banners__item--new .main-banners__asset-2 {
    width: 200px;
    right: -38px;
    bottom: -52px;
  }
}
.main-banners.--new .main-banners__item--new .main-banners__asset-2 img {
  width: 100%;
}
.main-banners.--new .main-banners__item--new .main-banners__asset-3 {
  position: absolute;
  right: 0;
  top: 0;
}
@media (max-width: 767px) {
  .main-banners.--new .main-banners__item--new .main-banners__asset-3 {
    top: -11px;
    right: -17px;
    width: 260px;
  }
}
.main-banners.--new .main-banners__item--new .main-banners__discount {
  padding: 10px;
  background-color: #49E3A4;
  border-radius: 80px;
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
  position: absolute;
  right: 81px;
  bottom: -14px;
  transform: rotate(-10deg);
}
@media (max-width: 767px) {
  .main-banners.--new .main-banners__item--new .main-banners__discount {
    transform: none;
    bottom: 0;
    right: 9px;
  }
}
@media (max-width: 767px) {
  .main-banners.--new .main-banners__item--new.small_right {
    display: none;
  }
}
.main-banners.--new .main-banners__item--new.small_right .sm {
  display: none;
}
.main-banners.--new .main-banners__item--new.small_right .banner-top__title {
  font-size: 14px;
  white-space: nowrap;
}
.main-banners.--new .main-banners__item--new.small_right .banner-top__img {
  width: 30px;
}
.main-banners.--new .main-banners__item--new.small_right .main-banners__inner {
  padding: 43px 13px 43px 12px;
}
.main-banners.--new .main-banners__item--new.small_right .main-banners__title-large {
  font-size: 22px;
  margin-top: 6px;
}
.main-banners.--new .main-banners__item--new.small_right .main-banners__title-large::before {
  display: none;
}
.main-banners.--new .main-banners__item--new.small_right .main-banners__title-large .colored {
  padding: 2px 6px;
  transform: translateX(-6px);
}
.main-banners.--new .main-banners__item--new.small_right .main-banners__title-large .colored::before {
  display: inline-block;
}
.main-banners.--new .main-banners__item--new.small_right .main-banners__discount {
  display: none;
}
.main-banners.--new .main-banners__item--new.small_right .main-banners__asset-1 {
  left: 67px;
}
.main-banners.--new .main-banners__item--new.small_right .main-banners__asset-2 {
  right: -52px;
  bottom: -105px;
}
.main-banners.--new .main-banners__item--new.small_right .main-banners__asset-3 {
  right: -8px;
  bottom: 8px;
  position: absolute;
  width: 125px;
  z-index: 2;
  top: auto;
}
@media (max-width: 767px) {
  .main-banners.--new .main-banners__item.big_left .banner-color-2 {
    padding: 20px 17px 0;
  }
  .main-banners.--new .main-banners__item.big_left .banner-color-2:before {
    width: 104px;
  }
  .main-banners.--new .main-banners__item.big_left .banner-color-2 .lab {
    font-size: 14px;
  }
  .main-banners.--new .main-banners__item.big_left .banner-color-2 .lab img {
    width: 20px;
    margin-right: 4px;
  }
  .main-banners.--new .main-banners__item.big_left .banner-color-2 .logo {
    width: 210px;
    margin-top: 2px;
  }
  .main-banners.--new .main-banners__item.big_left .banner-color-2 .text {
    margin-top: 7px;
    width: 164px;
  }
  .main-banners.--new .main-banners__item.big_left .banner-color-2 .men {
    position: absolute;
    width: 222px;
    top: 20px;
    right: -50px;
  }
  .main-banners.--new .main-banners__item.big_left .banner-color-3 {
    background: linear-gradient(133deg, rgba(199, 188, 229, 0.95) 4.36%, #F6F3FF 112.75%);
  }
  .main-banners.--new .main-banners__item.big_left .banner-color-3 .main-banners__text {
    margin-top: 0;
  }
}

.banner-top {
  display: flex;
  align-items: center;
}
.banner-top__img {
  width: 41px;
}
@media (max-width: 767px) {
  .banner-top__img {
    width: 30px;
  }
}
.banner-top__img img {
  width: 100%;
}
.banner-top__title {
  font-size: 20px;
  font-weight: 700;
  margin-left: 3px;
  text-transform: uppercase;
  margin-top: 2px;
}
@media (max-width: 767px) {
  .banner-top__title {
    font-size: 14px;
  }
}

@media (max-width: 767px) {
  .banner-1 .main-banners__inner {
    background: #cca2db url(../img/feed-new/banner-1.png) 90% 170% no-repeat;
    background-size: 500px;
  }
  .banner-1 .main-banners__inner picture.big {
    display: none !important;
  }
  .banner-2 .main-banners__inner {
    background-color: #01ab77;
  }
}
.top-content {
  position: relative;
  min-height: 422px;
  padding-bottom: 48px;
  z-index: 100;
}
@media (max-width: 998px) {
  .top-content {
    height: auto;
    padding-bottom: 24px;
    min-height: 0;
  }
}
@media (max-width: 767px) {
  .top-content {
    z-index: 100;
  }
}
@media (max-width: 479px) {
  .top-content {
    padding-bottom: 20px;
  }
}
.top-content__bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  filter: grayscale(40%);
}
.top-content__bg.top-content__bg--expert {
  filter: blur(20px) grayscale(40%);
}
.top-content__container {
  position: relative;
  z-index: 10;
  max-width: 980px;
  padding: 0 10px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  height: 100%;
}
@media (max-width: 998px) {
  .top-content__container {
    max-width: 100%;
    height: auto;
    padding-left: 24px;
    padding-right: 24px;
  }
}
.top-content:before {
  content: "";
  background-color: rgba(0, 0, 0, 0.3);
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 5;
}

.chanel-header .title {
  margin-bottom: 16px;
}
.chanel-header__row {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
@media (max-width: 580px) {
  .chanel-header__row {
    flex-wrap: wrap;
  }
}
.chanel-header__row.chanel-header__row--author {
  margin: 12px 0 26px -20px;
}
@media (max-width: 767px) {
  .chanel-header__row.chanel-header__row--author {
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-start;
  }
}
@media (max-width: 998px) {
  .chanel-header__row.chanel-header__row--author {
    margin: 12px 0 24px;
    position: relative;
  }
}
@media (max-width: 998px) {
  .chanel-header__row.chanel-header__row--author .title {
    font-size: 4.4rem;
    line-height: 1.1;
  }
}
@media (max-width: 767px) {
  .chanel-header__row.chanel-header__row--author .title {
    font-size: 3.2rem;
  }
}
@media (max-width: 580px) {
  .chanel-header__row.chanel-header__row--author .title {
    font-size: 3rem;
  }
}
@media (max-width: 479px) {
  .chanel-header__row.chanel-header__row--author .title {
    font-size: 2.4rem;
    margin-bottom: 0;
  }
}
@media (max-width: 767px) {
  .chanel-header__row.chanel-header__row--author p {
    margin-top: 12px;
  }
}
.chanel-header__text {
  margin-top: 5px;
}
@media (max-width: 767px) {
  .chanel-header__text {
    margin-top: 0;
    width: 70%;
  }
}
@media (max-width: 479px) {
  .chanel-header__text {
    width: calc(100% - 72px);
  }
}
.chanel-header__text p {
  max-width: 640px;
}
.chanel-header__avatar {
  flex: 0 0 auto;
  margin-right: 40px;
}
@media (max-width: 998px) {
  .chanel-header__avatar {
    margin-right: 24px;
  }
}
@media (max-width: 767px) {
  .chanel-header__avatar {
    width: calc(30% - 24px);
  }
}
@media (max-width: 479px) {
  .chanel-header__avatar {
    width: 60px;
    height: 60px;
    margin-right: 12px;
  }
}
.chanel-header__avatar img {
  border-radius: 50%;
  filter: grayscale(40%);
  box-shadow: 0 6px 21px 0 rgba(0, 0, 0, 0.27);
}
.chanel-header__meta {
  display: flex;
}
@media (max-width: 580px) {
  .chanel-header__meta {
    order: 2;
  }
}
.chanel-header__tags {
  flex-grow: 1;
  position: relative;
  display: flex;
  align-items: flex-start;
  max-width: 465px;
  flex-basis: 465px;
  flex-wrap: wrap;
}
@media (max-width: 580px) {
  .chanel-header__tags {
    width: 100%;
    order: 1;
    margin-bottom: 12px;
  }
}
.chanel-header .multiply-list {
  margin: 2px 0;
}
.chanel-header__tag {
  display: inline-flex;
  border-radius: 0.5rem;
  background-color: rgba(255, 255, 255, 0.8);
  color: #2e2e2e;
  font-size: 1.4rem;
  letter-spacing: 0.1px;
  padding: 5px 10px;
  line-height: 1.3;
  margin-right: 6px;
  cursor: pointer;
  transition: all 0.2s linear;
  margin-bottom: 2px;
  margin-top: 2px;
}
@media (max-width: 479px) {
  .chanel-header__tag {
    font-size: 1.2rem;
    padding: 6.5px 8px;
  }
  .chanel-header__tag:not(:first-of-type) {
    display: none;
  }
}
.chanel-header__tag:hover {
  color: #49e3a4;
  background-color: #fff;
}
.chanel-header__tag:hover .icon {
  fill: #49e3a4;
}
@media (max-width: 998px) {
  .chanel-header__btn .btn.btn--q {
    margin-bottom: 15px;
  }
}
@media (max-width: 580px) {
  .chanel-header__btn {
    order: 3;
    margin: 12px 0;
  }
}
.chanel-header__subscribers, .chanel-header__articles {
  color: rgba(255, 255, 255, 0.8);
  font-size: 1.6rem;
  letter-spacing: 0.008rem;
  line-height: 1.39;
  margin-right: 24px;
  display: flex;
  align-items: center;
  transition: 0.4s ease 0s;
}
@media (max-width: 580px) {
  .chanel-header__subscribers, .chanel-header__articles {
    margin-right: 12px;
  }
}
.chanel-header__subscribers .icon, .chanel-header__articles .icon {
  fill: rgba(255, 255, 255, 0.8);
  margin-right: 4px;
  margin-top: -3px;
  transition: 0.4s ease 0s;
}
.chanel-header__subscribers:hover, .chanel-header__articles:hover {
  color: #fff;
}
.chanel-header__subscribers:hover .icon, .chanel-header__articles:hover .icon {
  fill: #fff;
}
.chanel-header__subscribers .label, .chanel-header__articles .label {
  margin-left: 4.5px;
}
.chanel-header__author {
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: 0.8px;
  line-height: 0.93;
  text-transform: uppercase;
  color: #fff;
  display: flex;
  white-space: nowrap;
  align-items: center;
  margin-top: 7px;
}
@media (max-width: 580px) {
  .chanel-header__author {
    position: relative;
    padding-right: 25px;
    margin-top: 10px;
  }
}
.chanel-header__author img {
  box-shadow: 0 4px 7px 0 rgba(19, 7, 31, 0.14);
  border: solid 1px #ffffff;
  border-radius: 50%;
}
.chanel-header__author .icon-no-avatar, .chanel-header__author .icon-person {
  fill: #fff;
  width: 26px;
  height: 18px;
}
.chanel-header__author span {
  display: inline-block;
  margin-left: 4px;
}
.chanel-header__author a {
  color: #fff;
}
.chanel-header.chanel-header--events .title.title--lg {
  line-height: 1.06;
}
@media (max-width: 998px) {
  .chanel-header.chanel-header--events .title.title--lg {
    line-height: 1em;
  }
}
.chanel-header.chanel-header--events .chanel-header__text {
  width: 700px;
}
.chanel-header.chanel-header--events .chanel-header__text p {
  max-width: 480px;
}
.chanel-header.chanel-header--webinars .chanel-header__text {
  width: 700px;
}
.chanel-header.chanel-header--webinars .chanel-header__text p {
  max-width: 480px;
  width: fit-content;
  display: inline-block;
}
.chanel-header.chanel-header--webinars .chanel-header__text p span.text--sm {
  display: block;
  margin-top: 18px;
}
.chanel-header.chanel-header--themes .chanel-header__text p {
  max-width: 480px;
  width: fit-content;
  display: inline-block;
}
.chanel-header.chanel-header--themes .chanel-header__text p span.text--sm {
  display: block;
  margin-top: 18px;
}
@media (max-width: 998px) {
  .chanel-header__authors-list {
    margin-bottom: 20px;
  }
}
@media (max-width: 580px) {
  .chanel-header__authors-list {
    position: relative;
  }
}
@media (max-width: 580px) {
  .chanel-header__mobDropdown-container {
    opacity: 0;
    visibility: hidden;
    position: absolute;
    top: calc(100% + 10px);
    left: 0;
    padding: 10px;
    border-radius: 5px;
    background-color: rgba(255, 255, 255, 0.9);
    transform: translate(0, 20px);
    transition: all 0.3s ease;
  }
}
@media (max-width: 580px) {
  .chanel-header__mobDropdown-container.mobDropdown-container--opened {
    opacity: 1;
    visibility: visible;
    transform: translate(0, 0);
    z-index: 100;
  }
}
@media (max-width: 580px) {
  .chanel-header__mobDropdown-container .chanel-header__author span {
    color: #13071f;
  }
}
.chanel-header__mobDropdown-btn {
  border: none;
  background-color: transparent;
  position: absolute;
  top: 0;
  right: 0;
  display: none;
}
@media (max-width: 580px) {
  .chanel-header__mobDropdown-btn {
    display: block;
  }
}
.chanel-header__mobDropdown-btn .icon {
  fill: rgba(255, 255, 255, 0.4);
}
@media (max-width: 767px) {
  .chanel-header__mobile-remove-inner {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }
}
@media (max-width: 767px) {
  .chanel-header__mobile-remove-inner .chanel-header__tag {
    padding: 0;
    margin: 0 0 8px;
  }
}

.material-type {
  display: flex;
  flex-grow: 1;
  justify-content: flex-end;
}
.material-type__item {
  width: 26px;
  height: 26px;
  border-radius: 15.4px;
  background-color: #98edfd;
  margin-right: 6px;
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  font-weight: bold;
  line-height: 1;
  letter-spacing: 0.1px;
  color: #13071f;
}
.material-type__item .icon-play-card {
  width: 14px;
  height: 14px;
}
.material-type__item .icon-book-card {
  width: 13px;
  height: 13px;
}
.material-type__item .icon-music-card {
  width: 13px;
  height: 14px;
}
.material-type__item:last-of-type {
  margin-right: 0;
}
.material-type__item.material-type__item--fastest {
  width: auto;
  padding: 3px 6px 0 6px;
}
.material-type__item.material-type__item--fastest .icon {
  margin-right: 5px;
  margin-top: -3px;
}

.card-list {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -12px;
}
@media (max-width: 580px) {
  .card-list {
    flex-direction: column;
    align-items: center;
  }
}
.card-list.card-list--others .card-item {
  margin-bottom: 41px;
}

.card-item {
  display: flex;
  flex-direction: column;
  box-shadow: 0 0 12px rgba(19, 7, 31, 0.07);
  background-color: #ffffff;
  margin: 0 12px 24px;
  position: relative;
  padding-bottom: 15px;
  border-radius: 20px;
  min-height: 384px;
}
.card-item--new {
  min-height: 316px;
}
.card-item--new .card-item__chanels {
  display: none;
}
.card-item--new-v2 .card-item__author-cont-img {
  display: flex;
}
.card-item--new-v2 .card-item__author-cont-img img ~ img {
  transform: translateX(-6px);
}
.card-item--new-v2 .card-item__labels {
  display: none;
}
@media (max-width: 998px) {
  .card-item {
    min-height: 360px;
  }
}
.card-item.card-item--sm {
  max-width: calc(33.3333% - 24px);
  flex-basis: calc(33.3333% - 24px);
}
@media (max-width: 767px) {
  .card-item.card-item--sm {
    max-width: calc(50% - 24px);
    flex-basis: calc(50% - 24px);
  }
}
@media (max-width: 580px) {
  .card-item.card-item--sm {
    width: 304px;
    max-width: 304px;
  }
}
.card-item.card-item--sm .card-item__description {
  display: none;
}
.card-item.card-item--lg {
  max-width: calc(66.6666% - 24px);
  flex-basis: calc(66.6666% - 24px);
}
@media (max-width: 767px) {
  .card-item.card-item--lg {
    max-width: calc(50% - 24px);
    flex-basis: calc(50% - 24px);
  }
}
@media (max-width: 580px) {
  .card-item.card-item--lg {
    width: 304px;
    max-width: 304px;
  }
}
.card-item.card-item--lg .card-item__place-time {
  margin: 0 22px;
}
.card-item.card-item--lg .card-item__date-info {
  bottom: 17px;
}
.card-item.card-item--lg .card-item__date {
  width: 100px;
}
.card-item.card-item--lg .card-item__time {
  font-size: 2.4rem;
  letter-spacing: 0.1px;
  line-height: 1.25;
}
@media (max-width: 580px) {
  .card-item.card-item--lg .card-item__time {
    font-size: 2rem;
  }
}
.card-item.card-item--lg .card-item__event-name {
  font-size: 2.4rem;
  letter-spacing: 0.1px;
  line-height: 1.25;
  max-width: 350px;
  margin-left: 24px;
}
@media (max-width: 580px) {
  .card-item.card-item--lg .card-item__event-name {
    font-size: 2rem;
  }
}
.card-item.card-item--lg .card-item__date--day {
  font-size: 7.6rem;
  letter-spacing: 0.3px;
  line-height: 0.39;
}
@media (max-width: 479px) {
  .card-item.card-item--lg .card-item__date--day {
    font-size: 6.4rem;
  }
}
.card-item.card-item--lg .card-item__date--month {
  font-size: 2.4rem;
  line-height: 1.25;
  letter-spacing: 0.1px;
}
@media (max-width: 479px) {
  .card-item.card-item--lg .card-item__date--month {
    font-size: 2rem;
    line-height: 1.6em;
  }
}
.card-item.card-item--lg .card-item__place {
  font-size: 1.8rem;
  letter-spacing: 0.1px;
  line-height: 1.44;
  margin-top: 3px;
}
@media (max-width: 479px) {
  .card-item.card-item--lg .card-item__place {
    font-size: 1.4rem;
    line-height: 1.2em;
  }
}
.card-item.card-item--lg .card-item__title {
  font-size: 2.4rem;
  line-height: 1.25;
}
@media (max-width: 998px) {
  .card-item.card-item--lg .card-item__title {
    font-size: 1.7rem;
  }
}
.card-item.card-item--lg.card-item--new .card-item__title {
  font-size: 18px;
  line-height: 120%;
}
.card-item.card-item--lg .card-item__col {
  margin-right: 24px;
}
.card-item.card-item--lg .card-item__col .card-item__title {
  margin-right: 24px;
}
.card-item.card-item--lg .card-item__description .card-item__author {
  margin-top: 0;
  margin-bottom: 15px;
}
@media (max-width: 580px) {
  .card-item.card-item--new {
    position: relative;
    padding-left: 25%;
    width: calc(100% + 24px);
    min-height: 150px;
    max-width: 100%;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 16px;
    padding-bottom: 10px;
    box-shadow: 0px 0px 12px rgba(19, 7, 31, 0.069803);
    border-radius: 20px;
    overflow: hidden;
  }
}
.card-item.card-item--new .card-item__col {
  display: flex;
  flex-direction: column;
}
.card-item.card-item--lgest .card-item__title {
  font-size: 3.2rem;
  font-weight: 700;
  letter-spacing: 0.01rem;
  line-height: 3.8rem;
}
@media (max-width: 998px) {
  .card-item.card-item--lgest .card-item__title {
    font-size: 3rem;
    line-height: 1.2em;
  }
}
@media (max-width: 767px) {
  .card-item.card-item--lgest .card-item__title {
    font-size: 2.6rem;
  }
}
@media (max-width: 479px) {
  .card-item.card-item--lgest .card-item__title {
    font-size: 2rem;
  }
}
.card-item.card-item--lgest .card-item__date--day {
  font-size: 7.6rem;
  line-height: 0.39;
  letter-spacing: 0.26px;
}
.card-item.card-item--lgest .card-item__date--month {
  font-size: 2.4rem;
  line-height: 1.25;
  letter-spacing: 0.08px;
}
.card-item.card-item--lgest .card-item__event-name {
  font-size: 2.4rem;
  line-height: 1.25;
  letter-spacing: 0.08px;
}
.card-item.card-item--lgest .card-item__description {
  font-size: 1.6rem;
  font-weight: 400;
  letter-spacing: 0.006rem;
  line-height: 2.4rem;
  width: 336px;
  margin-top: 12px;
}
.card-item.card-item--lgest .card-item__description .card-item__author {
  margin-top: 0;
  margin-bottom: 12px;
}
@media (max-width: 479px) {
  .card-item.card-item--lgest .card-item__description {
    width: 100%;
  }
}
.card-item .material-type {
  position: absolute;
  top: 12px;
  right: 12px;
  z-index: 10;
}
.card-item__body {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  padding: 0 12px;
}
@media (max-width: 580px) {
  .card-item--new .card-item__body {
    padding: 12px 10px;
    width: 100%;
    max-width: 100%;
  }
}
.card-item__img {
  position: relative;
  border-radius: 20px 20px 0 0;
  overflow: hidden;
}
.card-item__img > picture img,
.card-item__img > img {
  border-radius: 20px 20px 0 0;
  filter: grayscale(40%);
}
.card-item--new .card-item__img {
  position: relative;
  height: 120px;
}
@media (max-width: 580px) {
  .card-item--new .card-item__img {
    position: absolute;
    left: 0;
    top: 0;
    width: 24%;
    height: 100%;
    border-radius: 0;
  }
}
.card-item--new .card-item__img::before {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.4);
  content: "";
}
.card-item--new .card-item__img > picture img,
.card-item--new .card-item__img > img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  filter: none;
  object-fit: cover;
}
@media (max-width: 580px) {
  .card-item--new .card-item__img > picture img,
  .card-item--new .card-item__img > img {
    border-radius: 0;
  }
}
.card-item__author-wrapper {
  margin-bottom: 10px;
  margin-top: 15px;
  display: flex;
  align-items: center;
}
.card-item--new .card-item__author-wrapper {
  margin-top: 0;
  margin-bottom: 14px;
}
@media (max-width: 767px) {
  .card-item--new .card-item__author-wrapper {
    margin-bottom: 0;
  }
}
.card-item__author {
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 0.7px;
  text-transform: uppercase;
  margin-right: 5px;
  line-height: 1;
  position: relative;
  display: inline-flex;
  align-items: center;
  width: fit-content;
  max-width: 100%;
  transition: 0.4s ease 0s;
  flex-direction: column;
}
@media (max-width: 580px) {
  .card-item__author {
    font-size: 10px;
    font-weight: 400;
    line-height: 20px;
  }
}
.card-item__author img {
  border-radius: 50%;
  width: 100%;
  max-width: 30px;
  flex-shrink: 0;
  border: 1px solid #fff;
}
.card-item__author .icon-no-avatar,
.card-item__author .icon-person {
  font-size: 1.6rem;
}
.card-item__author span {
  margin-left: 4px;
  display: inline-block;
  margin-left: 6px;
  padding-top: 3px;
  line-height: 1;
}
.card-item__author span.num {
  padding: 3px 4px 2px;
  font-weight: 700;
  font-size: 10px;
  line-height: 9px;
  letter-spacing: 0.04px;
  color: #FFFFFF;
  background: rgba(45, 45, 45, 0.4);
  border-radius: 9px;
}
.card-item__author a {
  display: inline-flex;
  max-width: 100%;
  overflow: hidden;
  white-space: nowrap;
  align-items: center;
  transition: 0.4s ease 0s;
  margin-bottom: 5px;
}
.card-item__author a:last-child {
  margin-bottom: 0;
}
.card-item__author a:hover {
  color: #49e3a4;
}
.card-item__title {
  display: inline-block;
  font-size: 2rem;
  font-weight: 700;
  letter-spacing: 0.1px;
  line-height: 2.5rem;
  margin-top: 6px;
  flex-grow: 1;
  transition: 0.4s ease 0s;
}
@media (max-width: 998px) {
  .card-item__title {
    font-size: 1.8rem;
    line-height: 1.25;
  }
}
.card-item__title:hover {
  color: #0ce890;
}
.card-item__title + .card-item__author {
  margin-top: 12px;
  margin-bottom: 24px;
  font-weight: 400;
}
.card-item--new .card-item__title {
  position: relative;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  margin: 18px 0 20px;
  font-weight: 700;
  font-size: 18px;
  line-height: 120%;
  font-size: 18px;
  letter-spacing: 0.07px;
  max-height: 88px;
}
@media (max-width: 580px) {
  .card-item--new .card-item__title {
    -webkit-line-clamp: 3;
    margin-top: 0;
    font-size: 16px;
    line-height: 19px;
    margin: 0 0 2px;
    width: 100%;
    height: 57px;
  }
}
.card-item__meta {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  padding: 0 12px;
}
.card-item__meta-social {
  display: flex;
  color: rgba(19, 7, 31, 0.4);
  font-size: 1.2rem;
  font-weight: 400;
  letter-spacing: 0.1px;
  line-height: 1.33;
}
.card-item__meta-social > a, .card-item__meta-social > div {
  color: rgba(19, 7, 31, 0.4);
  display: flex;
  margin-right: 6px;
  transition: 0.4s ease 0s;
}
.card-item__meta-social > a:last-of-type, .card-item__meta-social > div:last-of-type {
  margin-right: 0;
}
.card-item__meta-social > a:hover, .card-item__meta-social > div:hover {
  color: #49e3a4;
}
.card-item__meta-social > a:hover .icon, .card-item__meta-social > div:hover .icon {
  fill: #49e3a4;
}
.card-item__meta-social .icon {
  fill: rgba(19, 7, 31, 0.4);
  width: 14px;
  margin-right: 3px;
  display: inline-block;
  vertical-align: middle;
  transition: 0.4s ease 0s;
}
.card-item__date {
  font-size: 1.3rem;
  font-weight: 700;
  letter-spacing: 0.1px;
  color: rgba(19, 7, 31, 0.4);
  white-space: nowrap;
}
@media (max-width: 580px) {
  .card-item--new .card-item__date {
    font-weight: 400;
    font-size: 10px;
    line-height: 16px;
  }
}
.card-item__date-info {
  position: absolute;
  bottom: 16px;
  display: flex;
  align-items: flex-end;
  padding: 0 12px;
  z-index: 3;
}
.card-item__date-info.card-item__date-info--new-ver {
  bottom: auto !important;
  padding: 0 24px;
  top: 18px;
}
.card-item__date-info.card-item__date-info--new-ver .card-item__date--val {
  color: #fff;
  font-size: 30px;
  font-weight: 800;
  line-height: 1.13;
  letter-spacing: 0.05px;
  display: block;
  margin-bottom: 4px;
}
@media (max-width: 991px) {
  .card-item__date-info.card-item__date-info--new-ver .card-item__date--val {
    font-size: 22px;
  }
}
.card-item__date-info.card-item__date-info--new-ver .card-item__date--time,
.card-item__date-info.card-item__date-info--new-ver .card-item__date--city {
  font-size: 20px;
  line-height: 1.2;
  letter-spacing: 0.03px;
  color: #fff;
  display: block;
}
.card-item__date--day {
  font-size: 6.4rem;
  font-weight: 700;
  letter-spacing: 0.022rem;
  line-height: 3rem;
  color: #fff;
  display: block;
  text-align: center;
  margin-bottom: 12px;
}
@media (max-width: 998px) {
  .card-item__date--day {
    font-size: 5.4rem;
    margin-bottom: 8px;
  }
}
.card-item .card-item__date--month {
  font-size: 2rem;
  font-weight: 700;
  letter-spacing: 0.007rem;
  line-height: 2.2rem;
  display: block;
  color: #fff;
  text-align: center;
}
@media (max-width: 998px) {
  .card-item .card-item__date--month {
    font-size: 1.8rem;
  }
}
.card-item__time {
  font-size: 2rem;
  font-weight: 700;
  letter-spacing: 0.1px;
  line-height: 1.35;
  color: #fff;
}
.card-item__place {
  font-size: 1.3rem;
  font-weight: 400;
  letter-spacing: 0.004rem;
  line-height: 1.8rem;
  color: #fff;
}
.card-item__event-name {
  font-size: 2rem;
  line-height: 1.2;
  letter-spacing: 0.1px;
  font-weight: 700;
  color: #fff;
  margin-left: 12px;
}
.card-item .card-item__place-time {
  margin: 0 11px;
}
.card-item .card-item__section {
  font-size: 1.1rem;
  font-weight: 700;
  letter-spacing: 0.07rem;
  line-height: 2rem;
  text-transform: uppercase;
  padding: 16px 12px 12px;
}
.card-item__text {
  display: flex;
  justify-content: space-between;
  flex-grow: 1;
}
@media (max-width: 767px) {
  .card-item__text {
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    padding: 0;
  }
}
.card-item__text .card-item__title {
  padding: 0;
  max-width: 576px;
}
.card-item__text .card-item__chanels,
.card-item__text .card-item__author {
  padding-left: 0 !important;
}
.card-item__description {
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.29;
  width: 220px;
  margin-top: 12px;
  margin-bottom: 20px;
  display: flex;
  flex-direction: column;
  flex: 0 0 auto;
}
.card-item__description p {
  flex-grow: 1;
}
@media (max-width: 767px) {
  .card-item__description {
    width: 100%;
  }
}
@media (max-width: 580px) {
  .card-item--new .card-item__description {
    display: none;
  }
}
.card-item__chanels {
  display: flex;
  align-items: center;
  margin-top: 14px;
  padding-right: 28px;
  min-height: 28px;
  width: fit-content;
  position: relative;
  max-width: 100%;
  transition: 0.4s ease 0s;
}
@media (max-width: 767px) {
  .card-item__chanels {
    padding: 0 28px 0 0;
  }
}
.card-item__chanels > a {
  font-size: 1.1rem;
  letter-spacing: 0.7px;
  display: inline-block;
  max-width: 100%;
  text-transform: uppercase;
  font-weight: 700;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  transition: 0.4s ease 0s;
}
.card-item__chanels > a:hover {
  color: #0ce890;
}
.card-item--new .card-item__chanels {
  margin-top: 12px;
}
@media (max-width: 580px) {
  .card-item--new .card-item__chanels {
    margin-top: 0;
    padding-right: 0;
    margin-bottom: 4px;
  }
  .card-item--new .card-item__chanels > a {
    font-size: 10px;
    line-height: 14px;
  }
}
.card-item.card-item--webinar .card-item__img:before, .card-item.card-item--event .card-item__img:before {
  content: "";
  background-color: rgba(0, 0, 0, 0.2);
  opacity: 1;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 3;
}
.card-item .btn.btn--plus {
  width: auto;
  margin-top: 16px;
  margin-left: -6px;
}
.card-item__labels {
  position: absolute;
  z-index: 2;
  top: 12px;
  left: 12px;
  display: flex;
  flex-direction: column;
}
@media (max-width: 580px) {
  .card-item__labels {
    top: auto;
    bottom: 12px;
  }
}
.card-item__label {
  display: block;
  margin-bottom: 6px;
  max-width: 70px;
}
.card-item__label:last-child {
  margin-bottom: 0;
}
.card-item__label > picture > img > img {
  position: static;
  max-width: 100%;
  height: auto;
  border-radius: 0;
  filter: none;
}

.article-fw {
  padding: 48px 0;
  margin-bottom: 48px;
  height: 422px;
}
@media (max-width: 767px) {
  .article-fw {
    padding: 24px 0;
    height: auto;
  }
  .article-fw .title a {
    font-size: 3rem;
    line-height: 1.07;
    letter-spacing: 0.03px;
  }
}
.article-fw__row {
  display: flex;
  justify-content: space-between;
}
.article-fw__chanels {
  position: relative;
  display: flex;
  align-items: center;
  flex-grow: 1;
  margin-right: 12px;
}
.article-fw__chanels > a {
  font-size: 1.6rem;
  font-weight: 700;
  letter-spacing: 0.8px;
  padding-top: 3px;
  line-height: 1;
  text-transform: uppercase;
  color: #fff;
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media (max-width: 580px) {
  .article-fw__chanels > a {
    font-size: 1.2rem;
    max-width: 80vw;
  }
}
.article-fw__meta {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media (max-width: 998px) {
  .article-fw__meta {
    margin-top: 30px;
  }
}
.article-fw__meta-social {
  display: flex;
  font-size: 1.2rem;
  font-weight: 400;
  letter-spacing: 0.006rem;
  line-height: 1.6rem;
}
.article-fw__meta-social > a,
.article-fw__meta-social > span {
  color: rgba(255, 255, 255, 0.8);
  display: flex;
  margin-right: 10px;
  font-size: 1.6rem;
  font-weight: 400;
  letter-spacing: 0.1px;
  line-height: 1.31;
  transition: 0.4s ease 0s;
}
.article-fw__meta-social > a:last-child,
.article-fw__meta-social > span:last-child {
  margin-right: 0;
}
.article-fw__meta-social > a:hover {
  color: #49e3a4;
}
.article-fw__meta-social > a:hover .icon {
  fill: #49e3a4;
}
.article-fw__meta-social .icon {
  font-size: 1.8rem;
  margin-right: 3px;
  display: inline-block;
  vertical-align: middle;
  fill: rgba(255, 255, 255, 0.8);
  transition: 0.4s ease 0s;
}
@media (max-width: 580px) {
  .article-fw--new .article-fw__meta-social > a {
    font-weight: 400;
    font-size: 10px;
    line-height: 16px;
  }
}
.article-fw__date {
  font-size: 1.6rem;
  font-weight: 800;
  letter-spacing: 0.08px;
  color: rgba(255, 255, 255, 0.8);
}
.article-fw__date--edu {
  font-weight: 700;
}
.article-fw__title-col-8 {
  max-width: 630px;
  flex-basis: 630px;
  margin-right: 20px;
}
@media (max-width: 767px) {
  .article-fw__title-col-sm-12 {
    max-width: 100% !important;
    flex-basis: 100% !important;
    margin-right: 0;
    margin-bottom: 10px;
  }
  .article-fw__title-col-sm-12:last-child {
    margin-bottom: 0;
  }
}
.article-fw__title-col-4 {
  max-width: 310px;
  flex-basis: 310px;
}
.article-fw__title-col-4 .icon-hmo {
  width: 245px;
  height: 126px;
  fill: #fff;
}
.article-fw__nmo-logo {
  display: flex;
  justify-content: flex-end;
  position: relative;
  bottom: 30px;
}
.article-fw__edu-type {
  font-weight: 700;
  font-size: 18px;
  line-height: 26px;
  letter-spacing: 0.06px;
  color: #fff;
  padding: 6px 15px;
  background: rgba(255, 255, 255, 0.35);
  border-radius: 7px;
}
.article-fw.article-fw--sm {
  max-width: 960px;
  margin: 48px auto;
  padding: 24px 0;
  border-radius: 20px;
  box-shadow: 0 0 12px 0 rgba(19, 7, 31, 0.15);
  overflow: hidden;
}
.article-fw.article-fw--sm .article-fw__row:first-child {
  align-items: center;
}
.article-fw.article-fw--sm .article-fw__row:nth-child(2) {
  margin-top: 22px;
  align-items: flex-start;
}
@media (max-width: 580px) {
  .article-fw.article-fw--sm .article-fw__row {
    flex-wrap: wrap;
  }
}
.article-fw.article-fw--sm .top-content__container {
  padding: 0 24px;
}
.article-fw.article-fw--sm .article-fw__label {
  margin-right: 12px;
}
.article-fw.article-fw--sm .article-fw__label .label {
  border-radius: 12px;
  font-size: 18px;
  font-weight: bold;
  line-height: 1.3;
  letter-spacing: 0.08px;
  text-align: center;
  padding: 2px 10px 0;
}
.article-fw.article-fw--sm .article-fw__label .label.label--popular {
  background: #49e3a4;
  color: #ffffff;
}

@media (max-width: 580px) {
  .card-item--new .material-type {
    left: 12px;
    flex-wrap: wrap;
    justify-content: flex-start;
    width: calc(100% - 24px);
  }
}
.card-item--new .material-type__item {
  white-space: nowrap;
  background: rgba(255, 255, 255, 0.6);
  width: 24px;
  height: 24px;
  margin-left: -2px;
}
.card-item--new .material-type__item--fastest {
  width: auto;
}
@media (max-width: 580px) {
  .card-item--new .material-type__item {
    margin-bottom: 4px;
  }
}

.card-item--new {
  position: relative;
  box-shadow: none;
  padding-bottom: 16px;
}
.card-item--new::before {
  position: absolute;
  z-index: -1;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  border-radius: 20px;
  box-shadow: 0 0 12px rgba(19, 7, 31, 0.07);
  content: "";
  transition: all 0.3s ease-in-out;
  opacity: 1;
}
.card-item--new:hover::before, .card-item--new:focus::before {
  opacity: 0;
}
.card-item--new .card-item--new .card-item__title {
  margin-top: 10px;
}
.card-item--new .card-item__chanels {
  min-height: 0;
}
.card-item--new .card-item__chanels > a {
  font-size: 10px;
  line-height: 15px;
}
.card-item--new .card-item__author span {
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.7px;
  margin-left: 5px;
}
.card-item--new .card-item__author span.num {
  line-height: 9px;
}
.card-item--new .card-item__date {
  font-weight: 400;
  font-size: 14px;
  line-height: 15px;
  letter-spacing: 0.06;
}
.card-item--new .card-item__meta-social {
  font-size: 14px;
  line-height: 16px;
  letter-spacing: 0.06px;
}
.card-item--new .card-item__meta-social .icon {
  width: 14px;
}
.card-item--new .card-item__meta-social > * {
  margin-left: 7px;
}

.request-content-list {
  width: 980px;
  padding: 0 10px;
  position: relative;
  margin: 0 auto 64px;
}
@media (max-width: 998px) {
  .request-content-list {
    max-width: 767px;
    width: 100%;
    padding-left: 24px;
    padding-right: 24px;
  }
}
.request-content-list h2 {
  margin-bottom: 30px;
}

.request-content__row {
  display: flex;
  align-items: flex-start;
  margin-bottom: 48px;
}
@media (max-width: 998px) {
  .request-content__row {
    flex-wrap: wrap;
  }
}
.request-content__row:last-of-type {
  margin-bottom: 0;
}
.request-content__card {
  display: flex;
  border-radius: 10px;
  box-shadow: 0 0 12px 0 rgba(19, 7, 31, 0.07);
  background-color: #fff;
  padding: 18px 24px 24px;
  width: 100%;
}
@media (max-width: 767px) {
  .request-content__card {
    display: block;
  }
}
.request-content__card.request-content__card--ready {
  padding-right: 72px;
  flex: 0 0 auto;
  width: 762px;
}
@media (max-width: 998px) {
  .request-content__card.request-content__card--ready {
    width: 100%;
    padding: 18px 24px 40px 24px;
  }
}
.request-content__body {
  flex-grow: 1;
}
.request-content__top {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.request-content__vote {
  display: flex;
  flex-direction: column;
  width: 77px;
  flex: 0 0 auto;
  margin-right: 24px;
}
@media (max-width: 479px) {
  .request-content__vote {
    width: auto;
    flex-direction: row;
  }
}
.request-content__vote.request-content__vote--green .request-content__vote-number-sum {
  color: #49e3a4;
}
.request-content__vote.request-content__vote--blue .request-content__vote-number-sum {
  color: #22b3ff;
}
.request-content__vote-number {
  margin-bottom: 6px;
}
@media (max-width: 479px) {
  .request-content__vote-number {
    height: 65px;
    min-width: 70px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
  }
}
.request-content__vote-number-sum {
  display: block;
  font-size: 40px;
  font-weight: bold;
  line-height: 1.05;
  letter-spacing: 0.2px;
  text-align: center;
  color: rgba(19, 7, 31, 0.4);
}
@media (max-width: 479px) {
  .request-content__vote-number-sum {
    margin-bottom: 6px;
  }
}
.request-content__vote-number-text {
  display: block;
  font-size: 16px;
  line-height: 1.25;
  letter-spacing: 0.2px;
  text-align: center;
}
.request-content__vote-btn {
  text-align: center;
}
@media (max-width: 479px) {
  .request-content__vote-btn {
    height: 70px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    min-width: 70px;
  }
}
.request-content__vote-btn .btn:disabled + span {
  color: rgba(19, 7, 31, 0.4) !important;
}
.request-content__vote-btn .btn.add + span {
  color: #22b3ff;
}
.request-content__vote-btn .btn.complete + span {
  color: #49e3a4;
}
.request-content__vote-btn-text {
  display: block;
  font-size: 14px;
  font-weight: bold;
  letter-spacing: 0.1px;
  text-align: center;
}
.request-content__author {
  display: flex;
  align-items: center;
  font-size: 14px;
  line-height: 0.93;
  letter-spacing: 0.8px;
  color: #2d2d2d;
  text-transform: uppercase;
}
.request-content__author img {
  margin-right: 10px;
  border-radius: 50%;
  width: 28px;
  height: 28px;
}
.request-content__author-status {
  font-size: 10px;
  font-weight: bold;
  letter-spacing: 0.8px;
  border-radius: 8px;
  border: solid 1px;
  padding: 1px 7px;
  margin-left: 10px;
  text-transform: none;
}
@media (max-width: 479px) {
  .request-content__author-status {
    margin-left: 5px;
  }
}
.request-content__author-status.request-content__author-status--green {
  color: #49e3a4;
}
.request-content__title {
  font-size: 18px;
  font-weight: bold;
  line-height: 1.39;
  letter-spacing: 0.1px;
  display: flex;
  margin: 12px 0;
  align-items: center;
}
.request-content__title-status {
  font-size: 12px;
  font-weight: bold;
  line-height: 1.33;
  letter-spacing: 0.1px;
  border-radius: 12.5px;
  padding: 0 7px;
  margin-left: 12px;
}
@media (max-width: 479px) {
  .request-content__title-status {
    white-space: nowrap;
  }
}
.request-content__title-status.request-content__title-status--ready {
  color: #fff;
  background-color: #49e3a4;
}
.request-content__title-status.request-content__title-status--voting {
  color: #fff;
  background-color: #8dd6fc;
}
.request-content__title-status.request-content__title-status--inwork {
  color: #fff;
  background-color: #22b3ff;
}
.request-content__title-status.request-content__title-status--moderate {
  color: #fff;
  background-color: rgba(19, 7, 31, 0.4);
}
.request-content__description p {
  font-size: 16px;
  line-height: 1.38;
  letter-spacing: 0.1px;
  color: #13071f;
  margin-bottom: 6px;
}
.request-content__read-more {
  font-size: 13px;
  line-height: 1.69;
  letter-spacing: 0.1px;
  color: #22b3ff;
  text-decoration: underline;
  display: block;
  transition: 0.4s ease 0s;
}
.request-content__read-more:hover {
  text-decoration: none;
  color: #49e3a4;
}
.request-content__pictures {
  display: flex;
  margin-bottom: 24px;
  margin-top: 24px;
}
.request-content__pictures li {
  margin: 0 6px;
  box-shadow: 0 0 12px 0 rgba(19, 7, 31, 0.07);
  border-radius: 10px;
  overflow: hidden;
}
@media (max-width: 479px) {
  .request-content__pictures li {
    display: none;
  }
}
@media (max-width: 479px) {
  .request-content__pictures li:last-child {
    display: block;
  }
}
@media (max-width: 479px) {
  .request-content__pictures li:first-child {
    display: block;
  }
}
.request-content__pictures-more {
  position: relative;
}
.request-content__pictures-more:hover span {
  background-color: rgb(73, 227, 164);
}
.request-content__pictures-more span {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  color: #fff;
  display: flex;
  font-size: 16px;
  line-height: 20px;
  position: absolute;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  background-color: rgba(73, 227, 164, 0.8);
  transition: 0.4s ease 0s;
}
.request-content__pictures-more i {
  display: block;
  text-decoration: underline;
  font-style: normal;
}
.request-content__documents {
  margin-top: 24px;
}
.request-content__documents li {
  margin-bottom: 18px;
}
.request-content__documents li a {
  align-items: center;
  display: inline-flex;
  transition: all 0.4s ease;
}
.request-content__documents li a:hover {
  color: #22b3ff;
}
.request-content__documents li a b {
  font-weight: 400;
}
@media (max-width: 479px) {
  .request-content__documents li a b {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 150px;
  }
}
.request-content__documents li span {
  color: #fff;
  display: block;
  font-size: 14px;
  line-height: 24px;
  margin-left: 14px;
  padding-left: 4px;
  padding-right: 4px;
  border-radius: 4px;
  text-transform: uppercase;
  background-color: #22b3ff;
}
.request-content__documents li i {
  color: #b2b2b2;
  display: block;
  font-size: 16px;
  line-height: 22px;
  margin-left: 12px;
  font-style: normal;
  text-transform: uppercase;
}
.request-content__meta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 9px;
}
.request-content__date {
  font-size: 13px;
  font-weight: bold;
  letter-spacing: 0.1px;
  color: rgba(19, 7, 31, 0.4);
}
.request-content__meta-views {
  font-size: 12px;
  line-height: 1.33;
  letter-spacing: 0.1px;
  color: rgba(19, 7, 31, 0.4);
  margin-right: 8px;
}
.request-content__meta-views .icon {
  font-size: 14px;
  margin-top: -1px;
  fill: rgba(19, 7, 31, 0.4);
}
@media (max-width: 479px) {
  .request-content__meta-views .icon {
    margin-right: 5px;
  }
}
.request-content__meta-views:last-child {
  margin-right: 0;
}
.request-content__item {
  display: flex;
  flex-direction: column;
  border-radius: 10px;
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.05);
  background-color: #ffffff;
  overflow: hidden;
  width: 246px;
  flex: 0 0 auto;
  margin-left: -48px;
  margin-top: 24px;
}
@media (max-width: 998px) {
  .request-content__item {
    width: 90%;
    margin: -25px auto 24px auto;
  }
}
@media (max-width: 479px) {
  .request-content__item {
    max-width: 304px;
  }
}
.request-content__item-section {
  font-size: 11px;
  line-height: 1.18;
  letter-spacing: 0.6px;
  color: #2d2d2d;
  text-transform: uppercase;
  margin: 17px 12px 7px;
}
.request-content__item-title {
  font-size: 16px;
  font-weight: bold;
  line-height: 1.38;
  letter-spacing: 0.1px;
  color: #13071f;
  margin: 0 12px 25px;
}
@media (max-width: 998px) {
  .request-content__item-img {
    width: 100%;
  }
}
@media (max-width: 998px) {
  .request-content__item-img img {
    width: 100%;
  }
}

.title a {
  color: inherit;
}
.title.title--lg {
  font-size: 6.4rem;
  font-weight: 800;
  letter-spacing: 0.011rem;
  line-height: 6.4rem;
}
@media (max-width: 998px) {
  .title.title--lg {
    font-size: 5rem;
    line-height: 1em;
  }
}
@media (max-width: 767px) {
  .title.title--lg {
    font-size: 4rem;
  }
}
@media (max-width: 580px) {
  .title.title--lg {
    font-size: 3.6rem;
  }
}
@media (max-width: 479px) {
  .title.title--lg {
    font-size: 3rem;
  }
}
.title.title--big {
  font-size: 5.6rem;
  font-weight: 800;
  letter-spacing: 0.009rem;
  line-height: 6.2rem;
}
@media (max-width: 998px) {
  .title.title--big {
    font-size: 4.8rem;
    line-height: 1em;
  }
}
@media (max-width: 767px) {
  .title.title--big {
    font-size: 3.6rem;
  }
}
@media (max-width: 580px) {
  .title.title--big {
    font-size: 3rem;
  }
}
@media (max-width: 479px) {
  .title.title--big {
    font-size: 2.6rem;
  }
}
@media (max-width: 376px) {
  .title.title--big {
    font-size: 2.4rem;
  }
}
.title.title--wide {
  font-size: 48px;
  font-weight: 800;
  line-height: 1.29;
  letter-spacing: 0.08px;
  color: #2d2d2d;
}
@media (max-width: 767px) {
  .title.title--wide {
    font-size: 3.6rem;
  }
}
@media (max-width: 580px) {
  .title.title--wide {
    font-size: 3rem;
  }
}
@media (max-width: 479px) {
  .title.title--wide {
    font-size: 2.6rem;
  }
}
@media (max-width: 376px) {
  .title.title--wide {
    font-size: 2.4rem;
  }
}
.title.title--larger {
  font-size: 4rem;
  line-height: 1.2;
  font-weight: 800;
}
@media (max-width: 767px) {
  .title.title--larger {
    font-size: 2.5rem;
  }
}
.title.title--md {
  font-size: 3.2rem;
  line-height: 1.09;
  letter-spacing: 0.1px;
  font-weight: 700;
}
@media (max-width: 998px) {
  .title.title--md {
    font-size: 2.9rem;
  }
}
@media (max-width: 767px) {
  .title.title--md {
    font-size: 2.4rem;
    line-height: 1.25;
    font-weight: 800;
  }
}
.title.title--sm {
  font-size: 2.5rem;
  line-height: 1.4;
  letter-spacing: 0.1px;
  font-weight: 700;
}
@media (max-width: 998px) {
  .title.title--sm {
    font-size: 2.4rem;
  }
}
@media (max-width: 767px) {
  .title.title--sm {
    font-size: 1.8rem;
  }
}
.title.title-smest {
  font-size: 2rem;
  font-weight: 700;
}
.title.title--blue {
  color: #22b3ff;
}
.title.title--white {
  color: #fff;
}
.title.title--md-eb {
  font-size: 3.2rem;
  line-height: 1.3;
  letter-spacing: 0.1px;
  font-weight: 800;
  margin-bottom: 24px;
}
@media (max-width: 998px) {
  .title.title--md-eb {
    font-size: 2.9rem;
  }
}
@media (max-width: 767px) {
  .title.title--md-eb {
    font-size: 2.4rem;
    font-weight: 800;
  }
}

.text--white {
  color: #fff;
}

.text--lg {
  font-size: 20px;
  line-height: 1.1;
  letter-spacing: 0.1px;
}

.text--base {
  font-size: 1.6rem;
  line-height: 1.38;
  letter-spacing: 0.1px;
  color: #2d2d2d;
}
@media (max-width: 580px) {
  .text--base {
    margin-bottom: 10px;
    font-weight: 700;
  }
}

.text--md {
  font-size: 1.8rem;
  font-weight: 400;
  letter-spacing: 0.006rem;
  line-height: 2.6rem;
}
@media (max-width: 580px) {
  .text--md {
    font-size: 1.6rem;
    line-height: 1.38em;
    letter-spacing: 0.03px;
  }
}

.text--sm {
  font-size: 1.2rem;
  letter-spacing: 0.1px;
  line-height: 0.75;
}

.btn {
  font-family: "Circe", Arial, Tahoma, sans-serif;
  display: inline-flex;
  align-items: center;
  border: none;
  border-radius: 25px;
  position: relative;
  cursor: pointer;
  transition: 0.4s ease 0s;
}
.btn.btn--blue {
  background-color: #22b3ff;
  color: #fff;
}
@media (min-width: 580px) {
  .btn.btn--blue:hover {
    background-color: #57c5ff;
  }
}
.btn.btn--red {
  background-color: #ff7373;
  color: #fff;
}
@media (min-width: 580px) {
  .btn.btn--red:hover {
    background-color: #ff8d8d;
  }
}
.btn--larger {
  font-weight: 700;
  font-size: 20px;
  line-height: 21px;
  padding: 15px 20px;
}
@media (max-width: 767px) {
  .btn--larger {
    font-size: 18px;
    padding: 10px 15px;
  }
}
.btn.btn--icon-s2 {
  padding: 8px 15px;
  font-size: 16px;
  line-height: 20px;
}
.btn.btn--icon-s2 svg {
  width: 22px;
  height: 22px;
  fill: #fff;
  margin-right: 5px;
}
.btn.btn--plus {
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.31;
  padding: 9px 29px 9px 40px;
  width: 144px;
  height: 40px;
  transition: 0.4s ease 0s;
  overflow: hidden;
}
.btn.btn--plus .remove-text, .btn.btn--plus .icon-minus, .btn.btn--plus .icon-minus-default {
  position: absolute;
  transform: translateY(28px);
  transition: transform 0.4s ease 0s;
}
.btn.btn--plus .add-text {
  position: relative;
  transition: transform 0.4s ease 0s;
}
.btn.btn--plus .btn-icon {
  width: 28px;
  height: 28px;
  background-color: #fff;
  font-size: 2rem;
  font-weight: 700;
  position: absolute;
  top: 6px;
  left: 6px;
  border-radius: 50%;
  color: #22b3ff;
  display: inline-flex;
  justify-content: center;
  overflow: hidden;
  align-items: center;
  transition: 0.4s ease 0s;
}
.btn.btn--plus .icon {
  position: absolute;
  top: 0;
  margin: auto;
  left: 0;
  right: 0;
  bottom: 0;
  font-size: 1.6rem;
  transition: transform 0.4s ease 0s;
}
.btn.btn--plus .icon-plus-2 {
  stroke: #22b3ff;
  stroke-width: 3;
  stroke-linejoin: round;
  stroke-linecap: round;
}
.btn.btn--plus .icon-minus-default {
  stroke: #49e3a4;
  stroke-width: 3;
  stroke-linejoin: round;
  stroke-linecap: round;
}
.btn.btn--plus .icon-check {
  stroke: #49e3a4;
  stroke-width: 3;
  stroke-linejoin: round;
  stroke-linecap: round;
}
.btn.btn--plus:after {
  content: "Подписан";
  position: absolute;
  color: #fff;
  transition: transform 0.4s ease 0s;
}
.btn.btn--plus.add:after, .btn.btn--plus.add .icon-check-green, .btn.btn--plus.add .icon-check {
  transform: translateY(28px);
  opacity: 0;
}
.btn.btn--plus.add .remove-text, .btn.btn--plus.add .icon-minus, .btn.btn--plus.add .icon-minus-default {
  transform: translateY(-28px);
  opacity: 0;
}
.btn.btn--plus.complete {
  background-color: #49e3a4;
  box-shadow: 0 0.9rem 1.2rem rgba(56, 221, 149, 0.6);
}
.btn.btn--plus.complete:after, .btn.btn--plus.complete .icon-check-green, .btn.btn--plus.complete .icon-check {
  transform: translateY(0);
}
.btn.btn--plus.complete .add-text, .btn.btn--plus.complete .icon-plus, .btn.btn--plus.complete .icon-plus-2 {
  transform: translateY(28px);
  opacity: 0;
}
.btn.btn--plus.complete:hover {
  box-shadow: 0 0.3rem 0.7rem #21d98e;
  background-color: #21d98e;
}
.btn.btn--plus.move.complete .add-text, .btn.btn--plus.move.complete .icon-plus, .btn.btn--plus.move.complete .icon-plus-2 {
  transform: translateY(-28px);
  opacity: 1;
}
.btn.btn--plus.move.complete .remove-text, .btn.btn--plus.move.complete .icon-minus, .btn.btn--plus.move.complete .icon-minus-default {
  opacity: 0;
}
.btn.btn--plus.moving.add:after, .btn.btn--plus.moving.add .icon-check-green, .btn.btn--plus.moving.add .icon-check {
  transform: translateY(-28px);
  opacity: 1;
}
.btn.btn--plus.moving.add .remove-text, .btn.btn--plus.moving.add .icon-minus, .btn.btn--plus.moving.add .icon-minus {
  opacity: 0;
}
.btn.btn--plus.moving.movi.add .remove-text, .btn.btn--plus.moving.movi.add .icon-minus {
  transform: translateY(-28px);
  opacity: 1;
}
.btn.btn--plus.complete.remove .remove-text, .btn.btn--plus.complete.remove .icon-minus, .btn.btn--plus.complete.remove .icon-minus-default {
  transform: translateY(0);
  opacity: 1;
}
.btn.btn--plus.complete.remove:after, .btn.btn--plus.complete.remove .icon-check-green, .btn.btn--plus.complete.remove .icon-check {
  transform: translateY(-28px);
}
.btn.btn--plus.complete.remove .add-text, .btn.btn--plus.complete.remove .icon-plus, .btn.btn--plus.complete.remove .icon-plus-2 {
  transform: translateY(28px);
  z-index: -1;
}
.btn.btn--plus.btn--plus-go {
  width: 158px;
}
.btn.btn--plus.btn--plus-go:after {
  content: "Я иду";
}
.btn.btn--lg {
  font-size: 2rem;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 2.1rem;
  justify-content: center;
  padding: 15px 36px;
  height: 50px;
}
@media (max-width: 998px) {
  .btn.btn--lg {
    font-size: 1.6rem;
    line-height: 21px;
    padding: 10px 30px;
    height: 40px;
  }
}
.btn.btn--md {
  font-size: 1.6rem;
  line-height: 1.38;
  letter-spacing: 0px;
  font-weight: 700;
  padding: 8px 24px;
}
@media (max-width: 998px) {
  .btn.btn--md {
    font-size: 1.4rem;
    padding: 10px 20px;
  }
}
@media (max-width: 767px) {
  .btn.btn--md {
    padding: 7px 16px;
  }
}
.btn.btn--sm {
  font-size: 1.4rem;
  font-weight: 700;
  letter-spacing: 0.003rem;
  line-height: 2.2rem;
  padding: 6px 21px;
}
.btn.btn--icon {
  padding: 8px 18px 8px 8px;
}
.btn.btn--icon span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  margin-right: 8px;
  background: #fff;
}
.btn.btn--icon span .icon {
  fill: #22b3ff;
  font-size: 1.6rem;
}
.btn.btn--icon span .icon.icon-favorite {
  fill: #fff;
}
.btn.btn--icon.share {
  padding: 6px 28px 6px 6px;
  font-weight: bold;
  letter-spacing: 0.03px;
}
.btn.btn--icon.share span {
  margin-right: 12px;
}
.btn.btn--icon.share span .icon {
  margin-right: -2px;
}
.btn:disabled {
  color: #fff;
  cursor: default;
  opacity: 0.5;
  pointer-events: none;
  animation: unset !important;
}
.btn:disabled .icon-plus-2, .btn:disabled .icon-minus-default, .btn:disabled .icon-check {
  stroke: rgba(19, 7, 31, 0.4);
}
.btn.animate {
  animation: pulse 1.5s infinite linear;
}
.btn.btn--favourite {
  padding: 0 20px 0 8px;
  font-weight: 700;
}
.btn.btn--favourite .btn-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background-color: #ffffff;
  margin-right: 8px;
}
.btn.btn--favourite .icon {
  font-size: 15px;
  fill: #22b3ff;
}
.btn.btn--favourite:hover .icon {
  fill: #57c5ff;
}
.btn.btn--favourite.active {
  box-shadow: 0 3px 7px 0 rgba(33, 217, 142, 0.61) !important;
  background-color: #21d98e !important;
}
.btn.btn--favourite.active .icon {
  fill: #21d98e;
}
.btn.btn--share {
  padding: 0 20px 0 8px;
  font-weight: 700;
}
.btn.btn--share .btn-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background-color: #ffffff;
  margin-right: 8px;
}
.btn.btn--share .icon {
  font-size: 15px;
  fill: #22b3ff;
}
.btn.btn--share:hover .icon {
  fill: #57c5ff;
}
.btn.btn--q {
  padding-top: 6px;
  padding-bottom: 6px;
  font-weight: 700;
}
.btn.btn--q span {
  color: #22b3ff;
  font-weight: 800;
  font-size: 18px;
  line-height: 1;
}
.btn.btn--plus.btn--plus-go.event-go {
  width: 236px;
  padding-right: 18px;
}

.btn--study {
  width: 197px;
  font-size: 1.6rem;
  font-weight: bold;
  line-height: 1.31;
  padding: 10px 21px 10px 46px;
}
.btn--study:before {
  content: "";
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background-color: #fff;
  background-image: url(../img/svgSprite/diplom.svg);
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  left: 6px;
  top: 6px;
}
.btn--study.active {
  background: #49e3a4;
  box-shadow: 0 9px 12px 0 rgba(56, 221, 149, 0.6);
}
.btn--study.active:before {
  background-image: url(../img/svgSprite/diplom-green.svg);
}
.btn--study.active:hover {
  box-shadow: 0 3px 7px 0 rgba(33, 217, 142, 0.61);
  background-color: #49e3a4;
}

.btn--promo {
  font-size: 1.6rem;
  font-weight: bold;
  line-height: 1.31;
  padding: 10px 24px 10px 47px;
}
.btn--promo:before {
  content: "";
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background-color: #fff;
  background-image: url(../img/svgSprite/promo.svg);
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  left: 6px;
  top: 6px;
}
.btn--promo.active {
  background: #49e3a4;
  box-shadow: 0 9px 12px 0 rgba(56, 221, 149, 0.6);
}
.btn--promo.active:before {
  background-image: url(../img/svgSprite/promo-green.svg);
}
.btn--promo.active:hover {
  box-shadow: 0 3px 7px 0 rgba(33, 217, 142, 0.61);
  background-color: #49e3a4;
}

/*Buttons rounds*/
.btn-round {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 38px;
  height: 38px;
  border-radius: 50%;
  transition: 0.4s ease 0s;
}
.btn-round.btn-round--green {
  box-shadow: 0 9px 12px 0 rgba(73, 227, 164, 0.51);
  background-color: #49e3a4;
}
.btn-round.btn-round--green:hover {
  box-shadow: 0 2px 12px 0 rgba(33, 217, 142, 0.52);
  background-color: #21d98e;
}
.btn-round.btn-round--blue {
  box-shadow: 0 5px 10px 0 rgba(34, 179, 255, 0.6);
  background-color: #22b3ff;
}
.btn-round.btn-round--blue:hover {
  box-shadow: 0 3px 7px rgba(34, 179, 255, 0.6);
  background-color: #57c5ff;
}

@keyframes movecircle {
  0% {
    transform: translateY(-28px);
  }
  50% {
    transform: translateY(0);
    z-index: -1;
  }
  100% {
    transform: translateY(28px);
    z-index: -1;
  }
}
.btn.btn--plus--sm {
  width: 40px;
  padding: 0;
}
.btn.btn--plus--sm:after {
  display: none;
}

.btn-visible {
  background: transparent;
  flex-shrink: 0;
  border: none;
  margin-right: 13px;
  margin-top: 10px;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: #49e3a4;
  box-shadow: 0 9px 12px 0 rgba(73, 227, 164, 0.6);
  transition: 0.4s ease 0s;
}
.btn-visible:hover {
  box-shadow: 0 3px 7px 0 rgba(33, 217, 142, 0.61);
  background-color: #21d98e;
}
.btn-visible .icon {
  fill: #fff;
  font-size: 2rem;
}
.btn-visible .icon.icon-visible {
  display: inline-block;
}
.btn-visible .icon.icon-no-visible {
  display: none;
}
.btn-visible.no-visible {
  background: #22b3ff;
  box-shadow: 0 9px 12px 0 rgba(34, 179, 255, 0.6);
}
.btn-visible.no-visible .icon {
  fill: #fff;
  font-size: 2rem;
}
.btn-visible.no-visible .icon.icon-visible {
  display: none;
}
.btn-visible.no-visible .icon.icon-no-visible {
  display: inline-block;
}
.btn-visible.no-visible:hover {
  box-shadow: 0 3px 7px 0 rgba(34, 179, 255, 0.6);
  background-color: #57c5ff;
}
.btn-visible:disabled {
  background: transparent;
  box-shadow: none;
}
.btn-visible:disabled .icon {
  fill: #d0d0d0;
}

.btn.btn--added-default {
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.31;
  padding: 9px 29px 9px 46px;
  width: 144px;
  height: 40px;
  transition: 0.4s ease 0s;
  overflow: hidden;
}
.btn.btn--added-default .remove-text, .btn.btn--added-default .icon-minus, .btn.btn--added-default .icon-minus-default {
  position: absolute;
  transform: translateY(28px);
  transition: transform 0.4s ease 0s;
}
.btn.btn--added-default .add-text {
  position: relative;
  transition: transform 0.4s ease 0s;
}
.btn.btn--added-default .btn-icon {
  width: 28px;
  height: 28px;
  background-color: #fff;
  font-size: 2rem;
  font-weight: 700;
  position: absolute;
  top: 6px;
  left: 6px;
  border-radius: 50%;
  color: #22b3ff;
  display: inline-flex;
  justify-content: center;
  overflow: hidden;
  align-items: center;
  transition: 0.4s ease 0s;
}
.btn.btn--added-default .icon {
  position: absolute;
  top: 0;
  margin: auto;
  left: 0;
  right: 0;
  bottom: 0;
  font-size: 1.6rem;
  transition: transform 0.4s ease 0s;
}
.btn.btn--added-default .icon-plus-2 {
  stroke: #22b3ff;
  stroke-width: 3;
  stroke-linejoin: round;
  stroke-linecap: round;
}
.btn.btn--added-default .icon-minus-default {
  stroke: #49e3a4;
  stroke-width: 3;
  stroke-linejoin: round;
  stroke-linecap: round;
}
.btn.btn--added-default .icon-check {
  stroke: #49e3a4;
  stroke-width: 3;
  stroke-linejoin: round;
  stroke-linecap: round;
}
.btn.btn--added-default .complete-text {
  content: "Подписан";
  position: absolute;
  color: #fff;
  transition: transform 0.4s ease 0s;
}
.btn.btn--added-default.add .complete-text, .btn.btn--added-default.add .icon-check-green, .btn.btn--added-default.add .icon-check {
  transform: translateY(28px);
  opacity: 0;
}
.btn.btn--added-default.add .remove-text, .btn.btn--added-default.add .icon-minus, .btn.btn--added-default.add .icon-minus-default {
  transform: translateY(-28px);
  opacity: 0;
}
.btn.btn--added-default.complete {
  background-color: #49e3a4;
  box-shadow: 0 0.9rem 1.2rem rgba(56, 221, 149, 0.6);
}
.btn.btn--added-default.complete .complete-text, .btn.btn--added-default.complete .icon-check-green, .btn.btn--added-default.complete .icon-check {
  transform: translateY(0);
}
.btn.btn--added-default.complete .add-text, .btn.btn--added-default.complete .icon-plus, .btn.btn--added-default.complete .icon-plus-2 {
  transform: translateY(28px);
  opacity: 0;
}
.btn.btn--added-default.complete:hover {
  box-shadow: 0 0.3rem 0.7rem #21d98e;
  background-color: #21d98e;
}
.btn.btn--added-default.move.complete .add-text, .btn.btn--added-default.move.complete .icon-plus, .btn.btn--added-default.move.complete .icon-plus-2 {
  transform: translateY(-28px);
  opacity: 1;
  transition: none;
}
.btn.btn--added-default.move.complete .remove-text, .btn.btn--added-default.move.complete .icon-minus, .btn.btn--added-default.move.complete .icon-minus-default {
  opacity: 0;
  transition: none;
}
.btn.btn--added-default.moving.add .complete-text, .btn.btn--added-default.moving.add .icon-check-green, .btn.btn--added-default.moving.add .icon-check {
  transform: translateY(-28px);
  opacity: 1;
  transition: none;
}
.btn.btn--added-default.moving.add .remove-text, .btn.btn--added-default.moving.add .icon-minus, .btn.btn--added-default.moving.add .icon-minus {
  opacity: 0;
  transition: none;
}
.btn.btn--added-default.moving.movi.add .remove-text, .btn.btn--added-default.moving.movi.add .icon-minus {
  transform: translateY(-28px);
  opacity: 1;
  transition: none;
}
.btn.btn--added-default.complete.remove .remove-text, .btn.btn--added-default.complete.remove .icon-minus, .btn.btn--added-default.complete.remove .icon-minus-default {
  transform: translateY(0);
  opacity: 1;
}
.btn.btn--added-default.complete.remove .complete-text, .btn.btn--added-default.complete.remove .icon-check-green, .btn.btn--added-default.complete.remove .icon-check {
  transform: translateY(-28px);
}
.btn.btn--added-default.complete.remove .add-text, .btn.btn--added-default.complete.remove .icon-plus, .btn.btn--added-default.complete.remove .icon-plus-2 {
  transform: translateY(28px);
  z-index: -1;
}

@keyframes pulse {
  0% {
    box-shadow: 0 3px 7px rgba(34, 179, 255, 0.6);
  }
  70% {
    box-shadow: 0 9px 12px rgba(34, 179, 255, 0.6);
  }
  100% {
    box-shadow: 0 3px 7px rgba(34, 179, 255, 0.6);
  }
}
.more_goods_wrap {
  display: flex;
  justify-content: center;
  margin-top: 16px;
}

.link {
  display: inline-block;
  border-bottom: 1px solid;
  font-weight: bold;
  line-height: 1;
  color: #22b3ff;
  transition: 0.4s ease 0s;
}
.link.link--blue {
  border-bottom-color: #22b3ff;
  color: #22b3ff;
}
.link.link--blue:hover {
  border-bottom-color: transparent;
}
.link.link--base {
  font-weight: normal;
  font-size: inherit;
  line-height: inherit;
  border: 0;
  text-decoration: underline;
}
.link.link--base:hover {
  text-decoration: none;
  color: #49e3a4;
}
.link.link--sm {
  font-size: 12px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1;
  letter-spacing: 0.1px;
  color: #22b3ff;
  border-bottom-color: #22b3ff;
}
.link.link--sm:hover {
  border-bottom-color: transparent;
}
.link.link--bold {
  font-weight: bold;
}
.link.link--bold:hover {
  color: #49e3a4;
}
.link.link--tdn {
  border-bottom: none;
}
.link.link-like {
  font-size: 12px;
  line-height: 1.33;
  font-weight: 400;
  letter-spacing: 0.1px;
  color: rgba(19, 7, 31, 0.4);
  border: 0;
}
.link.link-like .icon {
  fill: rgba(19, 7, 31, 0.4);
  font-size: 1.4rem;
  margin-right: 2px;
  display: inline-block;
  margin-top: -6px;
}
.link.link-like.active {
  color: #49e3a4;
}
.link.link-like.active .icon {
  fill: #49e3a4;
}

.label {
  display: inline-flex;
  align-items: center;
}
.label.label--green {
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 0.64;
  letter-spacing: 0.1px;
  color: #ffffff;
  background: #49e3a4;
  padding: 6px;
  border-radius: 9px;
}
.label.label--sm {
  font-size: 10px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: 1;
  letter-spacing: 0.02em;
  color: #ffffff;
  padding: 3px 4px 0;
}

.sort-dropdown {
  position: relative;
  top: -12px;
  border-radius: 22.5px;
  box-shadow: 0 3px 7px 0 rgba(19, 7, 31, 0.05);
  border: solid 2px #98edfd;
  overflow: hidden;
  height: 44px;
  z-index: 9;
  background: #fff;
  transition: 0.6s ease 0s;
}
.sort-dropdown.active {
  height: 142px;
}
.sort-dropdown__toggle {
  padding: 12px 48px 12px 13px;
  border: 0;
  position: relative;
  font-size: 16px;
  font-weight: bold;
  color: #13071f;
  background: #fff;
  width: 100%;
  text-align: left;
  transition: 0.6s ease 0s;
}
.sort-dropdown__toggle:hover {
  box-shadow: none;
}
.sort-dropdown__toggle:before {
  content: "";
  position: absolute;
  width: 13px;
  height: 7px;
  background: url(../img/svgSprite/arrow-down.svg) no-repeat 0 0/contain;
  right: 19px;
  top: 17px;
  transition: 0.6s ease 0s;
}
.sort-dropdown__list {
  background: #fff;
  padding: 0 13px;
  z-index: 999;
  display: none;
}
.sort-dropdown__item {
  margin-bottom: 8px;
}
.sort-dropdown__item a {
  font-size: 16px;
  font-weight: bold;
  color: #13071f;
  display: block;
  padding-left: 20px;
  position: relative;
}
.sort-dropdown__item a:before {
  content: "";
  width: 13.1px;
  height: 13px;
  background-color: rgba(19, 7, 31, 0.11);
  position: absolute;
  border-radius: 50%;
  left: 0;
  top: 6px;
  transition: 0.4s ease 0s;
}
.sort-dropdown__item a:hover:before {
  background-color: #98edfd;
}
.sort-dropdown.active .sort-dropdown__toggle {
  border-radius: 24px 24px 0 0;
  border-bottom-color: transparent;
  color: #6cccde;
}
.sort-dropdown.active .sort-dropdown__toggle:before {
  background: url(../img/svgSprite/arrow-down-blue.svg) no-repeat 0 0/contain;
  transform: rotate(-180deg);
}

.obj-slider {
  background-image: linear-gradient(to left, rgba(34, 179, 255, 0.25), rgba(152, 237, 253, 0.25));
  position: relative;
  padding: 36px 0 50px;
  overflow: hidden;
}
.obj-slider .title.title--wide {
  margin-bottom: 22px;
}
@media (max-width: 580px) {
  .obj-slider .title.title--wide {
    font-size: 3rem;
    padding: 0 24px;
  }
}
.obj-slider .title.title--md {
  margin-bottom: 20px;
}
.obj-slider__box {
  position: relative;
}
@media (max-width: 998px) {
  .obj-slider {
    padding: 48px 0 30px;
  }
}
.obj-slider__container {
  position: relative;
  max-width: 960px;
  overflow: hidden;
  padding: 0 10px;
  margin: 0 auto;
}
.obj-slider__container--arrows {
  overflow: visible;
}
@media (max-width: 580px) {
  .obj-slider__container {
    padding-left: 0;
    padding-right: 0;
  }
}
@media (max-width: 998px) {
  .obj-slider__container .title--sm {
    margin-bottom: 20px;
  }
}
@media (max-width: 767px) {
  .obj-slider__container .title--md, .obj-slider__container .title--sm {
    padding: 0 24px;
  }
}
.obj-slider-single {
  max-width: 1200px;
}
.obj-slider-single--arrows {
  position: relative;
}
.obj-slider-single--arrows .btn-control.next {
  right: calc(50% - 220px);
}
@media (max-width: 600px) {
  .obj-slider-single--arrows .btn-control.next {
    right: 5px;
  }
}
@media (max-width: 991px) {
  .obj-slider-single--arrows .btn-control.prev {
    left: 5px;
  }
}
.obj-slider-single .slick-slider {
  overflow: hidden;
}
.obj-slider-single .slick-slider:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 16px;
  height: 181px;
  object-fit: contain;
  opacity: 0.08;
  background-image: linear-gradient(to right, #13071f, rgba(19, 7, 31, 0));
  z-index: 999;
}
.obj-slider-single .slick-slider .slick-list {
  margin-left: -42px;
}
@media (max-width: 580px) {
  .obj-slider-single .slick-slider .slick-list {
    margin-left: -20px;
  }
}
.obj-slider-single__title {
  font-size: 16px;
  font-weight: normal;
  line-height: 1.25;
  letter-spacing: 1.7px;
  color: #13071f;
  text-transform: uppercase;
}
@media (max-width: 767px) {
  .obj-slider-single__title {
    padding: 0 24px;
  }
}
.obj-slider-single__title span {
  font-size: 16px;
  font-weight: 800;
  line-height: 2.19;
  letter-spacing: 0.1px;
  color: #22b3ff;
}
.obj-slider__right {
  position: absolute;
  left: calc(50% + 44px);
  width: 1050px;
  bottom: 10px;
  padding-top: 32px;
  object-fit: contain;
  text-align: center;
  pointer-events: none;
}
@media (max-width: 998px) {
  .obj-slider__right {
    left: calc(50% + 14px);
  }
}
@media (max-width: 580px) {
  .obj-slider__right {
    width: 530px;
    left: calc(50% - 60px);
    padding-top: 14px;
    bottom: 15px;
    display: none;
  }
}
.obj-slider__right:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 1050px;
  height: 615px;
  background: url("../img/unregister/laptopbig.png") no-repeat center right/contain;
}
@media (max-width: 580px) {
  .obj-slider__right:before {
    width: 525px;
    height: 304px;
  }
}
.obj-slider__right .text-center {
  display: none;
}
@media (max-width: 580px) {
  .obj-slider__right img {
    max-width: 320px;
  }
}

.obj-slide {
  border-radius: 10px;
  overflow: hidden;
  background: #fff;
  width: 222px;
  margin: 0 24px 12px 0;
  box-shadow: 0 0 12px 0 rgba(19, 7, 31, 0.07);
  cursor: grabbing;
}
@media (max-width: 998px) {
  .obj-slide {
    width: 180px;
  }
}
@media (max-width: 767px) {
  .obj-slide {
    width: 150px;
  }
}
@media (max-width: 580px) {
  .obj-slide {
    width: 112px;
  }
}
.obj-slide__name {
  font-size: 16px;
  font-weight: bold;
  line-height: 1.13;
  letter-spacing: 0.1px;
  text-align: center;
  color: #13071f;
  padding: 6px 13px;
  height: 72px;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 998px) {
  .obj-slide__name {
    font-size: 15px;
    height: 60px;
  }
}
@media (max-width: 767px) {
  .obj-slide__name {
    font-size: 12px;
  }
}
@media (max-width: 580px) {
  .obj-slide__name {
    font-size: 8px;
    height: 36px;
    padding-left: 8px;
    padding-right: 8px;
    padding-top: 6px;
    padding-bottom: 6px;
  }
}

.laptop-slide {
  position: relative;
  pointer-events: none;
}
.laptop-slide img {
  pointer-events: initial;
}

@media (max-width: 767px) {
  .obj-slider-single__title {
    font-size: 1.4rem;
  }
  .obj-slider .mt-90 {
    margin-top: 32px;
  }
}
.obj-slider-single .btn-control.prev {
  opacity: 1;
  z-index: 99;
}

.obj-slider-single .btn-control.next {
  opacity: 1;
  z-index: 99;
}

.less-time {
  margin-top: 42px;
  margin-bottom: 15px;
}
.less-time__container {
  max-width: 980px;
  margin: 0 auto;
  padding: 0 10px;
  display: flex;
}
@media (max-width: 998px) {
  .less-time__container {
    max-width: 100%;
    padding: 0 24px;
  }
}
.less-time__title {
  font-size: 40px;
  font-weight: 800;
  line-height: 1.13;
  letter-spacing: 0.1px;
  color: #13071f;
  margin-bottom: 12px;
}
@media (max-width: 998px) {
  .less-time__title {
    font-size: 31px;
  }
}
@media (max-width: 767px) {
  .less-time__title {
    font-size: 24px;
  }
}
.less-time__text {
  font-size: 32px;
  font-weight: bold;
  line-height: 1.09;
  letter-spacing: 0.1px;
  color: #13071f;
}
@media (max-width: 998px) {
  .less-time__text {
    font-size: 23px;
  }
}
@media (max-width: 767px) {
  .less-time__text {
    font-size: 18px;
  }
}
.less-time__quote {
  display: flex;
  flex: 0 0 auto;
  position: relative;
  margin-right: 40px;
  padding-left: 72px;
  margin-top: -8px;
}
@media (max-width: 998px) {
  .less-time__quote {
    margin-right: 20px;
    padding-left: 40px;
    margin-top: 0;
  }
}
@media (max-width: 767px) {
  .less-time__quote {
    display: none;
  }
}
.less-time__bubble {
  width: 261px;
  height: 141px;
  margin-left: 12px;
  font-size: 24px;
  font-weight: bold;
  line-height: 1.21;
  letter-spacing: 0.1px;
  text-align: center;
  color: #22b3ff;
  padding: 10px;
  background: url("../img/svgSprite/bubble-1.svg") no-repeat center center/contain;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 998px) {
  .less-time__bubble {
    width: 230px;
    height: 120px;
    font-size: 22px;
  }
}
.less-time__logo {
  position: absolute;
  left: 12px;
  bottom: -7px;
}
@media (max-width: 998px) {
  .less-time__logo img {
    width: 60px;
  }
}

.unregister-faq {
  background: #fff;
  position: relative;
  overflow: hidden;
  padding-top: 24px;
}
.unregister-faq:before {
  content: "";
  background: #fff;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  position: absolute;
  background-image: linear-gradient(to left, rgba(34, 179, 255, 0.25), rgba(152, 237, 253, 0.25));
}
.unregister-faq__container {
  max-width: 980px;
  margin: 0 auto;
  padding: 0 10px;
  display: flex;
  z-index: 99;
  position: relative;
}
@media (max-width: 998px) {
  .unregister-faq__container {
    max-width: 767px;
    flex-wrap: wrap;
    padding: 0 24px;
  }
}
.unregister-faq h2 {
  margin-bottom: 72px;
  margin-top: 56px;
  flex-grow: 1;
  line-height: 1.09;
  letter-spacing: 0.11px;
}
@media (max-width: 998px) {
  .unregister-faq h2 {
    margin-top: 50px;
    margin-bottom: 35px;
  }
}
@media (max-width: 580px) {
  .unregister-faq h2 {
    margin-top: 50px;
    margin-bottom: 48px;
  }
}
.unregister-faq .faq-content {
  width: 575px;
  margin-left: -34px;
}
@media (max-width: 998px) {
  .unregister-faq .faq-content {
    margin-left: 10px;
    order: 0;
    width: 100%;
  }
}
.unregister-faq .faq-content .scrollbar {
  opacity: 1;
  margin-bottom: 24px;
  margin-left: 6px;
}
.unregister-faq .faq-slider__list {
  overflow: visible !important;
  position: relative;
  width: 100%;
  margin-bottom: 48px;
}
@media (max-width: 998px) {
  .unregister-faq .faq-slider__list {
    margin-bottom: 40px;
  }
}
.unregister-faq .faq-slider__list .slick-list {
  overflow: visible;
}
.unregister-faq__btn {
  margin-bottom: 80px;
}
@media (max-width: 998px) {
  .unregister-faq__btn {
    margin-bottom: 50px;
  }
}
@media (max-width: 479px) {
  .unregister-faq__btn {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 10px;
  }
}

.faq-doctor {
  z-index: 999;
  flex: 0 0 auto;
  font-size: 0;
  line-height: 0;
  align-self: flex-end;
  margin-left: -68px;
}
@media (max-width: 998px) {
  .faq-doctor {
    order: 1;
    width: 100%;
  }
}
@media (max-width: 479px) {
  .faq-doctor {
    position: relative;
    margin-left: 0;
  }
}
@media (max-width: 998px) {
  .faq-doctor img {
    max-height: 460px;
  }
}
.faq-doctor__quote {
  position: absolute;
  left: 0px;
  bottom: 73px;
  border-radius: 8px;
  background-color: rgba(73, 227, 164, 0.8);
  max-width: 330px;
  width: fit-content;
  overflow: hidden;
  padding: 9px 24px;
  cursor: pointer;
  transition: 0.6s ease 0.6s;
}
@media (max-width: 998px) {
  .faq-doctor__quote {
    left: 370px;
    max-width: 310px;
  }
}
@media (max-width: 767px) {
  .faq-doctor__quote {
    left: 20px;
  }
}
@media (max-width: 580px) {
  .faq-doctor__quote {
    bottom: 30px;
  }
}
@media (max-width: 479px) {
  .faq-doctor__quote {
    margin: 0 auto;
    max-width: 100%;
    left: 0;
    right: auto;
    bottom: 50px;
    top: auto;
  }
}
.faq-doctor__quote.open .faq-doctor__text-inner {
  opacity: 1;
  transition: opacity 0.6s ease 0.6s;
}
.faq-doctor__quote.open .faq-doctor__icon svg {
  fill: #49e3a4;
  transition: fill 0.3s ease 0.6s;
}
.faq-doctor__preview {
  display: inline-flex;
}
.faq-doctor__name {
  display: inline-block;
  font-size: 18px;
  font-weight: bold;
  line-height: 1.22;
  letter-spacing: 0.1px;
  color: #ffffff;
  margin-right: 12px;
}
.faq-doctor__post {
  font-size: 1.4rem;
  font-weight: 400;
  display: block;
}
.faq-doctor__icon {
  background: #fff;
  width: 36px;
  height: 36px;
  box-shadow: 0 9px 12px 0 rgba(34, 179, 255, 0.32);
  border-radius: 50%;
  flex: 0 0 auto;
  position: relative;
}
.faq-doctor__icon svg {
  fill: #22b3ff;
  font-size: 2rem;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  transition: fill 0.3s ease;
}
.faq-doctor__text {
  font-size: 20px;
  line-height: 1.3;
  letter-spacing: 0.1px;
  color: #13071f;
  display: none;
}
@media (max-width: 998px) {
  .faq-doctor__text {
    display: block !important;
  }
}
@media (max-width: 479px) {
  .faq-doctor__text {
    max-height: 1px;
    opacity: 0;
    visibility: hidden;
    transition: all 0.75s ease;
  }
}
.faq-doctor__text-inner {
  padding-top: 77px;
  margin-bottom: 12px;
  position: relative;
  opacity: 0;
  transition: opacity 0.8s ease;
}
@media (max-width: 998px) {
  .faq-doctor__text-inner {
    opacity: 1;
  }
}
@media (max-width: 580px) {
  .faq-doctor__text-inner {
    font-size: 18px;
  }
}
.faq-doctor__text-inner:before {
  content: "«";
  font-size: 100px;
  font-weight: bold;
  line-height: 0.42;
  letter-spacing: 0.3px;
  color: #ffffff;
  position: absolute;
  top: 10px;
  left: -3px;
}
@media (max-width: 479px) {
  .faq-doctor__text.faq-doctor__text--opened {
    max-height: 600px;
    opacity: 1;
    visibility: visible;
  }
}

.unregister-sevices {
  padding-top: 80px;
}
@media (max-width: 767px) {
  .unregister-sevices {
    padding-top: 65px;
    margin-bottom: 65px;
  }
}
.unregister-sevices .unregister-serveces__list {
  display: flex;
  flex-wrap: wrap;
}
@media (max-width: 767px) {
  .unregister-sevices .unregister-serveces__list {
    margin: 0 -24px;
  }
}
.unregister-sevices .unregister-serveces__list .slick-dots {
  height: 32px;
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  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;
}
.unregister-sevices .unregister-serveces__list .slick-dots li {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  font-size: 0;
  margin-left: 6px;
  margin-right: 6px;
  background-color: #22b3ff;
  -webkit-transition: background-color 0.3s ease;
  transition: background-color 0.3s ease;
  cursor: pointer;
  font-size: 0;
}
.unregister-sevices .unregister-serveces__list .slick-dots li.slick-active {
  background-color: #49e3a4;
}
.unregister-sevices .unregister-serveces__list .slick-dots li button {
  border: none;
}
.unregister-sevices h2 {
  margin-bottom: 35px;
}

.unregister-service {
  width: 33.3333%;
  text-align: center;
  margin-bottom: 70px;
}
@media (max-width: 998px) {
  .unregister-service {
    margin-bottom: 50px;
  }
}
@media (max-width: 767px) {
  .unregister-service {
    width: 198px;
    margin-right: 40px;
  }
}

.unregister-service__name {
  font-size: 20px;
  font-weight: bold;
  line-height: 1.2;
  letter-spacing: 0.1px;
  text-align: center;
  color: #13071f;
  max-width: 304px;
  margin: 14px auto 0;
}
@media (max-width: 998px) {
  .unregister-service__name {
    font-size: 18px;
  }
}

.unregister-service__img {
  position: relative;
  display: block;
}
@media (max-width: 767px) {
  .unregister-service__img {
    height: 198px;
  }
}
.unregister-service__img .icon {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  fill: #fff;
  font-size: 7rem;
}

.brads-block {
  padding: 8px 0;
}
@media (max-width: 580px) {
  .brads-block {
    margin-bottom: 21px;
  }
}
@media (max-width: 580px) {
  .brads-block .text-center.mt-48 {
    margin-top: 36px;
  }
}

.brands-list {
  display: flex;
  flex-wrap: wrap;
  margin: 25px -20px 0 -20px;
}
@media (max-width: 580px) {
  .brands-list {
    margin: 25px 0 0 0;
  }
}

.brand-item {
  width: calc(25% - 40px);
  margin: 0 20px 24px 20px;
}
@media (max-width: 998px) {
  .brand-item {
    width: calc(50% - 40px);
  }
}
@media (max-width: 580px) {
  .brand-item {
    width: 100%;
    margin: 0 0 12px 0;
  }
}

.gap {
  border-radius: 4px;
  background-color: #d8d8d8;
  display: inline-block;
  padding: 19px 21px;
  font-size: 18px;
  font-weight: bold;
  line-height: 0.89;
  letter-spacing: 0.1px;
  text-align: center;
  color: #ffffff;
  width: 100%;
}

.unregister-feed {
  position: relative;
}
.unregister-feed:before {
  content: "";
  width: 100%;
  height: 160px;
  background-image: linear-gradient(to top, rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0));
  position: absolute;
  bottom: 0;
  z-index: 99;
}

.unregister-slider {
  height: auto;
  overflow: hidden;
  position: relative;
  width: 100%;
  margin-top: 98px;
}
.unregister-slider img {
  width: 100%;
  max-height: 675px;
}
.unregister-slider .slick-slider {
  height: 100%;
}
.unregister-slider .slick-dots {
  height: 32px;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  justify-content: center;
  align-items: center;
}
.unregister-slider .slick-dots li {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  font-size: 0;
  margin-left: 6px;
  margin-right: 6px;
  background-color: #22b3ff;
  transition: background-color 0.3s ease;
  cursor: pointer;
}
.unregister-slider .slick-dots li:hover {
  background-color: #49e3a4;
}
.unregister-slider .slick-dots li button {
  border: none;
}
.unregister-slider .slick-dots li.slick-active {
  background-color: #49e3a4;
}

.unregister-slide {
  position: relative;
  outline: none;
  max-height: 675px;
  text-align: center;
}
@media (max-width: 998px) {
  .unregister-slide {
    max-height: none;
    height: 445px;
  }
}
@media (max-width: 767px) {
  .unregister-slide {
    height: 380px;
    min-height: 380px;
  }
}
@media (max-width: 580px) {
  .unregister-slide {
    min-height: 211px;
    height: auto;
  }
}
.unregister-slide .js-slide-img {
  display: none;
}
@media (max-width: 767px) {
  .unregister-slide .js-slide-img {
    display: block;
  }
}
.unregister-slide .video-js {
  width: 100%;
  height: 100%;
  max-height: 675px;
}
.unregister-slide .video-timeline {
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  opacity: 1;
  transition: opacity 0.3s ease;
}
.unregister-slide .video-timeline.hidden {
  opacity: 0;
}
.unregister-slide .video-timeline span {
  width: 0;
  display: block;
  height: 3px;
  transition: width 0.3s ease;
  background-image: linear-gradient(to left, #98edfd, #22b3ff);
}
.unregister-slide__control {
  transition: opacity 0.3s ease;
  display: flex;
  align-items: center;
}
.unregister-slide__control.hidden {
  opacity: 0;
}

.caption-control {
  justify-content: center;
  align-items: center;
  position: relative;
}
.caption-control.active {
  box-shadow: 0 9px 12px 0 rgba(73, 227, 164, 0.51);
  background-color: #49e3a4;
}
.caption-control.active .player-tooltip {
  box-shadow: 0 3px 19px 0 rgba(73, 227, 164, 0.6);
  background-color: #49e3a4;
}
.caption-control.active:hover {
  box-shadow: 0 2px 12px 0 rgba(33, 217, 142, 0.52);
  background-color: #21d98e;
}
.caption-control .icon-tt {
  fill: #fff;
  font-size: 2rem;
}
@media (max-width: 998px) {
  .caption-control .icon-tt {
    font-size: 1.8rem;
  }
}
@media (max-width: 580px) {
  .caption-control {
    display: none;
  }
}
.caption-control .player-tooltip {
  box-shadow: 0 3px 7px rgba(34, 179, 255, 0.6);
  background-color: #57c5ff;
  min-height: 20px;
  color: #fff;
  bottom: 43px;
  padding: 2px 6px;
}

.videosub-container {
  height: 100%;
}
@media (max-width: 767px) {
  .videosub-container {
    position: absolute !important;
  }
}

.videosub-bar {
  border-radius: 9px;
  background-color: rgba(255, 255, 255, 0.7);
  font-size: 20px !important;
  color: #2d2d2d !important;
  text-shadow: none;
  width: auto !important;
  display: inline-block;
  left: 50%;
  transform: translateX(-50%);
  text-align: center;
  padding: 18px 12px !important;
  bottom: 32px !important;
  font-family: "Circe", Arial, Tahoma, sans-serif !important;
  font-weight: 400 !important;
  line-height: 0.7 !important;
  text-shadow: none !important;
  opacity: 1;
  transition: opacity 0.3s ease;
}
@media (max-width: 998px) {
  .videosub-bar {
    font-size: 19px !important;
    padding: 14px 10px !important;
  }
}
@media (max-width: 767px) {
  .videosub-bar {
    font-size: 17px !important;
    padding: 12px 9px !important;
    width: 100% !important;
  }
}
.videosub-bar.hidden {
  opacity: 0;
}
.videosub-bar:empty {
  display: none;
}

.video-fullscreen .icon {
  fill: #fff;
}

.mute-control {
  align-items: center;
  justify-content: flex-start;
  border-radius: 25px;
  overflow: hidden;
  width: 135px;
  position: relative;
}
@media (max-width: 767px) {
  .mute-control:hover {
    width: 110px;
  }
}
@media (max-width: 580px) {
  .mute-control {
    width: 38px;
  }
}
.mute-control.active.minimized {
  transition: width 0.4s ease 0.4s, all 0.4s ease;
  box-shadow: 0 9px 12px 0 rgba(73, 227, 164, 0.51);
  width: 38px;
  background-color: #49e3a4;
}
.mute-control.active:hover {
  width: 135px;
  background-color: #22b3ff;
  box-shadow: 0 9px 12px 0 rgba(34, 179, 255, 0.32);
}
@media (max-width: 767px) {
  .mute-control.active:hover {
    width: 110px;
  }
}
.mute-control.active:hover .mute-control-progress {
  opacity: 1;
}
.mute-control.active .mute-control__txt {
  opacity: 0 !important;
}
.mute-control.active .icon-muteoff {
  display: none;
}
.mute-control.active .icon-mute50 {
  display: block;
  opacity: 0;
  visibility: hidden;
}
.mute-control.active .icon-mute50.active {
  opacity: 1;
  visibility: visible;
}
.mute-control.active .icon-mute100 {
  display: block;
  opacity: 0;
  visibility: hidden;
}
.mute-control.active .icon-mute100.active {
  opacity: 1;
  visibility: visible;
}
.mute-control.active .mute-control-progress {
  opacity: 1;
}
.mute-control-progress {
  height: 100%;
  width: 100%;
  border-radius: 25px 0 0 25px;
  background-color: #49e3a4;
  position: absolute;
  left: 0;
  z-index: 0;
  top: 0;
  opacity: 0;
  transition: opacity 0.1s ease;
}
.mute-control .mute-control__txt {
  display: inline-block;
  color: #fff;
  width: 100%;
  text-align: center;
  padding-left: 12px;
}
@media (max-width: 767px) {
  .mute-control .mute-control__txt {
    font-size: 0;
  }
}
@media (max-width: 767px) {
  .mute-control .mute-control__txt.txt-lg {
    display: none;
  }
}
.mute-control .mute-control__txt.txt-sm {
  display: none;
}
.mute-control .mute-range {
  width: 100%;
  height: 100%;
  position: absolute;
  opacity: 0;
  z-index: 10;
}
.mute-control .mute-icon {
  position: absolute;
  width: 2.2rem;
  height: 100%;
  display: flex;
  align-items: center;
  z-index: 11;
  flex-shrink: 0;
  margin-left: 8px;
  margin-right: 12px;
}
.mute-control .icon {
  font-size: 2rem;
  fill: #fff;
  display: inline-block;
  position: absolute;
  transition: all 0.3s ease;
}
@media (max-width: 998px) {
  .mute-control .icon {
    font-size: 1.8rem;
  }
}
.mute-control .icon-mute50 {
  display: none;
  font-size: 1.6rem;
}
.mute-control .icon-mute100 {
  display: none;
}

.noUi-handle {
  opacity: 0;
  width: 20px !important;
  height: 38px !important;
  top: 0 !important;
}

.noUi-target {
  width: 135px;
  height: 38px;
  border-radius: 25px;
  background-color: #22b3ff;
  border: 0;
  box-shadow: none;
  overflow: hidden;
  transition: 0.4s ease 0s;
}

.mute-control-slide {
  position: relative;
  cursor: pointer;
  border-radius: 25px;
  overflow: hidden;
  box-shadow: 0 9px 12px 0 rgba(34, 179, 255, 0.6);
}
.mute-control-slide:focus {
  cursor: grab;
}
.mute-control-slide .icon {
  fill: #fff;
  width: 21px;
  height: 17px;
}
.mute-control-slide .mute-control__txt {
  color: #fff;
  font-size: 16px;
  font-weight: bold;
  line-height: 1.15;
  padding-top: 1px;
  letter-spacing: 0.03px;
  display: inline-block;
  margin-left: 12px;
}
.mute-control-slide .mute-icon {
  position: absolute;
  left: 8px;
  top: 8px;
  display: flex;
  align-items: center;
}
.mute-control-slide .muteoff-btn {
  background: transparent;
  margin: 0;
  padding: 0;
  border: 0;
}
.mute-control-slide .mute50-btn {
  display: none;
  background: transparent;
  margin: 0;
  padding: 0;
  border: 0;
}
.mute-control-slide .mute50-btn .icon {
  width: 21px;
  height: 17px;
}
.mute-control-slide .mute50-btn.active {
  display: block;
}
.mute-control-slide .mute100-btn {
  display: none;
  background: transparent;
  margin: 0;
  padding: 0;
  border: 0;
}
.mute-control-slide .mute100-btn .icon {
  width: 21px;
  height: 17px;
}
.mute-control-slide .mute100-btn.active {
  display: block;
}
.mute-control-slide .noUi-connect {
  background: #49e3a4;
}
.mute-control-slide.active .mute-icon {
  z-index: 9;
}
.mute-control-slide.active .mute-control__txt {
  display: none;
}
.mute-control-slide.minimized {
  box-shadow: 0 9px 12px 0 rgba(73, 227, 164, 0.51);
}
.mute-control-slide.minimized .noUi-target {
  width: 38px;
  background: #49e3a4;
}
.mute-control-slide.minimized:hover {
  box-shadow: 0 2px 11px 0 rgba(0, 0, 0, 0.09);
}
.mute-control-slide.minimized:hover .noUi-target {
  width: 135px;
  background: #22b3ff;
}

@media (max-width: 767px) {
  .noUi-target {
    width: 38px;
  }
  .mute-control-slide .mute-control__txt {
    display: none;
  }
  .mute-icon {
    z-index: 9;
  }
  .noUi-connects {
    border-radius: 25px;
  }
}
@media (max-height: 800px) {
  .unregister-slide .video-js {
    max-height: 70vh;
  }
}

.modal.modal-simple .modal__inner {
  padding-top: 64px;
  padding-bottom: 72px;
}
@media (max-width: 767px) {
  .modal.modal-simple .modal__inner {
    padding-top: 45px;
    padding-bottom: 50px;
  }
}
@media (max-width: 479px) {
  .modal.modal-simple .modal__inner {
    padding-top: 35px;
    padding-bottom: 40px;
  }
}

.modal-simple {
  z-index: 99999;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  transform: translateY(-100%);
  transition: 0.4s ease 0s;
}
.modal-simple.active {
  transform: translateY(0);
}
.modal-simple .modal__body {
  width: 980px;
  padding: 0 10px;
  margin: 0 auto;
}
.modal-simple__text {
  font-size: 20px;
  font-weight: normal;
  line-height: 1.2;
  letter-spacing: 0;
  max-width: 765px;
  margin-bottom: 22px;
}
@media (max-width: 767px) {
  .modal-simple__text {
    font-size: 16px;
  }
}
@media (max-width: 479px) {
  .modal-simple__text {
    font-size: 14px;
  }
}
.modal-simple__additional {
  font-size: 14px;
  font-weight: normal;
  font-style: italic;
  letter-spacing: 0;
  color: #676767;
  margin-bottom: 69px;
}
@media (max-width: 767px) {
  .modal-simple__additional {
    margin-bottom: 40px;
  }
}
@media (max-width: 479px) {
  .modal-simple__additional {
    margin-bottom: 20px;
  }
}
.modal-simple__additional a {
  color: #22b3ff;
  font-style: normal;
  line-height: 1;
  display: inline-block;
  position: relative;
  transition: 0.4s ease 0s;
}
.modal-simple__additional a:after {
  content: "";
  position: absolute;
  left: 0;
  top: 100%;
  width: 100%;
  height: 1px;
  background-color: #22b3ff;
  transition: 0.4s ease 0s;
}
.modal-simple__additional a:hover {
  color: #98edfd;
}
.modal-simple__additional a:hover:after {
  transform: scale(0);
  background: #98edfd;
}

.alert {
  position: fixed;
  top: 0;
  z-index: 9999;
  left: 0;
  right: 0;
  width: 100%;
  padding: 30px 0;
}
@media (max-width: 767px) {
  .alert {
    padding: 15px 0 10px;
  }
}
.alert.alert--tiny {
  padding-top: 16px;
  padding-bottom: 16px;
}
.alert.alert--hidden {
  display: none;
}
.alert__container {
  display: flex;
  width: 980px;
  padding: 0 10px;
  margin: auto;
  align-items: center;
}
@media (max-width: 998px) {
  .alert__container {
    width: 100%;
    max-width: 767px;
  }
}
@media (max-width: 767px) {
  .alert__container {
    flex-direction: column;
    align-items: center;
  }
}
.alert__text {
  font-size: 20px;
  font-weight: bold;
  line-height: 1.25;
  letter-spacing: 0.1px;
  color: #13071f;
  margin-left: 21px;
  flex-grow: 1;
}
.alert__text--italic {
  display: block;
  font-size: 14px;
  font-weight: normal;
  font-style: italic;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: 0.03px;
  color: #676767;
}
@media (max-width: 998px) {
  .alert__text {
    font-size: 16px;
    margin-left: 10px;
    margin-right: 10px;
  }
}
@media (max-width: 767px) {
  .alert__text {
    margin: 5px 0;
    text-align: center;
  }
}
.alert.alert--danger {
  background-color: #ffdbdb;
}
.alert .icon {
  width: 29px;
  height: 36px;
  object-fit: contain;
  fill: #FF7373;
}
.alert .btn--md {
  padding-left: 21px;
  padding-right: 21px;
}
@media (max-width: 998px) {
  .alert .btn--md {
    padding-left: 10px;
    padding-right: 10px;
    flex-shrink: 0;
  }
}
@media (max-width: 767px) {
  .alert .btn--md {
    margin: 5px 0;
  }
}
.alert.alert--success {
  background-color: #49e3a4;
}
.alert.alert--success .alert__text {
  color: #fff;
}
.alert.alert--success .icon {
  fill: #fff;
}
.alert.alert--sm {
  padding: 18px 0;
  height: 72px;
}
@media (max-width: 767px) {
  .alert.alert--sm {
    height: auto;
    padding: 14px 0 7px;
  }
}
@media (max-width: 767px) {
  .alert .link {
    margin: 5px 0;
    text-align: center;
  }
}

.js-alert-close {
  position: absolute;
  right: -10px;
  top: -6px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 21px;
  height: 21px;
  box-shadow: 0 5px 10px 0 rgba(34, 179, 255, 0.6);
  background-color: #ffffff;
  border-radius: 50%;
  transition: 0.4s ease 0s;
}
.js-alert-close:hover {
  box-shadow: 0 2px 7px 0 rgba(34, 179, 255, 0.4);
}
.js-alert-close:hover .icon {
  stroke: rgba(34, 179, 255, 0.65);
}
.js-alert-close .icon {
  stroke: #22b3ff;
  width: 10px;
  height: 10px;
  transition: 0.4s ease 0s;
}

.bubble-info {
  display: flex;
  align-items: flex-end;
  position: relative;
  width: fit-content;
  margin-left: 47px;
  margin-top: 46px;
}
@media (max-width: 998px) {
  .bubble-info {
    margin: 0 auto;
  }
}
@media (max-width: 998px) {
  .bubble-info__img {
    max-width: 50px;
    flex-shrink: 0;
  }
}
.bubble-info__bubble {
  background-color: #ffffff;
  border-radius: 60px;
  padding: 32px 50px 32px 70px;
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  margin-left: 24px;
  margin-bottom: 16px;
}
.bubble-info__bubble:before {
  content: "";
  background-color: #fff;
  display: block;
  height: 30px;
  width: 35px;
  position: absolute;
  bottom: 6px;
  transform: rotate(130deg) skew(51deg);
  box-shadow: 0 0 10px 0 rgba(19, 7, 31, 0.11);
  left: 7px;
  z-index: -1;
}
.bubble-info__bubble:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(19, 7, 31, 0.11);
  left: 0;
  top: 0;
  border-radius: 60px;
  filter: blur(10px);
  z-index: -2;
}
@media (max-width: 580px) {
  .bubble-info__bubble {
    padding: 32px 24px;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
  }
}
.bubble-info__bubble > div {
  width: 400px;
  flex-grow: 1;
  margin-right: 36px;
}
@media (max-width: 998px) {
  .bubble-info__bubble > div {
    width: auto;
  }
}
@media (max-width: 580px) {
  .bubble-info__bubble > div {
    margin: 0;
  }
}
.bubble-info__bubble--lg {
  font-size: 22px;
  font-weight: bold;
  line-height: 1.14;
  letter-spacing: 0.1px;
  color: #13071f;
  margin-bottom: 5px;
}
@media (max-width: 998px) {
  .bubble-info__bubble--lg {
    text-align: center;
  }
}
@media (max-width: 580px) {
  .bubble-info__bubble--lg {
    font-size: 18px;
  }
}
.bubble-info__bubble--md {
  font-size: 14px;
  line-height: 1.29;
  color: #13071f;
  max-width: 350px;
}
@media (max-width: 998px) {
  .bubble-info__bubble--md {
    text-align: center;
    margin-bottom: 10px;
    max-width: none;
  }
}
@media (max-width: 580px) {
  .bubble-info__bubble--md {
    font-size: 12px;
  }
}
@media (max-width: 998px) {
  .bubble-info__bubble .btn.btn--md {
    white-space: nowrap;
  }
}

.js-bubble-close {
  position: absolute;
  right: 0;
  top: 0;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 28px;
  height: 28px;
  box-shadow: 0 5px 10px 0 rgba(34, 179, 255, 0.6);
  background-color: #ffffff;
  border-radius: 50%;
  z-index: 9;
  transition: 0.4s ease 0s;
}
.js-bubble-close:hover {
  box-shadow: 0 2px 7px 0 rgba(34, 179, 255, 0.4);
}
.js-bubble-close:hover .icon {
  stroke: rgba(34, 179, 255, 0.65);
}
.js-bubble-close .icon {
  stroke: #22b3ff;
  font-size: 1.1rem;
  transition: 0.4s ease 0s;
}

.authors-group {
  position: relative;
  display: inline-flex;
  align-items: center;
  width: fit-content;
  font-size: 11px;
  line-height: 1.45;
  letter-spacing: 0.6px;
  color: #13071f;
  text-transform: uppercase;
  padding-right: 24px;
}
.authors-group .icon-no-avatar {
  font-size: 1.6rem;
  margin-right: 4px;
}
.authors-group img {
  margin-right: 4px;
  border-radius: 50%;
  width: 20px;
  height: 20px;
}

.subscribes-wrapper {
  width: 980px;
  position: relative;
  margin: 36px auto 0;
}
@media (max-width: 998px) {
  .subscribes-wrapper {
    width: 100%;
    padding: 0 24px;
  }
}
.subscribes-wrapper .search-filter__options {
  margin-right: 0;
}
@media (max-width: 479px) {
  .subscribes-wrapper .search-filter__options {
    width: 100%;
    margin: 0;
  }
  .subscribes-wrapper .search-filter__options .custom-select {
    width: 100% !important;
  }
}

.subscribes-list {
  display: flex;
  flex-wrap: wrap;
}

.subscribes-card {
  display: flex;
  flex-direction: column;
  margin: 0 12px 24px;
  max-width: calc(25% - 24px);
  flex-basis: calc(25% - 24px);
  box-shadow: 0 0 12px 0 rgba(19, 7, 31, 0.07);
  background-color: #fff;
  border-radius: 10px;
  overflow: hidden;
}
@media (max-width: 767px) {
  .subscribes-card {
    max-width: calc(33.33333% - 24px);
    flex-basis: calc(33.33333% - 24px);
  }
}
@media (max-width: 580px) {
  .subscribes-card {
    max-width: calc(50% - 24px);
    flex-basis: calc(50% - 24px);
  }
}
@media (max-width: 479px) {
  .subscribes-card {
    max-width: calc(100% - 24px);
    flex-basis: calc(100% - 24px);
  }
}
.subscribes-card a {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.subscribes-card a:hover .subscribes-card__title {
  color: #49e3a4;
}
.subscribes-card__title {
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.13;
  letter-spacing: 0.1px;
  color: #2d2d2d;
  padding: 10px;
  flex-grow: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  min-height: 73px;
  transition: 0.4s ease 0s;
}
@media (max-width: 479px) {
  .subscribes-card__img {
    width: 100%;
  }
}
@media (max-width: 479px) {
  .subscribes-card__img img {
    width: 100%;
  }
}

.subscribes-control {
  display: flex;
  flex-direction: column;
  margin: 0 12px 24px;
  max-width: calc(25% - 24px);
  flex-basis: calc(25% - 24px);
  background-color: #fff;
  border-radius: 8px;
  overflow: hidden;
  border: dashed 2px #d9d9d9;
  align-items: center;
  justify-content: center;
  padding: 10px 30px;
  font-size: 17px;
  font-weight: bold;
  line-height: 1.06;
  letter-spacing: 0.1px;
  text-align: center;
  color: #d5d5d5;
  transition: 0.4s ease 0s;
}
@media (max-width: 767px) {
  .subscribes-control {
    max-width: calc(33.33333% - 24px);
    flex-basis: calc(33.33333% - 24px);
  }
}
@media (max-width: 580px) {
  .subscribes-control {
    max-width: calc(50% - 24px);
    flex-basis: calc(50% - 24px);
  }
}
@media (max-width: 479px) {
  .subscribes-control {
    max-width: calc(100% - 24px);
    flex-basis: calc(100% - 24px);
  }
}
.subscribes-control:hover {
  border-color: #49e3a4;
  color: #49e3a4;
}

.search-filter {
  display: flex;
  padding-left: 12px;
  align-items: center;
  padding-right: 12px;
  justify-content: space-between;
}
@media (max-width: 479px) {
  .search-filter {
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
  }
}
.search-filter.__clear-button__ .search-filter__input button {
  opacity: 1;
  visibility: visible;
}

.search-filter__input {
  width: 100%;
  position: relative;
}
@media (max-width: 580px) {
  .search-filter__input {
    margin-bottom: 12px;
  }
}
.search-filter__input input {
  width: 100%;
  border: none;
  height: 24px;
  color: #13071f;
  font-size: 14px;
  font-weight: 700;
  text-overflow: ellipsis;
  transition: all 0.3s ease;
  border-bottom: 1px solid #2d2d2d;
}
.search-filter__input input::placeholder {
  color: #b2b2b2;
}
.search-filter__input input:valid {
  border-bottom: 1px solid #98edfd;
}
.search-filter__input button {
  top: 0;
  right: 0;
  opacity: 0;
  border: none;
  height: 24px;
  color: #22b3ff;
  line-height: 1;
  font-size: 12px;
  background: none;
  position: absolute;
  visibility: hidden;
  transition: all 0.3s ease;
  text-decoration: underline;
}
.search-filter__input button:hover {
  color: #49e3a4;
}

.search-filter__options {
  flex-shrink: 0;
  margin-left: 24px;
}
@media (max-width: 479px) {
  .search-filter__options {
    margin: 10px 0 0 10px;
  }
}

.custom-select {
  width: 100%;
  z-index: 97;
  position: relative;
  /* update scrollbar offset if both scrolls are visible */
}
.custom-select[data-fluid] {
  transition: width 0.3s ease;
}
.custom-select > button {
  width: 100%;
  display: block;
  font-size: 16px;
  cursor: pointer;
  text-align: left;
  font-weight: 700;
  position: relative;
  border-radius: 27px;
  background-color: #fff;
  border: solid 2px rgba(19, 7, 31, 0.15);
  box-shadow: 0 3px 7px 0 rgba(19, 7, 31, 0.05);
}
.custom-select > button:after {
  top: 16px;
  width: 13px;
  height: 13px;
  right: 19px;
  content: "";
  z-index: 1;
  display: block;
  position: absolute;
  transition: transform 0.3s ease 0s;
  background-image: url(../img/svgSprite/arrow-down.svg);
  background-repeat: no-repeat;
  background-size: 12px;
}
.custom-select select {
  display: none;
  width: 0;
  height: 0;
  opacity: 0;
  visibility: hidden;
  position: absolute;
}
.custom-select.active {
  z-index: 104;
}
.custom-select.active > button:after {
  top: 10px;
  transform: rotate(-180deg);
  background-image: url(../img/svgSprite/arrow-down-b.svg);
}
.custom-select.active .custom-select__dropdown {
  opacity: 1;
  visibility: visible;
}
.custom-select.search-failed .custom-select__list {
  position: relative;
}
.custom-select.search-failed .custom-select__list:after {
  color: #d0d0d0;
  padding-left: 22px;
  content: "Ничего не найдено";
}
.custom-select.search-failed .custom-select__list:before {
  display: none;
}
.custom-select.checked > button {
  border: solid 2px #98edfd;
}
.custom-select.checked .custom-select__options {
  position: relative;
}
.custom-select.checked .custom-select__options:after {
  display: none;
}
.custom-select[data-size=sm] > button .custom-select__options {
  height: 26px;
  line-height: 26px;
}
.custom-select[data-size=sm] .custom-select__dropdown {
  padding-top: 26px;
  border-radius: 15px;
}
.custom-select[data-size=sm] .custom-select__list {
  padding-top: 8px;
  padding-bottom: 8px;
}
.custom-select .custom-select__list ul {
  max-height: 280px;
  overflow-y: auto;
  padding: 0 16px 0;
  display: flex;
  flex-direction: column;
}
.custom-select .custom-select__list ul::-webkit-scrollbar {
  height: 0;
  width: 0;
}
.custom-select .scroll-element,
.custom-select .scroll-element div {
  border: none;
  margin: 0;
  padding: 0;
  position: absolute;
  z-index: 10;
}
.custom-select .scroll-element div {
  display: block;
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
}
.custom-select .scroll-element.scroll-y {
  height: 100%;
  right: 0;
  top: 0;
  width: 5px;
  cursor: pointer;
}
.custom-select .scroll-element .scroll-element_outer {
  overflow: hidden;
}
.custom-select .scroll-element .scroll-element_outer,
.custom-select .scroll-element .scroll-element_track,
.custom-select .scroll-element .scroll-bar {
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
}
.custom-select .scroll-element .scroll-element_track,
.custom-select .scroll-element .scroll-bar {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
  filter: alpha(opacity=40);
  opacity: 0.4;
}
.custom-select .scroll-element .scroll-element_track {
  bottom: 8px;
  height: auto;
}
.custom-select .scroll-element .scroll-bar {
  background-color: #c2c2c2;
  cursor: pointer;
}
.custom-select .scroll-element:hover .scroll-bar {
  background-color: #919191;
}
.custom-select .scroll-element.scroll-draggable .scroll-bar {
  background-color: #919191;
}
.custom-select .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track {
  left: -12px;
}
.custom-select .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track {
  top: -12px;
}
.custom-select .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size {
  left: -12px;
}
.custom-select .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size {
  top: -12px;
}

.filter-fixed .custom-select > button:after {
  top: 13px;
}

.custom-select__options {
  z-index: 1;
  height: 40px;
  overflow: hidden;
  line-height: 40px;
  position: relative;
  padding-left: 15px;
  white-space: nowrap;
  padding-right: 42px;
  text-overflow: ellipsis;
}
.custom-select__options span {
  display: inline-block;
  vertical-align: middle;
  text-overflow: ellipsis;
  max-width: 100%;
  overflow: hidden;
}
.custom-select__options .cut {
  overflow: hidden;
  width: calc(100% - 58px);
}
.custom-select__options:after {
  color: #b2b2b2;
  content: attr(data-placeholder);
}
.custom-select__options span:not(:first-child):before {
  content: ", ";
}
.custom-select__options span.hidden {
  display: none !important;
}
.custom-select__options span.dropdown-stub {
  display: inline-flex;
  top: -1px;
  color: #fff;
  flex-shrink: 0;
  font-size: 11px;
  font-weight: bold;
  line-height: 16px;
  margin-left: 30px;
  padding-left: 6px;
  border-radius: 9px;
  padding-right: 6px;
  position: relative;
  letter-spacing: 0.1px;
  background-color: #6cccde;
}
.custom-select__options span.dropdown-stub:before {
  right: 100%;
  bottom: 1px;
  color: #13071f;
  content: ", ...";
  font-size: 18px;
  font-weight: bold;
  margin-left: 18px;
  letter-spacing: 0;
  position: absolute;
  padding-right: 5px;
}
.custom-select__options span.dropdown-stub.dropdown-stub--not-ellipsis {
  margin-left: 6px;
}
.custom-select__options span.dropdown-stub.dropdown-stub--not-ellipsis:before {
  display: none;
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes fadeInHeight {
  from {
    max-height: 0;
  }
  to {
    max-height: 200px;
  }
}
@keyframes fadeOutHeight {
  from {
    max-height: 200px;
  }
  to {
    max-height: 0;
  }
}
.custom-select__dropdown {
  top: 0;
  left: 0;
  right: 0;
  opacity: 0;
  overflow: hidden;
  padding-top: 40px;
  visibility: hidden;
  position: absolute;
  border-radius: 22px;
  background-color: #fff;
  border: solid 2px #98edfd;
  box-shadow: 0 3px 7px 0 rgba(19, 7, 31, 0.05);
  transition: 0.3s ease-in-out;
}
.custom-select__dropdown .custom-select__search {
  animation-duration: 0.3s;
  animation-name: fadeOut;
  animation-iteration-count: 1;
  animation-fill-mode: backwards;
}
.custom-select__dropdown .custom-select__list {
  animation-duration: 0.3s;
  animation-name: fadeOut;
  animation-iteration-count: 1;
  animation-fill-mode: backwards;
}
.custom-select__dropdown .custom-select__control {
  animation-duration: 0.3s;
  animation-name: fadeOut;
  animation-iteration-count: 1;
  animation-fill-mode: backwards;
  border-bottom-left-radius: 27px;
  border-bottom-right-radius: 27px;
}
.custom-select.active .custom-select__dropdown .custom-select__search {
  animation-delay: 0.3s;
  animation-name: fadeIn;
  animation-duration: 0.3s;
  animation-iteration-count: 1;
  animation-fill-mode: backwards;
}
.custom-select.active .custom-select__dropdown .custom-select__list {
  animation-delay: 0.3s;
  animation-name: fadeIn;
  animation-duration: 0.3s;
  animation-iteration-count: 1;
  animation-fill-mode: backwards;
}
.custom-select.active .custom-select__dropdown .custom-select__control {
  animation-delay: 0.3s;
  animation-name: fadeIn;
  animation-duration: 0.3s;
  animation-iteration-count: 1;
  animation-fill-mode: backwards;
}

.custom-select__search {
  padding-left: 16px;
  padding-right: 16px;
  padding-bottom: 16px;
}
.custom-select__search input {
  width: 100%;
  border: none;
  height: 20px;
  font-size: 14px;
  font-weight: 700;
  text-overflow: ellipsis;
  border-bottom: 1px solid #13071f;
}
.custom-select__search input::placeholder {
  color: #b2b2b2;
}

.custom-select__list {
  font-size: 16px;
  font-weight: 700;
  padding-bottom: 11px;
  max-height: 280px;
  overflow: hidden;
}
.custom-select__list li:not(:last-child) {
  margin-bottom: 7px;
}
.custom-select__list li a {
  color: #13071f;
  display: block;
  overflow: hidden;
  position: relative;
  padding-left: 22px;
  text-overflow: ellipsis;
}
.custom-select__list li a:after {
  top: 4px;
  left: 0;
  content: "";
  width: 13px;
  height: 13px;
  display: block;
  position: absolute;
  border-radius: 50%;
  transition: all 0.3s ease;
  background-color: #d0d0d0;
}
.custom-select__list li.checked a:hover:after {
  background-color: #98edfd;
}
.custom-select__list li.checked a:after {
  background-color: #98edfd;
}
.custom-select__list .scroll-wrapper {
  max-height: 280px;
}

.custom-select__control {
  font-size: 13px;
  font-weight: 700;
  padding-left: 17px;
  padding-right: 17px;
  padding-bottom: 10px;
  background-color: #fbfbfb;
}
.custom-select__control ul {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.custom-select__control ul li {
  padding-top: 10px;
}
.custom-select__control ul li:not(:last-child) {
  margin-right: 25px;
}
.custom-select__control a {
  color: #22b3ff;
  transition: all 0.3s ease;
}
.custom-select__control a:hover {
  color: #49e3a4;
}

.custom-select__dropdown {
  overflow: visible;
}

.custom-select__list ul li {
  position: relative;
}
.custom-select__list ul li input {
  top: 0;
  left: 0;
  opacity: 0;
  position: absolute;
  visibility: hidden;
}
.custom-select__list ul li .datepicker-inline {
  left: 50%;
  top: 100%;
  margin: 0;
  display: none;
  position: absolute;
  transform: translateX(-50%);
}
.custom-select__list ul li.calendar-active .datepicker-inline {
  display: block;
}

.date-select-wrapper .custom-select .custom-select__list ul {
  max-height: 100%;
}
.date-select-wrapper .scroll-wrapper, .date-select-wrapper .custom-select .custom-select__list ul {
  overflow: visible !important;
}

.article-desc-disease {
  display: flex;
}
.article-desc-disease--multi {
  flex-wrap: wrap;
  margin-left: -10px;
  margin-right: -10px;
}
@media (max-width: 998px) {
  .article-desc-disease--multi {
    margin-left: 0;
    margin-right: 0;
  }
}
@media (max-width: 767px) {
  .article-desc-disease {
    flex-direction: column;
    align-items: flex-start;
  }
}
.article-desc-disease__author-slider {
  max-width: 100%;
  width: 100%;
}
@media (max-width: 998px) {
  .article-desc-disease__author-slider {
    padding: 0 35px;
  }
}
@media (max-width: 600px) {
  .article-desc-disease__author-slider {
    padding: 0 15px;
  }
}
@media (max-width: 600px) {
  .article-desc-disease__author-slider .chennel-author-slider__nav--prev {
    left: -15px;
  }
}
@media (max-width: 600px) {
  .article-desc-disease__author-slider .chennel-author-slider__nav--next {
    right: -15px;
  }
}
.article-desc-disease__author {
  max-width: 332px;
  width: 100%;
  display: flex;
}
@media (max-width: 767px) {
  .article-desc-disease__author {
    max-width: none;
    width: 60%;
    margin-bottom: 20px;
  }
}
@media (max-width: 580px) {
  .article-desc-disease__author {
    width: 100%;
  }
}
.article-desc-disease__author-img {
  flex-shrink: 0;
  height: 48px;
  width: 48px;
  border-radius: 50%;
  overflow: hidden;
}
.article-desc-disease__author-img img {
  height: 100%;
  border-radius: 50%;
}
.article-desc-disease__author-desc {
  padding-left: 12px;
  padding-top: 12px;
}
@media (max-width: 767px) {
  .article-desc-disease__author-desc {
    padding-top: 0;
  }
}
.article-desc-disease__author-name span {
  font-size: 16px;
  line-height: 0.81;
  letter-spacing: 0.94px;
  color: #2d2d2d;
  text-transform: uppercase;
}
.article-desc-disease__author-text p {
  font-size: 14px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.43;
  letter-spacing: 0.03px;
  color: #9a9a9a;
}
.article-desc-disease--multi .article-desc-disease__author {
  width: 33.3333333333%;
  padding: 0 10px 20px;
}
@media (max-width: 767px) {
  .article-desc-disease--multi .article-desc-disease__author {
    width: 100%;
  }
}
.article-desc-disease__text {
  margin-left: 55px;
  padding-top: 10px;
  max-width: 560px;
  width: 100%;
  overflow: hidden;
}
@media (max-width: 998px) {
  .article-desc-disease__text {
    padding-top: 0;
    padding-left: 35px;
  }
}
@media (max-width: 767px) {
  .article-desc-disease__text {
    padding-left: 0;
    margin-left: 0;
  }
}
.article-desc-disease__text-wrap {
  height: 112px;
  overflow: hidden;
}
.article-desc-disease__text p {
  font-size: 18px;
  line-height: 1.56;
  letter-spacing: 0.06px;
  color: #2d2d2d;
}
@media (max-width: 998px) {
  .article-desc-disease__text p {
    font-size: 16px;
  }
}
.article-desc-disease__text .show-all-text, .article-desc-disease__text .hide-all-text {
  border: none;
  background: none;
  text-decoration: underline;
  color: #22b3ff;
  font-size: 12px;
  line-height: 1.5;
  letter-spacing: 0.06px;
  margin-top: 12px;
}
.article-desc-disease__text .hide-all-text {
  display: none;
}
.article-desc-disease--multi .article-desc-disease__text {
  max-width: 100%;
  margin-left: 0;
}
.article-desc-disease .comment-textarea {
  padding: 9px 24px;
}
.article-desc-disease .comment-textarea .icon {
  margin: 0;
}

.tabs-nav-item.unactive {
  opacity: 0.2;
  pointer-events: none;
}

.article-tabs {
  padding-top: 36px;
}
.article-tabs-wrapper {
  position: relative;
  padding-bottom: 60px;
  z-index: 102;
}
@media (max-width: 767px) {
  .article-tabs-wrapper {
    margin-top: 0;
    padding-bottom: 30px;
  }
}
.article-tabs-wrapper:after {
  content: "";
  height: 8px;
  width: 100%;
  left: 0;
  bottom: 0;
  background-image: -webkit-gradient(linear, right top, left top, from(#22b3ff), to(#98edfd));
  background-image: linear-gradient(270deg, #22b3ff 0%, #98edfd 100%);
  opacity: 0.25;
  position: absolute;
}
.article-tabs .tabs-nav {
  box-shadow: 0 10px 10px 0 rgba(19, 7, 31, 0.08);
}
.article-tabs .tabs {
  margin: 0 0 30px -20px;
  padding: 0;
  display: flex;
  justify-content: center;
}
@media (max-width: 767px) {
  .article-tabs .tabs {
    margin-left: 0;
    width: 100%;
    overflow-y: auto;
  }
}
@media (max-width: 600px) {
  .article-tabs .tabs {
    justify-content: flex-start;
  }
}
.article-tabs .tabs .tabs-nav-item:not(:last-child), .article-tabs .tabs .collapse-nav-item:not(:last-child) {
  margin-right: 12px;
}
@media (max-width: 479px) {
  .article-tabs .tabs .tabs-nav-item:not(:last-child), .article-tabs .tabs .collapse-nav-item:not(:last-child) {
    margin-right: 6px;
  }
}
.article-tabs .tabs .tabs-nav-item:hover:not(.active) button, .article-tabs .tabs .collapse-nav-item:hover:not(.active) button {
  color: #49e3a4;
}
.article-tabs .tabs .tabs-nav-item button, .article-tabs .tabs .collapse-nav-item button {
  font-size: 32px;
  font-weight: bold;
  line-height: 1.19;
  letter-spacing: 0.1px;
  color: #22b3ff;
  display: flex;
  align-items: center;
  padding: 14px 18px;
  border-radius: 32.5px;
  transition: background-color 0.1s ease, color 0.4s ease;
  border: none;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: transparent;
}
@media (max-width: 998px) {
  .article-tabs .tabs .tabs-nav-item button, .article-tabs .tabs .collapse-nav-item button {
    font-size: 28px !important;
    padding: 8px 16px;
  }
}
@media (max-width: 767px) {
  .article-tabs .tabs .tabs-nav-item button, .article-tabs .tabs .collapse-nav-item button {
    font-size: 20px !important;
  }
}
@media (max-width: 479px) {
  .article-tabs .tabs .tabs-nav-item button, .article-tabs .tabs .collapse-nav-item button {
    font-size: 16px !important;
    margin-right: 0;
    padding: 5px 10px;
  }
}
.article-tabs .tabs .tabs-nav-item span, .article-tabs .tabs .collapse-nav-item span {
  font-size: 16px;
  font-weight: bold;
  line-height: normal;
  letter-spacing: 0.05px;
  text-align: center;
  color: #ffffff;
  border-radius: 14.5px;
  width: 61px;
  height: 29px;
  background-color: #22b3ff;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 6px;
  white-space: nowrap;
  transition: all 0.1s ease;
}
@media (max-width: 767px) {
  .article-tabs .tabs .tabs-nav-item span, .article-tabs .tabs .collapse-nav-item span {
    font-size: 14px !important;
    width: 55px;
    height: 25px;
  }
}
@media (max-width: 479px) {
  .article-tabs .tabs .tabs-nav-item span, .article-tabs .tabs .collapse-nav-item span {
    font-size: 12px !important;
    height: 20px;
    width: auto;
    padding: 0 6px;
  }
}
.article-tabs .tabs .tabs-nav-item.active button {
  font-size: 32px;
  font-weight: bold;
  letter-spacing: 0.1px;
  color: #fff;
  display: flex;
  align-items: center;
  border-radius: 32.5px;
  background-color: #49e3a4;
}
.article-tabs .tabs .tabs-nav-item.active span {
  font-size: 16px;
  font-weight: bold;
  line-height: normal;
  letter-spacing: 0.05px;
  text-align: center;
  color: #2d2d2d;
  border-radius: 14.5px;
  width: 61px;
  height: 29px;
  background-color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 6px;
}
@media (max-width: 479px) {
  .article-tabs .tabs .tabs-nav-item.active span {
    width: auto;
    height: 20px;
    padding: 0 6px;
  }
}
.article-tabs .tabs-content-item {
  display: none;
  position: relative;
  overflow: hidden;
}
.article-tabs .tabs-content-item.tabs-content-status {
  margin-bottom: -52px;
}

.tab-video {
  width: 100%;
  height: 540px;
  position: relative;
  margin-bottom: 48px;
}
@media (max-width: 479px) {
  .tab-video {
    height: auto;
    min-height: 280px;
  }
}
.tab-video iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 12;
}
.tab-video .tab-video-image {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-image: url("../img/feed/fw-article-bg.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  opacity: 1;
  visibility: visible;
  transition: all 0.3s ease;
  z-index: 10;
}
.tab-video .tab-video-image.unvisible {
  opacity: 0;
  visibility: hidden;
}
.tab-video video {
  width: 100%;
  height: 100%;
}
.tab-video .videosub-bar {
  bottom: 46px !important;
}
.tab-video .video-play {
  position: absolute;
  width: 100%;
  height: calc(100% - 60px);
  left: 0;
  top: 0;
  z-index: 11;
  opacity: 1;
  transition: all 0.3s ease;
}
.tab-video .video-play.unvisible {
  opacity: 0;
}
.tab-video .video-play .play-control {
  border: none;
  outline: none;
  width: 112px;
  height: 112px;
  position: absolute;
  left: 50%;
  top: calc(50% + 40px);
  transform: translate(-50%, -50%);
}
@media (max-width: 767px) {
  .tab-video .video-play .play-control {
    width: 100px;
    height: 100px;
  }
}
@media (max-width: 580px) {
  .tab-video .video-play .play-control {
    width: 85px;
    height: 85px;
  }
}
@media (max-width: 479px) {
  .tab-video .video-play .play-control {
    width: 70px;
    height: 70px;
  }
}
.tab-video .video-play .play-control .icon {
  font-size: 53px;
  fill: #fff;
}
@media (max-width: 767px) {
  .tab-video .video-play .play-control .icon {
    font-size: 43px;
  }
}
@media (max-width: 580px) {
  .tab-video .video-play .play-control .icon {
    font-size: 37px;
  }
}
@media (max-width: 479px) {
  .tab-video .video-play .play-control .icon {
    font-size: 32px;
  }
}
.tab-video .video-controls {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background-color: rgba(0, 0, 255, 0.068);
}
.tab-video .video-controls__bottom {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: absolute;
  bottom: 0;
  left: 0;
  padding-bottom: 12px;
  z-index: 5;
}
@media (max-width: 580px) {
  .tab-video .video-controls__bottom {
    flex-wrap: wrap;
    padding-bottom: 21px;
    z-index: 25;
  }
}
.tab-video .video-controls__buttons {
  display: flex;
  width: auto;
  justify-content: flex-end;
  align-items: center;
  margin-left: 24px;
}
@media (max-width: 580px) {
  .tab-video .video-controls__buttons {
    position: absolute;
    right: 0;
    bottom: 225px;
  }
}
.tab-video .video-controls__buttons button {
  outline: none;
  border: none;
}
.tab-video .video-controls__buttons .mute-control {
  width: 38px;
}
.tab-video .video-controls__buttons .mute-control:hover {
  width: 135px;
  background-color: #22b3ff;
  box-shadow: 0 9px 12px 0 rgba(34, 179, 255, 0.32);
}
.tab-video .video-controls__buttons .mute-control.active .mute-control-progress {
  opacity: 1;
}
.tab-video .video-timeline {
  width: 100%;
  height: 4px;
  position: relative;
  background-color: rgba(0, 0, 0, 0.08);
  cursor: pointer;
  margin: 0 0 0 20px;
}
@media (max-width: 580px) {
  .tab-video .video-timeline {
    margin-right: 12px;
  }
}
.tab-video .video-timeline .video-timeline__inner {
  width: 0;
  display: block;
  height: 3px;
  transition: width 0.3s ease;
  background-color: #22b3ff;
}
.tab-video .video-timeline.hidden {
  display: block !important;
}
.tab-video .video-timeline .video-time {
  position: absolute;
  left: 0;
  top: calc(100% + 5px);
  display: flex;
  align-items: center;
}
.tab-video .video-timeline .video-time span {
  display: flex;
  font-size: 12px;
  line-height: 1;
  color: #13071f;
}
.tab-video .video-timeline .video-time__fulltime {
  margin-left: 6px;
  display: flex;
}
.tab-video .video-timeline .video-time__fulltime:before {
  content: "/";
  display: block;
  margin-right: 6px;
  font-size: 10px;
}
.tab-video .video-timeline .video-time__divider {
  margin-left: 5px;
  margin-right: 6px;
  font-size: 10px;
}

.tab-audio {
  margin-top: 77px;
  margin-bottom: 64px;
}
@media (max-width: 767px) {
  .tab-audio {
    margin-top: 45px;
    margin-bottom: 32px;
  }
}
.tab-audio-trigger {
  display: flex;
  align-items: center;
}
@media (max-width: 767px) {
  .tab-audio-trigger {
    margin-bottom: 25px;
  }
}
.tab-audio-trigger__wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (max-width: 767px) {
  .tab-audio-trigger__wrap {
    flex-direction: column;
    align-items: flex-start;
  }
}
.tab-audio-trigger__btn .btn-round {
  border: none;
  font-size: 0;
  color: transparent;
}
.tab-audio-trigger__btn .play-control {
  width: 84px;
  height: 84px;
  padding-top: 3px;
}
.tab-audio-trigger__btn .play-control .icon-play-audio {
  font-size: 53px;
  fill: #fff;
}
.tab-audio-trigger__btn .play-control .icon-pause-audio {
  font-size: 30px;
  fill: #fff;
  display: none;
}
.tab-audio-trigger__btn .play-control.is-pause .icon-play-audio {
  display: none;
}
.tab-audio-trigger__btn .play-control.is-pause .icon-pause-audio {
  display: block;
}
.tab-audio-trigger__btn .download-control, .tab-audio-trigger__btn .add-control {
  width: 54px;
  height: 54px;
}
.tab-audio-trigger__btn .download-control .icon, .tab-audio-trigger__btn .add-control .icon {
  font-size: 25.7px;
  fill: #fff;
}
.tab-audio-trigger__btn .add-control {
  position: relative;
}
.tab-audio-trigger__btn .add-control.active {
  box-shadow: 0 9px 12px 0 rgba(73, 227, 164, 0.51);
  background-color: #49e3a4;
}
.tab-audio-trigger__info {
  margin-left: 12px;
}
.tab-audio-trigger__info span {
  width: 100%;
  display: block;
}
.tab-audio-trigger__name, .tab-audio-trigger__subinfo {
  font-size: 20px;
  line-height: 1.1;
  letter-spacing: 0.07px;
}
.tab-audio-trigger__name {
  font-weight: bold;
  color: #13071f;
  margin-bottom: 1px;
}
.tab-audio-trigger__subinfo {
  font-weight: normal;
  color: #b2b2b2;
}

.tab-video__key-point, .tab-audio__key-point {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin-top: 12px;
}
.tab-video__key-point .key-point__btn, .tab-audio__key-point .key-point__btn {
  font-size: 18px;
  letter-spacing: 0.04px;
  color: #22b3ff;
  background-color: transparent;
  border: none;
  outline: none;
  margin-right: 3px;
  border-bottom: 1px solid #22b3ff;
  transition: all 0.3s ease;
}
.tab-video__key-point .key-point__btn:hover, .tab-audio__key-point .key-point__btn:hover {
  color: rgba(34, 179, 255, 0.8);
}
.tab-video__key-point .key-point__btn-wrap, .tab-audio__key-point .key-point__btn-wrap {
  min-width: 55px;
}
.tab-video__key-point span, .tab-audio__key-point span {
  font-size: 18px;
  line-height: 1.44;
  letter-spacing: 0.06px;
  color: rgba(0, 0, 0, 0.8);
}

.article-rate-wrapper {
  padding-top: 64px;
  overflow: hidden;
}
.article-rate-wrapper-btns {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media (max-width: 767px) {
  .article-rate-wrapper-btns {
    flex-direction: column;
    align-items: center;
  }
}
@media (max-width: 580px) {
  .article-rate-wrapper .article-rate-btns {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
}
@media (max-width: 767px) {
  .article-rate-wrapper .article-rate-btns-soc {
    width: 100%;
    text-align: center;
  }
}
.article-rate-wrapper .article-rate-btns .btn {
  padding: 6px 8px;
  background-color: #22b3ff;
  width: 231px;
  height: 40px;
  border-radius: 25px;
  box-shadow: 0 5px 10px 0 rgba(34, 179, 255, 0.6);
  transition: all 0.3s ease;
}
@media (max-width: 767px) {
  .article-rate-wrapper .article-rate-btns .btn {
    margin-bottom: 20px;
  }
}
@media (max-width: 580px) {
  .article-rate-wrapper .article-rate-btns .btn {
    margin: 0 10px 20px 10px;
  }
}
.article-rate-wrapper .article-rate-btns .btn:first-child {
  margin-right: 20px;
}
@media (max-width: 580px) {
  .article-rate-wrapper .article-rate-btns .btn:first-child {
    margin: 0 10px 20px 10px;
  }
}
.article-rate-wrapper .article-rate-btns .btn .icon-label2 {
  fill: #fff !important;
  stroke: #22b3ff;
  stroke-linecap: round;
  stroke-width: 2;
}
.article-rate-wrapper .article-rate-btns .btn:hover {
  box-shadow: 0 3px 7px rgba(34, 179, 255, 0.6);
  background-color: #57c5ff;
}
.article-rate-wrapper .article-rate-btns .btn.add-rate-favorite.active, .article-rate-wrapper .article-rate-btns .btn.add-comment.active {
  background-color: #21d98e;
  box-shadow: 0 3px 7px 0 rgba(33, 217, 142, 0.61);
}
.article-rate-wrapper .article-rate-btns .btn.add-rate-favorite.active .icon-label2, .article-rate-wrapper .article-rate-btns .btn.add-rate-favorite.active .icon-label, .article-rate-wrapper .article-rate-btns .btn.add-comment.active .icon-label2, .article-rate-wrapper .article-rate-btns .btn.add-comment.active .icon-label {
  fill: #fff !important;
  stroke: #21d98e;
}
.article-rate-wrapper .article-rate-btns .btn.add-rate-favorite.active .icon-comment, .article-rate-wrapper .article-rate-btns .btn.add-comment.active .icon-comment {
  stroke-width: 1;
  fill: #21d98e;
}
.article-rate-wrapper .article-rate-btns .icon-wrap {
  width: 28px;
  height: 28px;
  background-color: #ffffff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.article-rate-wrapper .article-rate-btns .icon-wrap .icon {
  fill: #ffffff;
  color: #ffffff;
}
.article-rate-wrapper .article-rate-btns .icon-wrap .icon-comment {
  fill: #22b3ff;
}
.article-rate-wrapper .article-rate-btns span {
  padding-left: 8px;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.31;
  letter-spacing: 0.03px;
  color: #ffffff;
}
.article-rate-wrapper .new-rate-block {
  align-items: flex-end;
  margin: 0 0 30px;
  padding: 24px 0px 1px 0px;
}
@media (max-width: 580px) {
  .article-rate-wrapper .new-rate-block {
    padding-left: 0;
    padding-right: 0;
  }
}
.article-rate-wrapper .new-rate-block .new-finish__img {
  margin-left: 9px;
  margin-right: 13px;
}
.article-rate-wrapper .new-rate-block .new-finish__item {
  justify-content: flex-start;
}
@media (max-width: 767px) {
  .article-rate-wrapper .new-rate-block .new-finish__item {
    margin: 0 auto;
  }
}
.article-rate-wrapper .new-rate-block .new-finish__bubble {
  display: flex;
  align-items: center;
  margin-left: 10px;
  padding: 15px 26px 15px 27px;
  max-width: 844px;
  height: 112px;
  width: 100%;
  margin-bottom: 12px;
}
@media (max-width: 998px) {
  .article-rate-wrapper .new-rate-block .new-finish__bubble {
    padding: 25px 30px;
    width: 100%;
    max-width: 660px;
    align-items: center;
  }
}
@media (max-width: 767px) {
  .article-rate-wrapper .new-rate-block .new-finish__bubble {
    flex-wrap: wrap;
    justify-content: center;
    flex-direction: column;
    max-width: 310px;
    height: 280px;
  }
}
@media (max-width: 580px) {
  .article-rate-wrapper .new-rate-block .new-finish__bubble {
    height: auto;
    max-width: 100%;
  }
}
.article-rate-wrapper .new-rate-block .new-finish__bubble input {
  border: none;
}
.article-rate-wrapper .new-rate-block .new-finish__bubble .star-rating {
  display: flex;
  flex-direction: row-reverse;
  padding-left: 0;
}
@media (max-width: 998px) {
  .article-rate-wrapper .new-rate-block .new-finish__bubble .star-rating {
    padding-left: 20px;
  }
}
.article-rate-wrapper .new-rate-block .new-finish__bubble .star-rating__quality {
  font-size: 12px;
  font-weight: bold;
  line-height: normal;
  letter-spacing: 0.05px;
  color: #ffffff;
  padding: 6px 10px;
  border-radius: 14.5px;
  box-shadow: 0 3px 19px 0 rgba(73, 227, 164, 0.6);
  background-color: #49e3a4;
  position: absolute;
  bottom: 52px;
  left: 50%;
  transform: translateX(-50%);
  min-height: 29px;
  text-align: center;
  white-space: nowrap;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease;
}
.article-rate-wrapper .new-rate-block .new-finish__bubble .star-rating label {
  position: relative;
}
.article-rate-wrapper .new-rate-block .new-finish__bubble .star-rating label:not(:first-child) {
  margin-right: 24px;
}
@media (max-width: 998px) {
  .article-rate-wrapper .new-rate-block .new-finish__bubble .star-rating label:not(:first-child) {
    margin-right: 13px;
  }
}
.article-rate-wrapper .new-rate-block .new-finish__bubble .star-rating label:hover ~ label .icon {
  color: rgba(73, 227, 164, 0.4);
  filter: drop-shadow(2px 1px 12px rgba(73, 227, 163, 0.603));
}
.article-rate-wrapper .new-rate-block .new-finish__bubble .star-rating label:hover .icon {
  fill: rgba(73, 227, 164, 0.4);
  filter: drop-shadow(2px 1px 12px rgba(73, 227, 163, 0.603));
}
.article-rate-wrapper .new-rate-block .new-finish__bubble .star-rating label:hover .star-rating__quality {
  opacity: 1;
  visibility: visible;
}
.article-rate-wrapper .new-rate-block .new-finish__bubble .star-rating label .icon {
  fill: rgba(208, 208, 208, 0.49);
  width: 41px;
  height: 38px;
}
@media (max-width: 998px) {
  .article-rate-wrapper .new-rate-block .new-finish__bubble .star-rating label .icon {
    width: 31px;
    height: 28px;
  }
}
.article-rate-wrapper .new-rate-block .new-finish__bubble .star-rating :checked ~ label .icon {
  fill: #49e3a4 !important;
  filter: drop-shadow(2px 1px 12px rgba(73, 227, 163, 0.603)) !important;
}
.article-rate-wrapper .new-rate-block .new-finish__bubble .star-rating:hover ~ label .icon {
  fill: #49e3a4;
  drop-shadow: 2px 1px 12px rgba(73, 227, 163, 0.603);
}
.article-rate-wrapper .new-rate-block .new-finish__score {
  display: flex;
  flex-direction: column;
  padding-right: 52px;
  padding-left: 16px;
}
@media (max-width: 998px) {
  .article-rate-wrapper .new-rate-block .new-finish__score {
    padding-right: 27px;
  }
}
@media (max-width: 767px) {
  .article-rate-wrapper .new-rate-block .new-finish__score {
    margin-bottom: 25px;
    padding-right: 20px;
    padding-left: 20px;
    width: 100%;
    text-align: center;
  }
}
@media (max-width: 580px) {
  .article-rate-wrapper .new-rate-block .new-finish__score {
    margin-bottom: 0;
    padding-right: 0;
    padding-left: 0;
  }
}
.article-rate-wrapper .new-rate-block .new-finish__score-title {
  height: 58px;
}
.article-rate-wrapper .new-rate-block .new-finish__score-title span {
  display: inline-block;
  font-size: 58px;
  font-weight: bold;
  line-height: 1;
  letter-spacing: 0.07px;
  color: #2d2d2d;
}
@media (max-width: 998px) {
  .article-rate-wrapper .new-rate-block .new-finish__score-title span {
    font-size: 31px;
  }
}
.article-rate-wrapper .new-rate-block .new-finish__score-subtitle {
  max-width: 105px;
}
@media (max-width: 998px) {
  .article-rate-wrapper .new-rate-block .new-finish__score-subtitle {
    max-width: 125px;
  }
}
@media (max-width: 767px) {
  .article-rate-wrapper .new-rate-block .new-finish__score-subtitle {
    max-width: 100%;
  }
}
.article-rate-wrapper .new-rate-block .new-finish__score-subtitle span {
  display: flex;
  font-size: 10px;
  font-weight: normal;
  line-height: 12.2px;
  letter-spacing: 0.03px;
  color: #b2b2b2;
}
@media (max-width: 767px) {
  .article-rate-wrapper .new-rate-block .new-finish__score-subtitle span {
    justify-content: center;
  }
}
@media (max-width: 580px) {
  .article-rate-wrapper .new-rate-block .new-finish__score-subtitle span {
    margin-top: 12px;
  }
}
.article-rate-wrapper .new-rate-block .new-finish__stars {
  justify-content: flex-end;
  flex-grow: 1;
  max-width: 100%;
}
.article-rate-wrapper .new-rate-block .new-finish__bonus {
  max-width: 215px;
  display: flex;
}
@media (max-width: 767px) {
  .article-rate-wrapper .new-rate-block .new-finish__bonus {
    padding-left: 15px;
    padding-right: 15px;
    max-width: 100%;
    margin-bottom: 30px;
    text-align: center;
  }
}
.article-rate-wrapper .new-rate-block .new-finish__bonus span {
  text-align: left;
  font-size: 23px;
  font-weight: bold;
  line-height: 1.09;
  letter-spacing: 0.08px;
  color: #2d2d2d;
}
@media (max-width: 998px) {
  .article-rate-wrapper .new-rate-block .new-finish__bonus span {
    font-size: 18px;
  }
}
.article-rate-wrapper .new-rate-block .new-finish__bonus span .accent {
  font-weight: 800;
  letter-spacing: 0;
  color: #49e3a4;
  display: inline-block;
}

.article__title {
  display: flex;
}
.article__title h2 {
  font-size: 20px;
  font-weight: bold;
  line-height: normal;
  letter-spacing: 0.04px;
  color: #2d2d2d;
}
@media (max-width: 767px) {
  .article__title h2 {
    font-size: 18px;
  }
}
.article__title span {
  font-size: 20px;
  font-weight: normal;
  line-height: normal;
  letter-spacing: 0.04px;
  color: #b2b2b2;
  padding-left: 6px;
}
@media (max-width: 767px) {
  .article__title span {
    font-size: 18px;
  }
}
.article__specialize {
  padding-top: 6px;
  padding-bottom: 33px;
  display: flex;
  align-items: center;
}
.article__specialize > a {
  font-size: 14px;
  font-weight: normal;
  line-height: normal;
  letter-spacing: 0.07px;
  color: #2e2e2e;
  text-decoration: none;
  display: inline-block;
  margin-right: 6px;
  padding: 4px 10px;
  border-radius: 5px;
  background-color: rgba(214, 249, 255, 0.81);
  white-space: nowrap;
  transition: all 0.3s ease;
}
.article__specialize > a:hover {
  background-color: #22b3ff;
  color: #fff;
}
.article__chennels-slider .btn-control.next {
  opacity: 1;
  right: -15px !important;
}
.article__chennels-slider .btn-control.next.disabled {
  opacity: 0;
}

@keyframes shadowFade {
  0%, 100% {
    opacity: 0;
  }
  17%, 83% {
    opacity: 0.02;
  }
  35%, 65% {
    opacity: 0.04;
  }
  50% {
    opacity: 0.06;
  }
}
.article__chennels {
  position: relative;
  padding-top: 6px;
  padding-bottom: 43px;
}
.article__chennels.active-prev:before {
  opacity: 0.06;
}
.article__chennels.active-next:after {
  opacity: 0.06;
}
.article__chennels.active-prev.active-next:before, .article__chennels.active-prev.active-next:after {
  opacity: 0.06;
}
.article__chennels:after {
  height: 204px;
  width: 19px;
  top: -7px;
  opacity: 0;
  background-image: linear-gradient(to left, #13071f, rgba(19, 7, 31, 0));
  content: "";
  z-index: -1;
  position: absolute;
  right: 0;
  display: inline-block;
  animation: shadowFade 0.3s ease-in-out;
}
.article__chennels:before {
  height: 204px;
  width: 19px;
  top: -7px;
  opacity: 0;
  background-image: linear-gradient(to right, #13071f, rgba(19, 7, 31, 0));
  content: "";
  z-index: -1;
  position: absolute;
  left: 0px;
  display: inline-block;
  animation: shadowFade 0.3s ease-in-out;
}
.article__chennels.active-prev .btn-control.prev {
  opacity: 1;
  z-index: 9999999;
}
.article__chennels.active-next .btn-control.next {
  opacity: 1;
  z-index: 9999999;
}
.article__chennels ul {
  padding-right: 100px;
}
.article__chennels-slider {
  overflow: hidden;
  padding-bottom: 15px;
}
.article__chennels-slider-item {
  border-radius: 10px;
  box-shadow: 0 0 12px 0 rgba(19, 7, 31, 0.07);
  background-color: #ffffff;
  display: flex;
  flex-direction: column;
  width: 222px;
  height: 180px;
  float: left;
}
.article__chennels-slider-item:not(:last-child) {
  margin-right: 24px;
}
.article__chennels-slider-text {
  text-align: center;
  padding: 10px 10px;
}
.article__chennels-slider-text a {
  font-size: 16px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.13;
  letter-spacing: 0.06px;
  text-align: center;
  color: #2d2d2d;
}
.article__chennels .btn-control {
  top: 72px;
}
.article__chennels .btn-control.next {
  right: -12px;
  z-index: 999;
  opacity: 1;
}
.article__chennels .btn-control.prev {
  left: -12px;
}

.article__cite {
  padding-top: 6px;
  padding-right: 110px;
  padding-bottom: 32px;
}
@media (max-width: 767px) {
  .article__cite {
    padding-right: 0;
  }
}
.article__cite a {
  font-size: 16px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: 0.04px;
  color: #2d2d2d;
  text-decoration: underline;
  word-break: break-all;
}
.article__cite button {
  display: block;
  margin-top: 12px;
  width: 129px;
  height: 38px;
}

.show-all-text, .hide-all-text {
  border: none;
  background: none;
  text-decoration: underline;
  color: #22b3ff;
  font-size: 12px;
  line-height: 1.5;
  letter-spacing: 0.06px;
  margin-top: 15px;
}

.article__materials {
  padding-top: 10px;
  padding-bottom: 20px;
}
.article__materials-wrap {
  height: 126px;
  overflow: hidden;
}
@media (max-width: 767px) {
  .article__materials-wrap {
    height: auto;
    overflow: visible;
  }
}
.article__materials-wrap a {
  display: block;
}
@media (max-width: 767px) {
  .article__materials-wrap a {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }
}
.article__materials-wrap a:not(:last-child) {
  margin-bottom: 24px;
}
.article__materials-wrap a span {
  font-size: 16px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.38;
  letter-spacing: 0.06px;
  color: #2d2d2d;
  padding-right: 18px;
}
.article__materials-wrap a .type {
  background-color: #22b3ff;
  font-size: 14px;
  font-weight: normal;
  line-height: 18px;
  letter-spacing: 0.05px;
  color: #ffffff;
  padding: 4px;
  display: inline-block;
  border-radius: 4px;
  height: 24px;
}
.article__materials-wrap a .size {
  font-size: 14px;
  font-weight: normal;
  line-height: 1.57;
  letter-spacing: 0.05px;
  color: #b2b2b2;
  padding-left: 18px;
}
@media (max-width: 767px) {
  .article__materials-wrap a .size {
    padding-left: 8px;
  }
}
.article__materials .hide-all-text {
  display: none;
}
@media (max-width: 767px) {
  .article__materials .hide-all-text {
    display: none !important;
  }
}

.article__source {
  padding-bottom: 48px;
}
.article__source-wrap {
  padding-top: 10px;
  max-width: 890px;
  overflow: hidden;
  position: relative;
}
.article__source-wrap ol {
  counter-reset: heading;
  padding: 0;
  margin: 0;
}
.article__source-wrap li {
  position: relative;
}
.article__source-wrap li:before {
  display: inline-block;
  counter-increment: heading;
  content: counter(heading) ". ";
  font-weight: bold;
  min-width: 22px;
}
.article__source-wrap li:not(:last-child) {
  margin-bottom: 5px;
}
.article__source-wrap li a {
  font-size: 16px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.38;
  letter-spacing: 0.06px;
  color: #2d2d2d;
  padding-left: 6px;
}
.article__source .hide-all-text {
  display: none;
}

.article__comment {
  padding-top: 36px;
  padding-bottom: 64px;
  background-color: #f5f5f5;
}
.article__comment-wrap h2 {
  padding-bottom: 36px;
}
.article__comment .experience-unit__form-input button .icon {
  fill: #BBC8D6;
  font-size: 20px;
  margin-top: 13px;
  transition: all 0.3s ease;
}
.article__comment .experience-unit__form-input button .icon:hover {
  fill: #22b3ff;
}
.article__comment .experience-unit__header-nav {
  display: flex;
  position: absolute;
  top: 18px !important;
  right: 18px !important;
}
.article__comment .experience-unit__comment-unit--small {
  margin-bottom: 6px;
  max-width: 878px;
  margin-left: auto;
}
.article__comment .experience-unit__comment-unit {
  margin-bottom: 12px;
}
.article__comment .experience-unit__form--under {
  padding-left: 30px;
  padding-top: 20px;
}
.article__comment .experience-unit__status-output-unit:hover .icon {
  fill: #49e3a4;
}
.article__comment .btn--blue {
  margin: 0 auto;
  width: 175px;
  height: 38px;
  margin-top: 48px;
  margin-bottom: 20px;
  display: flex;
  justify-content: center;
}

.article__slider-big {
  padding-top: 56px;
  padding-bottom: 54px;
  overflow: hidden;
}
.article__slider-big .container {
  max-width: 980px;
}
@media (max-width: 998px) {
  .article__slider-big .container {
    max-width: 767px;
  }
}
.article__slider-big-body {
  overflow: visible !important;
}
@media (max-width: 580px) {
  .article__slider-big-body {
    overflow: hidden !important;
  }
}
.article__slider-big-body ul {
  display: flex;
}
.article__slider-big .article__slider-big-body-item {
  flex-shrink: 0;
  float: left;
}
.article__slider-big .article__slider-big-body-item .card-item {
  width: 304px;
  max-width: 304px;
  height: 100%;
}
@media (max-width: 479px) {
  .article__slider-big .article__slider-big-body-item .card-item {
    width: 255px;
  }
}

.article__next-post {
  background-image: url("../img/content/event-banner.jpg");
  height: auto;
  background-size: cover;
  background-repeat: no-repeat;
  padding-top: 71px;
  padding-bottom: 50px;
  position: relative;
}
@media (max-width: 767px) {
  .article__next-post {
    padding-top: 60px;
    padding-bottom: 45px;
  }
}
@media (max-width: 580px) {
  .article__next-post {
    padding-top: 50px;
    padding-bottom: 40px;
  }
}
.article__next-post:after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background-color: rgba(0, 0, 0, 0.3);
}
.article__next-post .container {
  overflow: visible;
}
.article__next-post-body {
  position: relative;
  z-index: 2;
}
.article__next-post-span span {
  font-size: 20px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: 0.8;
  letter-spacing: 0.97px;
  color: #49e3a4;
  text-transform: uppercase;
}
@media (max-width: 998px) {
  .article__next-post-span span {
    font-size: 18px;
  }
}
@media (max-width: 767px) {
  .article__next-post-span span {
    font-size: 16px;
  }
}
@media (max-width: 580px) {
  .article__next-post-span span {
    font-size: 14px;
  }
}
.article__next-post-title {
  padding-top: 9px;
  max-width: 860px;
}
.article__next-post-title a {
  font-size: 48px;
  font-weight: 800;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.17;
  letter-spacing: 0.08px;
  color: #ffffff;
  transition: 0.3s ease 0s;
}
.article__next-post-title a:hover {
  color: #49e3a4;
}
@media (max-width: 998px) {
  .article__next-post-title a {
    font-size: 42px;
  }
}
@media (max-width: 767px) {
  .article__next-post-title a {
    font-size: 37px;
  }
}
@media (max-width: 580px) {
  .article__next-post-title a {
    font-size: 32px;
  }
}
@media (max-width: 479px) {
  .article__next-post-title a {
    font-size: 24px;
  }
}
.article__next-post .stop-loader {
  font-size: 14px;
  letter-spacing: 0.03px;
  background: none;
  border: none;
  padding: 8px 24px;
  cursor: pointer;
  margin-top: 12px;
  background-color: #22b3ff;
  color: #fff;
  box-shadow: 0 9px 12px rgba(34, 179, 255, 0.6);
  display: inline-flex;
  border-radius: 25px;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease;
}
.article__next-post .stop-loader:hover {
  box-shadow: 0 3px 7px rgba(34, 179, 255, 0.6);
  background-color: #57c5ff;
}
.article__next-post-loader {
  padding-top: 2px;
  padding-left: 3px;
}
.article__next-post-loader a {
  opacity: 0;
  visibility: hidden;
  position: absolute;
  left: -555555px;
}
.article__next-post-loader-span {
  margin-bottom: 3px;
}
.article__next-post-loader-span span {
  font-size: 14px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: 0.03px;
  color: #ffffff;
}
.article__next-post-loader-span .loader-article1 {
  font-size: 16px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: 0.03px;
  color: #49e3a4;
  margin-left: 4px;
}
.article__next-post-loader-span .loader-article2 {
  font-size: 16px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: 0.03px;
  color: #49e3a4;
}
.article__next-post-loader-line {
  width: 273.8px;
  height: 1px;
  border: solid 1.5px rgba(255, 255, 255, 0.24);
}
.article__next-post-loader-animate {
  position: relative;
  margin-left: 2px;
}
.article__next-post-loader-animate:after {
  content: "";
  position: absolute;
  top: -1px;
  bottom: 0;
  left: -3px;
  right: -3px;
  height: 1px;
  border: solid 1.5px #ffffff;
  background-color: #fff;
  transition: all 0.3s ease;
  animation: loader-article 5s linear;
}

@keyframes loader-article {
  0% {
    width: 0;
  }
  100% {
    width: 100%;
  }
}
.main-no-mb {
  margin-bottom: 0;
}

.tab-read {
  padding-top: 64px;
  position: relative;
}
.tab-read__show-more {
  bordeR: none;
  outline: none;
  background-color: transparent;
  font-size: 12px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.5;
  letter-spacing: 0.06px;
  color: #22b3ff;
  text-decoration: underline;
  display: inline-block;
}
.tab-read__material {
  padding: 16px 0;
  position: relative;
}
.tab-read__material:after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0.25;
  z-index: -1;
  background-image: linear-gradient(to left, #22b3ff, #98edfd);
}
.tab-read__material-line {
  display: flex;
  align-items: center;
}
@media (max-width: 767px) {
  .tab-read__material-line {
    flex-direction: column;
    align-items: flex-start;
  }
}
.tab-read__material-line .material-text {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-grow: 1;
}
.tab-read__material-line .material-text p {
  font-size: 18px;
  font-weight: normal;
  line-height: 1.44;
  letter-spacing: 0.06px;
  color: rgba(0, 0, 0, 0.8);
}
@media (max-width: 998px) {
  .tab-read__material-line .material-text p {
    font-size: 16px;
  }
}
.tab-read__material-line .material-icon {
  margin-right: 12px;
}
.tab-read__material-line .material-icon .icon {
  font-size: 30px;
  fill: #22b3ff;
}
.tab-read__material-line .material-trigger button {
  bordeR: none;
  outline: none;
  background-color: transparent;
  font-size: 12px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.5;
  letter-spacing: 0.06px;
  color: #22b3ff;
  text-decoration: underline;
  transition: 0.3s ease 0s;
}
.tab-read__material-line .material-trigger button:hover {
  text-decoration: none;
  color: #49e3a4;
}
.tab-read__material-content {
  padding: 18px 0 36px 0;
  display: none;
}
.tab-read__material-content-inner {
  position: relative;
}
.tab-read__material-content .experience-unit {
  display: flex;
}
.tab-read__material-content .experience-unit__content {
  padding-right: 50px;
}
@media (max-width: 767px) {
  .tab-read__material-content .experience-unit__content {
    padding-right: 0;
  }
}
.tab-read__material-content .experience-unit__comments {
  width: 762px;
  display: flex;
}
@media (max-width: 998px) {
  .tab-read__material-content .experience-unit__comments {
    width: 575px;
  }
}
@media (max-width: 767px) {
  .tab-read__material-content .experience-unit__comments {
    width: 100%;
    margin-bottom: 25px;
  }
}
.tab-read__material-content .experience-unit__header-nav {
  display: flex;
  position: absolute;
  top: 18px !important;
  right: 74px !important;
}
.tab-read__material-content .experience-unit__title {
  margin-bottom: 12px;
}
@media (max-width: 479px) {
  .tab-read__material-content .experience-unit__title {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }
}
.tab-read__material-content .experience-unit__title span:not(.label) {
  font-size: 18px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.39;
  letter-spacing: 0.06px;
  color: #13071f;
}
@media (max-width: 479px) {
  .tab-read__material-content .experience-unit__title span:not(.label) {
    font-size: 16px;
  }
}
.tab-read__material-content .experience-unit__title .label.green {
  background-color: #49e3a4;
  color: #fff;
}
.tab-read__material-content .experience-unit__read-more {
  border: none;
  outline: none;
  background-color: transparent;
  display: inline-block;
  margin-top: 6px;
  font-size: 13px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.69;
  letter-spacing: 0.07px;
  color: #22b3ff;
  text-decoration: underline;
}
.tab-read__material-content .experience-unit__status-output-unit {
  display: flex;
}
.tab-read__material-content .experience-unit__status-output-unit .icon {
  margin-right: 3px;
}
.tab-read__material-content .experience-unit__status-output-unit .article-fw__views {
  margin-right: 8px;
}
.tab-read__material-content .experience-unit__status-output-unit .article-fw__views .icon, .tab-read__material-content .experience-unit__status-output-unit .article-fw__comment .icon {
  transition: 0.4s ease 0s;
}
.tab-read__material-content .experience-unit__status-output-unit .article-fw__views:hover .icon, .tab-read__material-content .experience-unit__status-output-unit .article-fw__comment:hover .icon {
  fill: #49e3a4;
}
.tab-read__material-card {
  display: flex;
  flex-direction: column;
  height: 176px;
  width: 246px;
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.05);
  border-radius: 1rem;
  overflow: hidden;
  background-color: #fff;
  position: absolute;
  right: 0;
  top: 24px;
}
@media (max-width: 998px) {
  .tab-read__material-card {
    top: 40px;
  }
}
@media (max-width: 767px) {
  .tab-read__material-card {
    width: 100%;
    height: auto;
    position: relative;
    top: 0;
  }
}
.tab-read__sticky-block {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 36px;
  min-height: 134px;
  border-radius: 21px;
  box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.15);
  background-color: #ffffff;
  margin-left: 100px;
  z-index: 999999;
  position: absolute;
  top: 76px !important;
  transition: 0.4s ease 0s;
}
.tab-read__sticky-block.fixed {
  position: fixed;
  top: 76px !important;
}
@media (max-width: 1280px) {
  .tab-read__sticky-block {
    display: none;
  }
}
.tab-read__sticky-block .tab-read__sticky-block-list {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
  width: 100%;
}
.tab-read__sticky-block .tab-read__sticky-block-list .tab-read__sticky-block-item {
  width: 100%;
  text-align: center;
  padding: 6px 0;
}
.tab-read__sticky-block .tab-read__sticky-block-list .tab-read__sticky-block-item:active .icon {
  fill: #49e3a4;
}
.tab-read__sticky-block .tab-read__sticky-block-list .tab-read__sticky-block-item:not(:last-child):hover {
  border-radius: 21px;
  background-color: #98edfd;
}
.tab-read__sticky-block .tab-read__sticky-block-list .tab-read__sticky-block-item:not(:last-child):hover .tab-read__sticky-block-hide {
  height: auto;
  opacity: 1;
  visibility: visible;
}
.tab-read__sticky-block .tab-read__sticky-block-list .tab-read__sticky-block-item:not(:last-child):hover .icon {
  fill: #22b3ff;
}
.tab-read__sticky-block .tab-read__sticky-block-list .tab-read__sticky-block-item:nth-child(3):hover {
  background-color: transparent;
  border-radius: 0;
}
.tab-read__sticky-block .tab-read__sticky-block-list .tab-read__sticky-block-item:nth-child(3):hover .tab-read__sticky-block-hide {
  display: none;
}
.tab-read__sticky-block .tab-read__sticky-block-list .tab-read__sticky-block-item:nth-child(3):hover .icon {
  fill: #22b3ff;
}
.tab-read__sticky-block .tab-read__sticky-block-list .tab-read__sticky-block-sublist {
  display: flex;
  flex-direction: column;
  align-items: center;
  height: 100%;
  justify-content: space-between;
}
.tab-read__sticky-block .tab-read__sticky-block-list .tab-read__sticky-block-sublist li {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  margin-top: 5px;
}
.tab-read__sticky-block .tab-read__sticky-block-list .tab-read__sticky-block-sublist li a {
  line-height: 28px;
  color: #22b3ff;
  font-weight: 800;
}
.tab-read__sticky-block .tab-read__sticky-block-list .tab-read__sticky-block-sublist li .icon {
  fill: #22b3ff;
}
.tab-read__sticky-block .tab-read__sticky-block-list .tab-read__sticky-block-sublist li:hover, .tab-read__sticky-block .tab-read__sticky-block-list .tab-read__sticky-block-sublist li:focus-within, .tab-read__sticky-block .tab-read__sticky-block-list .tab-read__sticky-block-sublist li:focus {
  width: 28px;
  height: 28px;
  background-color: rgba(255, 255, 255, 0.6);
  border-radius: 50%;
}
.tab-read__sticky-block .tab-read__sticky-block-list .tab-read__sticky-block-sublist li:active {
  background-color: #ffffff;
}
.tab-read__sticky-block .tab-read__sticky-block-list .tab-read__sticky-block-sublist li:active a {
  color: #49e3a4;
}
.tab-read__sticky-block .tab-read__sticky-block-list .tab-read__sticky-block-sublist li:active .icon {
  fill: #49e3a4 !important;
}
.tab-read__sticky-block .icon {
  stroke: #b2b2b2;
  stroke-width: 0;
  font-size: 17px;
  fill: #b2b2b2;
  transition: all 0.3s ease;
}
.tab-read__sticky-block .icon:hover {
  fill: #22b3ff;
}
.tab-read__sticky-block-hide {
  height: 0;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease;
}

.audio-player {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  z-index: 999999;
  transform: translateY(calc(100% + 12px));
  transition: all 0.2s ease;
}
.audio-player:before {
  content: "";
  display: block;
  width: 100%;
  height: 20px;
  position: absolute;
  left: 0;
  top: 0;
  transform: rotate(180deg);
  box-shadow: 0 10px 10px 0 rgba(19, 7, 31, 0.08);
}
.audio-player.active {
  transition: all 0.5s ease;
  transform: translateY(0);
}

.audio-plr__wrapper {
  width: 100%;
  background-color: #ffffff;
  position: relative;
}
.audio-plr__inner {
  min-height: 106px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (max-width: 998px) {
  .audio-plr__inner {
    flex-wrap: wrap;
  }
}
@media (max-width: 767px) {
  .audio-plr__inner {
    padding: 0 24px;
  }
}
.audio-plr__side {
  display: flex;
  align-items: center;
}
@media (max-width: 998px) {
  .audio-plr__side {
    padding: 12px 0;
  }
}
.audio-plr__list {
  background-color: #f5f5f5;
  width: 100%;
  position: absolute;
  padding: 25px 0;
  bottom: 100%;
  display: none;
}
.audio-plr__list:after {
  content: "";
  display: block;
  width: 100%;
  height: 5px;
  position: absolute;
  left: 0;
  top: 0;
  transform: rotate(180deg);
  box-shadow: 0 5px 5px 0 rgba(19, 7, 31, 0.08);
}
.audio-plr__list-inner {
  position: relative;
}
.audio-plr__list-close {
  position: absolute;
  top: 0;
  right: 0;
  border: none;
  outline: none;
  background-color: transparent;
  z-index: 9;
}
.audio-plr__list-close:hover .icon {
  transform: rotate(90deg);
}
.audio-plr__list-close .icon {
  font-size: 15px;
  color: #2d2d2d;
  cursor: pointer;
  transform: rotate(0deg);
  transition: transform 0.3s ease;
}
.audio-plr__list .audio-list {
  padding-left: 90px;
  padding-right: 55px;
}
@media (max-width: 767px) {
  .audio-plr__list .audio-list {
    padding-left: 0;
    padding-right: 0;
  }
}
.audio-plr__list .audio-list-icon {
  width: 20px;
  height: 20px;
  background-image: url("../img/svg/mini-play.svg");
  background-repeat: no-repeat;
  background-size: cover;
  flex-shrink: 0;
}
.audio-plr__list .audio-list-item {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  cursor: pointer;
}
.audio-plr__list .audio-list-item + .audio-list-item {
  margin-top: 15px;
}
.audio-plr__list .audio-list-item.active .audio-list-name {
  font-weight: bold;
}
.audio-plr__list .audio-list-item.active .audio-list-icon .icon {
  fill: #49e3a4;
}
.audio-plr__list .audio-list-name {
  padding-left: 12px;
  font-size: 14px;
  font-weight: normal;
  line-height: normal;
  letter-spacing: 0.05px;
  color: #13071f;
  margin-right: 24px;
  transition: all 0.3s ease;
}
.audio-plr__list .audio-list-duration {
  font-size: 14px;
  font-weight: normal;
  line-height: 1.43;
  letter-spacing: 0.05px;
  color: #b2b2b2;
  margin-right: 24px;
}
.audio-plr__list .audio-list-remove {
  z-index: 9;
  position: relative;
  margin-bottom: 2px;
}
.audio-plr__list .audio-list-remove .audio-rm-control {
  box-shadow: 0 5px 10px 0 rgba(34, 179, 255, 0.6);
  background-color: #ffffff;
  width: 21px;
  height: 21px;
  border: none;
  outline: none;
  cursor: pointer;
  background-image: url("../img/svg/close-list.svg");
  background-repeat: no-repeat;
  background-size: 7.5px 7.5px;
  background-position: center center;
}
.audio-plr__list .audio-list-remove .audio-rm-control:hover {
  box-shadow: 0 2px 7px 0 rgba(34, 179, 255, 0.4);
  background-color: rgba(255, 255, 255, 0.6);
}
.audio-plr__list .audio-list-remove .audio-rm-control:hover .icon {
  fill: rgba(255, 255, 255, 0.4);
}
.audio-plr__btns {
  display: flex;
  align-items: center;
}
.audio-plr__btns + .audio-plr__main {
  margin-left: 23px;
}
@media (max-width: 998px) {
  .audio-plr__btns + .audio-plr__main {
    margin-left: 0;
  }
}
.audio-plr__btns .btn-round {
  width: 38px;
  height: 38px;
  border: none;
  margin-right: 12px;
}
.audio-plr__btns .btn-round .icon {
  fill: #fff;
}
.audio-plr__btns .download-control {
  margin-right: 32px;
}
.audio-plr__btns .download-control .icon {
  font-size: 20px;
}
.audio-plr__btns .close-control {
  box-shadow: 0 5px 10px 0 rgba(34, 179, 255, 0.6);
  background-color: #ffffff;
}
.audio-plr__btns .close-control:hover {
  box-shadow: 0 2px 7px 0 rgba(34, 179, 255, 0.4);
  background-color: rgba(255, 255, 255, 0.6);
}
.audio-plr__btns .close-control:hover .icon {
  fill: rgba(255, 255, 255, 0.4);
}
.audio-plr__btns .close-control .icon {
  font-size: 14px;
}
.audio-plr__btns .list-control .icon {
  fill: #fff;
  font-size: 21px;
}
.audio-plr__btns .favorite-control .icon {
  font-size: 20px;
  fill: #fff;
}
.audio-plr__btns .list-control.active, .audio-plr__btns .favorite-control.active {
  box-shadow: 0 9px 12px 0 rgba(73, 227, 164, 0.51);
  background-color: #49e3a4;
}
.audio-plr__btns .next-control .icon {
  transform: rotate(180deg);
}
.audio-plr__btns .play-control {
  width: 60px;
  height: 60px;
}
.audio-plr__btns .play-control .icon {
  fill: #fff;
}
.audio-plr__btns .play-control .icon-play-circle {
  font-size: 30px;
  display: block;
}
.audio-plr__btns .play-control .icon-pause-audio {
  display: none;
  font-size: 22px;
}
.audio-plr__btns .play-control.active .icon-play-circle {
  display: none;
}
.audio-plr__btns .play-control.active .icon-pause-audio {
  display: block;
}
.audio-plr__btns .mute-control {
  width: 38px;
  position: absolute;
  bottom: 0;
  right: 0;
  margin-right: 0;
}
.audio-plr__btns .mute-control:hover {
  height: 135px;
  width: 38px;
  background-color: #22b3ff;
  box-shadow: 0 9px 12px 0 rgba(34, 179, 255, 0.32);
}
.audio-plr__btns .mute-control.active .mute-control-progress {
  opacity: 1;
}
.audio-plr__btns .mute-control-progress {
  width: 100%;
  height: 0;
  top: auto;
  bottom: 0;
  border-radius: 25px;
}
.audio-plr__btns .mute-control-wrap {
  width: 38px;
  height: 38px;
  position: relative;
}
.audio-plr__btns .mute-control .mute-icon {
  width: 100%;
  height: 38px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 0;
  bottom: 0;
  margin-right: 0;
  left: 50%;
  transform: translateX(-50%);
}
.audio-plr__btns .mute-control .mute-range {
  width: 108px;
  height: 116px;
  transform: rotate(-90deg);
}
.audio-plr__main {
  display: flex;
  align-items: center;
}
.audio-plr__main-img {
  width: 99px;
  height: 74px;
  border-radius: 3.3px;
  box-shadow: 0 2px 7px 0 rgba(0, 0, 0, 0.15);
  margin-right: 23px;
  overflow: hidden;
}
@media (max-width: 998px) {
  .audio-plr__main-img {
    display: none;
  }
}
.audio-plr__main-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.audio-plr__main-info {
  max-width: 317px;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  justify-content: space-between;
}
.audio-plr__main-name {
  width: 100%;
  font-size: 18px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.06;
  letter-spacing: 0.06px;
  color: #13071f;
  margin-bottom: 7px;
}
.audio-plr__main-progress {
  height: 6px;
  border-radius: 3px;
  background-color: #d8d8d8;
  min-width: 317px;
  cursor: pointer;
}
@media (max-width: 998px) {
  .audio-plr__main-progress {
    min-width: 0;
  }
}
.audio-plr__main-progress span {
  transition: width 0.3s ease;
  display: block;
  width: 0;
  height: 100%;
  border-radius: inherit;
  background-color: #22b3ff;
}
.audio-plr__main-progress-wrap {
  width: 100%;
}
.audio-plr__main-time-wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.audio-plr__main-time-current, .audio-plr__main-time-full {
  font-size: 12px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: 0.03px;
}
.audio-plr__main-time-current {
  color: #22b3ff;
}
.audio-plr__main-time-full {
  color: #13071f;
}

.top-content--article {
  padding-top: 24px;
  padding-bottom: 21px;
  margin-bottom: 21px;
  height: auto;
}
@media (max-width: 998px) {
  .top-content--article {
    height: auto;
  }
}
.top-content--article.article-header {
  min-height: 0;
}
.top-content--article.article-header .breadcrubs-article {
  padding-bottom: 28px;
}
@media (max-width: 580px) {
  .top-content--article.article-header .breadcrubs-article {
    padding-bottom: 0;
  }
}
.top-content--article.article-header .article-fw__row {
  margin-bottom: 6px;
}
.top-content--article.article-header .article-fw__meta {
  margin-top: 30px;
  align-items: center;
}
.top-content--article.article-header .title--big {
  font-size: 48px;
  line-height: 1.17;
  letter-spacing: 0.08px;
}
@media (max-width: 998px) {
  .top-content--article.article-header .title--big {
    display: block;
    font-size: 3.8rem;
    line-height: 1em;
  }
}
@media (max-width: 767px) {
  .top-content--article.article-header .title--big {
    font-size: 3.4rem;
    padding: 32px 0;
  }
}
@media (max-width: 580px) {
  .top-content--article.article-header .title--big {
    font-size: 3.2rem;
    padding: 24px 0 12px 0px;
  }
}
@media (max-width: 479px) {
  .top-content--article.article-header .title--big {
    font-size: 3rem;
  }
}

.tab-read__section--population {
  padding-top: 50px;
  position: relative;
}
.tab-read__section--population .btn-control.prev {
  z-index: 100000000000000000;
}
.tab-read__section--population .btn-control.next {
  z-index: 10000000000000000;
}
.tab-read__section--population .btn-control {
  transition: none !important;
}
.tab-read__section--population.active:hover .btn-control.prev.disabled {
  opacity: 0;
}
.tab-read__section--population.active:hover .btn-control.prev {
  opacity: 1;
  top: 57%;
}
.tab-read__section--population.active:hover .btn-control.next.disabled {
  opacity: 0;
}
.tab-read__section--population.active:hover .btn-control.next {
  opacity: 1;
  top: 57%;
  right: -20px;
}
.tab-read__section--population:hover .scrollbar {
  opacity: 1;
}
.tab-read__section--population .tab-read__section-title {
  max-width: 650px;
  padding-bottom: 50px;
}
.tab-read__section--population .tab-read__section-body--slider, .tab-read__section--population .tab-read__section-body--table {
  border-radius: 10px;
  border: solid 2px #eeeeee;
  background-color: #ffffff;
}
@media (max-width: 998px) {
  .tab-read__section--population .tab-read__section-body--slider, .tab-read__section--population .tab-read__section-body--table {
    overflow: auto !important;
  }
}
.tab-read__section--population .tab-read__section-table-slider {
  width: 100%;
  overflow: hidden;
}
.tab-read__section--population .tab-read__section-table-slider-body {
  display: flex;
  height: 452px;
  min-width: 100%;
  object-fit: contain;
}
.tab-read__section--population .tab-read__section-table-slider-body > li {
  width: 269px !important;
  background-color: #fff;
}
.tab-read__section--population .tab-read__section-table-slider-body > li:last-child .tab-read__section-table-col {
  border-right: none;
}
.tab-read__section--population .tab-read__section-table-slider-body > li:first-child {
  width: 180px !important;
}
.tab-read__section--population .tab-read__section-table-slider-body .tab-read__section-table-col {
  border-right: 2px solid #eeeeee;
}
.tab-read__section--population .tab-read__section-table-row {
  height: 50px;
  text-align: center;
  width: 100%;
  padding: 0 20px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.tab-read__section--population .tab-read__section-table-row span {
  font-size: 18px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 50px;
  letter-spacing: 0.06px;
  color: rgba(0, 0, 0, 0.8);
}
.tab-read__section--population .tab-read__section-table-row--bold span {
  font-size: 18px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: 50px;
  letter-spacing: 0.06px;
  color: rgba(0, 0, 0, 0.8);
}
.tab-read__section--population .tab-read__section-table-row--blue {
  background-color: rgba(152, 237, 253, 0.15);
}

.tab-read__section-table-col--fixed {
  position: absolute;
  left: 2px;
  bottom: 22px;
  height: 451px;
  width: 180px;
  background: #fff;
  border-right: solid 2px #eeeeee;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
}
.tab-read__section-table-col--fixed:after {
  bottom: 0;
  position: absolute;
  right: -18px;
  content: "";
  width: 16px;
  height: 452px;
  object-fit: contain;
  opacity: 0.05;
  background-image: linear-gradient(to right, #13071f, rgba(19, 7, 31, 0));
}

.tab-read__section-table-col--years-stick {
  position: absolute;
  top: -3px;
  right: -9px;
}

.tab-read__section-table-col--years2 {
  position: relative;
  z-index: 99999999;
}
.tab-read__section-table-col--years2 button {
  border: none;
  border-radius: 50%;
}

.tab-read__section-table-col--years {
  position: relative;
  z-index: 999999;
}
.tab-read__section-table-col--years button {
  border: none;
  border-radius: 50%;
}

.tab-read__section--desc {
  padding-top: 24px;
  text-align: right;
}
.tab-read__section--desc span {
  font-size: 14px;
  line-height: 1.29;
  letter-spacing: 0.05px;
  text-align: right;
  color: #2d2d2d;
}

.tab-read__section--population {
  padding-top: 50px;
  position: relative;
}
.tab-read__section--population .btn-control.prev {
  z-index: 100000000000000000;
}
@media (max-width: 998px) {
  .tab-read__section--population .btn-control.prev {
    left: -10px;
  }
}
.tab-read__section--population .btn-control.next {
  z-index: 10000000000000000;
}
.tab-read__section--population .btn-control {
  transition: none !important;
}
.tab-read__section--population.active:hover .btn-control.prev.disabled {
  opacity: 0;
}
.tab-read__section--population.active:hover .btn-control.prev {
  opacity: 1;
  top: 57%;
}
.tab-read__section--population.active:hover .btn-control.next.disabled {
  opacity: 0;
}
.tab-read__section--population.active:hover .btn-control.next {
  opacity: 1;
  top: 57%;
  right: -20px;
}
.tab-read__section--population:hover .scrollbar {
  opacity: 1;
}
.tab-read__section--population .tab-read__section-title {
  max-width: 650px;
  padding-bottom: 50px;
}
.tab-read__section--population .tab-read__section-body--slider {
  border-radius: 10px;
  border: solid 2px #eeeeee;
  background-color: #ffffff;
}
.tab-read__section--population .tab-read__section-table-slider {
  width: 100%;
  overflow: hidden;
}
.tab-read__section--population .tab-read__section-table-slider-body {
  display: flex;
  height: 452px;
  min-width: 100%;
  object-fit: contain;
}
.tab-read__section--population .tab-read__section-table-slider-body > li {
  width: 269px !important;
  background-color: #fff;
}
@media (max-width: 998px) {
  .tab-read__section--population .tab-read__section-table-slider-body > li {
    width: 150px !important;
  }
}
@media (max-width: 479px) {
  .tab-read__section--population .tab-read__section-table-slider-body > li {
    width: 90px !important;
  }
}
.tab-read__section--population .tab-read__section-table-slider-body > li:last-child .tab-read__section-table-col {
  border-right: none;
}
.tab-read__section--population .tab-read__section-table-slider-body > li:first-child {
  width: 180px !important;
}
@media (max-width: 479px) {
  .tab-read__section--population .tab-read__section-table-slider-body > li:first-child {
    width: 130px !important;
  }
}
.tab-read__section--population .tab-read__section-table-slider-body .tab-read__section-table-col {
  border-right: 2px solid #eeeeee;
}
.tab-read__section--population .tab-read__section-table-row {
  height: 50px;
  text-align: center;
  width: 100%;
  padding: 0 20px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.tab-read__section--population .tab-read__section-table-row span {
  font-size: 18px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 50px;
  letter-spacing: 0.06px;
  color: rgba(0, 0, 0, 0.8);
}
@media (max-width: 998px) {
  .tab-read__section--population .tab-read__section-table-row span {
    font-size: 16px;
  }
}
.tab-read__section--population .tab-read__section-table-row--bold span {
  font-size: 18px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: 50px;
  letter-spacing: 0.06px;
  color: rgba(0, 0, 0, 0.8);
}
@media (max-width: 998px) {
  .tab-read__section--population .tab-read__section-table-row--bold span {
    font-size: 16px;
  }
}
.tab-read__section--population .tab-read__section-table-row--blue {
  background-color: rgba(152, 237, 253, 0.15);
}

.tab-read__section-table-col--fixed {
  position: absolute;
  left: 2px;
  bottom: 22px;
  height: 451px;
  width: 180px;
  background: #fff;
  border-right: solid 2px #eeeeee;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
}
@media (max-width: 479px) {
  .tab-read__section-table-col--fixed {
    width: 130px;
  }
}
.tab-read__section-table-col--fixed:after {
  bottom: 0;
  position: absolute;
  right: -18px;
  content: "";
  width: 16px;
  height: 452px;
  object-fit: contain;
  opacity: 0.05;
  background-image: linear-gradient(to right, #13071f, rgba(19, 7, 31, 0));
}

.tab-read__section-table-col--years-stick {
  position: absolute;
  top: -3px;
  right: -9px;
}

.tab-read__section-table-col--years2 {
  position: relative;
  z-index: 99999999;
}
.tab-read__section-table-col--years2 button {
  border: none;
  border-radius: 50%;
}

.tab-read__section-table-col--years {
  position: relative;
  z-index: 999999;
}
.tab-read__section-table-col--years button {
  border: none;
  border-radius: 50%;
}

.tab-read__section--desc {
  padding-top: 24px;
  text-align: right;
}
@media (max-width: 767px) {
  .tab-read__section--desc {
    text-align: left;
    padding-top: 10px;
  }
}
.tab-read__section--desc span {
  text-align: right;
  font-size: 14px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.29;
  letter-spacing: 0.05px;
  text-align: right;
  color: #2d2d2d;
}

.tab-read__section--predict {
  padding-top: 64px;
}
@media (max-width: 767px) {
  .tab-read__section--predict {
    padding-top: 30px;
  }
}
.tab-read__section--predict .tab-read__section-notify-icon {
  font-size: 24px;
  padding-top: 10px;
}
.tab-read__section--predict .tab-read__section-notify-text {
  max-width: 110px;
}
.tab-read__section--predict .tab-read__section-notify {
  margin-left: auto;
}

.tab-read__section--practic {
  margin-top: 64px;
  width: 704px;
  border-radius: 10px;
  background-color: #f0fdff;
  padding: 24px;
}
@media (max-width: 767px) {
  .tab-read__section--practic {
    margin-top: 30px;
    width: 100%;
  }
}
.tab-read__section--practic .tab-read__section-body {
  display: flex;
  flex-direction: column;
}
.tab-read__section--practic .tab-read__section-body ol {
  padding: 0;
  margin: 0;
  counter-reset: heading;
  padding-top: 24px;
}
.tab-read__section--practic .tab-read__section-body ol li {
  font-size: 18px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.44;
  letter-spacing: 0.06px;
  color: rgba(0, 0, 0, 0.8);
  position: relative;
  display: flex;
  padding-left: 30px;
  padding-bottom: 20px;
}
@media (max-width: 767px) {
  .tab-read__section--practic .tab-read__section-body ol li {
    font-size: 16px;
  }
}
.tab-read__section--practic .tab-read__section-body ol li:before {
  counter-increment: heading;
  content: counter(heading) ". ";
  font-size: 24px;
  font-weight: 800;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.08;
  letter-spacing: 0.08px;
  color: #2d2d2d;
  top: -2px;
  left: 0;
  position: absolute;
}
@media (max-width: 767px) {
  .tab-read__section--practic .tab-read__section-body ol li:before {
    font-size: 20px;
  }
}
.tab-read__section--practic .tab-read__section-body b {
  font-size: 18px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: 0.06px;
  color: rgba(0, 0, 0, 0.8);
}
.tab-read__section--practic .tab-read__section-body p {
  font-size: 18px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: 0.06px;
  color: rgba(0, 0, 0, 0.8);
}
@media (max-width: 767px) {
  .tab-read__section--practic .tab-read__section-body p {
    font-size: 16px;
  }
}

.marked-text {
  background-color: rgba(152, 237, 253, 0.4);
  display: inline-block;
  padding: 0 3px;
}

.tab-read__section--etiology .tab-read__section-notify {
  padding-top: 20px;
  height: 190px;
}
.tab-read__section--etiology .tab-read__section-notify-text {
  font-size: 16px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.19;
  letter-spacing: 0.06px;
  color: #2d2d2d;
  padding-bottom: 15px;
}
.tab-read__section--etiology .tab-read__section-notify-btns {
  display: flex;
  align-items: center;
  justify-content: center;
}
.tab-read__section--etiology .tab-read__section-notify-btns .btn {
  width: 63px;
  height: 38px;
  object-fit: contain;
  border-radius: 25px;
  box-shadow: 0 9px 12px 0 rgba(34, 179, 255, 0.6);
  background-color: #22b3ff;
  font-size: 16px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.38;
  letter-spacing: 0.03px;
  color: #ffffff;
  text-align: center;
  display: flex;
  justify-content: center;
}
.tab-read__section--etiology .tab-read__section-notify-btns .btn:hover {
  box-shadow: 0 9px 12px 0 rgba(34, 179, 255, 0.3);
}
.tab-read__section--etiology .tab-read__section-notify-btns .btn:first-child {
  margin-right: 12px;
}

.tab-read-without-container + .tab-read-with-container .tab-read {
  padding-top: 0;
}

.fancybox-container {
  z-index: 999999992;
}

.experience-votes {
  margin-right: 23px;
  text-align: center;
}

.votes__count {
  font-size: 40px;
  font-weight: bold;
  line-height: 1;
  letter-spacing: 0.16px;
  text-align: center;
  color: #49e3a4;
}

.votes__text {
  font-size: 16px;
  font-weight: normal;
  line-height: 1.25;
  letter-spacing: 0.22px;
  text-align: center;
  color: #13071f;
  display: block;
  margin-bottom: 10px;
}

.votes__button {
  outline: none;
  background-color: rgba(19, 7, 31, 0.4);
  border: none;
  width: 38px;
  height: 38px;
  border-radius: 50%;
  transition: all 0.3s ease;
  position: relative;
}
.votes__button.active {
  background-color: #49e3a4;
  box-shadow: 0 5px 10px 0 rgba(73, 227, 164, 0.6);
}
.votes__button.active .icon {
  fill: #49e3a4;
}
.votes__button.active:after, .votes__button.active:before {
  color: #49e3a4;
}
.votes__button.active:hover {
  box-shadow: 0 3px 7px 0 rgba(73, 227, 164, 0.6);
}
.votes__button.active.remove-mode .icon-check-mark {
  transform: translate(-200%, -50%);
}
.votes__button.active.remove-mode .icon-check-minus {
  transform: translate(-50%, -50%) !important;
}
.votes__button.active.remove-mode:before {
  opacity: 1;
  visibility: visible;
  transform: translate(-50%, 0);
}
.votes__button.active.remove-mode:after {
  opacity: 0;
  visibility: hidden;
  transform: translate(-150%, 0);
}
.votes__button-inner {
  width: 28px;
  height: 28px;
  background-color: #fff;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  overflow: hidden;
  border-radius: 50%;
  display: block;
}
.votes__button:before, .votes__button:after {
  font-size: 14px;
  font-weight: bold;
  line-height: normal;
  letter-spacing: 0.07px;
  text-align: center;
  color: rgba(19, 7, 31, 0.4);
  transition: all 0.3s ease;
  position: absolute;
  left: 50%;
  top: calc(100% + 10px);
  flex-shrink: 0;
}
.votes__button:after {
  opacity: 1;
}
.votes__button:before {
  content: "Убрать";
  opacity: 0;
  visibility: hidden;
  transform: translate(75%, 0);
}
.votes__button:after {
  opacity: 1;
  visibility: visible;
  transform: translate(-50%, 0);
  content: "Я за!";
}
.votes__button .icon {
  transition: all 0.3s ease;
  font-size: 15px;
  z-index: 1;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  color: rgba(19, 7, 31, 0.4);
}
.votes__button .icon-check-minus {
  transform: translate(150%, -50%);
}

.experience-unit__form--sub {
  margin-top: -10px;
  margin-bottom: 12px;
  display: none;
}

.experience-unit__form--sub.active {
  display: flex;
}

.experience-unit__status-entrance .answer {
  color: #22b3ff;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  background: none;
  border: none;
  font-weight: bold;
}

.show-all-coments {
  color: #22b3ff;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  background: none;
  border: none;
}

.experience-unit__all-comments-wrapper {
  display: none;
}

.experience-unit__all-comments-wrapper.active {
  display: block;
}

.tabs-nomargin-padding {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding-bottom: 32px !important;
}

.article-tabs .tabs .tabs-nav-item.unactive button {
  opacity: 0.8;
}
.article-tabs .tabs .tabs-nav-item.unactive button span {
  opacity: 0.8;
}

.tabs-content-unregister {
  max-height: 500px;
  overflow: hidden;
}
@media (max-width: 580px) {
  .tabs-content-unregister {
    max-height: 400px;
  }
}

.tabs-content-unregister_cover {
  position: absolute;
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.25) 0%, #ffffff 50%);
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 99;
  padding-top: 160px;
}
@media (max-width: 580px) {
  .tabs-content-unregister_cover {
    padding-top: 64px;
  }
}

.article-entery {
  width: 100%;
}
.article-entery__section {
  display: flex;
  flex-wrap: wrap;
  padding-left: 82px;
  margin-top: 64px;
  margin-bottom: 64px;
}
@media (max-width: 991px) {
  .article-entery__section {
    padding-left: 0;
  }
}
.article-entery__section.article-entery__section-no-mg {
  margin-top: 0;
  margin-bottom: 0;
}
.article-entery__section table td {
  padding: 10px 15px;
}
.article-entery h2 {
  width: 100%;
  font-size: 3.2rem;
  font-weight: bold;
  line-height: 1.19;
  letter-spacing: 0.1px;
  margin-bottom: 24px;
}
.article-entery h3 {
  font-size: 2.4rem;
  font-weight: bold;
  line-height: 1.25;
  letter-spacing: 0.08px;
  margin-bottom: 24px;
}
.article-entery p {
  font-size: 1.8rem;
  line-height: 1.44;
  letter-spacing: 0.06px;
  color: rgba(0, 0, 0, 0.8);
  margin-bottom: 24px;
}
.article-entery p > a {
  color: #22b3ff;
  text-decoration: underline;
  transition: 0.4s ease 0s;
}
.article-entery p > a:hover {
  text-decoration: none;
  color: #49e3a4;
}
.article-entery p:last-of-type {
  margin-bottom: 0;
}
.article-entery ul li {
  font-size: 1.8rem;
  line-height: 1.44;
  letter-spacing: 0.06px;
  color: rgba(0, 0, 0, 0.8);
  margin-bottom: 12px;
}
.article-entery__body {
  max-width: 656px;
}
@media (max-width: 998px) {
  .article-entery__body {
    max-width: 100%;
  }
}
.article-entery__sidebar {
  margin-left: 30px;
  width: 190px;
}
.article-entery__bg-block {
  border-radius: 10px;
  background-color: #f0fdff;
  margin: 0 -24px;
  padding: 24px;
}

.numeric-list {
  padding: 0;
  margin: 0;
  counter-reset: myCounter;
  list-style: none;
}
.numeric-list > li {
  position: relative;
  font-size: 1.8rem;
  line-height: 1.44;
  letter-spacing: 0.06px;
  color: rgba(0, 0, 0, 0.8);
  padding-top: 6px;
  padding-bottom: 10px;
  padding-left: 36px;
}
.numeric-list > li a {
  transition: 0.4s ease 0s;
}
.numeric-list > li a:hover {
  color: #49e3a4;
  text-decoration: underline;
}
.numeric-list > li:before {
  counter-increment: myCounter;
  content: counter(myCounter) ". ";
  font-size: 2.4rem;
  font-weight: 800;
  line-height: 1.08;
  letter-spacing: 0.08px;
  color: #2d2d2d;
  position: absolute;
  left: 0;
  top: 5px;
  margin-right: 6px;
}
.numeric-list ol, .numeric-list ul {
  margin-top: 12px;
}
.numeric-list ol li, .numeric-list ul li {
  padding-left: 18px;
}
.numeric-list ol li:before, .numeric-list ul li:before {
  font-weight: 400;
  font-size: 1.8rem;
  top: 12px;
}

.article-notify {
  background-color: #ffffff;
  border-radius: 40px;
  position: relative;
  width: 100%;
  padding: 36px 32px 24px;
}
.article-notify:before {
  content: "";
  background-color: #ffffff;
  display: block;
  height: 30px;
  width: 41px;
  position: absolute;
  bottom: 0;
  transform: rotate(114deg) skew(51deg);
  box-shadow: 0 0 10px 0 rgba(19, 7, 31, 0.11);
  left: 17px;
  z-index: -1;
}
.article-notify:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(19, 7, 31, 0.11);
  left: 0;
  top: 0;
  border-radius: 40px;
  filter: blur(10px);
  z-index: -2;
}
.article-notify__icon {
  font-size: 6rem;
  font-weight: 800;
  font-style: normal;
  font-stretch: normal;
  line-height: 0.63;
  letter-spacing: 0.12px;
  text-align: center;
  color: #49e3a4;
  margin-bottom: 12px;
}
.article-notify__text {
  font-size: 1.2rem;
  line-height: 1.33;
  letter-spacing: 0.04px;
  text-align: center;
  color: #676767;
}
.article-notify.article-notify--sm {
  padding: 24px;
}
.article-notify.article-notify--sm .article-notify__icon {
  font-size: 2.4rem;
  line-height: 1;
  letter-spacing: 0.12px;
  margin-bottom: 6px;
}

.article-question {
  background-color: #ffffff;
  border-radius: 40px;
  position: relative;
  width: 100%;
  padding: 24px;
}
.article-question:before {
  content: "";
  background-color: #ffffff;
  display: block;
  height: 30px;
  width: 41px;
  position: absolute;
  bottom: 0;
  transform: rotate(114deg) skew(51deg);
  box-shadow: 0 0 10px 0 rgba(19, 7, 31, 0.11);
  left: 17px;
  z-index: -1;
}
.article-question:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(19, 7, 31, 0.11);
  left: 0;
  top: 0;
  border-radius: 40px;
  filter: blur(10px);
  z-index: -2;
}
.article-question__text {
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.19;
  letter-spacing: 0.06px;
  margin-bottom: 12px;
}
.article-question__btns .btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 25px;
  box-shadow: 0 9px 12px 0 rgba(34, 179, 255, 0.6);
  background-color: #22b3ff;
  width: 63px;
  height: 38px;
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.38;
  letter-spacing: 0.03px;
  color: #fff;
  transition: 0.4s ease 0s;
}
.article-question__btns .btn:hover {
  box-shadow: 0 3px 7px 0 rgba(34, 179, 255, 0.6);
  background-color: #57c5ff;
}
.article-question__btns .btn:first-child {
  margin-right: 9px;
}

.text-link {
  position: relative;
  margin: 0 4px;
  text-decoration: none !important;
}
.text-link__toggle {
  color: #b2b2b2;
  position: relative;
  text-decoration: none;
  transition: 0.4s ease 0s;
}
.text-link__toggle:hover {
  color: #49e3a4;
}
.text-link__popup.scroll-wrapper {
  display: none;
  position: absolute !important;
  width: 465px;
  max-height: 294px;
  border-radius: 20px;
  padding: 24px 24px 0;
  box-shadow: 0 5px 14px 0 rgba(0, 0, 0, 0.15);
  background-color: #ffffff;
  bottom: calc(100% + 6px);
  left: 50%;
  transform: translateX(-50%);
}
.text-link__popup.scroll-content {
  position: static !important;
}
.text-link__item {
  font-size: 16px;
  line-height: 1.38;
  letter-spacing: 0.06px;
  position: relative;
  display: flex;
  margin-bottom: 24px;
}
.text-link__item b {
  display: inline-block;
  margin-right: 12px;
}
.text-link__close {
  position: absolute;
  background: #fff;
  width: 21px;
  height: 21px;
  border-radius: 50%;
  top: -12px;
  right: -12px;
  border: 0;
  box-shadow: 0 4px 8px 0 rgba(34, 179, 255, 0.6);
  transition: 0.4s ease 0s;
}
.text-link__close .icon {
  stroke: #22b3ff;
  font-size: 0.85rem;
}
.text-link.active .text-link__toggle {
  color: #fff;
  z-index: 2;
}
.text-link.active .text-link__toggle:before {
  content: "";
  border-radius: 5px;
  box-shadow: 0 5px 14px 0 rgba(0, 0, 0, 0.15);
  background-color: #49e3a4;
  position: absolute;
  padding: 19px 8px;
  left: -8px;
  right: -8px;
  top: -6px;
  z-index: -1;
}
.text-link.active .text-link__popup {
  display: block;
}

.article-quote {
  padding: 40px 80px 40px 0;
  position: relative;
  font-size: 3.2rem;
  font-weight: bold;
  line-height: 1.31;
  letter-spacing: 0.1px;
  color: #fff;
  margin: 24px 0;
}
@media (max-width: 580px) {
  .article-quote {
    font-size: 1.8rem;
    line-height: 1.44;
    letter-spacing: 0.06px;
    padding-top: 20px;
    padding-bottom: 20px;
  }
}
.article-quote p {
  font-size: 3.2rem;
  font-weight: bold;
  line-height: 1.31;
  letter-spacing: 0.1px;
  color: #fff;
  margin-bottom: 0;
}
@media (max-width: 580px) {
  .article-quote p {
    font-size: 1.8rem;
    line-height: 1.44;
    letter-spacing: 0.06px;
  }
}
.article-quote p a {
  color: inherit;
}
.article-quote a {
  color: #fff;
  text-decoration: underline;
}
.article-quote:before {
  content: "";
  opacity: 0.8;
  background-image: linear-gradient(to left, #22b3ff, #98edfd);
  position: absolute;
  left: -200px;
  width: calc(100% + 200px);
  height: 100%;
  top: 0;
  z-index: -1;
}

.tab-read__slider .tab-read__section-notify {
  display: flex;
  flex-wrap: wrap;
  align-content: center;
  justify-content: center;
  padding-top: 0;
}
.tab-read__slider .tab-read__section-notify-icon {
  font-size: 24px;
}
.tab-read__slider-wrap {
  display: flex;
  align-items: flex-start;
}
.tab-read__slider-main {
  overflow: hidden;
  box-shadow: 0 5px 14px 0 rgba(0, 0, 0, 0.15);
  width: 656px !important;
  height: 439px;
  margin-right: 58px;
  border-radius: 20px;
}
@media (max-width: 998px) {
  .tab-read__slider-main {
    margin: 0 auto;
  }
}
@media (max-width: 767px) {
  .tab-read__slider-main {
    width: 420px !important;
    height: 220px;
  }
}
@media (max-width: 479px) {
  .tab-read__slider-main {
    width: 300px !important;
    height: 150px;
  }
}
@media (max-width: 998px) {
  .tab-read__slider-main-wrap {
    margin: 0 auto;
  }
}
@media (max-width: 767px) {
  .tab-read__slider-main-wrap {
    width: 100%;
  }
}
.tab-read__slider-main .slider-main__item {
  width: 656px !important;
  height: 439px;
  border-radius: 20px;
  display: inline-block;
  vertical-align: top;
}
@media (max-width: 767px) {
  .tab-read__slider-main .slider-main__item {
    width: 420px !important;
    height: 220px;
  }
}
@media (max-width: 479px) {
  .tab-read__slider-main .slider-main__item {
    width: 300px !important;
    height: 150px;
  }
}
.tab-read__slider-main .slider-main__item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.tab-read__slider-info {
  width: 145px;
  flex-shrink: 0;
}
@media (max-width: 998px) {
  .tab-read__slider-info {
    display: none;
  }
}
.tab-read__slider-info .btn-control {
  position: relative;
  top: auto;
  right: auto;
  left: auto;
  opacity: 1;
}
.tab-read__slider-info .btn-control + .btn-control {
  margin-left: 24px;
}
.tab-read__slider-info .btn-control.slider-main-next .icon {
  transform: rotate(180deg);
}
.tab-read__slider-info .btn-control .slider-arrow {
  justify-content: center;
  align-items: center;
  width: 3.8rem;
  height: 3.8rem;
  box-shadow: 0 9px 12px 0 rgba(34, 179, 255, 0.6);
  background-color: #22b3ff;
  border: none;
  padding: 0;
  margin: 0;
  border-radius: 50%;
  transition: 0.4s ease 0s;
}
.tab-read__slider-arrows {
  margin-bottom: 20px;
}
.tab-read__slider-count, .tab-read__slider-descr {
  font-size: 14px;
  font-weight: bold;
  line-height: 1.29;
  letter-spacing: 0.05px;
}
.tab-read__slider-count p, .tab-read__slider-descr p {
  font-size: 1.4rem;
  line-height: 1.29;
  letter-spacing: 0.05px;
}
.tab-read__slider-count {
  color: #b2b2b2;
  margin-bottom: 2px;
}
.tab-read__slider-count p {
  color: #b2b2b2;
}
.tab-read__slider-descr {
  color: #13071f;
}
.tab-read__slider-descr p {
  font-weight: 400;
}
.tab-read__slider-nav-wrap {
  margin-top: 32px;
  width: 656px;
  display: flex;
  align-items: center;
}
@media (max-width: 998px) {
  .tab-read__slider-nav-wrap {
    width: 100%;
    justify-content: center;
  }
}
.tab-read__slider-nav-wrap .btn-control {
  position: relative;
  top: -9px;
  right: auto;
  left: auto;
  width: 2.8rem;
  height: 2.8rem;
  flex-shrink: 0;
  opacity: 1;
  box-shadow: 0 5px 10px 0 rgba(34, 179, 255, 0.6);
  background-color: #ffffff;
}
.tab-read__slider-nav-wrap .btn-control + .btn-control {
  margin-left: 24px;
}
.tab-read__slider-nav-wrap .btn-control .icon {
  fill: #22b3ff;
}
.tab-read__slider-nav-wrap .btn-control.slider-main-next {
  margin-left: 6px;
}
.tab-read__slider-nav-wrap .btn-control.slider-main-next .icon {
  transform: rotate(180deg);
}
.tab-read__slider-nav-wrap .btn-control.slider-main-prev {
  margin-right: 16px;
}
.tab-read__slider-nav {
  width: auto;
  max-width: 572px;
}
.tab-read__slider-nav.two-items {
  max-width: 143px;
}
.tab-read__slider-nav.three-items {
  max-width: 213px;
}
.tab-read__slider-nav.four-items {
  max-width: 287px;
}
.tab-read__slider-nav.five-items {
  max-width: 359px;
}
.tab-read__slider-nav.six-items {
  max-width: 430px;
}
.tab-read__slider-nav.seven-items {
  max-width: 503px;
}
.tab-read__slider-nav.eight-items {
  max-width: 575px;
}
.tab-read__slider-nav .slider-nav__item {
  width: 60px;
  height: 45px;
  margin-right: 12px;
  margin-bottom: 17px;
  display: inline-block;
  position: relative;
  cursor: pointer;
}
.tab-read__slider-nav .slider-nav__item:after {
  content: "";
  display: block;
  width: 66px;
  height: 4px;
  position: absolute;
  opacity: 0;
  transition: all 0.3s ease;
  left: 50%;
  top: calc(100% + 6px);
  transform: translateX(-50%);
  background-color: #49e3a4;
}
.tab-read__slider-nav .slider-nav__item img {
  width: 100%;
  height: 100%;
  border-radius: 4px;
  object-fit: cover;
}
.tab-read__slider-nav .slider-nav__item.slick-active:after {
  opacity: 1;
}

.article-entery__section--card {
  position: relative;
}
.article-entery__section--card .article-entery__card-row {
  position: relative;
  width: 100%;
}
.article-entery__section--card .article-entery__card-row .card-item {
  position: absolute;
  width: 588px;
  height: 250px;
  min-height: 250px;
  right: -106px;
  top: 0;
  max-width: 100%;
  flex-direction: row;
  padding-bottom: 0;
  padding-left: 25px;
  margin: 0;
}
@media (max-width: 1140px) {
  .article-entery__section--card .article-entery__card-row .card-item {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0;
    padding-left: 0;
  }
}
@media (max-width: 767px) {
  .article-entery__section--card .article-entery__card-row .card-item {
    display: flex;
    flex-direction: column-reverse;
  }
}
@media (max-width: 1140px) {
  .article-entery__section--card .article-entery__card-row .card-item {
    width: 100%;
    position: relative;
    height: auto;
    min-height: 250px;
    right: 0;
    margin-top: 25px;
  }
}
.article-entery__section--card .article-entery__card-row .card-item .card-item__img {
  flex-shrink: 0;
  width: 230px;
  border-radius: 0 20px 20px 0;
}
@media (max-width: 767px) {
  .article-entery__section--card .article-entery__card-row .card-item .card-item__img {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .article-entery__section--card .article-entery__card-row .card-item .card-item__img img {
    width: 100%;
    display: block;
  }
}
.article-entery__section--card .article-entery__card-row .card-item .card-item__title {
  font-size: 24px;
  padding-right: 24px;
}
.article-entery__section--card .article-entery__card-row .card-item .card-item__link {
  font-size: 13px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: 0.05px;
  color: #22b3ff;
  text-decoration: underline;
  margin-top: auto;
  padding-bottom: 24px;
}
.article-entery__section--card .article-entery__card-row .card-item .card-item__link:hover {
  text-decoration: none;
}
.article-entery__section--card .article-entery__card-row-text {
  display: flex;
  position: relative;
  padding-bottom: 34px;
  padding-top: 24px;
  margin-right: 24px;
}
@media (max-width: 1140px) {
  .article-entery__section--card .article-entery__card-row-text {
    flex-direction: column;
    align-items: flex-start;
  }
}
@media (max-width: 479px) {
  .article-entery__section--card .article-entery__card-row-text {
    padding-bottom: 24px;
    padding-top: 14px;
  }
}
.article-entery__section--card .article-entery__card-row-text p {
  max-width: 386px;
}
@media (max-width: 1140px) {
  .article-entery__section--card .article-entery__card-row-text p {
    width: 100%;
    max-width: none;
  }
}

.additional-link {
  max-width: 142px;
  display: inline-block;
  font-size: 1.4rem;
  line-height: 1.29;
  letter-spacing: 0.05px;
  text-decoration: underline;
  color: #22b3ff;
  transition: 0.4s ease 0s;
}
.additional-link:hover {
  text-decoration: none;
  color: #49e3a4;
}

.tab-read__image {
  display: flex;
  flex-wrap: wrap;
}
.tab-read__image a {
  display: inline-block;
  max-width: 655px;
}
@media (max-width: 580px) {
  .tab-read__image a {
    width: auto;
  }
}
.tab-read__image a img {
  border-radius: 20px;
  box-shadow: 0 5px 14px 0 rgba(0, 0, 0, 0.15);
}
.tab-read__image-text {
  margin-left: 59px;
  font-size: 1.4rem;
  line-height: 1.29;
  letter-spacing: 0.05px;
  margin-top: 24px;
}

.remove-tooltip {
  position: absolute;
  background: #fff;
  box-shadow: 0 0 12px 0 rgba(19, 7, 31, 0.07);
  border-radius: 8px;
  padding: 2px 6px;
  white-space: nowrap;
  font-size: 12px;
  color: #676767;
  bottom: -32px;
}

.article-entery__section {
  flex-shrink: 0;
  width: 100%;
}
@media (max-width: 580px) {
  .article-entery__section img {
    height: auto;
  }
}
.article-entery__section .tab-video, .article-entery__section .video-youtube {
  width: 100%;
}

@media (max-width: 767px) {
  .video-rutube .tab-video {
    height: auto;
    min-height: 280px;
  }
}

.comment-title {
  display: flex !important;
}
.comment-title h2:after {
  right: -70px !important;
  left: auto !important;
}

/*Карточка быстрого опроса в КЕ*/
.video-question {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-image: linear-gradient(to left, rgba(34, 179, 255, 0.8), rgba(152, 237, 253, 0.8) -41%);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 105;
}
.video-question .poll-item {
  position: relative;
}
.video-question .poll-item__close {
  position: absolute;
  right: -6px;
  top: -6px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 28px;
  height: 28px;
  border: 0;
  box-shadow: 0 5px 10px 0 rgba(34, 179, 255, 0.6);
  background-color: #ffffff;
  border-radius: 50%;
  z-index: 10;
  transition: 0.4s ease 0s;
}
.video-question .poll-item__close:hover {
  box-shadow: 0 2px 7px 0 rgba(34, 179, 255, 0.4);
}
.video-question .poll-item__close:hover .icon {
  stroke: rgba(34, 179, 255, 0.65);
}
.video-question .poll-item__close .icon {
  stroke: #22b3ff;
  font-size: 11px;
  transition: 0.4s ease 0s;
}
.video-question .article-question__text {
  font-size: 2rem;
  font-weight: bold;
  line-height: 1.2;
  letter-spacing: 0.07px;
  text-align: center;
  margin-bottom: 24px;
}
.video-question .wide-btn .article-question__btns .btn {
  width: 100%;
  margin-right: 0;
  margin-bottom: 12px;
}

@media (max-width: 767px) {
  .tab-video {
    display: flex;
    flex-direction: column;
  }
  .video-question {
    position: static;
    background: transparent;
    order: -1;
    margin-top: 24px;
    margin-bottom: 48px;
  }
  .player-wrapper {
    min-height: 280px;
    position: relative;
  }
}
.tabs-profile {
  padding-top: 0;
}
.tabs-profile .tabs {
  margin-left: -12px;
  margin-bottom: 8px;
  display: flex;
}
@media (max-width: 991px) {
  .tabs-profile .tabs {
    overflow-x: auto;
  }
}
@media (max-width: 998px) {
  .tabs-profile .tabs {
    margin-bottom: 25px;
  }
}
.tabs-profile .tabs .tabs-nav-item {
  margin-right: 13px;
}
@media (max-width: 580px) {
  .tabs-profile .tabs .tabs-nav-item {
    white-space: nowrap;
    margin-right: 0;
  }
}
.tabs-profile .tabs .tabs-nav-item:last-child {
  margin-right: 0;
}
.tabs-profile .tabs .tabs-nav-item button {
  font-size: 24px;
  padding: 9px 10px;
  background: transparent;
  border: 0;
  border-radius: 28px;
  font-weight: bold;
  letter-spacing: 0.08px;
  color: #22b3ff;
  transition: 0.3s ease 0s;
  white-space: nowrap;
}
.tabs-profile .tabs .tabs-nav-item button:hover {
  color: #49e3a4;
}
@media (max-width: 998px) {
  .tabs-profile .tabs .tabs-nav-item button {
    font-size: 18px !important;
    padding: 6px 11px;
  }
}
@media (max-width: 767px) {
  .tabs-profile .tabs .tabs-nav-item button {
    font-size: 16px !important;
    padding: 5px 11px;
  }
}
@media (max-width: 580px) {
  .tabs-profile .tabs .tabs-nav-item button {
    font-size: 15px !important;
  }
}
.tabs-profile .tabs .tabs-nav-item button.small {
  display: none;
  font-size: 16px;
  font-weight: bold;
  letter-spacing: 0.05px;
  color: #ffffff;
  padding: 7px 12px 7px;
  height: auto;
  min-width: 0;
  min-height: 0;
  margin-left: 1px;
  position: relative;
}
.tabs-profile .tabs .tabs-nav-item button.small.active {
  display: inline-flex;
}
.tabs-profile .tabs .tabs-nav-item button.small .small-close {
  position: absolute;
  right: -9px;
  top: -9px;
  border-radius: 50%;
  width: 21px;
  height: 21px;
  box-shadow: 0 4px 8px 0 rgba(34, 179, 255, 0.6);
  background-color: #ffffff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.tabs-profile .tabs .tabs-nav-item button.small .small-close .icon {
  stroke: #22b3ff;
  font-size: 12px;
  width: 8.3px;
  height: 8.3px;
  margin-top: 1px;
}
.tabs-profile .tabs .tabs-nav-item.active button {
  background: #49e3a4;
  color: #fff;
}
@media (max-width: 998px) {
  .tabs-profile .tabs .tabs-nav-item.active button {
    font-size: 20px;
  }
}
@media (max-width: 767px) {
  .tabs-profile .tabs .tabs-nav-item.active button {
    font-size: 17px;
  }
}
.tabs-profile .tabs-nav {
  margin-bottom: 38px;
}
.tabs-profile .tabs-content-item {
  display: none;
}
.tabs-profile .tabs-content-item.active {
  display: block;
}

.content-subtitle {
  font-size: 16px;
  font-weight: normal;
  line-height: normal;
  letter-spacing: 0.05px;
  color: rgba(0, 0, 0, 0.4);
  text-transform: uppercase;
  margin-bottom: 40px;
  margin-top: 30px;
}
@media (max-width: 767px) {
  .content-subtitle {
    margin-bottom: 30px;
    margin-top: 20px;
  }
}
@media (max-width: 767px) {
  .content-subtitle {
    font-size: 14px;
  }
}
@media (max-width: 580px) {
  .content-subtitle {
    font-size: 13px;
  }
}

.article-tabs .tabs .tabs-nav-item.active .small {
  display: none;
}

.tabs-content-pooints.point-history .points-content__count {
  display: none;
}

.article-tabs-wrapper--no-after:after {
  display: none;
}
.article-tabs-wrapper--no-after .tabs .d-flex {
  display: flex;
  align-items: center;
}
.article-tabs-wrapper--no-after .tabs .d-flex .small {
  height: 30px;
  padding: 0 8px !important;
  font-size: 16px;
  position: relative;
  margin-left: 5px;
  display: none;
}
.article-tabs-wrapper--no-after .tabs .d-flex .small .icon-wrap {
  position: absolute;
  top: -9px;
  right: -9px;
  height: 21px;
  width: 21px;
  border-radius: 50%;
  background-color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 0.3rem 0.6rem rgba(34, 179, 255, 0.2);
}
.article-tabs-wrapper--no-after .tabs .d-flex .small .icon-wrap .icon {
  font-size: 9px;
  stroke: #22b3ff;
}

.noties-content-inner {
  background-color: #fff;
  padding: 12px 0 0 0;
}
.noties-header {
  position: relative;
  padding: 0 0 0 0;
  background-color: #fff;
  z-index: 5;
}
.noties-header:after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  background-image: url("../img/personalAcc/bg-blue.png");
  background-repeat: no-repeat;
  background-size: cover;
}
.noties-header.sticky {
  position: fixed;
  left: 50%;
  top: 10px;
  transform: translateX(-50%);
  width: 100%;
}
@media (max-width: 998px) {
  .noties-header .container {
    overflow-x: unset;
  }
}
.noties-header-inner {
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
}
.noties-header__side {
  width: 100%;
  display: flex;
  padding: 12px 0;
  align-items: center;
}
@media (max-width: 580px) {
  .noties-header__side {
    flex-wrap: wrap;
  }
}
.noties-header__side.events-side {
  padding: 12px 0 5px 0;
}
.noties-header__side .side-inner {
  width: 50%;
}
@media (max-width: 580px) {
  .noties-header__side .side-inner {
    width: 100%;
    margin-bottom: 15px;
  }
}
.noties-header__side p {
  font-size: 24px;
  font-weight: bold;
  line-height: 1.25;
  letter-spacing: 0.08px;
  color: #13071f;
  padding-left: 17px;
  position: relative;
  margin-right: 25px;
}
@media (max-width: 998px) {
  .noties-header__side p {
    font-size: 21px;
  }
}
.noties-header__side p:before {
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: #49e3a4;
  position: absolute;
  left: 0;
  top: 8px;
}
@media (max-width: 998px) {
  .noties-header__side p:before {
    width: 9px;
    height: 9px;
    top: 7px;
  }
}
.noties-header__events {
  display: flex;
  flex-wrap: wrap;
}
.noties-header__events .chosen-noties-line {
  display: none;
  text-align: center;
  line-height: 2.3;
  font-size: 14px;
  font-weight: bold;
  letter-spacing: 0.05px;
  color: #ffffff;
  height: 32px;
  padding: 0 23px 0 11px;
  border-radius: 5px;
  background-color: #49e3a4;
  position: relative;
  margin-right: 33px;
  margin-bottom: 12px;
}
.noties-header__events .chosen-close {
  box-shadow: 0 5px 10px 0 rgba(34, 179, 255, 0.6);
  background-color: #ffffff;
  width: 21px;
  height: 21px;
  border: none;
  outline: none;
  cursor: pointer;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: -10px;
}
.noties-header__events .chosen-close:hover {
  box-shadow: 0 2px 7px 0 rgba(34, 179, 255, 0.4);
}
.noties-header__events .chosen-close .icon {
  font-size: 7.5px;
}
.noties-header__button {
  font-size: 16px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.38;
  letter-spacing: 0.06px;
  color: #22b3ff;
  margin-right: 24px;
  cursor: pointer;
  opacity: 1;
  text-decoration: underline;
  border: none;
  background-color: transparent;
  transition: opacity 0.3s ease;
  margin-bottom: 8px;
}
@media (max-width: 767px) {
  .noties-header__button {
    font-size: 15px;
    margin-right: 20px;
  }
}
.noties-header__button:hover:not([disabled]) {
  opacity: 0.8;
}
.noties-header__button:last-child {
  margin-right: 0;
}
.noties-header__button[disabled] {
  opacity: 0.4;
}
.noties-box {
  padding: 12px 0;
  display: flex;
  align-items: flex-start;
}
.noties-box.new_noty .noties-box__content:before {
  background-color: #49e3a4;
  border-color: #49e3a4;
}
.noties-box.new_noty .noties-box__message:before {
  background-color: #49e3a4;
}
.noties-box.important_noty .noties-box__content:before {
  background-color: #ff7373;
  border-color: #ff7373;
}
.noties-box.important_noty .noties-box__message:before {
  background-color: #ff7373;
}
.noties-box.important_noty .noties-box__icon {
  border-color: #ff7373;
}
.noties-box.important_noty .noties-box__icon .icon {
  fill: #ff7373;
}
.noties-box.read_noty .noties-box__content:before {
  border-color: #eaeaea !important;
  background-color: transparent !important;
}
.noties-box__checkbox {
  width: 24px;
  height: 24px;
  margin-right: 24px;
  flex-shrink: 0;
}
@media (max-width: 998px) {
  .noties-box__checkbox {
    width: 22px;
    height: 22px;
    margin-right: 18px;
  }
}
@media (max-width: 767px) {
  .noties-box__checkbox {
    width: 20px;
    height: 20px;
    margin-right: 10px;
  }
}
.noties-box__checkbox label {
  display: block;
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  display: block;
}
.noties-box__checkbox label input {
  width: 0;
  height: 0;
  position: absolute;
  left: -999em;
  top: -999em;
  opacity: 0;
  visibility: hidden;
}
.noties-box__checkbox label input:checked + .checkbox-box {
  border-color: #49e3a4;
}
.noties-box__checkbox label input:checked + .checkbox-box .icon-checkbox {
  opacity: 1;
}
.noties-box__checkbox label .checkbox-box {
  width: 100%;
  height: 100%;
  display: block;
  border-radius: 4px;
  border: solid 2px #eaeaea;
  background-color: #fff;
  transition: border-color 0.3s ease;
  position: relative;
}
.noties-box__checkbox label .icon-checkbox {
  font-size: 13px;
  position: absolute;
  left: 50%;
  top: 50%;
  color: #49e3a4;
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: opacity 0.3s ease;
}
.noties-box__content {
  width: 100%;
  padding-left: 34px;
  position: relative;
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
}
@media (max-width: 998px) {
  .noties-box__content {
    padding-left: 30px;
  }
}
@media (max-width: 767px) {
  .noties-box__content {
    padding-left: 20px;
  }
}
.noties-box__content:before {
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: transparent;
  border: 2px solid #eaeaea;
  position: absolute;
  left: 0;
  top: 7px;
  transition: all 0.3s ease;
}
@media (max-width: 767px) {
  .noties-box__content:before {
    width: 8px;
    height: 8px;
  }
}
.noties-box__content-inner {
  width: calc(100% - 144px);
}
@media (max-width: 767px) {
  .noties-box__content-inner {
    width: 100%;
  }
}
.noties-box__img {
  width: 120px;
  height: 90px;
  border-radius: 10px;
  overflow: hidden;
  margin-right: 24px;
}
@media (max-width: 998px) {
  .noties-box__img {
    width: 110px;
    height: 80px;
  }
}
@media (max-width: 767px) {
  .noties-box__img {
    width: 100px;
    height: 70px;
    margin-bottom: 15px;
  }
}
.noties-box__img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: inherit;
}
.noties-box__header {
  display: flex;
  margin-bottom: 6px;
}
@media (max-width: 580px) {
  .noties-box__header {
    flex-wrap: wrap;
  }
}
.noties-box__header p {
  font-size: 16px;
  font-weight: bold;
  line-height: 1.38;
  letter-spacing: 0.06px;
  color: #13071f;
}
@media (max-width: 580px) {
  .noties-box__header p {
    width: 100%;
  }
}
.noties-box__header a {
  display: inline-block;
  margin-left: 6px;
  flex-shrink: 0;
  font-size: 16px;
  font-weight: normal;
  line-height: 1.38;
  letter-spacing: 0.06px;
  color: #22b3ff;
  text-decoration: underline;
}
@media (max-width: 580px) {
  .noties-box__header a {
    margin-left: 0;
  }
}
.noties-box__user {
  display: flex;
  align-items: center;
  margin-bottom: 6px;
}
.noties-box__user .user-img {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  overflow: hidden;
  margin-right: 10px;
}
.noties-box__user .user-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: inherit;
}
.noties-box__user .user-name {
  font-size: 14px;
  font-weight: normal;
  line-height: 0.93;
  letter-spacing: 0.83px;
  color: #2d2d2d;
  text-transform: uppercase;
  margin-right: 11px;
}
.noties-box__user .user-label {
  margin-top: -1px;
}
.noties-box__user .user-label .label {
  display: block;
  font-size: 10px;
  line-height: 15px;
  padding-left: 6px;
  border-radius: 8px;
  padding-right: 7px;
  letter-spacing: 0.7px;
}
.noties-box__user .user-label .label.green {
  color: #49e3a4;
  border: solid 1px #49e3a4;
}
.noties-box__text {
  margin-bottom: 6px;
}
.noties-box__text p, .noties-box__text span {
  font-size: 16px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.38;
  letter-spacing: 0.06px;
  color: #13071f;
}
.noties-box__text a {
  display: inline-block;
  margin-left: 6px;
  flex-shrink: 0;
  font-size: 16px;
  font-weight: normal;
  line-height: 1.38;
  letter-spacing: 0.06px;
  color: #22b3ff;
  text-decoration: underline;
}
.noties-box__status {
  display: flex;
  align-items: center;
}
.noties-box__status .status-time {
  margin-right: 24px;
  font-size: 13px;
  font-weight: bold;
  line-height: 1.69;
  letter-spacing: 0.04px;
  color: #b2b2b2;
}
.noties-box__status .status-answer {
  margin-right: 24px;
}
.noties-box__status .answer, .noties-box__status a {
  border: none;
  background-color: transparent;
  outline: none;
  font-size: 13px;
  font-weight: bold;
  line-height: 1.69;
  letter-spacing: 0.04px;
  color: #22b3ff;
}
.noties-box__status a {
  transition: all 0.3s ease;
}
.noties-box__message {
  border-radius: 5px;
  padding: 12px;
  position: relative;
  overflow: hidden;
  display: flex;
}
@media (max-width: 767px) {
  .noties-box__message {
    flex-wrap: wrap;
  }
}
.noties-box__message:before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  z-index: 0;
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0.15;
  transition: all 0.3s ease;
}
.noties-box__icon {
  width: 76px;
  height: 76px;
  flex-shrink: 0;
  border-radius: 50%;
  border: 4px solid #49e3a4;
  background-color: #fff;
  margin-right: 24px;
  transition: all 0.3s ease;
  position: relative;
}
@media (max-width: 998px) {
  .noties-box__icon {
    width: 70px;
    height: 70px;
  }
}
@media (max-width: 767px) {
  .noties-box__icon {
    width: 64px;
    height: 64px;
    margin-right: 20px;
  }
}
.noties-box__icon .icon {
  fill: #49e3a4;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.noties-box__icon .icon-upload {
  font-size: 28px;
}
@media (max-width: 998px) {
  .noties-box__icon .icon-upload {
    font-size: 25px;
  }
}
@media (max-width: 767px) {
  .noties-box__icon .icon-upload {
    font-size: 22px;
  }
}
.noties-box__info {
  margin-right: 50px;
  padding-top: 3px;
  padding-bottom: 3px;
  position: relative;
  z-index: 2;
}
@media (max-width: 767px) {
  .noties-box__info {
    width: calc(100% - 95px);
    margin-right: 0;
  }
}
.noties-box__title {
  margin-bottom: 6px;
  font-size: 20px;
  font-weight: bold;
  line-height: 1.1;
  letter-spacing: 0.07px;
  color: #13071f;
}
@media (max-width: 998px) {
  .noties-box__title {
    font-size: 18px;
  }
}
.noties-box__trigger {
  margin-bottom: 6px;
}
.noties-box__trigger button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  font-size: 12px;
  font-weight: normal;
  line-height: normal;
  letter-spacing: 0.06px;
  color: #22b3ff;
  background-color: transparent;
  border: none;
  outline: none;
  text-decoration: underline;
}
.noties-box__date {
  font-size: 13px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.69;
  letter-spacing: 0.04px;
  color: #b2b2b2;
}
.noties-box__button {
  margin-top: 19px;
  flex-shrink: 0;
}
@media (max-width: 767px) {
  .noties-box__button {
    margin-bottom: 10px;
    margin-left: 84px;
  }
}

.status-descr {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin-bottom: 65px;
  margin-top: 40px;
}
@media (max-width: 767px) {
  .status-descr {
    margin-bottom: 50px;
    margin-top: 30px;
  }
}
@media (max-width: 580px) {
  .status-descr {
    flex-wrap: wrap;
  }
}
.status-descr-text {
  font-size: 14px;
  font-weight: normal;
  font-style: italic;
  font-stretch: normal;
  line-height: 1.14;
  letter-spacing: 0.03px;
  color: #676767;
}
@media (max-width: 580px) {
  .status-descr-text {
    width: 100%;
  }
}
.status-descr-text a {
  font-style: normal;
  text-decoration: underline;
  color: #22b3ff;
}
.status-descr-guest {
  margin-bottom: 234px;
  align-items: flex-start;
  justify-content: space-between;
}
.status-descr-guest .status-title {
  margin-bottom: 36px;
  margin-right: 0;
  display: block;
}
.status-descr-logo {
  width: 462px;
}
.status-descr-logo .new-finish__bubble {
  padding: 40px 65px;
  width: auto;
}
.status-descr-logo .new-finish__text {
  font-size: 20px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.25;
  letter-spacing: 0.07px;
  color: #13071f;
}
.status-title {
  font-size: 72px;
  font-weight: 800;
  font-style: normal;
  font-stretch: normal;
  line-height: 1;
  letter-spacing: -0.72px;
  margin-right: 48px;
  color: #13071f;
}
@media (max-width: 998px) {
  .status-title {
    font-size: 60px;
  }
}
@media (max-width: 580px) {
  .status-title {
    margin-right: 0;
    margin-bottom: 20px;
    font-size: 55px;
  }
}
.status-table {
  width: 304px;
  min-height: 228px;
  border-radius: 10px;
  background-color: #ffffff;
  padding: 12px;
  margin-right: 24px;
}
@media (max-width: 998px) {
  .status-table {
    margin-right: 15px;
    width: 235px;
    margin-bottom: 15px;
  }
}
@media (max-width: 767px) {
  .status-table {
    width: 45%;
    min-height: 210px;
  }
}
@media (max-width: 580px) {
  .status-table {
    width: 100%;
    margin-right: 0;
    min-height: auto;
  }
}
.status-table-wrap {
  position: relative;
  padding: 24px 0 65px 0;
}
@media (max-width: 998px) {
  .status-table-wrap {
    padding: 20px 0 40px 0;
  }
}
.status-table-wrap:after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  opacity: 0.25;
  background-color: #dfdfdf;
}
.status-table-wrap .content-subtitle {
  margin-bottom: 12px;
}
.status-table-inner {
  display: flex;
  flex-wrap: wrap;
  margin-right: -24px;
}
@media (max-width: 998px) {
  .status-table-inner {
    margin-right: -15px;
  }
}
@media (max-width: 580px) {
  .status-table-inner {
    margin-right: 0;
  }
}
.status-table-title {
  margin-bottom: 8px;
  font-size: 18px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.56;
  letter-spacing: 0.06px;
  color: #13071f;
}
@media (max-width: 998px) {
  .status-table-title {
    font-size: 17px;
  }
}
.status-table-list li {
  display: flex;
  font-size: 14px;
  font-weight: normal;
  font-style: italic;
  font-stretch: normal;
  line-height: 1;
  letter-spacing: 0.05px;
  color: #676767;
}
@media (max-width: 998px) {
  .status-table-list li {
    margin-bottom: 10px;
  }
}
.status-table-list li + li {
  margin-top: 6px;
}
.status-table-list .list-number {
  display: block;
  font-size: 20px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: 1;
  letter-spacing: 0.07px;
  color: #49e3a4;
  min-width: 25px;
  margin-right: 18px;
}
@media (max-width: 998px) {
  .status-table-list .list-number {
    font-size: 18px;
    margin-right: 10px;
  }
}

.points-content {
  display: flex;
}
.points-content > .container {
  width: 100%;
}
.points-content__inner {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}
@media (max-width: 767px) {
  .points-content__inner {
    flex-wrap: wrap;
  }
}
.points-content__count {
  position: relative;
  padding-top: 17px;
  padding-bottom: 48px;
  padding-right: 144px;
  height: 291px;
  flex-shrink: 0;
}
@media (max-width: 998px) {
  .points-content__count {
    padding-right: 50px;
  }
}
@media (max-width: 767px) {
  .points-content__count {
    width: 100%;
    padding-right: 0;
    padding-left: 0;
    padding-bottom: 25px;
  }
}
.points-content__count:after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  width: 100vw;
  opacity: 0.4;
  border-radius: 10px;
  background-color: #98edfd;
  z-index: -1;
}
@media (max-width: 767px) {
  .points-content__count:after {
    border-radius: 0;
    width: calc(100% + 32px);
    left: -16px;
    right: auto;
  }
}
.points-content__count-inner {
  z-index: 9;
}
.points-content__count-title span {
  font-size: 16px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: 0.05px;
  color: rgba(0, 0, 0, 0.4);
  text-transform: uppercase;
}
@media (max-width: 998px) {
  .points-content__count-title span {
    font-size: 14px;
  }
}
.points-content__count-points {
  padding-top: 50px;
}
@media (max-width: 998px) {
  .points-content__count-points {
    padding-top: 40px;
  }
}
@media (max-width: 767px) {
  .points-content__count-points {
    padding-top: 35px;
  }
}
.points-content__count-points b {
  font-size: 100px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: 0.38;
  letter-spacing: -3.78px;
  color: #2d2d2d;
}
@media (max-width: 998px) {
  .points-content__count-points b {
    font-size: 60px;
  }
}
@media (max-width: 767px) {
  .points-content__count-points b {
    font-size: 55px;
  }
}
.points-content__count-points span {
  font-size: 32px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: 0.56;
  letter-spacing: 0.1px;
  color: #2d2d2d;
  margin-left: 12px;
}
@media (max-width: 998px) {
  .points-content__count-points span {
    font-size: 28px;
  }
}
@media (max-width: 767px) {
  .points-content__count-points span {
    font-size: 26px;
  }
}
.points-content__count-btns {
  padding-top: 20px;
  padding-bottom: 9px;
}
.points-content__count-btns button {
  background-color: #22b3ff;
  height: 40px;
  padding: 5px;
  cursor: pointer;
  padding-right: 20px;
  box-shadow: 0 5px 10px 0 rgba(34, 179, 255, 0.6);
  transition: all 0.3s ease;
  margin-bottom: 15px;
}
.points-content__count-btns button:hover {
  box-shadow: 0 5px 10px 0 rgba(34, 179, 255, 0.2);
}
.points-content__count-btns button:first-child {
  margin-right: 12px;
}
.points-content__count-btns button .icon {
  font-size: 14px;
  fill: #22b3ff;
}
.points-content__count-btns button .icon.icon-gift {
  font-size: 18px;
}
.points-content__count-btns button .icon-wrap {
  height: 28px;
  width: 28px;
  border-radius: 50%;
  background-color: #fff;
  color: #22b3ff;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 5px;
}
.points-content__count-btns button span {
  font-size: 16px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.31;
  letter-spacing: 0.03px;
  color: #ffffff;
}
.points-content__count-buy span {
  font-size: 14px;
  font-weight: normal;
  font-style: italic;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: 0.03px;
  color: #676767;
}
.points-content__count-buy a {
  font-size: 14px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: 0.03px;
  color: #22b3ff;
  text-decoration: underline;
}
.points-content__last-activity {
  padding-top: 17px;
  padding-left: 28px;
}
@media (max-width: 767px) {
  .points-content__last-activity {
    padding-left: 0;
    width: 100%;
  }
}
.points-content__last-activity-title span {
  font-size: 16px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: 0.05px;
  color: rgba(0, 0, 0, 0.4);
  text-transform: uppercase;
}
.points-content__last-activity-body {
  padding-top: 14px;
}
.points-content__last-activity-item {
  display: flex;
}
.points-content__last-activity-item:not(:last-child) {
  margin-bottom: 24px;
}
.points-content__last-activity-item-img {
  padding-left: 24px;
  padding-right: 24px;
  flex-shrink: 0;
}
.points-content__last-activity-item-status {
  display: flex;
}
.points-content__last-activity-item-status label {
  display: flex;
}
.points-content__last-activity-item-status input {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  border: solid 2px #eaeaea;
  flex-shrink: 0;
}
.points-content__last-activity-item-status [type=checkbox]:checked {
  background-color: #49e3a4;
  border: solid 2px #49e3a4;
}
.points-content__last-activity-item-name span {
  font-size: 16px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.38;
  letter-spacing: 0.06px;
  color: #2d2d2d;
}
.points-content__last-activity-item-link a {
  font-size: 16px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.38;
  letter-spacing: 0.06px;
  color: #22b3ff;
  text-decoration: underline;
}
.points-content__last-activity-item-time span {
  font-size: 13px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.69;
  letter-spacing: 0.04px;
  color: #b2b2b2;
}
.points-content__last-activity-item--noimg .points-content__last-activity-item-desc {
  padding-left: 24px;
}
.points-content__last-activity-points {
  padding-top: 24px;
}
.points-content__last-activity-points a {
  font-size: 16px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.38;
  letter-spacing: 0.06px;
  color: #22b3ff;
  text-decoration: underline;
}

.point-history .points-content__last-activity-item-name {
  display: inline-block;
}
.point-history .points-content__last-activity-item-link {
  display: inline-block;
}
.point-history .points-content__last-activity-item-img {
  width: 120px;
  height: 90px;
}
.point-history .points-content__last-activity-item-img img {
  width: 120px;
  height: 90px;
}
.point-history .points-content__last-activity-points {
  display: none;
}
.point-history .points-content__last-activity-item-img {
  margin-left: 24px;
  margin-right: 24px;
  padding: 0;
}
.point-history .points-content__last-activity {
  padding-left: 0;
  padding-top: 20px;
}
.point-history .points-content__last-activity-body {
  padding-top: 30px;
}

.tabs-content-item.tab-profile-favorites {
  overflow: visible;
  margin-top: 24px;
}
.tabs-content-item.tab-profile-favorites .tab-read__material {
  padding-top: 18px;
  padding-bottom: 18px;
}
.tabs-content-item.tab-profile-favorites .tab-read__material-line {
  padding: 0;
}
.tabs-content-item.tab-profile-favorites .favorites-control-line {
  margin-top: 12px;
  justify-content: flex-start;
}
.tabs-content-item.tab-profile-favorites .tabs-content__select {
  min-width: 222px;
  margin-right: 24px;
}
.tabs-content-item.tab-profile-favorites .tabs-content__select:last-of-type {
  margin-right: 0;
}
.tabs-content-item.tab-profile-favorites .tabs-content__select:first-child {
  flex-grow: 1;
}
.tabs-content-item.tab-profile-favorites .favorites-control__elem {
  background: transparent;
  border-width: 0 0 1px 0;
  border-color: #22b3ff;
  border-style: solid;
  font-size: 16px;
  font-weight: bold;
  line-height: 1;
  letter-spacing: 0.06px;
  color: #22b3ff;
  transition: 0.4s ease 0s;
  margin-right: 24px;
}
.tabs-content-item.tab-profile-favorites .favorites-control__elem:hover {
  border-bottom-color: transparent;
}
.tabs-content-item.tab-profile-favorites .favorites-control__elem:disabled {
  opacity: 0.4;
  pointer-events: none;
}

.tab-content__section-favorites .experience-unit {
  padding-bottom: 12px;
  margin-bottom: 24px;
}
.tab-content__section-favorites .btn--remove {
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 99;
  height: 40px;
  padding: 0 30px 0 9px;
}

.tab-profile-chanel {
  margin-top: 50px;
}

.my-chanel__invate {
  display: flex;
  align-items: flex-end;
  position: relative;
  z-index: 10;
  margin-bottom: 144px;
}
.my-chanel__invate-logo {
  flex-shrink: 0;
  margin-left: 32px;
}
@media (max-width: 580px) {
  .my-chanel__invate-logo {
    margin-left: 0;
    max-width: 56px;
  }
}

.my-chanel__invate-bubble {
  background-color: #ffffff;
  border-radius: 60px;
  padding: 44px 64px 36px;
  max-width: 700px;
  position: relative;
  margin-left: 22px;
  margin-bottom: 12px;
  text-align: center;
  margin-top: 12px;
}
@media (max-width: 580px) {
  .my-chanel__invate-bubble {
    max-width: none;
    padding: 36px 24px;
  }
}
.my-chanel__invate-bubble:before {
  content: "";
  background-color: #fff;
  display: block;
  height: 30px;
  width: 35px;
  position: absolute;
  bottom: 6px;
  transform: rotate(130deg) skew(51deg);
  box-shadow: 0 0 10px 0 rgba(19, 7, 31, 0.11);
  left: 7px;
  z-index: -1;
}
.my-chanel__invate-bubble:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(19, 7, 31, 0.11);
  left: 0;
  top: 0;
  border-radius: 60px;
  filter: blur(10px);
  z-index: -2;
}

.my-chanel__invate-text {
  font-size: 22px;
  font-weight: bold;
  line-height: 1.14;
  letter-spacing: 0.1px;
  color: #13071f;
  margin-bottom: 20px;
}
@media (max-width: 580px) {
  .my-chanel__invate-text {
    font-size: 16px;
  }
}
.my-chanel__invate-text a {
  color: #22b3ff;
  text-decoration: underline;
  transition: 0.3s ease 0s;
}
.my-chanel__invate-text a:hover {
  text-decoration: none;
  color: #49e3a4;
}

.ordionline-cabinet-profile .chanel-header__row.align-center {
  padding-top: 16px;
  justify-content: flex-end;
  align-items: flex-end !important;
}
.ordionline-cabinet-profile .top-content {
  height: auto;
  z-index: 12;
  padding: 24px 0;
  overflow: hidden;
  min-height: 330px;
}
@media (max-width: 998px) {
  .ordionline-cabinet-profile .top-content {
    height: auto;
    padding-bottom: 30px;
    min-height: 0;
  }
}
.ordionline-cabinet-profile .breadcrubs {
  padding: 0;
}
.ordionline-cabinet-profile .top-content__bg {
  background-image: linear-gradient(to right, rgba(34, 179, 255, 0.7), rgba(152, 237, 253, 0.6));
  filter: blur(20px) grayscale(40%);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.ordionline-cabinet-profile .title--lg {
  font-size: 32px;
  margin: 0;
  line-height: 32px;
}
.ordionline-cabinet-profile .tag {
  width: fit-content;
  height: 17px;
  border-radius: 8px;
  border: solid 1px #49e3a4;
  font-size: 10px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: 0.76px;
  color: #49e3a4;
  padding: 0 6px;
  margin-bottom: 7px;
  margin-top: 7px;
  display: inline-block;
}
@media (max-width: 767px) {
  .ordionline-cabinet-profile .tag {
    margin-bottom: 10px;
  }
}
.ordionline-cabinet-profile .chanel-header__btn button {
  padding: 8px;
  padding-right: 26px;
}
.ordionline-cabinet-profile .chanel-header__btn .share {
  font-weight: 700;
}
.ordionline-cabinet-profile .chanel-header__btn .btn-icon {
  width: 26px;
  height: 26px;
  background-color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  margin-right: 14px;
}
.ordionline-cabinet-profile .chanel-header__btn .btn-icon .icon {
  fill: #22b3ff;
  font-size: 15px;
  display: inline-block;
  position: relative;
  left: -1px;
}
.ordionline-cabinet-profile-body {
  padding-top: 25px;
}
.ordionline-cabinet-profile-contacts, .ordionline-cabinet-profile-about, .ordionline-cabinet-profile-site, .ordionline-cabinet-profile-socials, .ordionline-cabinet-profile-channel {
  padding-bottom: 32px;
}
.ordionline-cabinet-profile-contacts ul, .ordionline-cabinet-profile-about ul, .ordionline-cabinet-profile-site ul, .ordionline-cabinet-profile-socials ul, .ordionline-cabinet-profile-channel ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  display: flex;
}
@media (max-width: 998px) {
  .ordionline-cabinet-profile-contacts ul, .ordionline-cabinet-profile-about ul, .ordionline-cabinet-profile-site ul, .ordionline-cabinet-profile-socials ul, .ordionline-cabinet-profile-channel ul {
    flex-wrap: wrap;
  }
}
@media (max-width: 479px) {
  .ordionline-cabinet-profile-contacts ul li, .ordionline-cabinet-profile-about ul li, .ordionline-cabinet-profile-site ul li, .ordionline-cabinet-profile-socials ul li, .ordionline-cabinet-profile-channel ul li {
    width: 100%;
  }
}
.ordionline-cabinet-profile-contacts ul li a, .ordionline-cabinet-profile-about ul li a, .ordionline-cabinet-profile-site ul li a, .ordionline-cabinet-profile-socials ul li a, .ordionline-cabinet-profile-channel ul li a {
  display: flex;
  align-items: center;
}
.ordionline-cabinet-profile-contacts ul li a span, .ordionline-cabinet-profile-about ul li a span, .ordionline-cabinet-profile-site ul li a span, .ordionline-cabinet-profile-socials ul li a span, .ordionline-cabinet-profile-channel ul li a span {
  padding-left: 6px;
  font-size: 18px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.56;
  letter-spacing: 0.06px;
  color: #2d2d2d;
}
@media (max-width: 767px) {
  .ordionline-cabinet-profile-contacts ul li a span, .ordionline-cabinet-profile-about ul li a span, .ordionline-cabinet-profile-site ul li a span, .ordionline-cabinet-profile-socials ul li a span, .ordionline-cabinet-profile-channel ul li a span {
    font-size: 17px;
  }
}
@media (max-width: 580px) {
  .ordionline-cabinet-profile-contacts ul li a span, .ordionline-cabinet-profile-about ul li a span, .ordionline-cabinet-profile-site ul li a span, .ordionline-cabinet-profile-socials ul li a span, .ordionline-cabinet-profile-channel ul li a span {
    font-size: 16px;
  }
}
.ordionline-cabinet-profile-contacts ul li a .icon, .ordionline-cabinet-profile-about ul li a .icon, .ordionline-cabinet-profile-site ul li a .icon, .ordionline-cabinet-profile-socials ul li a .icon, .ordionline-cabinet-profile-channel ul li a .icon {
  fill: #22b3ff;
  font-size: 22px;
}
.ordionline-cabinet-profile-contacts ul li:not(:last-child), .ordionline-cabinet-profile-about ul li:not(:last-child), .ordionline-cabinet-profile-site ul li:not(:last-child), .ordionline-cabinet-profile-socials ul li:not(:last-child), .ordionline-cabinet-profile-channel ul li:not(:last-child) {
  margin-right: 27px;
}
@media (max-width: 767px) {
  .ordionline-cabinet-profile-contacts ul li:not(:last-child), .ordionline-cabinet-profile-about ul li:not(:last-child), .ordionline-cabinet-profile-site ul li:not(:last-child), .ordionline-cabinet-profile-socials ul li:not(:last-child), .ordionline-cabinet-profile-channel ul li:not(:last-child) {
    margin-bottom: 15px;
  }
}
.ordionline-cabinet-profile-socials-body {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}
.ordionline-cabinet-profile-socials ul {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}
.ordionline-cabinet-profile-socials ul li {
  margin-bottom: 20px;
}
.ordionline-cabinet-profile-socials ul li:last-child {
  margin-bottom: 0;
}
.ordionline-cabinet-profile-socials ul li:hover .icon-wrap {
  box-shadow: none;
}
.ordionline-cabinet-profile-socials ul .icon-wrap {
  height: 50px;
  width: 50px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease;
  flex-shrink: 0;
}
@media (max-width: 767px) {
  .ordionline-cabinet-profile-socials ul .icon-wrap {
    height: 45px;
    width: 45px;
  }
}
@media (max-width: 479px) {
  .ordionline-cabinet-profile-socials ul .icon-wrap {
    width: 40px;
    height: 40px;
    margin-right: 10px;
  }
}
.ordionline-cabinet-profile-socials ul .icon-wrap .icon {
  fill: #fff;
}
@media (max-width: 767px) {
  .ordionline-cabinet-profile-socials ul .icon-wrap .icon {
    font-size: 19px;
  }
}
@media (max-width: 479px) {
  .ordionline-cabinet-profile-socials ul .icon-wrap .icon {
    font-size: 17px;
  }
}
.ordionline-cabinet-profile-socials ul .vk {
  background-color: #4680c2;
  box-shadow: 0 10px 13px 0 rgba(70, 128, 194, 0.41);
}
.ordionline-cabinet-profile-socials ul .fb {
  background-color: #3b5898;
  box-shadow: 0 10px 13px 0 rgba(59, 88, 152, 0.4);
}
.ordionline-cabinet-profile-socials ul .ok {
  background-color: #f7931e;
  box-shadow: 0 10px 13px 0 rgba(247, 147, 30, 0.4);
}
.ordionline-cabinet-profile-socials ul .insta {
  background-color: #bc247e;
  box-shadow: 0 10px 13px 0 rgba(188, 36, 126, 0.35);
}
.ordionline-cabinet-profile-socials ul .insta .icon {
  font-size: 2.8rem;
}
.ordionline-cabinet-profile-site-body a {
  display: flex;
  align-items: center;
}
.ordionline-cabinet-profile-site-body a span {
  padding-left: 6px;
  font-size: 18px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.56;
  letter-spacing: 0.06px;
  color: #2d2d2d;
}
@media (max-width: 580px) {
  .ordionline-cabinet-profile-site-body a span {
    font-size: 17px;
  }
}
.ordionline-cabinet-profile-site-body a .icon {
  fill: #22b3ff;
  font-size: 22px;
}
.ordionline-cabinet-profile-contacts-title, .ordionline-cabinet-profile-about-title, .ordionline-cabinet-profile-site-title, .ordionline-cabinet-profile-socials-title, .ordionline-cabinet-profile-channel-title {
  padding-bottom: 6px;
}
@media (max-width: 998px) {
  .ordionline-cabinet-profile-contacts-title, .ordionline-cabinet-profile-about-title, .ordionline-cabinet-profile-site-title, .ordionline-cabinet-profile-socials-title, .ordionline-cabinet-profile-channel-title {
    padding-bottom: 15px;
  }
}
.ordionline-cabinet-profile-contacts-title span, .ordionline-cabinet-profile-about-title span, .ordionline-cabinet-profile-site-title span, .ordionline-cabinet-profile-socials-title span, .ordionline-cabinet-profile-channel-title span {
  font-size: 14px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: 0.04px;
  color: rgba(0, 0, 0, 0.4);
  text-transform: uppercase;
}
.ordionline-cabinet-profile-channel-item-desc {
  display: flex;
  flex-direction: column;
}
.ordionline-cabinet-profile-channel-item-body {
  display: flex;
}
.ordionline-cabinet-profile-about-desc {
  max-width: 657px;
}
@media (max-width: 767px) {
  .ordionline-cabinet-profile-about-desc {
    max-width: 100%;
  }
}
.ordionline-cabinet-profile-about-desc p {
  font-size: 18px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.56;
  letter-spacing: 0.06px;
  color: #2d2d2d;
}
@media (max-width: 767px) {
  .ordionline-cabinet-profile-about-desc p {
    font-size: 17px;
  }
}
@media (max-width: 580px) {
  .ordionline-cabinet-profile-about-desc p {
    font-size: 16px;
  }
}
.ordionline-cabinet-profile .chanel-header__row {
  justify-content: flex-start;
  align-items: stretch;
  margin-bottom: 0;
  height: 100%;
}
.ordionline-cabinet-profile .chanel-header__row.align-center.sb {
  justify-content: space-between;
  width: 100%;
}
.ordionline-cabinet-profile .chanel-header__text {
  width: 100%;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}
@media (max-width: 479px) {
  .ordionline-cabinet-profile .new-finish {
    margin: 20px 0;
  }
}
.ordionline-cabinet-profile .new-finish__bubble {
  margin-bottom: 36px;
}
.ordionline-cabinet-profile .new-finish__bubble .new-finish__score-text {
  display: flex;
  align-items: center;
  flex-direction: column;
}
.ordionline-cabinet-profile .new-finish__bubble p {
  font-size: 22px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.14;
  letter-spacing: 0.08px;
  text-align: center;
  color: #2d2d2d;
}
@media (max-width: 998px) {
  .ordionline-cabinet-profile .new-finish__bubble p {
    font-size: 18px;
  }
}
@media (max-width: 767px) {
  .ordionline-cabinet-profile .new-finish__bubble p {
    font-size: 16px;
  }
}
@media (max-width: 580px) {
  .ordionline-cabinet-profile .new-finish__bubble p {
    font-size: 14px;
  }
}
@media (max-width: 479px) {
  .ordionline-cabinet-profile .new-finish__bubble p {
    width: 100%;
    max-width: 180px;
  }
}
.ordionline-cabinet-profile .new-finish__bubble p a {
  text-decoration: underline;
  font-size: 22px;
  font-weight: bold;
  line-height: 1.14;
  letter-spacing: 0.08px;
  text-align: center;
  color: #22b3ff;
  display: inline-block;
  margin: 0 5px;
}
@media (max-width: 998px) {
  .ordionline-cabinet-profile .new-finish__bubble p a {
    font-size: 18px;
  }
}
@media (max-width: 767px) {
  .ordionline-cabinet-profile .new-finish__bubble p a {
    font-size: 16px;
  }
}
@media (max-width: 580px) {
  .ordionline-cabinet-profile .new-finish__bubble p a {
    font-size: 14px;
  }
}
.ordionline-cabinet-profile .new-finish__bubble button {
  margin-top: 21px;
  font-size: 20px;
  font-weight: bold;
  line-height: 1.05;
  letter-spacing: 0.04px;
  color: #ffffff;
  width: 202px;
  height: 50px;
  cursor: pointer;
  border-radius: 25px;
  border: none;
  box-shadow: 0 9px 12px 0 rgba(34, 179, 255, 0.6);
  background-color: #22b3ff;
  transition: all 0.3s ease;
}
@media (max-width: 998px) {
  .ordionline-cabinet-profile .new-finish__bubble button {
    font-size: 18px;
    width: 200px;
    height: 45px;
  }
}
@media (max-width: 767px) {
  .ordionline-cabinet-profile .new-finish__bubble button {
    margin-top: 15px;
    font-size: 16px;
    width: 175px;
    height: 40px;
  }
}
@media (max-width: 580px) {
  .ordionline-cabinet-profile .new-finish__bubble button {
    font-size: 14px;
    width: 150px;
    height: 36px;
  }
}
.ordionline-cabinet-profile .new-finish__bubble button:hover {
  box-shadow: 0 9px 12px 0 rgba(34, 179, 255, 0.4);
}
.ordionline-cabinet-profile .rank {
  font-size: 18px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.44;
  letter-spacing: 0.06px;
  color: #ffffff;
  margin-top: 5px;
  display: block;
}
.ordionline-cabinet-profile .chanel-header__row.pt {
  padding-top: 100px;
}
@media (max-width: 998px) {
  .ordionline-cabinet-profile .chanel-header__row.pt {
    padding-top: 20px;
  }
}

.ordionline-cabinet-profile-channel-item {
  display: flex;
  min-height: 185px;
  border-radius: 10px;
  box-shadow: 0 0 12px 0 rgba(19, 7, 31, 0.1);
  background-color: #ffffff;
  margin-bottom: 24px;
  overflow: hidden;
}
.ordionline-cabinet-profile-channel-item-body {
  width: 100%;
}
.ordionline-cabinet-profile-channel-item-name span {
  font-size: 24px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.25;
  letter-spacing: 0.08px;
  color: #2d2d2d;
}
.ordionline-cabinet-profile-channel-item-img {
  width: 230px;
  height: 185px;
  flex-shrink: 0;
}
.ordionline-cabinet-profile-channel-item-img img {
  height: 100%;
  width: 100%;
}
.ordionline-cabinet-profile-channel-item-desc {
  padding-left: 8px;
  padding-top: 18px;
  padding-bottom: 20px;
}
.ordionline-cabinet-profile-channel-item-text span {
  font-size: 16px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.38;
  letter-spacing: 0.06px;
  color: #2d2d2d;
  display: block;
}
.ordionline-cabinet-profile-channel-item-actions {
  margin-top: auto;
}
.ordionline-cabinet-profile-channel-item-btn {
  padding-top: 16px;
  padding-right: 18px;
  margin-left: auto;
}
.ordionline-cabinet-profile-channel-item-btn .add-text, .ordionline-cabinet-profile-channel-item-btn .remove-text {
  padding-left: 38px;
}
.ordionline-cabinet-profile-channel-item-btn .btn.btn--plus:after {
  content: "Добавлено";
  right: 20px;
}

.status-table-wrap--cabinet-profile {
  margin-bottom: -40px;
}

.ordionline-cabinet-profile3 .top-content:before {
  display: none;
}
.ordionline-cabinet-profile3 .tag-white {
  color: #ffffff;
  border-color: #ffffff;
}
.ordionline-cabinet-profile3 .top-content {
  height: 332px;
}
@media (max-width: 998px) {
  .ordionline-cabinet-profile3 .top-content {
    height: auto;
  }
}

.ordionline-cabinet-profile3-share {
  position: absolute;
  height: 314px;
  top: 0;
  left: 0;
  right: 0;
  box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.2);
  background-color: #ffffff;
  z-index: 1000000000000000000;
  display: none;
}
@media (max-width: 767px) {
  .ordionline-cabinet-profile3-share {
    height: auto;
  }
}
.ordionline-cabinet-profile3-share-head {
  height: 72px;
  border-bottom: solid 1px #ededed;
}
.ordionline-cabinet-profile3-share-head .container {
  display: flex;
  align-items: center;
  height: 100%;
}
.ordionline-cabinet-profile3-share-head button {
  background: none;
  border: none;
  cursor: pointer;
}
.ordionline-cabinet-profile3-share-head button .icon {
  font-size: 15.5px;
}
.ordionline-cabinet-profile3-share-body {
  padding-top: 32px;
  padding-bottom: 64px;
}
.ordionline-cabinet-profile3-share-body .container {
  display: flex;
  justify-content: space-between;
}
@media (max-width: 767px) {
  .ordionline-cabinet-profile3-share-body .container {
    flex-direction: column;
  }
}
.ordionline-cabinet-profile3-share-name span {
  font-size: 24px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.25;
  letter-spacing: 0.08px;
  color: #2d2d2d;
}
.ordionline-cabinet-profile3-share-subname {
  padding-top: 12px;
}
.ordionline-cabinet-profile3-share-subname span {
  font-size: 14px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: 0.04px;
  color: rgba(0, 0, 0, 0.4);
  text-transform: uppercase;
}
.ordionline-cabinet-profile3-share-link {
  padding-top: 6px;
}
.ordionline-cabinet-profile3-share-link a {
  font-size: 18px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.56;
  letter-spacing: 0.06px;
  color: #2d2d2d;
  word-break: break-all;
}
.ordionline-cabinet-profile3-share-copy {
  padding-top: 12px;
}
.ordionline-cabinet-profile3-share-copy .btn {
  font-size: 16px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.38;
  letter-spacing: 0.03px;
  color: #ffffff;
  width: 191px;
  height: 38px;
  border-radius: 25px;
  box-shadow: 0 9px 12px 0 rgba(34, 179, 255, 0.6);
  background-color: #22b3ff;
  text-align: center;
  display: flex;
  justify-content: center;
  transition: all 0.3s ease;
}
.ordionline-cabinet-profile3-share-copy .btn:hover {
  box-shadow: 0 9px 12px 0 rgba(34, 179, 255, 0.4);
}
.ordionline-cabinet-profile3-share-soc {
  padding-top: 46px;
}
.ordionline-cabinet-profile3-share-soc-name {
  font-size: 14px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: 0.04px;
  color: rgba(0, 0, 0, 0.4);
  text-transform: uppercase;
}
.ordionline-cabinet-profile3-share-soc-list {
  display: flex;
  padding-top: 6px;
}
.ordionline-cabinet-profile3-share-soc-list li:not(:last-child) {
  margin-right: 24px;
}
.ordionline-cabinet-profile3-share-soc-list a {
  transition: all 0.3s ease;
}
.ordionline-cabinet-profile3-share-soc-list a:hover {
  transform: translateY(8px);
}
.ordionline-cabinet-profile3-share-soc-list .vk, .ordionline-cabinet-profile3-share-soc-list .fb, .ordionline-cabinet-profile3-share-soc-list .ok {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.ordionline-cabinet-profile3-share-soc-list .vk .icon, .ordionline-cabinet-profile3-share-soc-list .fb .icon, .ordionline-cabinet-profile3-share-soc-list .ok .icon {
  fill: #fff;
  color: #ffffff;
  font-size: 24px;
}
.ordionline-cabinet-profile3-share-soc-list .vk {
  box-shadow: 0 10px 13px 0 rgba(70, 128, 194, 0.41);
  background-color: #4680c2;
}
.ordionline-cabinet-profile3-share-soc-list .fb {
  box-shadow: 0 10px 13px 0 rgba(59, 88, 152, 0.4);
  background-color: #3b5898;
}
.ordionline-cabinet-profile3-share-soc-list .ok {
  box-shadow: 0 10px 13px 0 rgba(247, 147, 30, 0.4);
  background-color: #f7931e;
}

.overlay {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
@supports (-ms-ime-align: auto) {
  .overlay {
    position: relative;
    overflow: hidden;
  }
}
.overlay:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: inline-block;
  background-color: rgba(0, 0, 0, 0.4);
  z-index: 9999;
}

.events__wrap {
  overflow: hidden;
}
.events__wrap::after {
  bottom: 0;
  right: 0;
  left: 0;
  height: 8px;
  content: "";
  width: 100%;
  display: block;
  opacity: 0.25;
  background-image: linear-gradient(to left, #22b3ff, #98edfd);
}
.events__inner {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
.events__inner .article-entery__section:first-child {
  margin-top: 0;
}
@media (max-width: 767px) {
  .events__inner {
    flex-wrap: wrap;
  }
}
.events__content {
  width: 738px;
  padding-left: 82px;
  position: relative;
}
@media (max-width: 1199px) {
  .events__content {
    padding-left: 0;
  }
}
@media (max-width: 998px) {
  .events__content {
    width: 500px;
  }
}
@media (max-width: 767px) {
  .events__content {
    width: 100%;
  }
}
.events__content .tab-video {
  height: 369px;
  margin-top: 24px;
}
@media (max-width: 580px) {
  .events__content .tab-video {
    height: 275px;
  }
}
.events__content-video {
  margin-bottom: 64px;
}
@media (max-width: 767px) {
  .events__content-video {
    margin-bottom: 50px;
  }
}
@media (max-width: 580px) {
  .events__content-video {
    margin-bottom: 40px;
  }
}
.events__content-description {
  margin-bottom: 49px;
}
@media (max-width: 767px) {
  .events__content-description {
    margin-bottom: 30px;
  }
}
.events__content-info {
  margin-bottom: 40px;
  width: 100%;
}
.events__content-info a {
  font-size: 18px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.44;
  letter-spacing: 0.06px;
  color: #22b3ff;
  text-decoration: underline;
  word-break: break-all;
  max-width: 100%;
  display: inline-block;
}
.events__content-program-list {
  margin-bottom: 64px;
}
.events__content-program-list .panel-heading h2 {
  margin-bottom: 0;
}
.events__content-program-list .program-list {
  margin-top: 25px;
  counter-reset: program;
}
.events__content-program-list .program-list li {
  font-size: 20px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.3;
  letter-spacing: 0.07px;
  color: #13071f;
  padding-left: 30px;
  position: relative;
}
@media (max-width: 998px) {
  .events__content-program-list .program-list li {
    font-size: 18px;
  }
}
.events__content-program-list .program-list li:before {
  counter-increment: program;
  content: counter(program) ". ";
  font-size: 24px;
  font-weight: 800;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.08;
  letter-spacing: 0.08px;
  color: #13071f;
  position: absolute;
  left: 0;
  top: 0;
}
@media (max-width: 998px) {
  .events__content-program-list .program-list li:before {
    font-size: 20px;
    top: 1px;
  }
}
.events__content-program-list .program-list li + li {
  margin-top: 24px;
}
@media (max-width: 998px) {
  .events__content-program-list .program-list li + li {
    margin-top: 20px;
  }
}
.events__content .tab-read__quote-wrap {
  width: 100%;
  position: relative;
  opacity: 1;
  background: none;
  margin-bottom: 64px;
}
@media (max-width: 998px) {
  .events__content .tab-read__quote-wrap {
    text-align: center;
  }
}
.events__content .tab-read__quote-wrap:after {
  content: "";
  display: block;
  width: 300%;
  height: 100%;
  position: absolute;
  right: 0;
  left: auto;
  top: 0;
  background-image: linear-gradient(to left, #22b3ff, #98edfd);
  opacity: 0.8;
  z-index: -1;
}
@media (max-width: 998px) {
  .events__content .tab-read__quote-wrap:after {
    width: 100%;
  }
}
.events__content .tab-read__quote p {
  margin: 0;
}
.events__aside {
  width: 191px;
  flex-shrink: 0;
}
.events__aside.fixed {
  position: fixed;
  right: calc(50% - 480px);
  top: 80px;
}
@media (max-width: 992px) {
  .events__aside {
    margin-left: 12px;
  }
}
@media (max-width: 767px) {
  .events__aside {
    width: 220px;
    margin-left: 0;
  }
}
@media (max-width: 376px) {
  .events__aside {
    width: 100%;
    margin-left: 0;
  }
}
.events__aside .aside-title {
  margin-bottom: 12px;
  font-size: 24px;
  font-weight: bold;
  line-height: 1.21;
  letter-spacing: 0.08px;
  color: #13071f;
}
@media (max-width: 998px) {
  .events__aside .aside-title {
    font-size: 20px;
  }
}
.events__aside .aside-address {
  font-size: 16px;
  font-weight: normal;
  line-height: 1.5;
  letter-spacing: 0.06px;
  color: rgba(0, 0, 0, 0.8);
  margin-bottom: 5px;
}
.events__aside .aside-show-more {
  font-size: 12px;
  font-weight: normal;
  line-height: 1.5;
  letter-spacing: 0.06px;
  color: #22b3ff;
  border: none;
  background-color: transparent;
  outline: none;
  text-decoration: underline;
}
.events__aside .aside-map {
  margin-top: 24px;
  width: 100%;
  height: 120px;
  border-radius: 10px;
  overflow: hidden;
}
@media (max-width: 376px) {
  .events__aside .aside-map {
    height: 150px;
  }
}
.events__aside .aside-map #js_map {
  width: 100%;
  height: 100%;
}
.events__aside .aside-block {
  margin-bottom: 36px;
  position: relative;
}
.events__aside .aside-date, .events__aside .aside-time {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-wrap: wrap;
  font-size: 18px;
  font-weight: normal;
  line-height: normal;
  letter-spacing: 0.06px;
  color: #13071f;
}
@media (max-width: 998px) {
  .events__aside .aside-date, .events__aside .aside-time {
    font-size: 16px;
  }
}
.events__aside .aside-date .icon, .events__aside .aside-time .icon {
  font-size: 24px;
  margin-right: 12px;
  fill: #22b3ff;
  flex-shrink: 0;
}
.events__aside .aside-date {
  margin-bottom: 15px;
  flex-wrap: nowrap;
}
.events__aside .aside-time-zone {
  font-size: 12px;
  font-weight: normal;
  line-height: normal;
  letter-spacing: 0.04px;
  color: #676767;
  display: block;
  width: 100%;
  margin-left: 36px;
}
.events__aside .aside-btn {
  margin-top: 24px;
}
.events__aside .aside-btn .btn.btn--plus.btn--plus-go.event-go {
  font-size: 14px;
  height: 30px;
  padding: 4px 18px;
  letter-spacing: 0.03px;
  min-width: 187px;
  width: auto;
}
.events__aside .aside-btn .btn.btn--plus.btn--plus-go.event-go .btn-icon {
  display: none;
}
.events__aside .aside-btn span {
  flex-shrink: 0;
}
.events__aside .aside-form {
  width: 100%;
  height: 204px;
  object-fit: contain;
  border-radius: 10px;
  padding: 18px;
  position: relative;
}
.events__aside .aside-form:after {
  content: "";
  background-color: rgba(152, 237, 253, 0.4);
  display: block;
  width: 311px;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  border-radius: 10px;
  z-index: -1;
}
@media (max-width: 998px) {
  .events__aside .aside-form:after {
    width: 100%;
  }
}
.events__aside .aside-form-info {
  font-size: 14px;
  font-weight: normal;
  line-height: normal;
  letter-spacing: 0.03px;
  color: #676767;
  display: block;
  margin-bottom: 12px;
}
.events__aside .aside-form-input {
  width: 100%;
  height: 38px;
  margin-bottom: 24px;
  background-color: transparent;
  border: none;
  border-bottom: solid 1px #b2b2b2;
  font-size: 18px;
  font-weight: normal;
  line-height: 0.94;
  letter-spacing: 0.03px;
  color: #13071f;
}
.events__aside .aside-form-input:focus::-webkit-input-placeholder {
  font-size: 10px;
  transform: translateY(-10px);
  opacity: 1 !important;
  visibility: visible;
}
.events__aside .aside-form-input:focus:-moz-placeholder {
  font-size: 10px;
  transform: translateY(-10px);
  opacity: 1 !important;
  visibility: visible;
}
.events__aside .aside-form-input:focus::-moz-placeholder {
  font-size: 10px;
  transform: translateY(-10px);
  opacity: 1 !important;
  visibility: visible;
}
.events__aside .aside-form-input:focus:-ms-input-placeholder {
  font-size: 10px;
  transform: translateY(-10px);
  opacity: 1 !important;
  visibility: visible;
}
.events__aside .aside-form-input::-webkit-input-placeholder {
  font-size: 18px;
  font-weight: bold;
  line-height: 0.94;
  letter-spacing: 0.03px;
  color: #b2b2b2;
  transition: all 0.3s ease;
}
.events__aside .aside-form-input:-moz-placeholder {
  font-size: 18px;
  font-weight: bold;
  line-height: 0.94;
  letter-spacing: 0.03px;
  color: #b2b2b2;
  transition: all 0.3s ease;
}
.events__aside .aside-form-input::-moz-placeholder {
  font-size: 18px;
  font-weight: bold;
  line-height: 0.94;
  letter-spacing: 0.03px;
  color: #b2b2b2;
  transition: all 0.3s ease;
}
.events__aside .aside-form-input:-ms-input-placeholder {
  font-size: 18px;
  font-weight: bold;
  line-height: 0.94;
  letter-spacing: 0.03px;
  color: #b2b2b2;
  transition: all 0.3s ease;
}
.events__aside .aside-form-submit {
  font-size: 16px;
  font-weight: bold;
  line-height: 1.38;
  letter-spacing: 0.03px;
  color: #ffffff;
  width: 121px;
  height: 38px;
  object-fit: contain;
  border-radius: 25px;
  background-color: #d0d0d0;
  display: block;
  border: none;
  transition: background-color 0.3s ease;
}
.events__aside .aside-form-submit:hover {
  background-color: #b7b7b7;
}

.events__content-table {
  padding-bottom: 64px;
}

.top-content--event {
  padding-top: 24px;
  padding-bottom: 24px;
}
.top-content--event .breadcrubs-article {
  padding: 0 0 26px;
}
.top-content--event .article-fw__date {
  display: flex;
  padding-top: 56px;
}
.top-content--event .article-fw__date.article-fw__date--new-ver {
  flex-direction: column;
  padding-top: 0;
  font-weight: 400;
}
.top-content--event .article-fw__date.article-fw__date--new-ver .article-fw__date-val {
  font-size: 30px;
  font-weight: 800;
  line-height: 1.13;
  letter-spacing: 0.05px;
  color: #ffffff;
}
.top-content--event .article-fw__date.article-fw__date--new-ver .article-fw__city, .top-content--event .article-fw__date.article-fw__date--new-ver .article-fw__time {
  font-size: 20px;
  line-height: 1.5;
  letter-spacing: 0.03px;
  color: #ffffff;
  padding-left: 0;
}
@media (max-width: 767px) {
  .top-content--event .article-fw__date {
    padding-top: 30px;
  }
}
.top-content--event .article-fw__day {
  display: flex;
  flex-direction: column;
}
.top-content--event .article-fw__time {
  display: flex;
  flex-direction: column;
  padding-left: 66px;
}
@media (max-width: 479px) {
  .top-content--event .article-fw__time {
    padding-left: 50px;
  }
}
.top-content--event .article-fw__day-span {
  font-size: 80px;
  font-weight: 800;
  font-style: normal;
  font-stretch: normal;
  line-height: 0.38;
  letter-spacing: 0.28px;
  text-align: center;
  color: #ffffff;
  padding-bottom: 15px;
}
@media (max-width: 998px) {
  .top-content--event .article-fw__day-span {
    font-size: 60px;
  }
}
@media (max-width: 767px) {
  .top-content--event .article-fw__day-span {
    font-size: 45px;
  }
}
.top-content--event .article-fw__month-span {
  font-size: 24px;
  font-weight: 800;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.42;
  letter-spacing: 0.04px;
  text-align: center;
  color: #ffffff;
}
@media (max-width: 998px) {
  .top-content--event .article-fw__month-span {
    font-size: 20px;
  }
}
@media (max-width: 767px) {
  .top-content--event .article-fw__month-span {
    font-size: 17px;
  }
}
.top-content--event .article-fw__city-span {
  font-size: 72px;
  font-weight: 800;
  font-style: normal;
  font-stretch: normal;
  line-height: 0.42;
  letter-spacing: 0.39px;
  color: #ffffff;
  padding-bottom: 19px;
}
@media (max-width: 998px) {
  .top-content--event .article-fw__city-span {
    font-size: 50px;
  }
}
@media (max-width: 767px) {
  .top-content--event .article-fw__city-span {
    font-size: 35px;
  }
}
@media (max-width: 479px) {
  .top-content--event .article-fw__city-span {
    font-size: 27px;
    padding-bottom: 24px;
  }
}
.top-content--event .article-fw__time-span {
  font-size: 20px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.5;
  letter-spacing: 0.03px;
  color: #ffffff;
}
@media (max-width: 998px) {
  .top-content--event .article-fw__time-span {
    font-size: 16px;
  }
}
@media (max-width: 767px) {
  .top-content--event .article-fw__time-span {
    font-size: 13px;
  }
}
.top-content--event .events-fw__points {
  justify-content: flex-start;
  padding-top: 24px;
}
.top-content--event .events-fw__points .icon-beanie {
  width: 26px;
  height: 20px;
  fill: #CECFD0;
}
.top-content--event .events-fw__points span {
  font-size: 18px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: 0.06px;
  color: #ffffff;
  padding-left: 10px;
}
@media (max-width: 998px) {
  .top-content--event .events-fw__points span {
    font-size: 16px;
  }
}
@media (max-width: 767px) {
  .top-content--event .events-fw__points span {
    font-size: 14px;
  }
}
.top-content--event .events-fw__btns {
  justify-content: flex-start;
  padding-top: 55px;
}
@media (max-width: 767px) {
  .top-content--event .events-fw__btns {
    padding-top: 30px;
  }
}
@media (max-width: 580px) {
  .top-content--event .events-fw__btns {
    flex-wrap: wrap;
  }
}
.top-content--event .title {
  padding-top: 12px;
  font-size: 4.8rem;
  line-height: 1.17;
  letter-spacing: 0.08px;
}
.top-content--event .title.finished {
  position: relative;
  padding-right: 140px;
}
.top-content--event .title.finished:after {
  content: "завершен";
  color: #fff;
  background-color: #8dd6fc;
  position: absolute;
  border-radius: 20px;
  font-size: 24px;
  font-weight: bold;
  line-height: 1.33;
  letter-spacing: 0.1px;
  padding: 0 12px;
  white-space: nowrap;
  top: 24px;
  right: 0;
}
.top-content--event .title.online {
  position: relative;
  padding-right: 140px;
}
.top-content--event .title.online:after {
  content: "в эфире";
  color: #fff;
  background-color: #49e3a4;
  position: absolute;
  border-radius: 20px;
  font-size: 24px;
  font-weight: bold;
  line-height: 1.33;
  letter-spacing: 0.1px;
  padding: 0 12px;
  white-space: nowrap;
  top: 24px;
  right: 0;
}
@media (max-width: 998px) {
  .top-content--event .title {
    font-size: 3.9rem;
  }
  .top-content--event .title.finished, .top-content--event .title.online {
    padding-right: 86px;
  }
  .top-content--event .title.finished:after, .top-content--event .title.online:after {
    font-size: 16px;
    top: 24px;
    padding-left: 6px;
    padding-right: 6px;
  }
}
@media (max-width: 767px) {
  .top-content--event .title {
    font-size: 3.5rem;
    width: 100% !important;
  }
}
@media (max-width: 580px) {
  .top-content--event .title {
    font-size: 3rem;
    word-break: break-all;
  }
  .top-content--event .title.finished, .top-content--event .title.online {
    padding-right: 60px;
  }
  .top-content--event .title.finished:after, .top-content--event .title.online:after {
    font-size: 12px;
    top: 23px;
    padding-left: 6px;
    padding-right: 5px;
  }
}
.top-content--event .article-fw__date--bottom {
  padding-top: 15px;
}

.events__content-photo .tab-read__image {
  margin: 0;
}
.events__content .tab-read__section-title--event {
  max-width: 495px;
  padding-bottom: 12px;
}
.events__content .tab-read__section-title--event a {
  padding-top: 12px;
  font-size: 13px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: 0.08px;
  text-align: center;
  color: #22b3ff;
  text-decoration: underline;
}
.events__content .tab-read__section-title--event h2 {
  font-size: 24px;
}
.events__content .tab-read__section--population .tab-read__section-table-slider-body > li {
  width: 200px !important;
}
@media (max-width: 998px) {
  .events__content .tab-read__section--population .tab-read__section-table-slider-body > li {
    width: 150px !important;
  }
}
.events__content .tab-read__section-body--slider {
  position: relative;
}
.events__content .tab-read__section-body--slider:after {
  content: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSI0NTIiIHZpZXdCb3g9IjAgMCAxNiA0NTIiPgogICAgPGRlZnM+CiAgICAgICAgPGxpbmVhckdyYWRpZW50IGlkPSJhIiB4MT0iMCUiIHkxPSI1MCUiIHkyPSI1MCUiPgogICAgICAgICAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjMTMwNzFGIi8+CiAgICAgICAgICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzEzMDcxRiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICAgICAgPC9saW5lYXJHcmFkaWVudD4KICAgIDwvZGVmcz4KICAgIDxwYXRoIGZpbGw9InVybCgjYSkiIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTY1NiAxMDNoMTZ2NDUyaC0xNnoiIG9wYWNpdHk9Ii4wNSIgdHJhbnNmb3JtPSJtYXRyaXgoLTEgMCAwIDEgNjcyIC0xMDMpIi8+Cjwvc3ZnPgo=");
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  width: 16px;
  height: 452px;
}
.events__content .tab-read__section-table-row {
  padding: 0;
}
.events__content .scrollbar {
  width: 328px;
}
.events__content .events__content-table {
  padding-bottom: 64px;
}
@media (max-width: 767px) {
  .events__content .events__content-table {
    padding-bottom: 40px;
  }
}
.events__content .tab-read__section-table {
  width: auto !important;
}
.events__content .tab-read__section-body--slider > .conteiner {
  padding: 0 !important;
}

.events__content-table--no-slider .tab-read__section-table-slider-body {
  display: flex;
  border-radius: 10px;
  border: solid 2px #eeeeee;
  background-color: #ffffff;
  flex-direction: column;
}
.events__content-table--no-slider .tab-read__section-table-slider-body li {
  display: flex;
  width: auto !important;
}
.events__content-table--no-slider .tab-read__section-table-slider-body li span {
  font-size: 18px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: 0.06px;
  color: rgba(0, 0, 0, 0.8);
  text-align: center;
  flex-shrink: 0;
  padding: 14px 20px 10px 20px;
}
@media (max-width: 998px) {
  .events__content-table--no-slider .tab-read__section-table-slider-body li span {
    font-size: 16px;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 12px;
    padding-bottom: 8px;
  }
}
.events__content-table--no-slider .tab-read__section-table-slider-body li .tl {
  text-align: left;
}
.events__content-table--no-slider .tab-read__section-table-slider-body li .wide {
  width: 359px;
  display: inline-block;
  padding-right: 36px;
  padding-left: 31px;
}
@media (max-width: 998px) {
  .events__content-table--no-slider .tab-read__section-table-slider-body li .wide {
    width: 270px;
  }
}
.events__content-table--no-slider .tab-read__section-table-slider-body li .date {
  width: 143px;
  display: inline-block;
}
.events__content-table--no-slider .tab-read__section-table-slider-body li .time {
  width: 150px;
  display: inline-block;
}
.events__content-table--no-slider .tab-read__section-table-slider-body li .bold {
  font-weight: bold;
}
.events__content-table--no-slider .tab-read__section-table-slider-body li .border {
  border-right: solid 2px #eeeeee;
}
.events__content-table--no-slider .tab-read__section-table-slider-body li .color {
  mix-blend-mode: multiply;
  background-color: rgba(152, 237, 253, 0.15);
}
.events__content-table--no-slider .tab-read__section-table {
  width: 100% !important;
}
@media (max-width: 998px) {
  .events__content-table--no-slider .tab-read__section-table {
    width: auto !important;
  }
}

.article-rate-wrapper--before {
  position: relative;
}

.top-content--event {
  height: auto;
  min-height: 602px;
  display: flex;
}
.top-content--event .top-content__container {
  height: auto;
}
.top-content--event .events-fw__points {
  flex-grow: 1;
}
@media (max-width: 998px) {
  .top-content--event {
    min-height: auto;
  }
}
.top-content--event .article-fw__row.events-fw__btns {
  padding-bottom: 20px;
}
@media (max-width: 580px) {
  .top-content--event .article-fw__row.events-fw__btns {
    flex-direction: column;
  }
}
.top-content--event .article-fw__row.events-fw__btns .btn {
  margin-right: 24px;
  height: 40px;
}
@media (max-width: 580px) {
  .top-content--event .article-fw__row.events-fw__btns .btn {
    margin-right: 0;
    margin-bottom: 12px;
  }
}
.top-content--event .article-fw__row.events-fw__btns .btn:last-of-type {
  margin-right: 0;
}
@media (max-width: 580px) {
  .top-content--event .article-fw__row.events-fw__btns {
    padding-bottom: 0;
  }
}

.title--event {
  cursor: pointer;
}
@media (max-width: 580px) {
  .title--event {
    position: relative;
  }
}
.title--event .open-log-title {
  position: relative;
}
@media (max-width: 580px) {
  .title--event .open-log-title {
    position: static;
  }
}
.title--event button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: none;
  width: 28px;
  height: 28px;
  border-radius: 5px;
  background-color: rgba(255, 255, 255, 0.8);
  position: relative;
  top: -2px;
  transition: 0.4s ease 0s;
}
.title--event button:hover {
  background: #fff;
}
.title--event button:hover .icon {
  fill: #49e3a4;
}
.title--event button .icon {
  font-size: 16px;
  fill: #676767;
  position: relative;
  z-index: 2;
}
.title--event button .long-title-wrap {
  padding: 12px 34px 12px 12px;
  display: flex;
  border-radius: 5px;
  box-shadow: 0 3px 10px 0 rgba(19, 7, 31, 0.21);
  background-color: #ffffff;
  width: 346px;
  right: 0;
  top: 0;
  position: absolute;
  z-index: 999999;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease;
}
@media (max-width: 580px) {
  .title--event button .long-title-wrap {
    left: 0;
    right: 0;
    top: 100%;
    width: 100%;
  }
}
.title--event button .long-title-wrap .close-log-title {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  right: 6px;
  top: 6px;
}
.title--event button .long-title-wrap .close-log-title .icon {
  fill: #0CE890;
  font-size: 20px;
}
.title--event button .long-title-wrap.active {
  opacity: 1;
  visibility: visible;
  z-index: 1;
}
.title--event button .long-title-wrap .long-wrap {
  font-size: 14px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: 0.04px;
  color: #2d2d2d;
  text-align: left;
}

.c-handbook__form {
  margin-bottom: 50px;
}
.c-handbook .tab-read__section-title--small h2, .c-handbook .tab-read__section-title--small h4 {
  font-size: 24px !important;
}
.c-handbook .article-tabs-wrapper {
  padding-bottom: 0;
}
.c-handbook .tab-read__section-body {
  display: block;
}
.c-handbook .tab-read__section--population {
  padding-left: 0;
}
.c-handbook .tab-read__section--population .tab-read__section-title {
  padding-bottom: 12px;
}
.c-handbook .tab-read__section--population .tab-read__section-table-slider-body > li:first-child {
  width: 70px !important;
  text-align: center;
}
.c-handbook .tab-read__section--population .tab-read__section-table-slider-body > li:first-child .tab-read__section-table-row {
  text-align: center;
  justify-content: center;
}
.c-handbook .tab-read__section--population .tab-read__section-table-slider-body > li:nth-child(3) {
  width: 220px !important;
}
.c-handbook .tab-read__section--population .tab-read__section-table-slider-body > li:nth-child(4) {
  width: 220px !important;
}
.c-handbook .tab-read__section--population .tab-read__section-table-slider-body > li {
  width: 470px !important;
}
.c-handbook .tab-read__section-table-row--bold {
  font-weight: bold;
}
.c-handbook .tab-read__section-table-row--bold span {
  font-weight: bold !important;
}
.c-handbook .tab-read__section-table-row {
  overflow: visible;
  height: auto;
  text-overflow: inherit;
  text-align: left;
  display: flex;
  align-items: center;
}
.c-handbook .tab-read__section-table-row span {
  text-align: left;
  font-size: 18px;
  letter-spacing: 0.06px;
  color: rgba(0, 0, 0, 0.8);
}
@media (max-width: 998px) {
  .c-handbook .tab-read__section-table-row span {
    font-size: 16px;
  }
}
@media (max-width: 767px) {
  .c-handbook .tab-read__section-table-row span {
    font-size: 14px;
  }
}
.c-handbook .tab-read__section--population .tab-read__section-table-slider-body {
  height: 600px;
}
.c-handbook .tab-read__section-table {
  width: 100% !important;
}
.c-handbook article {
  max-width: 680px;
  padding-bottom: 120px;
}
@media (max-width: 1100px) {
  .c-handbook article {
    padding-bottom: 80px;
  }
}
.c-handbook .tab-read__section-table {
  width: 1220px !important;
  overflow: visible !important;
}
.c-handbook .tab-read__section--population .tab-read__section-table-slider-body > li {
  flex-shrink: 0;
}
.c-handbook__breadcrumbs {
  position: relative;
}
.c-handbook__breadcrumbs .breadcrubs {
  padding: 26px 0 4px;
}
.c-handbook__breadcrumbs .breadcrubs li {
  color: #2d2d2d;
  opacity: 1;
}
.c-handbook__breadcrumbs .breadcrubs li a {
  color: #2d2d2d;
}
.c-handbook__breadcrumbs .breadcrubs li a:after {
  background: url(/local/templates/.default/markup/ordinator/dev/css/../img/svgSprite/bread2.svg) no-repeat center center/contain;
}
.c-handbook__title {
  padding-top: 24px;
}
.c-handbook__title .container {
  display: flex;
  align-items: center;
  width: 100%;
}
@media (max-width: 580px) {
  .c-handbook__title .container {
    flex-direction: column;
    align-items: flex-start;
  }
}
@media (max-width: 580px) {
  .c-handbook__title .search-filter__options {
    margin-left: 0;
    max-width: 100%;
  }
}
.c-handbook__title h2 {
  font-size: 48px;
  font-weight: 800;
  line-height: 1.17;
  letter-spacing: 0.08px;
  margin: 0;
  color: #2d2d2d;
}
.c-handbook__title .chanels-filter {
  margin: 0;
  margin-left: 15px;
}
@media (max-width: 998px) {
  .c-handbook__title .chanels-filter {
    margin-left: 0;
    margin-top: 10px;
    max-width: 100%;
  }
}
.c-handbook__title .chanels-filter .custom-select {
  width: 277px !important;
  max-width: 100%;
}
.c-handbook__body {
  padding-top: 36px;
}
.c-handbook__body .container {
  overflow: visible;
}
.c-handbook__body .tabs, .c-handbook__body .collapse {
  display: flex;
  flex-direction: column;
  margin-left: 0 !important;
}
.c-handbook__body .tabs-nav, .c-handbook__body .collapse-nav {
  flex-shrink: 0;
  margin-bottom: 120px;
}
@media (max-width: 998px) {
  .c-handbook__body .tabs-nav, .c-handbook__body .collapse-nav {
    margin-bottom: 0;
  }
}
.c-handbook__body .tabs-nav-item-link, .c-handbook__body .collapse-nav-item-link {
  margin-top: 12px;
  margin-bottom: 10px;
}
.c-handbook__body .tabs-nav-item button, .c-handbook__body .collapse-nav-item button {
  font-size: 14px;
  letter-spacing: 0.03px;
  color: #2d2d2d;
  background-color: transparent;
  border: 0;
  padding: 0 0 0 10px;
  display: inline-block;
  transition: all 0.3s ease;
}
.c-handbook__body .tabs-nav-item .icon, .c-handbook__body .collapse-nav-item .icon {
  width: 11.1px;
  height: 6px;
  fill: #13071f;
  display: inline-block;
  transition: all 0.3s ease;
}
.c-handbook__body .tabs-nav-item.no-droppper, .c-handbook__body .collapse-nav-item.no-droppper {
  position: relative;
  padding-left: 18px;
}
.c-handbook__body .tabs-nav-item.no-droppper:before, .c-handbook__body .collapse-nav-item.no-droppper:before {
  content: "";
  position: absolute;
  left: -1px;
  top: 8px;
  width: 6px;
  height: 6px;
  box-shadow: 0 5px 7px 0 rgba(34, 179, 255, 0.4);
  background-color: #22b3ff;
  border-radius: 50%;
  transition: all 0.3s ease;
}
.c-handbook__body .tabs-nav-item.no-droppper a, .c-handbook__body .collapse-nav-item.no-droppper a {
  font-size: 12px;
  white-space: nowrap;
  line-height: 1.33;
  letter-spacing: 0.02px;
  color: #22b3ff;
  text-decoration: underline;
  transition: all 0.3s ease;
}
.c-handbook__body .tabs-nav-item.no-droppper:hover:before, .c-handbook__body .tabs-nav-item.no-droppper.active:before, .c-handbook__body .collapse-nav-item.no-droppper:hover:before, .c-handbook__body .collapse-nav-item.no-droppper.active:before {
  box-shadow: 0 5px 7px 0 rgba(73, 227, 164, 0.4);
  background-color: #49e3a4;
}
.c-handbook__body .tabs-nav-item.no-droppper:hover a, .c-handbook__body .tabs-nav-item.no-droppper.active a, .c-handbook__body .collapse-nav-item.no-droppper:hover a, .c-handbook__body .collapse-nav-item.no-droppper.active a {
  color: #49e3a4;
}
.c-handbook__body .subtubs {
  padding-left: 27px;
  display: none;
}
.c-handbook__body .button-wrapper {
  position: sticky;
  top: calc(50vh + 250px);
}
.c-handbook .container {
  position: relative;
}
.c-handbook .tabs-content {
  position: relative;
  right: 0;
  top: 0;
  width: calc(100% - 300px);
  flex-shrink: 0;
  height: auto;
  background-color: #fff;
  box-shadow: -8px 0px 5px 5px rgb(255, 255, 255);
  z-index: 9;
  transition: 0.6s ease 0s;
}
@media (max-width: 767px) {
  .c-handbook .tabs-content {
    width: 60%;
  }
}
@media (max-width: 580px) {
  .c-handbook .tabs-content {
    width: 100%;
  }
}
.c-handbook .tabs-content.slide-article {
  transform: translateX(60px);
}
.c-handbook .tabs-content .collapse-content-item {
  display: none;
  right: 0;
  top: 0;
  bottom: 0;
  margin-left: 30px;
  height: 100%;
  min-height: 500px;
  position: relative;
  transition: all 0.5s ease;
}
@media (max-width: 580px) {
  .c-handbook .tabs-content .collapse-content-item {
    margin-left: 0;
    min-height: 0;
  }
}
.c-handbook .tabs-content .collapse-content-item.active {
  display: block;
}
.c-handbook .tabs-content .collapse-content-item:after {
  content: "";
  width: 20px;
  height: 100%;
  left: -45px;
  top: 0;
  bottom: 0;
  background: transparent;
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMjVweCIgaGVpZ2h0PSIyNXB4IiB2aWV3Qm94PSIwIDAgMjUgMjUiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDU1LjIgKDc4MTgxKSAtIGh0dHBzOi8vc2tldGNoYXBwLmNvbSAtLT4KICAgIDx0aXRsZT5SZWN0YW5nbGU8L3RpdGxlPgogICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+CiAgICA8ZGVmcz4KICAgICAgICA8bGluZWFyR3JhZGllbnQgeDE9IjEwMCUiIHkxPSI1MCUiIHgyPSIwJSIgeTI9IjUwJSIgaWQ9ImxpbmVhckdyYWRpZW50LTEiPgogICAgICAgICAgICA8c3RvcCBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuMDUiIG9mZnNldD0iMCUiPjwvc3RvcD4KICAgICAgICAgICAgPHN0b3Agc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwIiBvZmZzZXQ9IjEwMCUiPjwvc3RvcD4KICAgICAgICA8L2xpbmVhckdyYWRpZW50PgogICAgPC9kZWZzPgogICAgPGcgaWQ9IvCfk5rigJQt0KHQv9GA0LDQstC+0YfQvdC40LoiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIGlkPSJvcmRpb25saW5lX9GB0L/RgNCw0LLQvtGH0L3QuNC6LTEiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0zMDAuMDAwMDAwLCAtMjE3LjAwMDAwMCkiIGZpbGw9InVybCgjbGluZWFyR3JhZGllbnQtMSkiPgogICAgICAgICAgICA8cmVjdCBpZD0iUmVjdGFuZ2xlIiB4PSIzMDAiIHk9IjIxNyIgd2lkdGg9IjI1IiBoZWlnaHQ9IjI1Ij48L3JlY3Q+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=");
  position: absolute;
  display: inline-block;
}
@media (max-width: 580px) {
  .c-handbook .tabs-content .collapse-content-item:after {
    display: none;
  }
}
@media (max-width: 998px) {
  .c-handbook .tabs-content .collapse-content-item .tab-read__section--population {
    padding-top: 0;
  }
}
.c-handbook .tabs-content .collapse-content-item .welcome-content h2 {
  font-size: 32px;
  font-weight: 800;
  line-height: 1.31;
  letter-spacing: 0.05px;
  color: #2d2d2d;
}
.c-handbook .tabs-content .collapse-content-item .welcome-content span {
  font-size: 16px;
  font-weight: normal;
  line-height: 1.38;
  letter-spacing: normal;
  color: #2d2d2d;
  padding-top: 20px;
}
.c-handbook .tabs-content .button {
  width: 3.8rem;
  height: 3.8rem;
  box-shadow: 0 -8px 12px 0 rgba(34, 179, 255, 0.6);
  background-color: #22b3ff;
  border: none;
  padding: 0;
  margin: 0;
  border-radius: 50%;
  transition: 0.4s ease 0s;
  transform: rotate(180deg);
  z-index: 9999;
  margin-left: -44px;
}
@media (max-width: 580px) {
  .c-handbook .tabs-content .button {
    display: none;
  }
}
.c-handbook .tabs-content .button.active {
  transform: rotate(0);
  box-shadow: 0 9px 12px 0 rgba(34, 179, 255, 0.6);
}
.c-handbook .tabs-content .button:hover {
  box-shadow: 0 -8px 12px 0 rgba(34, 179, 255, 0.4);
}
.c-handbook .tabs-content .button button {
  background: none;
  height: 100%;
  width: 100%;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
.c-handbook .tabs-content .button .icon {
  font-size: 16px;
  fill: #fff;
  background: none;
}
.c-handbook .collapse-content-item {
  overflow: visible;
}
.c-handbook .acute-bronchitis {
  padding: 12px 0px 0 20px;
}
@media (max-width: 580px) {
  .c-handbook .acute-bronchitis {
    padding-left: 0;
  }
}
.c-handbook .acute-bronchitis-head {
  display: flex;
  justify-content: space-between;
}
@media (max-width: 580px) {
  .c-handbook .acute-bronchitis-head {
    flex-direction: column-reverse;
  }
}
.c-handbook .acute-bronchitis h2 {
  font-size: 32px;
  font-weight: 800;
  line-height: 1.31;
  letter-spacing: 0.05px;
  color: #2d2d2d;
}
@media (max-width: 998px) {
  .c-handbook .acute-bronchitis h2 {
    font-size: 30px;
  }
}
@media (max-width: 767px) {
  .c-handbook .acute-bronchitis h2 {
    font-size: 28px;
  }
}
@media (max-width: 580px) {
  .c-handbook .acute-bronchitis h2 {
    font-size: 26px;
  }
}
.c-handbook .acute-bronchitis-head-left-row {
  display: flex;
  align-items: center;
  padding-top: 6px;
  max-width: 390px;
}
.c-handbook .acute-bronchitis-head-left-row .subtitle {
  font-size: 14px;
  font-weight: normal;
  line-height: 1.57;
  letter-spacing: 0.05px;
  color: #676767;
  padding-right: 12px;
  text-transform: uppercase;
}
.c-handbook .acute-bronchitis-head-left-row .accent {
  color: #49e3a4;
  padding-right: 7px;
  font-size: 14px;
  font-weight: bold;
  line-height: 1.57;
  letter-spacing: 0.05px;
}
.c-handbook .acute-bronchitis-head-left-row b {
  font-size: 14px;
  font-weight: bold;
  line-height: 1.57;
  letter-spacing: 0.05px;
  color: #676767;
}
.c-handbook .acute-bronchitis-head-left-row .recomendation {
  padding-top: 10px;
  font-size: 16px;
  line-height: 1.38;
  letter-spacing: 0.06px;
  color: #2d2d2d;
}
.c-handbook .acute-bronchitis-head-left-row .experience-unit__header-nav {
  display: flex;
}
.c-handbook .acute-bronchitis-main-row {
  padding-top: 40px;
}
@media (max-width: 998px) {
  .c-handbook .acute-bronchitis-main-row {
    padding-top: 30px;
  }
}
@media (max-width: 580px) {
  .c-handbook .acute-bronchitis-main-row {
    padding-top: 20px;
  }
}
.c-handbook .acute-bronchitis-main-row .tab-read__section-text {
  padding-top: 6px;
  display: block;
}
.c-handbook .acute-bronchitis-main-row .tab-read__section-text p {
  font-size: 16px;
  color: #2d2d2d;
}
@media (max-width: 580px) {
  .c-handbook .acute-bronchitis-head-right {
    margin-bottom: 20px;
  }
}
.c-handbook .acute-bronchitis-head-right .acute-bronchitis-head-list {
  width: 167px;
  height: 139px;
  border-radius: 10px;
  background-color: #effcfe;
  padding: 12px;
}
@media (max-width: 580px) {
  .c-handbook .acute-bronchitis-head-right .acute-bronchitis-head-list {
    width: 100%;
  }
}
.c-handbook .acute-bronchitis-head-right ul {
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
  height: 100%;
}
.c-handbook .acute-bronchitis-head-right ul li {
  font-size: 12px;
  font-weight: bold;
  letter-spacing: 0.02px;
  color: #2d2d2d;
}
.c-handbook .acute-bronchitis-head-right ul li a {
  font-size: 12px;
  letter-spacing: 0.02px;
  color: #22b3ff;
  text-decoration: underline;
  transition: all 0.3s ease;
}
.c-handbook .acute-bronchitis-head-right ul li a:hover {
  text-decoration: none;
}
.c-handbook .handbook-sidebar.is-wide {
  width: 660px;
  flex-shrink: 0;
}
.c-handbook .handbook-tabs {
  position: relative;
}
.c-handbook .handbook-tabs .tabs-nav {
  flex-shrink: 0;
  margin-bottom: 120px;
  width: 300px;
}
@media (max-width: 580px) {
  .c-handbook .handbook-tabs .tabs-nav {
    margin-bottom: 24px;
    width: 100%;
  }
}
.c-handbook .handbook-search .form-group {
  margin-bottom: 20px;
}
.c-handbook .handbook-search input::-webkit-input-placeholder {
  font-size: 14px;
  font-weight: bold;
  color: #b2b2b2;
}
.c-handbook .handbook-search input:-moz-placeholder {
  font-size: 14px;
  font-weight: bold;
  color: #b2b2b2;
}
.c-handbook .handbook-search input::-moz-placeholder {
  font-size: 14px;
  font-weight: bold;
  color: #b2b2b2;
}
.c-handbook .handbook-search input:-ms-input-placeholder {
  font-size: 14px;
  font-weight: bold;
  color: #b2b2b2;
}
.c-handbook .c-handbook__wrapper {
  position: relative;
  display: flex;
}
@media (max-width: 580px) {
  .c-handbook .c-handbook__wrapper {
    flex-wrap: wrap;
  }
}
.c-handbook .active-droplist > .subtubs {
  display: block;
}
.c-handbook .active-droplist > .subtubs .subtubs {
  padding-left: 17px;
}
.c-handbook .subtubs.subtubs2.active-droplist {
  display: block;
}
.c-handbook .active-droplist > .collapse-nav-item-link > .icon {
  transform: rotate(180deg);
  fill: #22b3ff !important;
}
.c-handbook .collapse-nav-item-link .icon {
  display: inline-block;
}
.c-handbook .collapse-nav-item-link button {
  display: inline-block;
}

.event-calendar__tabs-wrapper {
  margin-top: 36px;
}
.event-calendar__tabs-wrapper .tabs-nav {
  margin-bottom: 38px;
}
.event-calendar__tabs-wrapper .tabs {
  display: flex;
  margin-left: -16px;
}
@media (max-width: 580px) {
  .event-calendar__tabs-wrapper .tabs {
    margin-left: -10px;
  }
}
.event-calendar__tabs-wrapper .tabs-nav-item {
  padding: 6px 16px;
  position: relative;
}
@media (max-width: 580px) {
  .event-calendar__tabs-wrapper .tabs-nav-item {
    padding: 5px 10px;
    overflow-y: auto;
    line-height: 0;
  }
}
.event-calendar__tabs-wrapper .tabs-nav-item button {
  background: transparent;
  border: none;
  border-radius: 22.5px;
  font-size: 24px;
  font-weight: bold;
  line-height: 1.58;
  letter-spacing: 0.08px;
  color: #22b3ff;
  white-space: nowrap;
  transition: 0.4s ease 0s;
}
@media (max-width: 580px) {
  .event-calendar__tabs-wrapper .tabs-nav-item button {
    font-size: 16px;
    line-height: 1.25;
    letter-spacing: 0.05px;
  }
}
.event-calendar__tabs-wrapper .tabs-nav-item button:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background: #49e3a4;
  left: 0;
  top: 0;
  border-radius: 22.5px;
  transition: 0.4s ease 0s;
  z-index: -1;
  opacity: 0;
}
@media (max-width: 580px) {
  .event-calendar__tabs-wrapper .tabs-nav-item button:before {
    border-radius: 15px;
  }
}
.event-calendar__tabs-wrapper .tabs-nav-item button:hover {
  color: #49e3a4;
}
.event-calendar__tabs-wrapper .tabs-nav-item.active button {
  color: #fff;
}
.event-calendar__tabs-wrapper .tabs-nav-item.active button:before {
  opacity: 1;
}

.event-calendar-wrapper .tab-read__material-btn-calendar, .event-calendar-wrapper .tab-read__material-btn-calendar-close {
  position: absolute;
  left: 50%;
  bottom: -34px;
  transform: translateX(-50%);
  z-index: 3;
}
.event-calendar-wrapper .tab-read__material-btn-calendar button, .event-calendar-wrapper .tab-read__material-btn-calendar-close button {
  width: 38px;
  height: 38px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  border: none;
  box-shadow: 0 9px 12px 0 rgba(34, 179, 255, 0.6);
  background-color: #22b3ff;
  transition: all 0.3s ease;
}
.event-calendar-wrapper .tab-read__material-btn-calendar button .icon, .event-calendar-wrapper .tab-read__material-btn-calendar-close button .icon {
  fill: #fff;
}
.event-calendar-wrapper .tab-read__material-btn-calendar button:hover, .event-calendar-wrapper .tab-read__material-btn-calendar-close button:hover {
  box-shadow: 0 3px 7px 0 rgba(34, 179, 255, 0.6);
  background-color: #57c5ff;
}
.event-calendar-wrapper .tab-read__material-btn-calendar-close .js-close-calendar {
  display: none;
}
.event-calendar-wrapper .tab-read__material-actions {
  padding: 16px 0 18px;
}
.event-calendar-wrapper .tab-read__material-line:first-child {
  margin-bottom: 16px;
}
.event-calendar-wrapper .tab-read__material-line:first-child > div {
  margin-right: 24px;
}
.event-calendar-wrapper .tab-read__material-line:first-child > div:last-child {
  margin-right: 0;
}
.event-calendar-wrapper .tab-read__material-line:first-child .tabs-content__spicialization-select {
  flex-grow: 1;
  max-width: 468px;
}
@media (max-width: 580px) {
  .event-calendar-wrapper .tab-read__material-line:first-child .tabs-content__spicialization-select {
    max-width: 100%;
    margin: 0 0 12px;
  }
}
.event-calendar-wrapper .tab-read__material-line:first-child .tabs-content__spicialization-select .custom-select__options {
  padding-right: 42px;
}
.event-calendar-wrapper .tab-read__material-line.tab-read__material-line--four .tabs-content__spicialization-select {
  max-width: 222px;
}
.event-calendar-wrapper .tabs-content__all-cities, .event-calendar-wrapper .tabs-content__common, .event-calendar-wrapper .tabs-content__all-date {
  width: 222px;
  flex-shrink: 0;
}
@media (max-width: 767px) {
  .event-calendar-wrapper .tabs-content__all-cities, .event-calendar-wrapper .tabs-content__common, .event-calendar-wrapper .tabs-content__all-date {
    width: 100%;
  }
}
.event-calendar-wrapper .tabs-content__all-cities .custom-select__options span.cut, .event-calendar-wrapper .tabs-content__common .custom-select__options span.cut, .event-calendar-wrapper .tabs-content__all-date .custom-select__options span.cut {
  display: inline-block;
  vertical-align: middle;
  max-width: 100px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.event-calendar-wrapper .tabs-content__all-cities .custom-select, .event-calendar-wrapper .tabs-content__common .custom-select, .event-calendar-wrapper .tabs-content__all-date .custom-select {
  width: 100% !important;
}
.event-calendar-wrapper .tabs-content__all-cities .custom-select > button, .event-calendar-wrapper .tabs-content__common .custom-select > button, .event-calendar-wrapper .tabs-content__all-date .custom-select > button {
  border: solid 2px #98edfd;
}
.event-calendar-wrapper .tab-read__material-line--calendar {
  padding: 0;
  height: 0;
  width: 0;
  visibility: hidden;
  overflow: hidden;
  transition: all 0.5s ease;
}
.event-calendar-wrapper .tab-read__material-line--calendar.show-calendar {
  padding: 48px 0 18px;
  height: auto;
  width: auto;
  visibility: visible;
  overflow: visible;
}
.event-calendar-wrapper .tabs-content-item {
  display: none;
}
.event-calendar-wrapper .tabs-content-item.active {
  display: block;
}
.event-calendar-wrapper .tabs-content-top__section {
  margin-bottom: 40px;
}
.event-calendar-wrapper .tabs-content-top__section-wrapper {
  margin-top: 48px;
}
.event-calendar-wrapper .tabs-content-top__section-title {
  margin-bottom: 24px;
}
.event-calendar-wrapper .tabs-content-top__section-title h2 {
  font-size: 3.2rem;
  font-weight: 800;
  line-height: 1.31;
  letter-spacing: 0.05px;
  margin-top: 48px;
}
.event-calendar-wrapper .tabs-content-top__section-subtitle {
  position: relative;
  font-size: 2.4rem;
  font-weight: bold;
  letter-spacing: 0.08px;
  margin-top: 12px;
  padding-left: 16px;
}
.event-calendar-wrapper .tabs-content-top__section-subtitle:before {
  content: "";
  position: absolute;
  width: 10px;
  height: 10px;
  border-radius: 2px;
  left: 0;
  top: 14px;
}
.event-calendar-wrapper .tabs-content-top__section-subtitle.red:before {
  background: #ff7373;
}
.event-calendar-wrapper .tabs-content-top__section-subtitle.green:before {
  background: #49e3a4;
}
.event-calendar-wrapper .tabs-content-top__section-subtitle.blue:before {
  background: #22b3ff;
}

.event-calendar__title-year {
  display: flex;
  align-items: center;
  color: #13071f;
  font-size: 24px;
  font-weight: 700;
}
.event-calendar__title-year .event-calendar__title {
  margin-right: 6px;
}

.notification-letter {
  display: flex;
  align-items: flex-end;
  justify-content: center;
  margin: 100px 0;
}
.notification-letter__content {
  text-align: center;
  background: url(../img/svg/letter-bubble.svg) no-repeat center center;
  padding: 32px 80px 78px;
  max-width: 582px;
  margin-left: 12px;
}
.notification-letter__text {
  font-size: 32px;
  font-weight: bold;
  line-height: 0.94;
  letter-spacing: 0.1px;
  text-align: center;
  color: #13071f;
}
.notification-letter__icon {
  margin-bottom: 12px;
}
.notification-letter__icon .icon {
  width: 42px;
  height: 57px;
  fill: #49e3a4;
}

.section-nav.section-nav--md {
  align-items: center;
  margin-left: -16px;
}
.section-nav.section-nav--md .section-nav__item {
  display: inline-block;
  font-size: 2.4rem;
  font-weight: bold;
  line-height: 1.58;
  letter-spacing: 0.1px;
  color: #22b3ff;
  padding: 3px 17px 4px;
  border-radius: 22.5px;
  transition: 0.4s ease 0s;
}
@media (max-width: 767px) {
  .section-nav.section-nav--md .section-nav__item {
    font-size: 20px;
    margin-right: 6px;
    padding: 6px 10px;
  }
}
@media (max-width: 580px) {
  .section-nav.section-nav--md .section-nav__item {
    font-size: 17px;
    margin-right: 5px;
    padding: 6px 8px;
  }
}
@media (max-width: 479px) {
  .section-nav.section-nav--md .section-nav__item {
    font-size: 14px;
    margin-right: 2px;
    padding: 5px 5px;
  }
}
.section-nav.section-nav--md .section-nav__item:hover {
  color: #49e3a4;
}
.section-nav.section-nav--md .section-nav__item.current {
  color: #fff;
  background: #49e3a4;
}

.restriction {
  display: flex;
  align-items: flex-end;
  justify-content: center;
  z-index: 9;
}
@media (max-width: 580px) {
  .restriction {
    padding: 0 24px;
  }
}
.restriction__content {
  background-color: #ffffff;
  border-radius: 60px;
  padding: 24px 48px 24px 70px;
  position: relative;
  margin-left: 24px;
  margin-bottom: 16px;
}
@media (max-width: 580px) {
  .restriction__content {
    padding-left: 24px;
    padding-right: 24px;
    max-width: 274px;
  }
}
.restriction__content:before {
  content: "";
  background-color: #fff;
  display: block;
  height: 30px;
  width: 35px;
  position: absolute;
  bottom: 6px;
  transform: rotate(130deg) skew(51deg);
  box-shadow: 0 0 10px 0 rgba(19, 7, 31, 0.11);
  left: 7px;
  z-index: -1;
}
.restriction__content:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(19, 7, 31, 0.11);
  left: 0;
  top: 0;
  border-radius: 60px;
  -webkit-filter: blur(10px);
  filter: blur(10px);
  z-index: -2;
}
.restriction.restriction--lg {
  margin: 91px 0;
}
.restriction.restriction--lg .restriction__content {
  text-align: center;
  padding: 60px 51px 60px;
  width: 600px;
  background: url(../img/svg/b-582x227.svg) no-repeat center center;
  background-size: 100%;
}
@media (max-width: 767px) {
  .restriction.restriction--lg .restriction__content {
    max-width: 400px;
    width: 100%;
    background: none;
    box-shadow: 0 0 120px rgba(19, 7, 31, 0.1);
    border-radius: 40px;
    position: relative;
    margin-left: 90px;
  }
}
@media (max-width: 479px) {
  .restriction.restriction--lg .restriction__content {
    padding: 35px 25px 40px;
  }
}
@media (max-width: 767px) {
  .restriction.restriction--lg .restriction__content:after {
    border: 15px solid transparent;
    border-bottom: 20px solid white;
    transform: rotate(-105deg);
    border-left: 12px solid white;
    content: " ";
    display: block;
    position: absolute;
    bottom: 15px;
    left: -17px;
  }
}
.restriction.restriction--md .restriction__content {
  max-width: 616px;
}
@media (max-width: 580px) {
  .restriction.restriction--md .restriction__content {
    max-width: 274px;
  }
}
.restriction__title {
  font-size: 32px;
  font-weight: bold;
  line-height: 0.94;
  letter-spacing: 0.11px;
  text-align: center;
  margin-bottom: 6px;
}
@media (max-width: 580px) {
  .restriction__title {
    text-align: center;
  }
}
.restriction__title.restriction__title-sm {
  font-size: 20px;
  line-height: 1.1;
  letter-spacing: 0.07px;
  text-align: left;
}
@media (max-width: 580px) {
  .restriction__title.restriction__title-sm {
    text-align: center;
  }
}
@media (max-width: 479px) {
  .restriction__title {
    font-size: 22px;
  }
}
.restriction__text {
  font-size: 16px;
  line-height: 1.25;
  letter-spacing: 0.03px;
  text-align: center;
  max-width: 400px;
  margin: 0 auto;
}
@media (max-width: 580px) {
  .restriction__text {
    text-align: center;
  }
}
.restriction__text.restriction__text-sm {
  font-size: 14px;
  line-height: 1.5;
  letter-spacing: 0.05px;
  text-align: left;
  margin: 0;
  max-width: none;
}
@media (max-width: 580px) {
  .restriction__text.restriction__text-sm {
    text-align: center;
  }
}
@media (max-width: 479px) {
  .restriction__text {
    font-size: 14px;
  }
}
.restriction__text a {
  color: #22b3ff;
  text-decoration: underline;
  transition: 0.4s ease 0s;
}
.restriction__text a:hover {
  text-decoration: none;
  color: #49e3a4;
}

.confirmation-form {
  width: 574px;
  background: rgba(152, 237, 253, 0.4);
  border-radius: 20px;
  margin: 18px auto;
  display: flex;
  align-items: flex-start;
  padding: 15px 24px 8px;
}
@media (max-width: 767px) {
  .confirmation-form {
    max-width: 450px;
    width: 100%;
  }
}
@media (max-width: 479px) {
  .confirmation-form {
    padding: 15px 10px 10px;
    margin: 30px auto 15px;
  }
}
.confirmation-form__icon {
  width: 76px;
  height: 76px;
  border: 4px solid #22b3ff;
  background-color: #fff;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 24px;
  flex-shrink: 0;
}
@media (max-width: 479px) {
  .confirmation-form__icon {
    margin-right: 10px;
    width: 56px;
    height: 56px;
  }
}
.confirmation-form__icon .icon {
  width: 26px;
  height: 24px;
  fill: #22b3ff;
}
.confirmation-form .form-group.form-group--filled label {
  transform: translateY(-9px);
}
.confirmation-form input[type=email], .confirmation-form input[type=tel], .confirmation-form input[type=text] {
  padding: 8px 0 0;
  margin-top: 8px;
}
.confirmation-form input[type=email]:focus + label, .confirmation-form input[type=tel]:focus + label, .confirmation-form input[type=text]:focus + label {
  transform: translateY(-9px);
}
.confirmation-form .btn {
  margin-left: -6px;
  height: auto;
}
@media (max-width: 767px) {
  .confirmation-form .btn {
    font-size: 1.4rem;
    padding: 10px;
  }
}
@media (max-width: 479px) {
  .confirmation-form .btn {
    padding: 10px;
  }
}
.confirmation-form .form-group {
  margin-bottom: 24px;
}
@media (max-width: 479px) {
  .confirmation-form .form-group {
    margin-bottom: 12px;
  }
}
.confirmation-form.confirmation-form--success-diplom {
  background: rgba(208, 208, 208, 0.2);
  padding: 24px;
}
.confirmation-form.confirmation-form--success-diplom .confirmation-form__icon {
  border-color: #49e3a4;
}
.confirmation-form.confirmation-form--success-diplom .confirmation-form__title {
  font-size: 18px;
  font-weight: bold;
  line-height: 1.33;
  letter-spacing: 0.03px;
  color: #2d2d2d;
  margin-bottom: 4px;
}
.confirmation-form.confirmation-form--success-diplom .confirmation-form__text {
  font-size: 16px;
  line-height: 1.25;
  letter-spacing: 0.03px;
}
.confirmation-form.confirmation-form--success-phone {
  background: rgba(73, 227, 164, 0.2);
  align-items: center;
  padding: 24px;
}
.confirmation-form.confirmation-form--success-phone .confirmation-form__icon {
  border-color: #49e3a4;
}

.restriction-comment {
  text-align: center;
  font-size: 14px;
  font-weight: normal;
  font-style: italic;
  letter-spacing: 0.03px;
  color: #676767;
}
@media (max-width: 479px) {
  .restriction-comment {
    font-size: 16px;
  }
}
.restriction-comment.restriction-comment--left {
  text-align: left;
}
@media (max-width: 479px) {
  .restriction-comment.restriction-comment--left {
    text-align: center;
  }
}
.restriction-comment a {
  font-style: normal;
  text-decoration: underline;
  color: #22b3ff;
  transition: 0.4s ease 0s;
}
.restriction-comment a:hover {
  color: #49e3a4;
  text-decoration: none;
}

.ban-upload-diplom .upload-diplom {
  display: flex;
  justify-content: center;
}

.verification .register-form-body {
  width: auto;
  padding: 0;
}
.verification__row {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
@media (max-width: 580px) {
  .verification__row {
    flex-direction: column;
  }
}
.verification .confirmation-form {
  margin: 0;
}
@media (max-width: 580px) {
  .verification .confirmation-form {
    margin-bottom: 24px;
  }
}
.verification .verification-info {
  width: 267px;
  background: url(../img/svg/b-247x242.svg) no-repeat top center/100%;
  padding: 26px 32px 70px 32px;
  margin-top: -6px;
  flex: 0 0 auto;
}
@media (max-width: 580px) {
  .verification .verification-info {
    align-self: center;
  }
}
.verification .verification-info__icon {
  text-align: center;
  margin-bottom: 10px;
}
.verification .verification-info__icon .icon {
  font-size: 4.4rem;
  fill: #49e3a4;
}
.verification .verification-info__txt {
  font-size: 14px;
  line-height: 1.5;
  letter-spacing: 0.05px;
  color: #676767;
}
.verification .verification-info__txt span {
  background: rgba(152, 237, 253, 0.4);
}

.ban__row {
  display: flex;
}
@media (max-width: 767px) {
  .ban__row {
    flex-direction: column;
    align-items: flex-start;
  }
}
.ban__form-group {
  flex: 0 0 auto;
  max-width: 560px;
}
@media (max-width: 767px) {
  .ban__form-group {
    width: 100%;
    max-width: none;
  }
}
.ban__form-group .ban-upload-diplom .upload-diplom {
  justify-content: flex-start;
}
.ban .register-form-body {
  padding: 0 !important;
  width: auto;
}
.ban__comment {
  margin-left: 90px;
  margin-top: 72px;
}
@media (max-width: 998px) {
  .ban__comment {
    margin-left: 40px;
  }
}
@media (max-width: 767px) {
  .ban__comment {
    text-align: center;
    margin-left: 0;
  }
}
.ban .confirmation-form {
  margin-left: 0;
  margin-right: 0;
}
@media (max-width: 998px) {
  .ban .confirmation-form {
    margin: 0 auto;
    display: flex;
    align-items: flex-start;
  }
}
@media (max-width: 998px) {
  .ban .confirmation-form__inner {
    flex-grow: 1;
  }
}
@media (max-width: 767px) {
  .ban .title, .ban .title--sm, .ban p {
    text-align: center;
  }
}
@media (max-width: 479px) {
  .ban .title--sm {
    margin-top: 32px;
  }
}

.masonry-container {
  display: flex;
  margin: 0 -12px;
}
.masonry-container__item-group {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  margin-right: 0;
  margin-left: 12px;
}
.masonry-container__item-group .masonry-container__item {
  display: block;
  max-width: 140px;
  margin: 0 24px 24px 0;
}
.masonry-container__item-group .masonry-container__item:nth-child(even) {
  margin-right: 0;
}
.masonry-container__item {
  max-width: 304px;
  margin: 0 12px 24px;
  flex-shrink: 0;
  border-radius: 10px;
  overflow: hidden;
  position: relative;
}
.masonry-container__item__cover {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(73, 227, 164, 0.8);
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  font-weight: bold;
  line-height: 1.25;
  letter-spacing: 0.06px;
  text-align: center;
  transition: 0.4s ease 0s;
}
.masonry-container__item__cover:hover {
  opacity: 0;
}
.masonry-container__item img {
  border-radius: 10px;
  box-shadow: 0 0 12px 0 rgba(19, 7, 31, 0.07);
}

.masonry-img {
  overflow: hidden;
  opacity: 0;
  width: 0;
  height: 0;
}

.attached-files {
  margin-top: 36px;
}
.attached-files h3 {
  font-size: 20px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: 0.04px;
  margin-bottom: 24px;
}
.attached-files h3 span {
  font-weight: 400;
  color: #676767;
  display: inline-block;
  vertical-align: middle;
  margin-left: 6px;
}

.scrollable-table {
  max-width: 100%;
  margin-bottom: 24px;
  position: relative;
}
.scrollable-table:before {
  content: "";
  opacity: 0.05;
  background-image: linear-gradient(to right, #2d2d2d, rgba(19, 7, 31, 0));
  width: 16px;
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  z-index: 2;
  border-radius: 10px 0 0 10px;
}
.scrollable-table:after {
  content: "";
  opacity: 0.05;
  background-image: linear-gradient(to left, #2d2d2d, rgba(19, 7, 31, 0));
  width: 16px;
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  z-index: 2;
  border-radius: 0 10px 10px 0;
}
.scrollable-table_inner {
  position: relative;
}
.scrollable-table_inner:before {
  content: "";
  position: absolute;
  border: solid 2px #eeeeee;
  border-radius: 10px;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.scrollable-table.is-lock:before {
  opacity: 0;
}
.scrollable-table.is-lock table tr td:first-child, .scrollable-table.is-lock table tr th:first-child {
  position: absolute;
  left: 0;
}
.scrollable-table.is-lock .table-lock__shadow {
  content: "";
  opacity: 0.05;
  background-image: linear-gradient(to right, #2d2d2d, rgba(19, 7, 31, 0));
  width: 16px;
  position: absolute;
  top: 0;
  height: 100%;
  z-index: 2;
}
.scrollable-table.disabled-prev .scroll-arrow_less {
  opacity: 0;
}
.scrollable-table.disabled-prev:before {
  opacity: 0;
}
.scrollable-table.disabled-next .scroll-arrow_more {
  opacity: 0;
}
.scrollable-table.disabled-next:after {
  opacity: 0;
}
.scrollable-table .scroll-wrapper > .scroll-content {
  position: static !important;
}
.scrollable-table__lock {
  display: none;
}
.scrollable-table__lock .table-lock {
  position: absolute;
  top: -10px;
  z-index: 2;
  width: 18px;
  height: 18px;
  border: 0;
  background: url(../img/svgSprite/block-popup.svg) no-repeat;
}
.scrollable-table__lock .table-lock.table-lock--unlock {
  background: url(../img/svgSprite/unblock-popup.svg) no-repeat;
}
.scrollable-table table {
  width: 100%;
  border-collapse: collapse;
}
.scrollable-table table tr {
  background: #fff;
}
.scrollable-table table tr:nth-child(even) td {
  background: #f0fcff;
}
.scrollable-table table tr td, .scrollable-table table tr th {
  padding: 14px 44px 10px;
  font-size: 18px;
  letter-spacing: 0.06px;
  color: rgba(0, 0, 0, 0.8);
  border-right: solid 2px #eeeeee;
  background: #fff;
}
.scrollable-table table tr td:first-child, .scrollable-table table tr th:first-child {
  font-weight: bold;
  text-align: left;
  padding-left: 48px;
  border-left: 0;
  min-width: 280px;
}
.scrollable-table table tr td:last-child, .scrollable-table table tr th:last-child {
  border-right: 0;
}
.scrollable-table table tr td.nowrap, .scrollable-table table tr th.nowrap {
  white-space: nowrap;
}
.scrollable-table table tr td.bold, .scrollable-table table tr th.bold {
  font-weight: 700;
}
.scrollable-table table tr th {
  font-weight: bold;
}
.scrollable-table--compact table tr td, .scrollable-table--compact table tr th {
  padding: 5px;
  font-size: 13px;
  letter-spacing: 0;
  max-width: 120px;
}
.scrollable-table--compact table tr td:first-child, .scrollable-table--compact table tr th:first-child {
  min-width: auto;
  padding-left: 10px;
}
.scrollable-table .scroll-arrow {
  width: 38px;
  height: 38px;
  position: absolute;
  background: #22b3ff;
  box-shadow: 0 9px 12px 0 rgba(34, 179, 255, 0.6);
  top: calc(50% - 19px);
  border-radius: 50%;
  cursor: pointer;
  z-index: 3;
  transition: 0.4s ease 0s;
}
.scrollable-table .scroll-arrow:hover {
  box-shadow: 0 3px 7px 0 rgba(34, 179, 255, 0.6);
  background-color: #57c5ff;
}
.scrollable-table .scroll-arrow.scroll-arrow_less {
  left: -16px;
}
.scrollable-table .scroll-arrow.scroll-arrow_less:before {
  background-image: url("../img/svgSprite/left-arrow.svg");
  right: 12px;
}
.scrollable-table .scroll-arrow.scroll-arrow_more {
  right: -16px;
}
.scrollable-table .scroll-arrow.scroll-arrow_more:before {
  background-image: url("../img/svgSprite/right-arrow.svg");
  transform: rotate(180deg);
  left: 12px;
}
.scrollable-table .scroll-arrow:before {
  content: "";
  width: 18px;
  height: 18px;
  position: absolute;
  top: 10px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.scrollable-table .scroll-element_outer {
  cursor: pointer;
  width: 100%;
  max-width: 550px;
  margin: 0 auto;
  position: absolute;
  left: 0;
  right: 0;
  bottom: -22px;
  height: 6px;
  border-radius: 3px;
  background-color: rgba(19, 7, 31, 0.05);
}
.scrollable-table .scroll-bar {
  height: 6px;
  border-radius: 3px;
  background: #22b3ff;
  position: absolute;
  cursor: pointer;
}

.table-caption {
  font-size: 14px;
  line-height: 1.29;
  letter-spacing: 0.05px;
  text-align: right;
  margin-top: 24px;
  width: 100%;
}

.article-table {
  margin-bottom: 64px;
  overflow: auto;
}
.article-table table {
  width: 100%;
  border: 2px solid #eee;
  border-radius: 10px;
}
.article-table table tr {
  background: #fff;
}
.article-table table tr:nth-child(even) td {
  background: #f0fcff;
}
.article-table table tr td, .article-table table tr th {
  padding: 14px 24px 10px;
  text-align: center;
  font-size: 18px;
  letter-spacing: 0.06px;
  color: rgba(0, 0, 0, 0.8);
  border-right: solid 2px #eeeeee;
  background: #fff;
}
.article-table table tr td:first-child, .article-table table tr th:first-child {
  text-align: left;
  padding-left: 48px;
  border-left: 0;
}
.article-table table tr td:last-child, .article-table table tr th:last-child {
  border-right: 0;
}
.article-table table tr td.nowrap, .article-table table tr th.nowrap {
  white-space: nowrap;
}
.article-table table tr td.bold, .article-table table tr th.bold {
  font-weight: 700;
}
.article-table table tr th {
  font-weight: bold;
}

.events-speakers__title {
  font-size: 32px;
  font-weight: bold;
  line-height: 1.19;
  letter-spacing: 0.1px;
  margin-bottom: 24px;
}
.events-speakers__item {
  margin-bottom: 28px;
}
.events-speakers__item-row {
  display: flex;
  align-items: flex-start;
}
.events-speakers__item-row img {
  margin-right: 18px;
  border-radius: 50%;
}
.events-speakers__desc {
  max-width: 370px;
}
.events-speakers__name {
  font-size: 2rem;
  line-height: 1.5;
  letter-spacing: 1.18px;
  color: #2d2d2d;
  text-transform: uppercase;
  margin-top: 8px;
}
.events-speakers__text {
  font-size: 1.4rem;
  line-height: 1.43;
  letter-spacing: 0.03px;
  color: #9a9a9a;
}
.events-speakers__action {
  display: flex;
  margin-left: 98px;
  margin-top: 12px;
  align-items: center;
}
.events-speakers__profiles, .events-speakers__notice {
  display: inline-flex;
  align-items: center;
  color: #9a9a9a;
  font-size: 12px;
  line-height: 1.08;
  letter-spacing: 0.06px;
}
.events-speakers__profiles .icon, .events-speakers__notice .icon {
  font-size: 14px;
  fill: #9a9a9a;
  margin-right: 4px;
  margin-top: -4px;
}
.events-speakers__profiles {
  margin-right: 16px;
}
.events-speakers__profile {
  display: inline-block;
  font-size: 12px;
  letter-spacing: 0.06px;
  color: #22b3ff;
  margin-left: 12px;
  text-decoration: underline;
  transition: 0.4s ease 0s;
}
.events-speakers__profile:hover {
  color: #49e3a4;
  text-decoration: none;
}

.card-item .dropdow-list-wrapper > button .icon, .multiply-list .dropdow-list-wrapper > button .icon {
  fill: #2d2d2d;
  opacity: 0.4;
}

.dropdow-list-wrapper {
  position: relative;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
.dropdow-list-wrapper .chanel-header__tag--more {
  background: rgba(255, 255, 255, 0.8);
}
.dropdow-list-wrapper .chanel-header__tag--more:hover {
  background: #fff;
}
.dropdow-list-wrapper .chanel-header__tag--more .icon {
  font-size: 1.6rem;
  fill: #676767;
  opacity: 1;
}
.dropdow-list-wrapper.open .dropdown-list {
  z-index: 9;
  opacity: 1;
  max-height: 202px;
  height: auto;
  width: 195px;
  transition: width 0.4s 0.1s, max-height 0.4s 0.1s;
}
.dropdow-list-wrapper.open .dropdown-list.authors-dropdown-list {
  width: 215px;
  max-height: 186px;
}
.dropdow-list-wrapper.open .chanels-dropdown-list__inner, .dropdow-list-wrapper.open .tags-dropdown-list__inner, .dropdow-list-wrapper.open .authors-dropdown-list__inner {
  visibility: visible;
  height: auto;
  opacity: 1;
  transition: opacity 0.3s 0.5s;
}
.dropdow-list-wrapper.open > button {
  z-index: 10;
}
.dropdow-list-wrapper.open > button .icon {
  fill: #49e3a4;
  opacity: 1;
}
.dropdow-list-wrapper:hover > button .icon {
  fill: #49e3a4;
  opacity: 1;
}
.dropdow-list-wrapper > button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 0;
  padding: 0;
  margin: 0;
  border-radius: 5px;
  width: 28px;
  height: 28px;
  background: transparent;
  position: relative;
  z-index: 8;
}
.dropdow-list-wrapper > button .icon {
  font-size: 16px;
  fill: #fff;
  opacity: 0.4;
  transition: 0.4s ease 0s;
}
@media (max-width: 767px) {
  .dropdow-list-wrapper.open .dropdown-list {
    position: fixed;
    bottom: 0;
    left: 12px;
    right: 12px;
    z-index: 9999999;
    top: auto;
    width: auto !important;
    border-radius: 9px 9px 0 0;
  }
}

.dropdown-list {
  position: absolute;
  background: #fff;
  top: calc(100% - 28px);
  right: 0;
  border-radius: 9px;
  box-shadow: 0 3px 10px 0 rgba(19, 7, 31, 0.21);
  z-index: -1;
  opacity: 0;
  width: 28px;
  height: 28px;
  max-height: 0;
  transition: width 0.4s 0.1s, max-height 0.4s 0.1s;
}
@media (max-width: 580px) {
  .dropdown-list {
    overflow: hidden;
  }
}
.dropdown-list .scroll-wrapper {
  max-height: 168px;
  padding-bottom: 6px;
}
.dropdown-list.authors-dropdown-list .scroll-wrapper {
  max-height: 156px;
}
.dropdown-list .scroll-element {
  border: none;
  margin: 0;
  padding: 0;
  position: absolute;
  z-index: 10;
}
.dropdown-list .scroll-element div {
  border: none;
  margin: 0;
  padding: 0;
  position: absolute;
  z-index: 10;
  display: block;
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
}
.dropdown-list .scroll-element.scroll-y {
  height: auto;
  bottom: 20px;
  right: -10px;
  top: 0;
  width: 2px;
}
.dropdown-list .scroll-element .scroll-element_outer {
  overflow: hidden;
  border-radius: 4px;
}
.dropdown-list .scroll-element .scroll-element_track {
  border-radius: 4px;
}
.dropdown-list .scroll-element .scroll-bar {
  border-radius: 4px;
  background-color: rgba(173, 173, 173, 0.21);
}

.chanels-dropdown-list__inner, .tags-dropdown-list__inner, .authors-dropdown-list__inner {
  visibility: hidden;
  height: 0;
  opacity: 0;
  transition: opacity 0.1s, visibility 0s 0.1s, height 0s 0.1s;
  padding: 6px 16px;
}
.chanels-dropdown-list__title, .tags-dropdown-list__title, .authors-dropdown-list__title {
  font-size: 1.2rem;
  font-weight: bold;
  line-height: 1.67;
  color: #2d2d2d;
  margin-bottom: 6px;
  text-transform: none;
}

.chanels-dropdown-list ul li, .tags-dropdown-list ul li {
  font-size: 1.4rem;
  line-height: 1.29;
  letter-spacing: 0.05px;
  margin-bottom: 6px;
  color: #2d2d2d;
}
.chanels-dropdown-list ul li a, .tags-dropdown-list ul li a {
  font-size: 1.4rem;
  line-height: 1.29;
  letter-spacing: 0.05px;
  color: #13071f;
  transition: 0.4s ease 0s;
}
.chanels-dropdown-list ul li a:hover, .tags-dropdown-list ul li a:hover {
  color: #49e3a4;
}

.authors-dropdown-list ul li {
  font-size: 11px;
  font-weight: bold;
  line-height: 1;
  margin-bottom: 6px;
}
.authors-dropdown-list ul li img {
  margin-right: 4px;
}
.authors-dropdown-list ul li a {
  display: inline-flex;
  align-items: center;
  font-size: 11px;
  font-weight: bold;
  line-height: 1.82;
  letter-spacing: 0.7px;
  color: #2d2d2d;
  text-transform: uppercase;
  transition: 0.4s ease 0s;
}
.authors-dropdown-list ul li a:hover {
  color: #49e3a4;
}

.js-mobile-close {
  position: absolute;
  width: 15px;
  height: 15px;
  background: transparent;
  top: 12px;
  right: 12px;
  border: 0;
}
.js-mobile-close .icon {
  fill: #2d2d2d;
  font-size: 15px;
}

.bubble-notice {
  display: flex;
  align-items: flex-end;
  justify-content: center;
  margin-top: 36px;
  margin-bottom: 64px;
}
.bubble-notice__body {
  background-color: #ffffff;
  border-radius: 60px;
  padding: 24px 50px 24px 70px;
  position: relative;
  max-width: 486px;
  width: 100%;
  margin-left: 24px;
  margin-bottom: 16px;
}
.bubble-notice__body:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(19, 7, 31, 0.11);
  left: 0;
  top: 0;
  border-radius: 60px;
  filter: blur(10px);
  z-index: -2;
}
.bubble-notice__body:before {
  content: "";
  background-color: #fff;
  display: block;
  height: 30px;
  width: 35px;
  position: absolute;
  bottom: 6px;
  transform: rotate(130deg) skew(51deg);
  box-shadow: 0 0 10px 0 rgba(19, 7, 31, 0.11);
  left: 7px;
  z-index: -1;
}
@media (max-width: 767px) {
  .bubble-notice__body {
    padding: 30px 50px;
  }
}
@media (max-width: 580px) {
  .bubble-notice__body {
    line-height: 1em;
  }
}
@media (max-width: 479px) {
  .bubble-notice__body {
    padding: 23px 45px;
  }
}
.bubble-notice__title {
  font-size: 2rem;
  font-weight: bold;
  line-height: 1.1;
  letter-spacing: 0.07px;
  margin-bottom: 6px;
}
.bubble-notice__text {
  font-size: 1.4rem;
  line-height: 1.29;
  letter-spacing: 0.05px;
}
.bubble-notice__text a {
  color: #22b3ff;
  font-weight: 700;
}
.bubble-notice.bubble-notice--long .bubble-notice__body {
  max-width: 580px;
}

.ordionline_webinar_announce .article-entery__sidebar, .ordionline_webinar_past .article-entery__sidebar, .ordionline_webinar_online .article-entery__sidebar {
  margin-top: 60px;
}
.ordionline_webinar_announce .panel-heading, .ordionline_webinar_past .panel-heading, .ordionline_webinar_online .panel-heading {
  display: inline-block;
  position: relative;
  padding-right: 50px;
  cursor: pointer;
}
.ordionline_webinar_announce .panel-heading h2, .ordionline_webinar_past .panel-heading h2, .ordionline_webinar_online .panel-heading h2 {
  position: relative;
}
.ordionline_webinar_announce .panel-heading h2:after, .ordionline_webinar_past .panel-heading h2:after, .ordionline_webinar_online .panel-heading h2:after {
  content: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNCIgaGVpZ2h0PSI4IiB2aWV3Qm94PSIwIDAgMTQgOCI+CiAgICA8cGF0aCBmaWxsPSIjMTMwNzFGIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMy42MyA3LjY0MmExLjI5IDEuMjkgMCAwIDEtMS43ODMgMEw3IDIuOTQ4IDIuMTUzIDcuNjQyYTEuMjkgMS4yOSAwIDAgMS0xLjc4NCAwIDEuMTk0IDEuMTk0IDAgMCAxIDAtMS43MjdMNi4xMS4zNThDNi4zNDQuMTI4IDYuNjY1IDAgNyAwYy4zMzUgMCAuNjU1LjEyOS44OTIuMzU4bDUuNzM5IDUuNTU3Yy40OTIuNDc3LjQ5MiAxLjI1IDAgMS43Mjd6Ii8+Cjwvc3ZnPgo=");
  position: absolute;
  top: -6px;
  right: -30px;
  display: inline-block;
  transition: all 0.3s ease;
}
.ordionline_webinar_announce .panel .panel-body, .ordionline_webinar_past .panel .panel-body, .ordionline_webinar_online .panel .panel-body {
  height: auto;
  overflow: hidden;
  transition: all 0.3s ease;
}
.ordionline_webinar_announce .panel.active .panel-body, .ordionline_webinar_past .panel.active .panel-body, .ordionline_webinar_online .panel.active .panel-body {
  height: 0;
}
.ordionline_webinar_announce .panel.active h2:after, .ordionline_webinar_past .panel.active h2:after, .ordionline_webinar_online .panel.active h2:after {
  transform: rotate(180deg);
  top: 5px;
}
.ordionline_webinar_announce .tab-video, .ordionline_webinar_past .tab-video, .ordionline_webinar_online .tab-video {
  height: 369px;
}
.ordionline_webinar_announce .btn--share, .ordionline_webinar_announce .event--favourite, .ordionline_webinar_past .btn--share, .ordionline_webinar_past .event--favourite, .ordionline_webinar_online .btn--share, .ordionline_webinar_online .event--favourite {
  height: 40px;
}
.ordionline_webinar_announce .panel, .ordionline_webinar_past .panel, .ordionline_webinar_online .panel {
  margin-bottom: 30px;
}
@media (max-width: 767px) {
  .ordionline_webinar_announce .tab-video, .ordionline_webinar_past .tab-video, .ordionline_webinar_online .tab-video {
    height: 280px;
  }
}
.ordionline_webinar_announce .video-controls__bottom, .ordionline_webinar_past .video-controls__bottom, .ordionline_webinar_online .video-controls__bottom {
  height: 50px;
  display: flex;
  flex-direction: column;
  padding: 0;
  align-items: center;
  padding-bottom: 0 !important;
}
@media (max-width: 580px) {
  .ordionline_webinar_announce .tab-video .video-controls__buttons, .ordionline_webinar_past .tab-video .video-controls__buttons, .ordionline_webinar_online .tab-video .video-controls__buttons {
    position: absolute;
    right: 0;
    bottom: auto;
  }
}
.ordionline_webinar_announce .video-chat-btn.active, .ordionline_webinar_past .video-chat-btn.active, .ordionline_webinar_online .video-chat-btn.active {
  box-shadow: 0 9px 12px 0 rgba(73, 227, 164, 0.51) !important;
  background-color: #49e3a4 !important;
}
.ordionline_webinar_announce .video-chat-btn.active svg, .ordionline_webinar_past .video-chat-btn.active svg, .ordionline_webinar_online .video-chat-btn.active svg {
  fill: #fff;
}

@media (max-width: 767px) {
  .js-video-container.fullscreen .video-controls__buttons {
    top: auto;
    bottom: auto;
  }
}

.js-video-container.fullscreen .video-controls__bottom {
  background-color: transparent;
  box-shadow: none !important;
}
@media (max-width: 767px) {
  .js-video-container.fullscreen .video-controls__bottom {
    background-color: #fff;
    height: 51px;
    display: flex;
    align-items: center;
    padding-bottom: 0;
    box-shadow: 0 10px 30px 0 rgba(19, 7, 31, 0.05), 0 7px 8px 0 rgba(19, 7, 31, 0.09) !important;
    background-color: #fff;
  }
}
@media (max-width: 767px) {
  .js-video-container.fullscreen .video-timeline {
    width: 40%;
  }
}

.modal-register-webinar {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  max-height: 680px;
  height: 100%;
  background-color: #fff;
  opacity: 0;
  z-index: -10;
  transition: all 0.3s ease;
}
.modal-register-webinar main {
  height: 100%;
}
.modal-register-webinar main > div {
  height: 100%;
}
.modal-register-webinar main > div > .register-form {
  height: 100%;
}
.modal-register-webinar .register-form-body {
  height: 100%;
  width: 100%;
  max-width: 100%;
  overflow-y: auto;
  padding-left: 0;
  padding-right: 0;
}
.modal-register-webinar .register-form-body > .register-form {
  max-width: 980px;
  padding-left: 10px;
  padding-right: 10px;
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 998px) {
  .modal-register-webinar .register-form-body > .register-form {
    padding-left: 24px;
    padding-right: 24px;
  }
}
.modal-register-webinar.active {
  z-index: 999999999;
  opacity: 1;
}
.modal-register-webinar .register-form__row-checkbox label {
  display: inline-block;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: 0.02px;
  color: #13071f;
  padding-left: 40px;
  position: relative;
  top: 0;
  bottom: 0;
}
.modal-register-webinar .register-form__row-checkbox label a {
  display: contents;
  color: #22b3ff;
  text-decoration: underline;
}
.modal-register-webinar .register-form__row-checkbox input[type=checkbox] {
  display: none;
}
.modal-register-webinar .register-form__row-checkbox input[type=checkbox] + label:before {
  content: "";
  height: 24px;
  width: 24px;
  border-radius: 4px;
  border: solid 2px #eaeaea;
  background-color: #ffffff;
  display: inline-block;
  left: 0;
  top: 0;
  position: absolute;
  flex-shrink: 0;
}
.modal-register-webinar .register-form__row-checkbox input[type=checkbox] + label:before {
  letter-spacing: 10px;
}
.modal-register-webinar .register-form__row-checkbox input[type=checkbox]:checked + label:before {
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAlElEQVQ4T6WTXQ2AMAwGDwdIQAISQAEWsIQCQAkWkIAEJJCSNCljP7Dtdblb26+rKDxVIU+uoAY2YMoRKNwC61/BAwbGP4IXLPP7KvDCVtAARyCRIKyCBRiAHtgdSRRWwQjMwOlIkrBtwZVIO5LzHZVMO7RwdohWIoIk7EtBJXIXfVkr8sUoki5Wtm3n6x4E/1yx4AI+qiERKNFzCwAAAABJRU5ErkJggg==");
  background-repeat: no-repeat;
  background-position: center;
}
.modal-register-webinar .register-form__row-checkbox input[type=checkbox]:checked + label:before {
  letter-spacing: 5px;
}
.modal-register-webinar .register-form__row-checkbox .not-wide {
  max-width: 400px;
}
.modal-register-webinar .register-form__row-checkbox .form-group.error .error-message {
  position: relative;
  top: 0;
  bottom: 0;
}
.modal-register-webinar .form-group-row {
  display: flex;
  margin: 0 -6px 0;
  flex-wrap: wrap;
}
.modal-register-webinar .form-group-row .form-group {
  flex-basis: calc(50% - 12px);
  max-width: calc(50% - 12px);
  margin-left: 6px;
  margin-right: 6px;
}
@media (max-width: 767px) {
  .modal-register-webinar .form-group-row .form-group {
    flex-basis: calc(100% - 12px);
    max-width: calc(100% - 12px);
  }
}
.modal-register-webinar .register-form__title {
  margin-left: 0;
}

.ordionline_webinar_past .events-speakers {
  margin-top: 50px;
}

.ordionline_webinar_online .top-content--event {
  margin-bottom: 64px;
}
.ordionline_webinar_online .article-entery__sidebar {
  margin-top: 0;
}

.webinar__chat {
  margin-bottom: 64px;
  /*************** SIMPLE INNER SCROLLBAR ***************/
  /* update scrollbar offset if both scrolls are visible */
}
.webinar__chat-body {
  width: 656px;
  border-radius: 10px;
  box-shadow: 0 0 12px 0 rgba(19, 7, 31, 0.07);
  background-color: #ffffff;
  padding: 16px 8px;
}
@media (max-width: 998px) {
  .webinar__chat-body {
    width: 100%;
  }
}
.webinar__chat-users-list {
  position: relative;
}
.webinar__chat-users-list-inner {
  padding-left: 16px;
  position: relative;
}
.webinar__chat-users-list-track {
  max-height: 500px;
  padding-right: 16px;
  -ms-overflow-style: none;
}
@media (max-width: 580px) {
  .webinar__chat-users-list-track {
    max-height: 400px;
  }
}
.webinar__chat-users-list-item {
  display: flex;
  align-items: flex-start;
  margin-bottom: 18px;
}
.webinar__chat-users-list-item-img {
  height: 24px;
  width: 24px;
  flex-shrink: 0;
  margin-right: 8px;
  border-radius: 50%;
}
.webinar__chat-users-list-item-img img {
  border-radius: 50%;
}
.webinar__chat-users-list-item-text {
  line-height: 1.43;
}
.webinar__chat-users-list-item-text span {
  font-size: 14px;
  color: #13071f;
  font-weight: 700;
  text-transform: uppercase;
  display: inline-block;
}
@media (max-width: 580px) {
  .webinar__chat-users-list-item-text span {
    font-size: 10px;
  }
}
.webinar__chat-users-list-item-text p {
  color: #676767;
  font-size: 14px;
  display: inline;
  margin-left: 8px;
}
@media (max-width: 580px) {
  .webinar__chat-users-list-item-text p {
    font-size: 12px;
  }
}
.webinar__chat-inner {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  position: relative;
}
.webinar__chat-send-message {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: #fff;
  padding-left: 16px;
  padding-right: 16px;
  width: 100%;
  height: auto;
}
.webinar__chat-send-message-img {
  height: 52px;
  width: 52px;
  border-radius: 50%;
}
.webinar__chat-send-message-img img {
  border-radius: 50%;
}
.webinar__chat-send-message-txt {
  width: 100%;
  padding-left: 12px;
  position: relative;
}
.webinar__chat-send-message-txt input {
  border: none;
  height: 40px;
  border-radius: 10px;
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.05);
  background-color: #ffffff;
  font-size: 14px;
  line-height: 1.43;
  color: #676767;
  width: 100%;
  padding-left: 24px;
  padding-right: 50px;
}
.webinar__chat-send-message-txt input::placeholder {
  color: #b2b2b2;
}
.webinar__chat-send-message-txt button {
  position: absolute;
  height: 20px;
  width: 20px;
  border: none;
  background: none;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  display: flex;
}
.webinar__chat-send-message-txt button:after {
  content: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIj4KICAgIDxwYXRoIGZpbGw9IiNEMEQwRDAiIGZpbGwtcnVsZT0ibm9uemVybyIgZD0iTTE4LjM0IDcuMzE2TDQuMzQuMzE0QTMgMyAwIDAgMCAuMjYgNC4yMTZsMi40IDUuMzcxYy4xMS4yNjIuMTEuNTU4IDAgLjgyTC4yNiAxNS43OEEzLjAwMiAzLjAwMiAwIDAgMCAzIDIwYTMuMTQgMy4xNCAwIDAgMCAxLjM1LS4zMmwxNC03LjAwMmEzIDMgMCAwIDAgMC01LjM2MmgtLjAxem0tLjg5IDMuNTcxbC0xNCA3LjAwMmExIDEgMCAwIDEtMS4zNS0xLjNsMi4zOS01LjM3MWEyIDIgMCAwIDAgLjA4LS4yMmg2Ljg5YTEgMSAwIDAgMCAwLTIuMDAxSDQuNTdhMiAyIDAgMCAwLS4wOC0uMjJMMi4xIDMuNDA1YTEgMSAwIDAgMSAxLjM1LTEuM2wxNCA3LjAwMmExIDEgMCAwIDEgMCAxLjc4eiIvPgo8L3N2Zz4K");
  position: absolute;
  height: 20px;
  width: 20px;
  top: 0;
  display: flex;
}
.webinar__chat .scroll-element, .webinar__chat .scroll-element div {
  box-sizing: content-box;
}
.webinar__chat .scroll-element .scroll-bar,
.webinar__chat .scroll-element .scroll-arrow {
  cursor: default;
}
.webinar__chat .scroll-textarea {
  border: 1px solid #cccccc;
  border-top-color: #999999;
}
.webinar__chat .scroll-textarea > .scroll-content {
  overflow: hidden !important;
}
.webinar__chat .scroll-textarea > .scroll-content > textarea {
  border: none !important;
  box-sizing: border-box;
  height: 100% !important;
  margin: 0;
  max-height: none !important;
  max-width: none !important;
  overflow: scroll !important;
  outline: none;
  padding: 2px;
  position: relative !important;
  top: 0;
  width: 100% !important;
}
.webinar__chat .scroll-textarea > .scroll-content > textarea::-webkit-scrollbar {
  height: 0;
  width: 0;
}
.webinar__chat-scroll {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 0;
  z-index: 999;
  width: 100%;
  display: flex;
  justify-content: center;
  transition: all 0.3s ease;
}
.webinar__chat-scroll:after {
  content: "";
  position: absolute;
  bottom: -12px;
  left: 0;
  right: 0;
  display: inline-block;
  height: 36px;
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), #ffffff);
}
.webinar__chat-scroll button {
  border: none;
  font-size: 14px;
  font-weight: bold;
  color: #ffffff;
  letter-spacing: 0.03px;
  border-radius: 10px;
  box-shadow: 0 5px 12px 0 rgba(34, 179, 255, 0.6);
  background-color: #22b3ff;
  text-align: center;
  padding: 0 24px;
  cursor: pointer;
  display: inline-block;
  height: 20px;
  z-index: 10;
  transition: 0.4s ease 0s;
}
.webinar__chat-scroll button:hover {
  box-shadow: 0 3px 7px 0 rgba(34, 179, 255, 0.6);
  background-color: #57c5ff;
}
.webinar__chat-scroll.hide {
  opacity: 0;
  visibility: hidden;
}
.webinar__chat .scroll-element,
.webinar__chat .scroll-element div {
  border: none;
  margin: 0;
  padding: 0;
  position: absolute;
  z-index: 10;
}
.webinar__chat .scroll-element div {
  display: block;
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
}
.webinar__chat .scroll-element.scroll-x {
  display: none !important;
}
.webinar__chat .scroll-element.scroll-y {
  height: 100%;
  width: 4px;
  border-radius: 2px;
  right: 0;
  top: 0;
}
.webinar__chat .scroll-element .scroll-element_outer {
  overflow: hidden;
}
.webinar__chat .scroll-element .scroll-element_outer,
.webinar__chat .scroll-element .scroll-element_track,
.webinar__chat .scroll-element .scroll-bar {
  border-radius: 2px;
}
.webinar__chat .scroll-element .scroll-element_track,
.webinar__chat .scroll-element .scroll-bar {
  background-color: rgba(19, 7, 31, 0.05);
}
.webinar__chat .scroll-element .scroll-element_track {
  background-color: rgba(19, 7, 31, 0.05);
}
.webinar__chat .scroll-element .scroll-bar {
  background-color: #22b3ff;
}
.webinar__chat .scroll-element:hover .scroll-bar {
  background-color: #22b3ff;
}
.webinar__chat .scroll-element.scroll-draggable .scroll-bar {
  background-color: #22b3ff;
}
.webinar__chat .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track {
  left: -12px;
}
.webinar__chat .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track {
  top: -12px;
}
.webinar__chat .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size {
  left: -12px;
}
.webinar__chat .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size {
  top: -12px;
}

.js-video-container.fullscreen, .youtube-player-wrapper.fullscreen {
  position: fixed !important;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 99999999999;
  background-color: #2d2d2d;
  margin-bottom: 0;
}
.js-video-container.fullscreen .tab-video, .youtube-player-wrapper.fullscreen .tab-video {
  height: 100% !important;
  width: 100%;
}
@media (max-width: 580px) {
  .js-video-container.fullscreen .tab-video, .youtube-player-wrapper.fullscreen .tab-video {
    min-height: auto;
    margin-bottom: 0;
  }
}
.js-video-container.fullscreen .tab-video .video-js, .youtube-player-wrapper.fullscreen .tab-video .video-js {
  object-fit: cover;
}

@media (min-width: 998px) {
  .js-video-container.fullscreen.chat-active .webinar__chat-users-list-track, .youtube-player-wrapper.fullscreen.chat-active .webinar__chat-users-list-track {
    max-height: 60vh;
  }
}
@media (max-width: 998px) {
  .js-video-container.fullscreen.chat-active .tab-video, .youtube-player-wrapper.fullscreen.chat-active .tab-video {
    width: 100%;
  }
}

@media (max-width: 998px) {
  .js-video-container.fullscreen .tab-video, .youtube-player-wrapper.fullscreen .tab-video {
    width: calc(100% - 200px);
  }
}
@media (max-width: 767px) {
  .js-video-container.fullscreen .tab-video, .youtube-player-wrapper.fullscreen .tab-video {
    width: 100%;
    height: 100%;
    min-height: 250px;
    bottom: auto;
    z-index: 99999999;
    margin-bottom: 0;
  }
}
.js-video-container.fullscreen .video-controls__bottom, .youtube-player-wrapper.fullscreen .video-controls__bottom {
  z-index: 99;
  box-shadow: 0 10px 30px 0 rgba(19, 7, 31, 0.05), 0 7px 8px 0 rgba(19, 7, 31, 0.09);
}
.js-video-container.fullscreen .video-controls__bottom .video-controls__buttons, .youtube-player-wrapper.fullscreen .video-controls__bottom .video-controls__buttons {
  position: absolute;
  top: auto;
  right: 0;
  bottom: auto;
}
.js-video-container.fullscreen .video-controls__bottom .video-timeline, .youtube-player-wrapper.fullscreen .video-controls__bottom .video-timeline {
  bottom: auto;
  position: absolute;
}
.js-video-container.fullscreen .webinar__chat-users-list, .youtube-player-wrapper.fullscreen .webinar__chat-users-list {
  padding-top: 5px;
}

.video-chat-btn {
  display: none;
}
.video-chat-btn.active {
  display: block;
}
.video-chat-btn .icon {
  fill: #fff;
  font-size: 20px;
}

.mr-10 {
  margin-right: 10px;
}

.video-chat {
  display: none;
}
.video-chat.active {
  display: block;
  position: absolute;
  top: 10%;
  right: 0;
  z-index: 999999;
}
@media (max-width: 998px) {
  .video-chat.active {
    top: 0;
    bottom: 0;
    margin-bottom: 0;
  }
}
@media (max-width: 767px) {
  .video-chat.active {
    left: 0;
    right: 0;
    bottom: 0;
  }
}
.video-chat.active .webinar__chat-body {
  width: 360px;
  padding: 12px;
  z-index: 999999;
}
@media (max-width: 767px) {
  .video-chat.active .webinar__chat-body {
    width: 100%;
  }
}
.video-chat.active .webinar__chat-scroll {
  bottom: 5px;
}
@media (max-width: 998px) {
  .video-chat.active .webinar__chat-scroll {
    display: none !important;
  }
}
@media (max-width: 998px) {
  .video-chat.active .webinar__chat-scroll {
    display: flex !important;
  }
}
@media (max-width: 998px) {
  .video-chat .webinar__chat-send-message-txt {
    padding-left: 0;
  }
}

.fixed-ovh {
  overflow: hidden;
}

@media (max-width: 998px) {
  .article-entery__section.article-entery__section-no-mg {
    padding-left: 0;
  }
}

@media (max-height: 500px) and (max-width: 767px) {
  .js-video-container.fullscreen .tab-video {
    height: 100% !important;
    min-height: auto !important;
  }
  .js-video-container.fullscreen.chat-active .tab-video {
    height: 50% !important;
    min-height: auto !important;
  }
  .js-video-container.fullscreen.chat-active .video-chat.webinar__chat.active {
    top: 50% !important;
  }
}
.webinar__chat-send-message {
  margin-top: 12px;
  flex-shrink: 0;
  height: 50px;
}

.btn--favourite {
  height: 40px;
}
@media (max-width: 767px) {
  .btn--favourite {
    margin-bottom: 15px;
  }
}

.js-video-container.fullscreen.chat-active .tab-video, .youtube-player-wrapper.fullscreen.chat-active .tab-video {
  height: 100% !important;
  min-height: auto !important;
}
.js-video-container.fullscreen.chat-active .video-chat-btn, .youtube-player-wrapper.fullscreen.chat-active .video-chat-btn {
  display: block;
}

.js-video-container.fullscreen .tab-video, .youtube-player-wrapper.fullscreen .tab-video {
  height: 100% !important;
  min-height: auto !important;
}

.video-chat-btn.active {
  background: none !important;
  box-shadow: none !important;
}
.video-chat-btn.active .icon {
  fill: #49e3a4;
}

.video-fullscreen.active {
  background-color: #49e3a4;
}
.video-fullscreen.active .icon {
  fill: #fff;
}
.video-fullscreen.active:hover {
  background-color: #49e3a4;
}
.video-fullscreen.active:hover .icon {
  fill: #fff;
}

@media (max-width: 998px) {
  .webinar__chat-scroll button {
    height: 30px;
  }
}

.js-video-container.poll-active .video-poll, .youtube-player-wrapper.poll-active .video-poll {
  display: none;
}

.js-video-container.fullscreen.poll-active .video-poll, .youtube-player-wrapper.fullscreen.poll-active .video-poll {
  display: flex;
  align-items: flex-end;
  position: absolute;
  top: 100px;
  left: 100px;
  z-index: 999999999;
}
@media (max-width: 767px) {
  .js-video-container.fullscreen.poll-active .video-poll, .youtube-player-wrapper.fullscreen.poll-active .video-poll {
    top: 12px;
    left: 12px;
  }
}
.js-video-container.fullscreen.poll-active .video-poll-logo, .youtube-player-wrapper.fullscreen.poll-active .video-poll-logo {
  margin-right: 20px;
  margin-bottom: -40px;
}

.toggle-inetractive {
  height: 100%;
  width: 100%;
  border: none;
  background: transparent;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 0.6s ease;
  z-index: 9999999;
}
.toggle-inetractive:hover .video-interactive-btn-circle1 {
  top: -5px;
  left: -5px;
  right: -5px;
  bottom: -5px;
}
.toggle-inetractive:hover .video-interactive-btn-circle2 {
  top: 20px;
  left: 20px;
  right: 20px;
  bottom: 20px;
}
.toggle-inetractive:hover .video-interactive-btn-circle3 {
  top: 30px;
  left: 30px;
  right: 30px;
  bottom: 30px;
}

.js-video-container .video-interactive, .youtube-player-wrapper .video-interactive {
  position: absolute;
  top: 0;
  left: 0;
  height: auto;
  width: auto;
  z-index: 99;
}
.js-video-container .video-interactive-btn, .youtube-player-wrapper .video-interactive-btn {
  height: 45px;
  width: 45px;
  position: relative;
  top: 12px;
  left: 12px;
  padding: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.6s ease;
  z-index: 999999999;
  cursor: pointer;
}
.js-video-container .video-interactive-btn .video-interactive-btn-circle1, .youtube-player-wrapper .video-interactive-btn .video-interactive-btn-circle1 {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  border: solid 1px rgba(34, 179, 255, 0.2);
  border-radius: 50%;
  z-index: 999999999;
  transition: all 0.6s ease;
  animation: question-lines1-md 1.3s infinite;
}
.js-video-container .video-interactive-btn .video-interactive-btn-circle2, .youtube-player-wrapper .video-interactive-btn .video-interactive-btn-circle2 {
  position: absolute;
  top: 6px;
  left: 6px;
  bottom: 6px;
  right: 6px;
  border: solid 1px rgba(34, 179, 255, 0.4);
  border-radius: 50%;
  z-index: 999999999;
  transition: all 0.6s ease;
  animation: question-lines2-md 1.3s infinite;
}
.js-video-container .video-interactive-btn .video-interactive-btn-circle3, .youtube-player-wrapper .video-interactive-btn .video-interactive-btn-circle3 {
  position: absolute;
  top: 9px;
  left: 9px;
  bottom: 9px;
  right: 9px;
  border: solid 1px rgba(34, 179, 255, 0.8);
  border-radius: 50%;
  z-index: 999999999;
  transition: all 0.6s ease;
  animation: question-lines3-md 1.3s infinite;
}
.js-video-container .video-interactive-btn .video-interactive-btn-circle4, .youtube-player-wrapper .video-interactive-btn .video-interactive-btn-circle4 {
  position: absolute;
  top: 10px;
  left: 10px;
  right: 10px;
  bottom: 10px;
  background-color: rgba(152, 237, 253, 0.6);
  z-index: 2;
  border-radius: 50%;
  transition: all 0.6s ease;
}
.js-video-container .video-interactive-btn span, .youtube-player-wrapper .video-interactive-btn span {
  font-size: 18px;
  color: #fff;
  font-weight: bold;
  height: 25px;
  line-height: 25px;
  width: 25px;
  background-color: #22b3ff;
  display: flex;
  justify-content: center;
  border: none;
  border-radius: 50%;
  position: relative;
  z-index: 999999999999;
  transition: all 0.6s ease;
}
.js-video-container .video-interactive-item, .youtube-player-wrapper .video-interactive-item {
  display: none;
  background-image: linear-gradient(to left, rgba(34, 179, 255, 0.8), rgba(152, 237, 253, 0.8));
  width: 100%;
  height: 100%;
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
  margin-bottom: 0;
  padding: 24px;
}
@media (max-width: 767px) {
  .js-video-container .video-interactive-item, .youtube-player-wrapper .video-interactive-item {
    padding: 12px;
  }
}
.js-video-container .video-interactive-item-body, .youtube-player-wrapper .video-interactive-item-body {
  scrollbar-width: none;
  overflow: -moz-scrollbars-none;
  -ms-overflow-style: none;
  margin-right: 0 !important;
}
.js-video-container .video-interactive-item-body::-webkit-scrollbar, .youtube-player-wrapper .video-interactive-item-body::-webkit-scrollbar {
  width: 0 !important;
}
@media (max-width: 1000px) {
  .js-video-container .video-interactive-item, .youtube-player-wrapper .video-interactive-item {
    border-radius: 0;
    overflow: hidden;
    margin-bottom: 0;
  }
}
.js-video-container .video-interactive-item li label, .youtube-player-wrapper .video-interactive-item li label {
  top: 0;
  width: 100%;
  border: none;
  min-height: 60px;
  border-radius: 10px;
  box-shadow: 0 0 12px 0 rgba(19, 7, 31, 0.07);
  color: #13071f;
  padding: 5px 24px 5px 40px;
  background-color: #fff;
  align-items: center;
}
.js-video-container .video-interactive-item li .form-group, .youtube-player-wrapper .video-interactive-item li .form-group {
  margin-bottom: 0;
}
.js-video-container .video-interactive-item .article__next-post-loader-span .loader-article2, .youtube-player-wrapper .video-interactive-item .article__next-post-loader-span .loader-article2 {
  color: #fff;
}
.js-video-container .video-interactive-item .article__next-post-loader-span .loader-article1, .youtube-player-wrapper .video-interactive-item .article__next-post-loader-span .loader-article1 {
  color: #fff;
}
.js-video-container .video-interactive.show, .youtube-player-wrapper .video-interactive.show {
  width: 100%;
  bottom: 0;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  z-index: 9999;
  height: 100%;
}
.js-video-container .video-interactive.show .video-interactive-item, .youtube-player-wrapper .video-interactive.show .video-interactive-item {
  display: block;
  z-index: 9999;
}
.js-video-container .video-interactive.show .video-interactive-btn, .youtube-player-wrapper .video-interactive.show .video-interactive-btn {
  display: none;
}
.js-video-container .video-interactive-close, .youtube-player-wrapper .video-interactive-close {
  bottom: 0;
  right: 15px;
  top: auto;
  left: auto;
  z-index: 10000;
}
.js-video-container .video-interactive-item, .youtube-player-wrapper .video-interactive-item {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.js-video-container .video-interactive-item h2, .youtube-player-wrapper .video-interactive-item h2 {
  margin-bottom: 20px;
}
.js-video-container .video-interactive-item li, .youtube-player-wrapper .video-interactive-item li {
  margin-bottom: 12px;
  margin-right: 12px;
}
.js-video-container .video-interactive-item li:last-child, .youtube-player-wrapper .video-interactive-item li:last-child {
  margin-bottom: 0;
}
.js-video-container .video-interactive-item li:last-child label, .youtube-player-wrapper .video-interactive-item li:last-child label {
  margin-bottom: 0;
}
.js-video-container .video-interactive-item li button, .youtube-player-wrapper .video-interactive-item li button {
  min-height: 48px;
  font-size: 16px;
  padding-top: 12px;
  padding-bottom: 12px;
}
.js-video-container .video-interactive h2, .youtube-player-wrapper .video-interactive h2 {
  font-size: 16px;
  margin-bottom: 0;
}
.js-video-container.fullscreen .video-interactive, .youtube-player-wrapper.fullscreen .video-interactive {
  width: 960px;
  top: 78px;
  left: 0;
  height: 70vh;
}
@media (max-width: 998px) {
  .js-video-container.fullscreen .video-interactive, .youtube-player-wrapper.fullscreen .video-interactive {
    width: auto;
    top: 0;
    left: 48px;
    right: 48px;
    bottom: auto;
  }
}
.js-video-container.fullscreen .video-interactive.video-interactive--wide, .youtube-player-wrapper.fullscreen .video-interactive.video-interactive--wide {
  width: auto;
  top: 0;
  left: 48px;
  right: 48px;
  bottom: auto;
}
@media (max-width: 767px) {
  .js-video-container.fullscreen .video-interactive.video-interactive--wide, .youtube-player-wrapper.fullscreen .video-interactive.video-interactive--wide {
    left: 0;
    right: 0;
    top: 0;
    height: 100%;
    width: 100%;
  }
}
@media (max-width: 767px) {
  .js-video-container.fullscreen .video-interactive, .youtube-player-wrapper.fullscreen .video-interactive {
    left: 0;
    right: 0;
    top: 0;
    height: 100%;
    width: 100%;
  }
}
@media (max-width: 767px) {
  .js-video-container.fullscreen .video-interactive.show, .youtube-player-wrapper.fullscreen .video-interactive.show {
    top: 0;
    height: 100%;
    width: 100%;
    z-index: 9999999;
  }
  .js-video-container.fullscreen .video-interactive.show .video-interactive-item, .youtube-player-wrapper.fullscreen .video-interactive.show .video-interactive-item {
    display: flex;
    flex-direction: column;
  }
}
.js-video-container.fullscreen .video-interactive-btn, .youtube-player-wrapper.fullscreen .video-interactive-btn {
  height: 180px;
  width: 180px;
  position: relative;
  top: 38px;
  left: 38px;
  padding: 15px;
}
.js-video-container.fullscreen .video-interactive-btn:hover .video-interactive-btn-circle1, .youtube-player-wrapper.fullscreen .video-interactive-btn:hover .video-interactive-btn-circle1 {
  animation: none;
}
.js-video-container.fullscreen .video-interactive-btn:hover .video-interactive-btn-circle2, .youtube-player-wrapper.fullscreen .video-interactive-btn:hover .video-interactive-btn-circle2 {
  animation: question-lines3 1.3s infinite;
}
.js-video-container.fullscreen .video-interactive-btn:hover .video-interactive-btn-circle3, .youtube-player-wrapper.fullscreen .video-interactive-btn:hover .video-interactive-btn-circle3 {
  animation: question-lines2 1.3s infinite;
}
.js-video-container.fullscreen .video-interactive-btn .video-interactive-btn-circle1, .youtube-player-wrapper.fullscreen .video-interactive-btn .video-interactive-btn-circle1 {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
.js-video-container.fullscreen .video-interactive-btn .video-interactive-btn-circle2, .youtube-player-wrapper.fullscreen .video-interactive-btn .video-interactive-btn-circle2 {
  position: absolute;
  top: 26px;
  left: 26px;
  bottom: 26px;
  right: 26px;
}
.js-video-container.fullscreen .video-interactive-btn .video-interactive-btn-circle3, .youtube-player-wrapper.fullscreen .video-interactive-btn .video-interactive-btn-circle3 {
  position: absolute;
  top: 37px;
  left: 37px;
  bottom: 37px;
  right: 37px;
}
.js-video-container.fullscreen .video-interactive-btn .video-interactive-btn-circle4, .youtube-player-wrapper.fullscreen .video-interactive-btn .video-interactive-btn-circle4 {
  position: absolute;
  top: 15px;
  left: 15px;
  right: 15px;
  bottom: 15px;
}
.js-video-container.fullscreen .video-interactive-btn span, .youtube-player-wrapper.fullscreen .video-interactive-btn span {
  font-size: 72px;
  color: #fff;
  font-weight: bold;
  height: 100px;
  line-height: 108px;
  width: 100px;
}
@media (max-width: 767px) {
  .js-video-container.fullscreen .video-interactive-btn, .youtube-player-wrapper.fullscreen .video-interactive-btn {
    height: 45px;
    width: 45px;
    position: relative;
    top: 12px;
    left: 12px;
    padding: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.6s ease;
    z-index: 999999999;
    cursor: pointer;
  }
  .js-video-container.fullscreen .video-interactive-btn .video-interactive-btn-circle1, .youtube-player-wrapper.fullscreen .video-interactive-btn .video-interactive-btn-circle1 {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    border: solid 1px rgba(34, 179, 255, 0.2);
    border-radius: 50%;
    z-index: 999999999;
    transition: all 0.6s ease;
    animation: question-lines1-md 1.3s infinite;
  }
  .js-video-container.fullscreen .video-interactive-btn .video-interactive-btn-circle2, .youtube-player-wrapper.fullscreen .video-interactive-btn .video-interactive-btn-circle2 {
    position: absolute;
    top: 6px;
    left: 6px;
    bottom: 6px;
    right: 6px;
    border: solid 1px rgba(34, 179, 255, 0.4);
    border-radius: 50%;
    z-index: 999999999;
    transition: all 0.6s ease;
    animation: question-lines2-md 1.3s infinite;
  }
  .js-video-container.fullscreen .video-interactive-btn .video-interactive-btn-circle3, .youtube-player-wrapper.fullscreen .video-interactive-btn .video-interactive-btn-circle3 {
    position: absolute;
    top: 9px;
    left: 9px;
    bottom: 9px;
    right: 9px;
    border: solid 1px rgba(34, 179, 255, 0.8);
    border-radius: 50%;
    z-index: 999999999;
    transition: all 0.6s ease;
    animation: question-lines3-md 1.3s infinite;
  }
  .js-video-container.fullscreen .video-interactive-btn .video-interactive-btn-circle4, .youtube-player-wrapper.fullscreen .video-interactive-btn .video-interactive-btn-circle4 {
    position: absolute;
    top: 10px;
    left: 10px;
    right: 10px;
    bottom: 10px;
    background-color: rgba(152, 237, 253, 0.6);
    z-index: 2;
    border-radius: 50%;
    transition: all 0.6s ease;
  }
  .js-video-container.fullscreen .video-interactive-btn span, .youtube-player-wrapper.fullscreen .video-interactive-btn span {
    font-size: 18px;
    color: #fff;
    font-weight: bold;
    height: 25px;
    line-height: 25px;
    width: 25px;
    background-color: #22b3ff;
    display: flex;
    justify-content: center;
    border: none;
    border-radius: 50%;
    position: relative;
    z-index: 999999999999;
    transition: all 0.6s ease;
  }
}
.js-video-container.fullscreen .video-interactive h2, .youtube-player-wrapper.fullscreen .video-interactive h2 {
  font-size: 36px;
  margin-bottom: 48px;
}
@media (max-height: 800px) and (min-width: 767px) {
  .js-video-container.fullscreen .video-interactive h2, .youtube-player-wrapper.fullscreen .video-interactive h2 {
    font-size: 24px;
    margin-bottom: 36px;
  }
}
@media (max-width: 767px) {
  .js-video-container.fullscreen .video-interactive h2, .youtube-player-wrapper.fullscreen .video-interactive h2 {
    margin-bottom: 0;
  }
}
.js-video-container.fullscreen .video-interactive-item, .youtube-player-wrapper.fullscreen .video-interactive-item {
  height: 100%;
  padding: 48px;
}
@media (max-width: 767px) {
  .js-video-container.fullscreen .video-interactive-item, .youtube-player-wrapper.fullscreen .video-interactive-item {
    padding: 12px;
  }
}
.js-video-container.fullscreen .video-interactive-item li, .youtube-player-wrapper.fullscreen .video-interactive-item li {
  margin-bottom: 24px;
}
@media (max-height: 500px) {
  .js-video-container.fullscreen .video-interactive-item li, .youtube-player-wrapper.fullscreen .video-interactive-item li {
    margin-bottom: 10px;
  }
}
.js-video-container.fullscreen .video-interactive-item li label, .youtube-player-wrapper.fullscreen .video-interactive-item li label {
  width: 100%;
  border: none;
  min-height: 60px;
  border-radius: 10px;
  box-shadow: 0 0 12px 0 rgba(19, 7, 31, 0.07);
  font-size: 24px;
  color: #13071f;
  padding: 15px 24px 15px 60px;
  background-color: #fff;
}
@media (max-height: 800px) {
  .js-video-container.fullscreen .video-interactive-item li label, .youtube-player-wrapper.fullscreen .video-interactive-item li label {
    font-size: 16px;
  }
}
@media (max-height: 500px) {
  .js-video-container.fullscreen .video-interactive-item li label, .youtube-player-wrapper.fullscreen .video-interactive-item li label {
    font-size: 12px;
    line-height: 12px;
    min-height: auto;
  }
}

.video-interactive-timeline {
  position: relative;
  bottom: 0;
  left: 0;
  padding-left: 0;
}

.video-interactive-close {
  position: absolute;
  top: -10px;
  right: -14px;
  width: 40px;
  height: 45px;
  border-radius: 50%;
}
.video-interactive-close .icon {
  fill: #22b3ff;
  font-size: 10px;
}
@media (max-width: 1000px) {
  .video-interactive-close {
    bottom: 0;
    right: 12px;
    top: auto;
    left: auto;
  }
}

.close-interactive {
  height: 100%;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: transparent;
  border: none;
}

.video-interactive-item-title h2 {
  font-size: 36px;
  color: #fff;
  margin-bottom: 40px;
}
@media (max-width: 500px) {
  .video-interactive-item-title h2 {
    font-size: 12px;
    line-height: 12px;
  }
}

.js-video-container.poll-active, .youtube-player-wrapper.poll-active {
  position: relative;
}

.tab-video {
  position: relative;
}

.js-video-container.poll-active .tab-video .video-play, .youtube-player-wrapper.poll-active .tab-video .video-play {
  position: absolute;
  width: 100%;
  height: calc(100% - 164px);
  left: 0;
  top: 60px;
  z-index: 11;
  opacity: 1;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.js-video-container.poll-active .tab-video .video-play.unvisible, .youtube-player-wrapper.poll-active .tab-video .video-play.unvisible {
  opacity: 0;
}

.js-video-container.poll-active.fullscreen .tab-video .video-play {
  top: 30%;
  height: 30%;
}

.video-interactive-item-title {
  margin-bottom: 12px;
}

@media (max-width: 1000px) {
  .js-video-container.poll-active .video-interactive-item-body label, .youtube-player-wrapper.poll-active .video-interactive-item-body label {
    font-size: 16px;
    padding: 7px;
    padding-left: 40px;
  }
}
@media (max-width: 500px) {
  .js-video-container.poll-active .video-interactive-item-body label, .youtube-player-wrapper.poll-active .video-interactive-item-body label {
    font-size: 12px !important;
    line-height: 12px;
  }
}

.js-video-container.fullscreen .video-interactive .video-interactive-close, .youtube-player-wrapper.fullscreen .video-interactive .video-interactive-close {
  top: -10px;
  right: -20px;
}
@media (max-width: 1000px) {
  .js-video-container.fullscreen .video-interactive .video-interactive-close, .youtube-player-wrapper.fullscreen .video-interactive .video-interactive-close {
    bottom: 0;
    right: 12px;
    top: auto;
    left: auto;
  }
}

.video-interactive-item .article-question__checkboxs .form-group label:before {
  display: none;
}
.video-interactive-item .article-question__checkboxs .form-group label:after {
  left: 15px !important;
  top: 40% !important;
  transform: translateY(-50%), rotate(180deg) !important;
  border-width: 0 3px 3px 0 !important;
}
.video-interactive-item .article-question__checkboxs .article-question__checkbox--error input:checked ~ label {
  color: #ff7373 !important;
}
.video-interactive-item .article-question__checkboxs .article-question__checkbox--error input:checked + label:after {
  content: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMTEiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMSAxMiI+DQogICAgPGRlZnM+DQogICAgICAgIDxwYXRoIGlkPSJiIiBkPSJNMTQuNSAxNFY5djVoLTUgNXptMCAwdjUtNWg1LTV6Ii8+DQogICAgICAgIDxmaWx0ZXIgaWQ9ImEiIHdpZHRoPSIxNTQuNSUiIGhlaWdodD0iMTcwJSIgeD0iLTI3LjMlIiB5PSItMzUlIiBmaWx0ZXJVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giPg0KICAgICAgICAgICAgPGZlR2F1c3NpYW5CbHVyIGluPSJTb3VyY2VBbHBoYSIgcmVzdWx0PSJzaGFkb3dCbHVySW5uZXIxIiBzdGREZXZpYXRpb249IjEuNSIvPg0KICAgICAgICAgICAgPGZlT2Zmc2V0IGR5PSIxIiBpbj0ic2hhZG93Qmx1cklubmVyMSIgcmVzdWx0PSJzaGFkb3dPZmZzZXRJbm5lcjEiLz4NCiAgICAgICAgICAgIDxmZUNvbXBvc2l0ZSBpbj0ic2hhZG93T2Zmc2V0SW5uZXIxIiBpbjI9IlNvdXJjZUFscGhhIiBrMj0iLTEiIGszPSIxIiBvcGVyYXRvcj0iYXJpdGhtZXRpYyIgcmVzdWx0PSJzaGFkb3dJbm5lcklubmVyMSIvPg0KICAgICAgICAgICAgPGZlQ29sb3JNYXRyaXggaW49InNoYWRvd0lubmVySW5uZXIxIiB2YWx1ZXM9IjAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAuNSAwIi8+DQogICAgICAgIDwvZmlsdGVyPg0KICAgIDwvZGVmcz4NCiAgICA8ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgdHJhbnNmb3JtPSJyb3RhdGUoNDUgMTkuNjU3IC0uODY0KSI+DQogICAgICAgIDx1c2UgZmlsbD0iIzAwMCIgZmlsdGVyPSJ1cmwoI2EpIiB4bGluazpocmVmPSIjYiIvPg0KICAgICAgICA8dXNlIHN0cm9rZT0iI2ZmNzM3MyIgc3Ryb2tlLXdpZHRoPSIzIiB4bGluazpocmVmPSIjYiIvPg0KICAgIDwvZz4NCjwvc3ZnPg0K") !important;
  box-shadow: none !important;
  width: 20px !important;
  height: 20px !important;
  background: transparent !important;
  border: none !important;
  transform: rotate(0) translateY(-50%) !important;
  top: 50% !important;
}
.video-interactive-item .article-question__checkboxs .article-question__checkbox--success input:checked ~ label {
  color: #49e3a4 !important;
}
.video-interactive-item .article-question__checkboxs .article-question__checkbox--success input:checked + label:after {
  border-width: 0 2px 2px 0;
  content: "";
  display: block;
  position: absolute;
  top: 3px;
  left: 9px;
  width: 7px;
  height: 14px;
  border: solid #49e3a4;
}
.video-interactive-item .article-question__checkboxs .article-question__checkbox input:checked ~ label {
  color: #22b3ff !important;
}
.video-interactive-item .article-question__checkboxs .article-question__checkbox input:checked + label:after {
  border-width: 0 2px 2px 0;
  content: "";
  display: block;
  position: absolute;
  top: 3px;
  left: 9px;
  width: 7px;
  height: 14px;
  border: solid #22b3ff;
}

.js-video-container .video-interactive-item .article-question__checkbox input:checked ~ label {
  color: #49e3a4;
}

.article-question__procents .green .procent {
  color: #49e3a4;
}
@media (max-height: 800px) and (max-width: 800px) {
  .article-question__procents .green .procent {
    font-size: 12px;
    line-height: 12px;
    height: 31px !important;
    width: 31px !important;
  }
}
.article-question__procents .green span {
  color: #49e3a4;
}
.article-question__procents .red .procent {
  color: #ff7373;
}
@media (max-height: 800px) and (max-width: 800px) {
  .article-question__procents .red .procent {
    font-size: 12px;
    line-height: 12px;
    height: 31px !important;
    width: 31px !important;
  }
}
.article-question__procents .red span {
  color: #ff7373;
}
.article-question__procents .procent {
  height: 50px;
  width: 50px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  font-weight: 800;
  letter-spacing: 0.07px;
  background-color: #fff;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 6px;
  box-shadow: 0 0 12px 0 rgba(19, 7, 31, 0.07);
}
@media (max-width: 620px) {
  .article-question__procents .procent {
    left: 0;
  }
}
@media (max-height: 800px) and (max-width: 800px) {
  .article-question__procents .procent {
    font-size: 12px;
    line-height: 12px;
    height: 31px !important;
    width: 31px !important;
  }
}
.article-question__procents span {
  font-size: 24px;
  line-height: 1.28;
  color: #13071f;
}
@media (max-width: 620px) {
  .article-question__procents span {
    font-size: 16px;
  }
}
.article-question__procents li {
  background-color: #fff;
  border-radius: 10px;
  box-shadow: 0 0 12px 0 rgba(19, 7, 31, 0.07);
  margin-bottom: 24px;
  position: relative;
  width: 100%;
  padding: 15px 24px 15px 60px;
}
@media (max-width: 767px) {
  .article-question__procents li {
    padding: 5px 5px 5px 60px;
  }
}

@media (max-width: 1000px) {
  .js-video-container.poll-active.fullscreen .video-interactive-item h2, .youtube-player-wrapper.poll-active.fullscreen .video-interactive-item h2 {
    font-size: 20px;
    line-height: 22px;
  }
}
@media (max-width: 500px) {
  .js-video-container.poll-active.fullscreen .video-interactive-item h2, .youtube-player-wrapper.poll-active.fullscreen .video-interactive-item h2 {
    font-size: 16px;
    line-height: 17px;
    margin-bottom: 0;
  }
}

.js-video-container.fullscreen .video-interactive-item .procent, .youtube-player-wrapper.fullscreen .video-interactive-item .procent {
  left: -25px;
}
@media (max-width: 620px) {
  .js-video-container.fullscreen .video-interactive-item .procent, .youtube-player-wrapper.fullscreen .video-interactive-item .procent {
    left: 0;
  }
}

.js-video-container.fullscreen .video-interactive-item--wide, .youtube-player-wrapper.fullscreen .video-interactive-item--wide {
  border-top-right-radius: 0;
  border-top-left-radius: 0;
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
}
.js-video-container.fullscreen .video-interactive-item--wide li .form-group, .youtube-player-wrapper.fullscreen .video-interactive-item--wide li .form-group {
  height: 100%;
}
.js-video-container.fullscreen .video-interactive-item--wide li .form-group label, .youtube-player-wrapper.fullscreen .video-interactive-item--wide li .form-group label {
  height: 100%;
}

@media (max-width: 1000px) {
  .js-video-container.fullscreen .video-interactive-item li .form-group label, .youtube-player-wrapper.fullscreen .video-interactive-item li .form-group label {
    font-size: 14px;
    line-height: 14px;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-right: 15px;
  }
}
.js-video-container.fullscreen .video-interactive-item .video-interactive-item-body__procent, .youtube-player-wrapper.fullscreen .video-interactive-item .video-interactive-item-body__procent {
  height: auto;
}
@media (max-width: 1100px) {
  .js-video-container.fullscreen .video-interactive-item .video-interactive-item-body__procent, .youtube-player-wrapper.fullscreen .video-interactive-item .video-interactive-item-body__procent {
    height: inherit;
  }
}
@media (max-width: 1100px) {
  .js-video-container.fullscreen .video-interactive-item, .youtube-player-wrapper.fullscreen .video-interactive-item {
    border-radius: 0;
  }
}
.js-video-container.fullscreen .video-interactive-item .video-interactive-item-body-inner, .youtube-player-wrapper.fullscreen .video-interactive-item .video-interactive-item-body-inner {
  display: flex;
}
@media (max-width: 1100px) {
  .js-video-container.fullscreen .video-interactive-item .video-interactive-item-body-inner, .youtube-player-wrapper.fullscreen .video-interactive-item .video-interactive-item-body-inner {
    flex-direction: column;
    margin-right: 12px;
  }
}
.js-video-container.fullscreen .video-interactive-item .video-interactive-item-body-inner li, .youtube-player-wrapper.fullscreen .video-interactive-item .video-interactive-item-body-inner li {
  margin-bottom: 10px;
  width: 25%;
}
@media (max-width: 1100px) {
  .js-video-container.fullscreen .video-interactive-item .video-interactive-item-body-inner li, .youtube-player-wrapper.fullscreen .video-interactive-item .video-interactive-item-body-inner li {
    width: 100%;
  }
}
.js-video-container.fullscreen .video-interactive-item .video-interactive-item-body-inner li:not(:last-child), .youtube-player-wrapper.fullscreen .video-interactive-item .video-interactive-item-body-inner li:not(:last-child) {
  margin-right: 24px;
}
.js-video-container.fullscreen .video-interactive-item .video-interactive-item-body-inner label, .youtube-player-wrapper.fullscreen .video-interactive-item .video-interactive-item-body-inner label {
  width: 100%;
  font-size: 18px;
  line-height: 1.22;
}
.js-video-container.fullscreen .video-interactive-item .video-interactive-close, .youtube-player-wrapper.fullscreen .video-interactive-item .video-interactive-close {
  top: 24px;
}
@media (max-height: 1000px) {
  .js-video-container.fullscreen .video-interactive-item .video-interactive-close, .youtube-player-wrapper.fullscreen .video-interactive-item .video-interactive-close {
    right: 12px;
    bottom: 0;
    top: auto;
  }
}
.js-video-container.fullscreen .video-interactive-item .article-question__procents span, .youtube-player-wrapper.fullscreen .video-interactive-item .article-question__procents span {
  font-size: 18px;
}
@media (max-height: 500px) {
  .js-video-container.fullscreen .video-interactive-item .article-question__procents span, .youtube-player-wrapper.fullscreen .video-interactive-item .article-question__procents span {
    font-size: 12px !important;
    line-height: 12px;
  }
}

.js-video-container.fullscreen .video-interactive-item--wide .article-question__procents, .youtube-player-wrapper.fullscreen .video-interactive-item--wide .article-question__procents {
  display: flex;
}
.js-video-container.fullscreen .video-interactive-item--wide .article-question__procents li, .youtube-player-wrapper.fullscreen .video-interactive-item--wide .article-question__procents li {
  display: flex;
  align-items: center;
}
.js-video-container.fullscreen .video-interactive-item--wide .article-question__procents span, .youtube-player-wrapper.fullscreen .video-interactive-item--wide .article-question__procents span {
  font-size: 18px;
}
@media (max-width: 1500px) {
  .js-video-container.fullscreen .video-interactive-item--wide .article-question__procents span, .youtube-player-wrapper.fullscreen .video-interactive-item--wide .article-question__procents span {
    font-size: 14px;
  }
}
@media (max-width: 500px) {
  .js-video-container.fullscreen .video-interactive-item--wide .article-question__procents span, .youtube-player-wrapper.fullscreen .video-interactive-item--wide .article-question__procents span {
    font-size: 16px;
  }
}

.js-video-container.poll-active li, .youtube-player-wrapper.poll-active li {
  margin-top: 5px;
}
.js-video-container.poll-active li span, .youtube-player-wrapper.poll-active li span {
  font-size: 16px;
}
@media (max-width: 500px) {
  .js-video-container.poll-active li span, .youtube-player-wrapper.poll-active li span {
    font-size: 12px;
    line-height: 12px;
  }
}

.js-video-container.poll-active.fullscreen li, .youtube-player-wrapper.poll-active.fullscreen li {
  margin-top: 5px;
}
.js-video-container.poll-active.fullscreen li span, .youtube-player-wrapper.poll-active.fullscreen li span {
  font-size: 24px;
}
@media (max-width: 500px) {
  .js-video-container.poll-active.fullscreen li span, .youtube-player-wrapper.poll-active.fullscreen li span {
    font-size: 16px;
  }
}
@media (max-height: 500px) {
  .js-video-container.poll-active.fullscreen li span, .youtube-player-wrapper.poll-active.fullscreen li span {
    font-size: 12px;
    line-height: 12px;
  }
}
@media (max-width: 400px) {
  .js-video-container.poll-active.fullscreen li span, .youtube-player-wrapper.poll-active.fullscreen li span {
    font-size: 13px;
    line-height: 13px;
  }
}
.js-video-container.poll-active.fullscreen li .procent, .youtube-player-wrapper.poll-active.fullscreen li .procent {
  left: 5px;
}

.card-item.card-item--sm.article-question--sm {
  background: transparent;
  box-shadow: none;
}
.card-item.card-item--sm.article-question--sm .poll-item.poll-item--190.wide-btn {
  width: 100%;
  height: 100%;
}
.card-item.card-item--sm.article-question--sm .article-question {
  height: 100%;
}

@media (max-width: 960px) {
  .js-video-container.fullscreen.xx-chat .youtube-player-container, .youtube-player-wrapper.fullscreen.xx-chat .youtube-player-container {
    flex-shrink: 0;
    flex-grow: 1;
    position: relative;
  }
  .js-video-container.fullscreen.xx-chat .video-chat, .youtube-player-wrapper.fullscreen.xx-chat .video-chat {
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 10;
    margin-bottom: 0;
    position: relative;
  }
  .js-video-container.fullscreen.xx-chat .video-chat.webinar__chat, .youtube-player-wrapper.fullscreen.xx-chat .video-chat.webinar__chat {
    width: 40%;
    height: 100%;
    overflow: hidden;
  }
  .js-video-container.fullscreen.xx-chat .video-chat.webinar__chat .webinar__chat-body, .youtube-player-wrapper.fullscreen.xx-chat .video-chat.webinar__chat .webinar__chat-body {
    z-index: 999999;
    box-shadow: none;
    background-color: #ffffff;
    padding: 0;
    border-radius: 0;
    height: 100%;
    width: auto;
  }
  .js-video-container.fullscreen.xx-chat .video-chat.webinar__chat .webinar__chat-inner, .youtube-player-wrapper.fullscreen.xx-chat .video-chat.webinar__chat .webinar__chat-inner {
    padding-left: 0;
  }
  .js-video-container.fullscreen.xx-chat .video-chat.webinar__chat .webinar__chat-inner, .js-video-container.fullscreen.xx-chat .video-chat.webinar__chat .webinar__chat-users-list-inner, .youtube-player-wrapper.fullscreen.xx-chat .video-chat.webinar__chat .webinar__chat-inner, .youtube-player-wrapper.fullscreen.xx-chat .video-chat.webinar__chat .webinar__chat-users-list-inner {
    height: 100%;
    overflow: hidden;
  }
  .js-video-container.fullscreen.xx-chat .video-chat.webinar__chat .webinar__chat-users-list, .youtube-player-wrapper.fullscreen.xx-chat .video-chat.webinar__chat .webinar__chat-users-list {
    overflow: hidden;
    height: 100%;
  }
  .js-video-container.fullscreen.xx-chat .video-chat.webinar__chat .webinar__chat-users-list-track, .youtube-player-wrapper.fullscreen.xx-chat .video-chat.webinar__chat .webinar__chat-users-list-track {
    max-height: 100%;
  }
  .js-video-container.fullscreen.xx-chat .caption-control, .js-video-container.fullscreen.xx-chat .mute-control, .js-video-container.fullscreen.xx-chat .video-fullscreen, .youtube-player-wrapper.fullscreen.xx-chat .caption-control, .youtube-player-wrapper.fullscreen.xx-chat .mute-control, .youtube-player-wrapper.fullscreen.xx-chat .video-fullscreen {
    background-color: transparent;
    box-shadow: none;
  }
  .js-video-container.fullscreen.xx-chat .caption-control .icon, .js-video-container.fullscreen.xx-chat .mute-control .icon, .js-video-container.fullscreen.xx-chat .video-fullscreen .icon, .youtube-player-wrapper.fullscreen.xx-chat .caption-control .icon, .youtube-player-wrapper.fullscreen.xx-chat .mute-control .icon, .youtube-player-wrapper.fullscreen.xx-chat .video-fullscreen .icon {
    fill: #22b3ff;
  }
  .js-video-container.fullscreen.xx-chat .caption-control.active, .js-video-container.fullscreen.xx-chat .mute-control.active, .js-video-container.fullscreen.xx-chat .video-fullscreen.active, .youtube-player-wrapper.fullscreen.xx-chat .caption-control.active, .youtube-player-wrapper.fullscreen.xx-chat .mute-control.active, .youtube-player-wrapper.fullscreen.xx-chat .video-fullscreen.active {
    background-color: transparent;
    box-shadow: none;
  }
  .js-video-container.fullscreen.xx-chat .caption-control.active .icon, .js-video-container.fullscreen.xx-chat .mute-control.active .icon, .js-video-container.fullscreen.xx-chat .video-fullscreen.active .icon, .youtube-player-wrapper.fullscreen.xx-chat .caption-control.active .icon, .youtube-player-wrapper.fullscreen.xx-chat .mute-control.active .icon, .youtube-player-wrapper.fullscreen.xx-chat .video-fullscreen.active .icon {
    fill: #49e3a4;
  }
  .video-chat-btn {
    display: none !important;
  }
}
@media (max-width: 600px) {
  .js-video-container.fullscreen.xx-chat .youtube-player-container, .youtube-player-wrapper.fullscreen.xx-chat .youtube-player-container {
    flex-shrink: 0;
    height: auto;
  }
  .js-video-container.fullscreen.xx-chat .video-chat.webinar__chat, .youtube-player-wrapper.fullscreen.xx-chat .video-chat.webinar__chat {
    width: 100%;
    flex-grow: 1;
    display: block;
  }
}
.article__comment.active {
  padding-bottom: 36px;
}
.article__comment.active .article__title.panel-heading h2 {
  padding-bottom: 0;
}
.article__comment.active .article__title.panel-heading h2:after {
  top: 2px;
}

.ordionline_webinar_announce .article-fw__lector-wrap {
  display: flex;
  align-items: flex-start;
  margin-bottom: 0;
}
@media (max-width: 767px) {
  .ordionline_webinar_announce .article-fw__lector-wrap {
    flex-direction: column;
    align-items: center;
    position: relative;
  }
  .ordionline_webinar_announce .article-fw__lector-wrap .article-fw__date {
    top: 0;
    position: absolute;
  }
}
.ordionline_webinar_announce .article-fw__lector {
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media (max-width: 767px) {
  .ordionline_webinar_announce .article-fw__lector {
    margin-top: 100px;
  }
}
.ordionline_webinar_announce .article-fw__lector-desc {
  width: 260px;
  text-align: center;
  padding-top: 26px;
}
.ordionline_webinar_announce .article-fw__lector-img {
  height: 200px;
  width: 200px;
  position: relative;
  margin-left: -7px;
  margin-top: 5px;
  border-radius: 50%;
}
.ordionline_webinar_announce .article-fw__lector-img img {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  height: 100%;
  width: 100%;
  border-radius: 50%;
}
.ordionline_webinar_announce .article-fw__lector h3 {
  font-size: 24px;
  font-weight: 800;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.25;
  letter-spacing: 0.04px;
  text-align: center;
  color: #ffffff;
}
.ordionline_webinar_announce .article-fw__lector span {
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.29;
  letter-spacing: 0.02px;
  text-align: center;
  color: #ffffff;
  display: flex;
  margin-top: -2px;
  justify-content: center;
}
.ordionline_webinar_announce .article-fw__date {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.ordionline_webinar_announce .article-fw__day-span {
  font-size: 30px;
  font-weight: 800;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.13;
  letter-spacing: 0.05px;
  padding-bottom: 0;
}
.ordionline_webinar_announce .article-fw__time {
  padding-left: 0;
}
.ordionline_webinar_announce .article-fw__date {
  padding-top: 17px;
}
@media (max-width: 580px) {
  .ordionline_webinar_announce .article-fw__date {
    padding-top: 0;
  }
}
.ordionline_webinar_announce .article-fw__time-span {
  font-size: 20px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: 0.03px;
  color: #ffffff;
}
.ordionline_webinar_announce .top-content--event .breadcrubs-article {
  padding: 0 0 28px;
}
@media (max-width: 580px) {
  .ordionline_webinar_announce .top-content--event .breadcrubs-article {
    padding-bottom: 0;
  }
}
.ordionline_webinar_announce .article-fw__lector-sider {
  width: 260px;
  margin-right: 40px;
}
@media (max-width: 767px) {
  .ordionline_webinar_announce .article-fw__lector-sider {
    margin-right: 0;
    margin-bottom: 40px;
  }
}
.ordionline_webinar_announce .slick-prev {
  font-size: 0;
  width: 8px;
  height: 14px;
  border: none;
  background-color: transparent;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI4IiBoZWlnaHQ9IjE0IiB2aWV3Qm94PSIwIDAgOCAxNCI+CiAgICA8cGF0aCBmaWxsPSIjRkZGIiBmaWxsLW9wYWNpdHk9Ii41IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik03LjY0MiAxMy42M2ExLjI5IDEuMjkgMCAwIDAgMC0xLjc4M0wyLjk0OCA3bDQuNjk0LTQuODQ3YTEuMjkgMS4yOSAwIDAgMCAwLTEuNzg0IDEuMTk0IDEuMTk0IDAgMCAwLTEuNzI3IDBMLjM1OCA2LjExQTEuMjgyIDEuMjgyIDAgMCAwIDAgN2MwIC4zMzUuMTI5LjY1NS4zNTguODkybDUuNTU3IDUuNzM5Yy40NzcuNDkyIDEuMjUuNDkyIDEuNzI3IDB6Ii8+Cjwvc3ZnPgo=");
  background-repeat: no-repeat;
}
@media (max-width: 767px) {
  .ordionline_webinar_announce .slick-prev {
    left: -20px;
  }
}
.ordionline_webinar_announce .slick-next {
  font-size: 0;
  width: 8px;
  height: 14px;
  border: none;
  background-color: transparent;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI4IiBoZWlnaHQ9IjE0IiB2aWV3Qm94PSIwIDAgOCAxNCI+CiAgICA8cGF0aCBmaWxsPSIjRkZGIiBmaWxsLW9wYWNpdHk9Ii41IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0uMzU4IDEzLjYzYTEuMjkgMS4yOSAwIDAgMSAwLTEuNzgzTDUuMDUyIDcgLjM1OCAyLjE1M2ExLjI5IDEuMjkgMCAwIDEgMC0xLjc4NCAxLjE5NCAxLjE5NCAwIDAgMSAxLjcyNyAwbDUuNTU3IDUuNzRjLjIzLjIzNi4zNTguNTU3LjM1OC44OTEgMCAuMzM1LS4xMjkuNjU1LS4zNTguODkyTDIuMDg1IDEzLjYzYTEuMTk0IDEuMTk0IDAgMCAxLTEuNzI3IDB6Ii8+Cjwvc3ZnPgo=");
  right: 9px;
  background-repeat: no-repeat;
}
@media (max-width: 767px) {
  .ordionline_webinar_announce .slick-next {
    right: -20px;
  }
}
.ordionline_webinar_announce .slick-arrow {
  position: absolute;
  top: 96px;
  z-index: 999;
}
@media (max-width: 767px) {
  .ordionline_webinar_announce .slick-arrow {
    top: 200px;
    width: 40px;
    height: 40px;
    background-position: center;
  }
}
.ordionline_webinar_announce .slick-dots {
  position: absolute;
  bottom: -12px;
  left: 0;
  right: 0;
  display: flex;
  list-style-type: none;
  justify-content: center;
}
.ordionline_webinar_announce .slick-dots li {
  height: 6px;
  width: 6px;
  border-radius: 50%;
  background-color: rgba(216, 216, 216, 0.5);
  transition: all 0.3s ease;
  display: flex;
  margin-right: 4px;
  cursor: pointer;
}
.ordionline_webinar_announce .slick-dots li:last-child {
  margin-right: 0;
}
.ordionline_webinar_announce .slick-dots li button {
  font-size: 0;
  border: none;
}
.ordionline_webinar_announce .slick-dots li.slick-active {
  background-color: #d8d8d8;
}
@media (max-width: 767px) {
  .ordionline_webinar_announce .btn--favourite, .ordionline_webinar_announce .btn--share {
    display: none;
  }
}

.ordionline_webinar_lectors-past .events-fw__past-lector, .ordionline_webinar_lectors-online .events-fw__past-lector {
  display: flex;
  align-items: center;
  margin-top: 24px;
}
.ordionline_webinar_lectors-past .events-fw__past-lector-img, .ordionline_webinar_lectors-online .events-fw__past-lector-img {
  height: 50px;
  width: 50px;
  position: relative;
  flex-shrink: 0;
}
.ordionline_webinar_lectors-past .events-fw__past-lector-img img, .ordionline_webinar_lectors-online .events-fw__past-lector-img img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
  border-radius: 50%;
}
.ordionline_webinar_lectors-past .events-fw__past-lector-desc, .ordionline_webinar_lectors-online .events-fw__past-lector-desc {
  padding-left: 12px;
  padding-top: 2px;
  display: flex;
  flex-direction: column;
  max-width: 250px;
  text-overflow: ellipsis;
}
.ordionline_webinar_lectors-past .events-fw__past-lector-desc h3, .ordionline_webinar_lectors-online .events-fw__past-lector-desc h3 {
  font-size: 20px;
  font-weight: 800;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.2;
  letter-spacing: 0.03px;
  color: #ffffff;
}
.ordionline_webinar_lectors-past .events-fw__past-lector-desc span, .ordionline_webinar_lectors-online .events-fw__past-lector-desc span {
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.29;
  letter-spacing: 0.02px;
  color: #ffffff;
}
.ordionline_webinar_lectors-past .article-fw__row.events-fw__btns, .ordionline_webinar_lectors-online .article-fw__row.events-fw__btns {
  padding-top: 32px;
}
.ordionline_webinar_lectors-past .events-fw__past-lectors, .ordionline_webinar_lectors-online .events-fw__past-lectors {
  display: flex;
}
@media (max-width: 767px) {
  .ordionline_webinar_lectors-past .events-fw__past-lectors, .ordionline_webinar_lectors-online .events-fw__past-lectors {
    flex-direction: column;
  }
}
.ordionline_webinar_lectors-past .events-fw__past-lectors .events-fw__past-lector, .ordionline_webinar_lectors-online .events-fw__past-lectors .events-fw__past-lector {
  margin-right: 24px;
}
.ordionline_webinar_lectors-past .events-fw__past-lectors .events-fw__past-lector:last-child, .ordionline_webinar_lectors-online .events-fw__past-lectors .events-fw__past-lector:last-child {
  margin-right: 0;
}
@media (max-width: 767px) {
  .ordionline_webinar_lectors-past .events-fw__past-lectors .events-fw__past-lector, .ordionline_webinar_lectors-online .events-fw__past-lectors .events-fw__past-lector {
    margin-right: 0;
  }
}

.fast-pool .mt15 {
  margin-top: 24px;
}
.fast-pool .mt15 .article-question--sm .poll-item {
  z-index: 12;
  height: auto !important;
}
.fast-pool .mt15 .article-question--sm .article-question__text {
  max-width: 256px;
  font-size: 20px;
  text-align: center;
  margin-bottom: 24px;
}

@media (max-width: 767px) {
  .ordionline_webinar_lectors-online .events-fw__btns, .ordionline_webinar_lectors-past .events-fw__btns {
    display: none !important;
  }
  .ordionline_webinar_lectors-online .events-fw__btns .video-interactive-item-body-inner.article-question__procents .green, .ordionline_webinar_lectors-online .events-fw__btns .video-interactive-item-body-inner.article-question__procents .red, .ordionline_webinar_lectors-online .events-fw__btns .video-interactive-item-body-inner.article-question__procents .black, .ordionline_webinar_lectors-past .events-fw__btns .video-interactive-item-body-inner.article-question__procents .green, .ordionline_webinar_lectors-past .events-fw__btns .video-interactive-item-body-inner.article-question__procents .red, .ordionline_webinar_lectors-past .events-fw__btns .video-interactive-item-body-inner.article-question__procents .black {
    display: flex;
    align-items: center;
  }
}
.ordionline_polls {
  padding-top: 200px;
  padding-bottom: 200px;
  max-width: 1000px;
  margin: 0 auto;
  width: 100%;
}
.ordionline_polls .btn-big {
  height: auto;
  text-align: center;
  padding: 8px 12px;
}
.ordionline_polls .color-btn .red {
  box-shadow: 0 9px 12px 0 rgba(255, 115, 115, 0.6);
  background-color: #ff7373;
}
.ordionline_polls .color-btn .red:hover {
  background-color: #ff7373;
  box-shadow: 0 9px 12px 0 rgba(255, 115, 115, 0.3);
}
.ordionline_polls .color-btn .green {
  box-shadow: 0 9px 12px 0 rgba(73, 227, 164, 0.6);
  background-color: #49e3a4;
}
.ordionline_polls .color-btn .green:hover {
  background-color: #49e3a4;
  box-shadow: 0 9px 12px 0 rgba(73, 227, 164, 0.3);
}

.poll-item {
  z-index: 99;
}
.poll-item--190 {
  width: 190px;
}

.poll-items-wrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding-bottom: 100px;
}

.graph-poll .article-question {
  padding-bottom: 35px;
}
.graph-poll span {
  display: inline-block;
  align-items: center;
  font-size: 14px;
  letter-spacing: 0.03px;
  color: #13071f;
  position: relative;
}
.graph-poll .poll-text-yes-no:not(:last-child) {
  margin-bottom: 12px;
}
.graph-poll .poll-text-yes-no__progressbar {
  display: block;
  position: relative;
  width: 100%;
  height: 4px;
  margin-top: 6px;
  background-color: rgba(34, 179, 255, 0.1);
}
.graph-poll .poll-text-yes-no__progressbar-fill {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  height: 4px;
  z-index: 3;
  background-color: #22b3ff;
}

.result-procent .article-question__procent {
  font-size: 54px;
  font-weight: 800;
  line-height: 1;
  color: #49e3a4;
  text-align: center;
}
.result-procent .article-question__span {
  font-size: 12px;
  color: #676767;
  line-height: 1.33;
  text-align: center;
}

.poll-item.poll-item--190.wide-btn .btn {
  width: 100%;
  margin-bottom: 12px;
}

.colored-graph .red .poll-text-yes-no__progressbar {
  background-color: rgba(255, 115, 115, 0.1);
}
.colored-graph .red .poll-text-yes-no__progressbar-fill {
  background-color: #ff7373;
}
.colored-graph .green .poll-text-yes-no__progressbar {
  background-color: rgba(73, 227, 164, 0.1);
}
.colored-graph .green .poll-text-yes-no__progressbar-fill {
  background-color: #49e3a4;
}

.poll-item--304 {
  width: 304px;
}

.question-poll .article-question__text {
  font-size: 20px;
  text-align: center;
}
.question-poll .article-question__checkboxs {
  display: flex;
  flex-direction: column;
}
.question-poll .article-question__checkboxs button {
  margin: 0 auto;
  margin-top: 12px;
  text-align: center;
}
.question-poll .article-question__checkbox-btn {
  width: 100%;
  display: flex;
  justify-content: center;
}
.question-poll .article-question__checkbox-btn button {
  color: #22b3ff;
  font-size: 16px;
  font-weight: bold;
  background-color: transparent;
  text-decoration: underline;
  border: none;
}
.question-poll .article-question__checkbox-btn button:hover {
  text-decoration: none;
}
.question-poll .article-question__checkbox {
  display: flex;
  align-items: flex-start;
  margin-bottom: 12px;
}

.article-question__checkbox-btn {
  margin-top: 12px;
}

.graph-poll .article-question__btns {
  display: flex;
  flex-direction: column;
}

.article-question__checkboxs .form-group {
  display: block;
}
.article-question__checkboxs .form-group input {
  padding: 0;
  height: initial;
  width: initial;
  margin-bottom: 0;
  display: none;
  cursor: pointer;
}
.article-question__checkboxs .form-group label {
  position: relative;
  cursor: pointer;
  font-size: 16px;
  color: rgba(0, 0, 0, 0.8);
  font-weight: 400;
  display: flex;
  line-height: 1.5;
  flex-shrink: 0;
  margin-bottom: 15px;
}
.article-question__checkboxs .form-group label:before {
  content: "";
  -webkit-appearance: none;
  background-color: transparent;
  display: inline-block;
  position: relative;
  vertical-align: middle;
  cursor: pointer;
  margin-right: 12px;
  width: 24px;
  height: 24px;
  border-radius: 4px;
  border: solid 2px #eaeaea;
  background-color: #ffffff;
  flex-shrink: 0;
}
.article-question__checkboxs .form-group input:checked + label:after {
  content: "";
  display: block;
  position: absolute;
  top: 3px;
  left: 9px;
  width: 7px;
  height: 14px;
  border: solid #49e3a4;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
  flex-shrink: 0;
}

.question-poll-send {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.question-poll-send .article-question__subtext {
  font-size: 16px;
  color: #676767;
  line-height: 1.5;
  margin-top: 12px;
  text-align: center;
}

.widee .article-question__btns {
  flex-direction: column;
  display: flex;
}
.widee .article-question__btns .btn {
  width: 100%;
  margin-bottom: 12px;
}
.widee .article-question__text {
  font-size: 20px;
  text-align: center;
}

.article-quest {
  display: block;
  padding: 0 0 18px;
}
.article-quest__img img {
  border-radius: 40px 40px 0 0;
}
.article-quest__title {
  font-size: 20px;
  font-weight: bold;
  line-height: 1.2;
  letter-spacing: 0.07px;
  color: #2d2d2d;
  margin-top: 24px;
  margin-bottom: 6px;
  padding: 0 24px;
  transiton: 0.3s ease 0s;
}
.article-quest__title:hover {
  color: #49e3a4;
}
.article-quest__text {
  font-size: 14px;
  line-height: 1.29;
  letter-spacing: 0.05px;
  color: #2d2d2d;
  padding: 0 24px;
}
.article-quest__btn {
  padding: 0 24px;
  margin-top: 24px;
}
.article-quest__btn .btn {
  justify-content: center;
}

.events__content-testing-body .main-subtext {
  font-size: 18px;
  letter-spacing: 0.06px;
  color: rgba(0, 0, 0, 0.8);
}

.events__content-testing-action-line {
  display: flex;
  flex-direction: column;
}
.events__content-testing-action-line-top {
  display: flex;
  justify-content: space-between;
  padding-top: 34px;
}
.events__content-testing-action-line-bottom {
  padding-top: 16px;
}
.events__content-testing-action-line-bottom .line {
  width: 100%;
  height: 6px;
  border-radius: 3px;
  background-color: #eee;
  position: relative;
}
.events__content-testing-action-line-bottom .line:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  height: 100%;
  width: 20%;
  z-index: 999;
  border-radius: 3px;
  background-image: linear-gradient(to left, #22b3ff, #98edfd);
  transition: all 0.3s ease;
}
.events__content-testing-action-line-count {
  display: flex;
  align-items: center;
}
.events__content-testing-action-line-count .main {
  height: 27px;
  width: 27px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #22b3ff;
  font-size: 16px;
  line-height: 27px;
  color: #fff;
  font-weight: 800;
}
.events__content-testing-action-line-count .submain {
  font-size: 12px;
  font-weight: bold;
  color: #d0d0d0;
  line-height: 1.17;
  margin-left: 4px;
}
.events__content-testing-action-line-skip a {
  font-size: 12px;
  color: #22b3ff;
  text-align: right;
  text-decoration: underline;
}
.events__content-testing-action-line-skip a:hover {
  text-decoration: none;
}

.events__content-testing-main-question {
  font-size: 20px;
  font-weight: bold;
  line-height: 1.3;
  color: #13071f;
  padding-top: 36px;
}

.events__content-testing-main .article-question__checkboxs .form-group label:before {
  height: 24px;
  width: 24px;
  border-radius: 50%;
  border: solid 2px #eaeaea;
  transition: all 0.3s ease;
}
.events__content-testing-main .article-question__checkboxs .form-group label:after {
  transition: all 0.3s ease;
}
.events__content-testing-main .article-question__checkboxs .form-group input:checked + label:after {
  height: 10px;
  width: 10px;
  border-radius: 50%;
  border: solid 2px #49e3a4;
  top: 7px;
  left: 7px;
  right: 7px;
  bottom: 7px;
}
.events__content-testing-main .article-question__checkboxs .form-group input:checked + label:before {
  border: solid 2px #49e3a4;
}

.events__content-testing-main-btns {
  display: flex;
  align-items: center;
  padding-top: 40px;
  padding-bottom: 60px;
}
.events__content-testing-main-btns .back {
  border: none;
  background: none;
  font-size: 20px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.05;
  letter-spacing: 0.04px;
  color: #22b3ff;
  text-decoration: underline;
  margin-right: 48px;
}
.events__content-testing-main-btns .back:hover {
  text-decoration: none;
}
.events__content-testing-main-btns .next {
  font-size: 20px;
  font-weight: bold;
  color: #fff;
  padding: 14px 36px;
  border-radius: 25px;
  box-shadow: 0 9px 12px 0 rgba(34, 179, 255, 0.6);
  background-color: #22b3ff;
  transition: all 0.3s ease;
}
.events__content-testing-main-btns .next:hover {
  box-shadow: 0 5px 8px 0 rgba(34, 179, 255, 0.8);
}

.events__content-testing-main-cube .article-question__checkboxs .form-group input:checked + label:before {
  border: solid 2px #49e3a4;
}

.events__content-result-list li {
  font-size: 20px;
  color: #13071f;
  margin-bottom: 24px;
  display: flex;
  flex-direction: column;
}
.events__content-result-list li .success {
  color: #49e3a4;
  font-size: 18px;
  padding-left: 42px;
  position: relative;
  margin-top: 6px;
  margin-bottom: 6px;
}
.events__content-result-list li .success:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 18px;
  width: 7px;
  height: 14px;
  border: solid #49e3a4;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.events__content-result-list li .error {
  color: #ff7373;
  font-size: 18px;
  padding-left: 42px;
  margin-bottom: 6px;
  margin-top: 12px;
  position: relative;
}
.events__content-result-list li .error:after {
  display: inline-block;
  position: absolute;
  top: 0;
  left: 18px;
  content: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMTEiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMSAxMiI+DQogICAgPGRlZnM+DQogICAgICAgIDxwYXRoIGlkPSJiIiBkPSJNMTQuNSAxNFY5djVoLTUgNXptMCAwdjUtNWg1LTV6Ii8+DQogICAgICAgIDxmaWx0ZXIgaWQ9ImEiIHdpZHRoPSIxNTQuNSUiIGhlaWdodD0iMTcwJSIgeD0iLTI3LjMlIiB5PSItMzUlIiBmaWx0ZXJVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giPg0KICAgICAgICAgICAgPGZlR2F1c3NpYW5CbHVyIGluPSJTb3VyY2VBbHBoYSIgcmVzdWx0PSJzaGFkb3dCbHVySW5uZXIxIiBzdGREZXZpYXRpb249IjEuNSIvPg0KICAgICAgICAgICAgPGZlT2Zmc2V0IGR5PSIxIiBpbj0ic2hhZG93Qmx1cklubmVyMSIgcmVzdWx0PSJzaGFkb3dPZmZzZXRJbm5lcjEiLz4NCiAgICAgICAgICAgIDxmZUNvbXBvc2l0ZSBpbj0ic2hhZG93T2Zmc2V0SW5uZXIxIiBpbjI9IlNvdXJjZUFscGhhIiBrMj0iLTEiIGszPSIxIiBvcGVyYXRvcj0iYXJpdGhtZXRpYyIgcmVzdWx0PSJzaGFkb3dJbm5lcklubmVyMSIvPg0KICAgICAgICAgICAgPGZlQ29sb3JNYXRyaXggaW49InNoYWRvd0lubmVySW5uZXIxIiB2YWx1ZXM9IjAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAuNSAwIi8+DQogICAgICAgIDwvZmlsdGVyPg0KICAgIDwvZGVmcz4NCiAgICA8ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgdHJhbnNmb3JtPSJyb3RhdGUoNDUgMTkuNjU3IC0uODY0KSI+DQogICAgICAgIDx1c2UgZmlsbD0iIzAwMCIgZmlsdGVyPSJ1cmwoI2EpIiB4bGluazpocmVmPSIjYiIvPg0KICAgICAgICA8dXNlIHN0cm9rZT0iI2ZmNzM3MyIgc3Ryb2tlLXdpZHRoPSIzIiB4bGluazpocmVmPSIjYiIvPg0KICAgIDwvZz4NCjwvc3ZnPg0K");
  width: 20px;
  height: 20px;
}

.events__content-testing-graph {
  display: flex;
  justify-content: space-between;
  padding-top: 50px;
}
.events__content-testing-graph .events__content-testing-graph-right {
  width: 50%;
}
.events__content-testing-graph .events__content-testing-graph-right span {
  font-size: 14px;
  font-style: italic;
  color: #676767;
  max-width: 160px;
  white-space: pre-wrap;
  display: inline-block;
  text-align: left;
}
.events__content-testing-graph .events__content-testing-graph-right span b {
  font-weight: bold;
}
.events__content-testing-graph .events__content-testing-graph-procent {
  display: flex;
  flex-direction: column;
}
.events__content-testing-graph .events__content-testing-graph-procent .procent {
  font-size: 36px;
  font-weight: 800;
  line-height: 40px;
  background: linear-gradient(to left, #22b3ff, #98edfd);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.events__content-testing-graph .events__content-testing-graph-procent .subtext {
  font-size: 18px;
  line-height: 1.44;
  letter-spacing: 0.06px;
  font-weight: normal;
  color: rgba(0, 0, 0, 0.8);
}

.events__content-result-subtext {
  font-size: 18px;
  line-height: 1.44;
  letter-spacing: 0.06px;
  color: rgba(0, 0, 0, 0.8);
}

.send-mail.active {
  border-radius: 25px;
  box-shadow: 0 9px 12px 0 rgba(56, 221, 149, 0.6);
  background-color: #49e3a4;
  position: relative;
  padding-left: 55px;
}
.send-mail.active:after {
  content: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzOCIgaGVpZ2h0PSIzOCIgdmlld0JveD0iMCAwIDM4IDM4Ij4KICAgIDxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGNpcmNsZSBjeD0iMTkiIGN5PSIxOSIgcj0iMTkiIGZpbGw9IiNGRkYiLz4KICAgICAgICA8cGF0aCBzdHJva2U9IiM0OUUzQTQiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSI0LjA3MSIgZD0iTTI4LjUgMTIuMjE0TDE1Ljc1MSAyNS43ODZsLTQuODk0LTQuODg3Ii8+CiAgICA8L2c+Cjwvc3ZnPgo=");
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 6px;
  width: 38px;
  height: 38px;
  border-radius: 50%;
}

.events__content-testing-graph-line {
  width: 304px;
  position: relative;
  border-radius: 3px;
  height: 6px;
  background-color: #eeeeee;
  margin-top: 10px;
}
.events__content-testing-graph-line:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 62%;
  border-radius: 3px;
  background-image: linear-gradient(to left, #22b3ff, #98edfd);
}

.events__content-testing-graph {
  align-items: center;
}

@keyframes question-lines1 {
  0% {
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
  }
  50% {
    top: -5px;
    left: -5px;
    bottom: -5px;
    right: -5px;
  }
  100% {
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
  }
}
@keyframes question-lines2 {
  0% {
    top: 26px;
    left: 26px;
    bottom: 26px;
    right: 26px;
  }
  50% {
    top: 20px;
    left: 20px;
    bottom: 20px;
    right: 20px;
  }
  100% {
    top: 26px;
    left: 26px;
    bottom: 26px;
    right: 26px;
  }
}
@keyframes question-lines3 {
  0% {
    top: 40px;
    left: 40px;
    bottom: 40px;
    right: 40px;
  }
  50% {
    top: 30px;
    left: 30px;
    bottom: 30px;
    right: 30px;
  }
  100% {
    top: 40px;
    left: 40px;
    bottom: 40px;
    right: 40px;
  }
}
@keyframes question-lines1-md {
  0% {
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
  }
  50% {
    top: -5px;
    left: -5px;
    bottom: -5px;
    right: -5px;
  }
  100% {
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
  }
}
@keyframes question-lines2-md {
  0% {
    top: 6px;
    left: 6px;
    bottom: 6px;
    right: 6px;
  }
  50% {
    top: -3px;
    left: -3px;
    bottom: -3px;
    right: -3px;
  }
  100% {
    top: 6px;
    left: 6px;
    bottom: 6px;
    right: 6px;
  }
}
@keyframes question-lines3-md {
  0% {
    top: 9px;
    left: 9px;
    bottom: 9px;
    right: 9px;
  }
  50% {
    top: 3px;
    left: 3px;
    bottom: 3px;
    right: 3px;
  }
  100% {
    top: 9px;
    left: 9px;
    bottom: 9px;
    right: 9px;
  }
}
@media (max-width: 1000px) {
  @keyframes question-lines2 {
    0% {
      top: 6px;
      left: 6px;
      bottom: 6px;
      right: 6px;
    }
    50% {
      top: 3px;
      left: 3px;
      bottom: 3px;
      right: 3px;
    }
    100% {
      top: 6px;
      left: 6px;
      bottom: 6px;
      right: 6px;
    }
  }
  @keyframes question-lines3 {
    0% {
      top: 6px;
      left: 6px;
      bottom: 6px;
      right: 6px;
    }
    50% {
      top: 3px;
      left: 3px;
      bottom: 3px;
      right: 3px;
    }
    100% {
      top: 6px;
      left: 6px;
      bottom: 6px;
      right: 6px;
    }
  }
}
.ordionline_admin .top-content--event {
  margin-bottom: 36px;
}
.ordionline_admin .events__inner {
  justify-content: flex-start;
}
.ordionline_admin .article-entery__section {
  padding-left: 17px;
}
.ordionline_admin .article-tabs-wrapper {
  margin-top: 0;
}
.ordionline_admin .tabs-content-item {
  display: none;
}
.ordionline_admin .article-tabs .tabs-content-item {
  overflow: visible;
}
.ordionline_admin .tabs-content-item.active {
  display: block;
}
.ordionline_admin .article-tabs {
  margin-top: 0;
  padding-top: 0;
}
.ordionline_admin .article-tabs .tabs-nav {
  box-shadow: none;
}
.ordionline_admin .article-tabs .tabs {
  padding-bottom: 36px;
}
.ordionline_admin .article-tabs-wrapper:after {
  display: none;
}
.ordionline_admin .tabs-content-item {
  width: 877px;
}
@media (max-width: 998px) {
  .ordionline_admin .tabs-content-item {
    width: 100%;
  }
}
.ordionline_admin .tabs-content-item-question-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 36px;
}
.ordionline_admin .tabs-content-item-question-header-title h2 {
  font-family: Circe;
  font-size: 32px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.19;
  letter-spacing: 0.1px;
  color: #13071f;
}
@media (max-width: 767px) {
  .ordionline_admin .tabs-content-item-question-header-title h2 {
    font-size: 25px;
  }
}
@media (max-width: 580px) {
  .ordionline_admin .tabs-content-item-question-header-title h2 {
    font-size: 18px;
  }
}
.ordionline_admin .tabs-content-item-question-header-new-question button {
  font-family: Circe;
  font-size: 16px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.38;
  letter-spacing: 0.03px;
  color: #ffffff;
  width: 148px;
  height: 38px;
  object-fit: contain;
  border-radius: 25px;
  box-shadow: 0 9px 12px 0 rgba(34, 179, 255, 0.6);
  background-color: #22b3ff;
  display: flex;
  justify-content: center;
  align-items: center;
  border: none;
  transition: all 0.3s ease;
}
.ordionline_admin .tabs-content-item-question-header-new-question button:hover {
  box-shadow: 0 5px 8px 0 rgba(34, 179, 255, 0.4);
}
.ordionline_admin .tabs-content-item-question-ready-questions {
  display: flex;
  flex-direction: column;
  padding-bottom: 60px;
}
@media (max-width: 998px) {
  .ordionline_admin .tabs-content-item-question-ready-questions {
    padding-left: 40px;
  }
}
.ordionline_admin .tabs-content-item-question-ready-question {
  width: 100%;
  height: 136px;
  object-fit: contain;
  border-radius: 20px;
  box-shadow: 0 0 10px 0 rgba(19, 7, 31, 0.11);
  background-color: #ffffff;
  display: flex;
  justify-content: space-between;
  align-items: center;
  box-sizing: border-box;
  padding: 18px 24px 24px 21px;
  transition: all 0.3s ease;
  position: relative;
}
@media (max-width: 767px) {
  .ordionline_admin .tabs-content-item-question-ready-question {
    flex-direction: column;
    height: auto;
    align-items: flex-start;
  }
}
.ordionline_admin .tabs-content-item-question-ready-question-position {
  display: flex;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: -36px;
}
.ordionline_admin .tabs-content-item-question-ready-question-position button {
  border: none;
  background: none;
}
.ordionline_admin .tabs-content-item-question-ready-question.in-progress .start-timer {
  display: flex;
}
.ordionline_admin .tabs-content-item-question-ready-question.in-progress .tabs-content-item-question-ready-question-position {
  display: none;
}
.ordionline_admin .tabs-content-item-question-ready-question.online .start-timer {
  display: none;
}
.ordionline_admin .tabs-content-item-question-ready-question.online .tabs-content-item-question-ready-question-position {
  display: none;
}
@media (max-width: 767px) {
  .ordionline_admin .tabs-content-item-question-ready-question-btn {
    margin-top: 20px;
  }
}
.ordionline_admin .tabs-content-item-question-ready-question-btn .action-btn {
  width: 116px;
  height: 38px;
  border: none;
  border-radius: 25px;
  box-shadow: 0 9px 12px 0 rgba(34, 179, 255, 0.6);
  background-color: #22b3ff;
  transition: all 0.3s ease;
  font-family: Circe;
  font-size: 16px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.38;
  letter-spacing: 0.03px;
  color: #ffffff;
  overflow: hidden;
}
.ordionline_admin .tabs-content-item-question-ready-question-btn .action-btn span {
  font-family: Circe;
  font-size: 16px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.38;
  letter-spacing: 0.03px;
  color: #ffffff;
}
.ordionline_admin .tabs-content-item-question-ready-question-btn .action-btn > .online-txt, .ordionline_admin .tabs-content-item-question-ready-question-btn .action-btn > .stop-txt {
  display: none;
}
.ordionline_admin .tabs-content-item-question-ready-question-btn .action-btn > .progress-line {
  position: absolute;
  background-color: #49e3a4;
  box-shadow: 0 9px 12px 0 rgba(56, 221, 149, 0.6);
  top: 0;
  left: 0;
  bottom: 0;
  width: 0;
  opacity: 1;
  display: block;
  border-radius: 25px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  visibility: hidden;
  transition: width 1s ease 0s;
}
.ordionline_admin .tabs-content-item-question-ready-question-btn .action-btn.in-progress {
  position: relative;
  overflow: hidden;
}
.ordionline_admin .tabs-content-item-question-ready-question-btn .action-btn.in-progress > .progress-line {
  visibility: visible;
}
.ordionline_admin .tabs-content-item-question-ready-question-btn .action-btn.in-progress:hover {
  background-color: #ff7373;
  box-shadow: 0 9px 12px 0 rgba(255, 115, 115, 0.6);
}
.ordionline_admin .tabs-content-item-question-ready-question-btn .action-btn.in-progress:hover > .online-txt {
  display: none;
}
.ordionline_admin .tabs-content-item-question-ready-question-btn .action-btn.in-progress:hover > .stop-txt {
  display: block;
  z-index: 5;
  position: relative;
}
.ordionline_admin .tabs-content-item-question-ready-question-btn .action-btn.in-progress:hover > .progress-line {
  opacity: 0;
}
.ordionline_admin .tabs-content-item-question-ready-question-btn .action-btn.in-progress > .online-txt {
  position: relative;
  display: block;
  z-index: 5;
}
.ordionline_admin .tabs-content-item-question-ready-question-btn .action-btn.in-progress > .start-txt {
  display: none;
}
.ordionline_admin .tabs-content-item-question-ready-question-btn .action-btn.online {
  background-color: #49e3a4;
  box-shadow: 0 9px 12px 0 rgba(56, 221, 149, 0.6);
  box-shadow: none;
  overflow: visible;
}
.ordionline_admin .tabs-content-item-question-ready-question-btn .action-btn.online > .online-txt {
  display: block;
  z-index: 5;
  position: relative;
}
.ordionline_admin .tabs-content-item-question-ready-question-btn .action-btn.online > .start-txt {
  display: none;
}
.ordionline_admin .tabs-content-item-question-ready-question-btn .action-btn.online > .progress-line {
  border-radius: 25px;
}
.ordionline_admin .tabs-content-item-question-ready-question-btn .action-btn.online:hover {
  background-color: #ff7373;
  box-shadow: 0 9px 12px 0 rgba(255, 115, 115, 0.6);
}
.ordionline_admin .tabs-content-item-question-ready-question-btn .action-btn.online:hover > .online-txt {
  display: none;
}
.ordionline_admin .tabs-content-item-question-ready-question-btn .action-btn.online:hover > .stop-txt {
  display: block;
  z-index: 5;
  position: relative;
}
.ordionline_admin .tabs-content-item-question-ready-question-btn .action-btn.online:hover:after {
  opacity: 0;
}
.ordionline_admin .tabs-content-item-question-ready-question:hover {
  box-shadow: 0 0 17px 0 rgba(19, 7, 31, 0.2);
}
.ordionline_admin .tabs-content-item-question-ready-question:not(:last-child) {
  margin-bottom: 24px;
}
.ordionline_admin .tabs-content-item-question-ready-question-left {
  display: flex;
  flex-direction: column;
}
.ordionline_admin .tabs-content-item-question-ready-question-name h3 {
  font-family: Circe;
  font-size: 24px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.25;
  letter-spacing: 0.08px;
  color: #13071f;
  max-width: 689px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
@media (max-width: 998px) {
  .ordionline_admin .tabs-content-item-question-ready-question-name h3 {
    max-width: 400px;
  }
}
@media (max-width: 767px) {
  .ordionline_admin .tabs-content-item-question-ready-question-name h3 {
    max-width: 100%;
    white-space: pre-wrap;
  }
}
@media (max-width: 580px) {
  .ordionline_admin .tabs-content-item-question-ready-question-name h3 {
    font-size: 20px;
  }
}
.ordionline_admin .tabs-content-item-question-ready-question-desc {
  padding-top: 6px;
}
.ordionline_admin .tabs-content-item-question-ready-question-desc span {
  font-family: Circe;
  font-size: 18px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.44;
  letter-spacing: 0.06px;
  color: #13071f;
}
@media (max-width: 580px) {
  .ordionline_admin .tabs-content-item-question-ready-question-desc span {
    font-size: 16px;
  }
}
.ordionline_admin .tabs-content-item-question-ready-question-timer {
  padding-top: 12px;
}
.ordionline_admin .tabs-content-item-question-ready-question-timer span {
  font-family: Circe;
  font-size: 13px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: 0.06px;
  text-align: right;
  color: rgba(19, 7, 31, 0.4);
}
.ordionline_admin .tabs-content-item-question-ready-question-timer .stop-link, .ordionline_admin .tabs-content-item-question-ready-question-timer .remove-link {
  font-family: Circe;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: 0.07px;
  color: #ff7373;
  text-decoration: underline;
  margin-left: 24px;
}
.ordionline_admin .tabs-content-item-question-ready-question-timer .stop-link:hover, .ordionline_admin .tabs-content-item-question-ready-question-timer .remove-link:hover {
  text-decoration: none;
}
.ordionline_admin .tabs-content-item-question-ready-question-timer .edit {
  font-family: Circe;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: 0.07px;
  color: #22b3ff;
  text-decoration: underline;
}
.ordionline_admin .tabs-content-item-question-ready-question-timer .edit:hover {
  text-decoration: none;
}
.ordionline_admin .tabs-content-item-question-ready-question.online {
  box-shadow: 0 0 10px 0 rgba(73, 227, 164, 0.5);
}
.ordionline_admin .tabs-content-item-question-ready-question .start-timer {
  position: absolute;
  bottom: -29px;
  left: 16px;
  display: none;
  align-items: center;
}
.ordionline_admin .tabs-content-item-question-ready-question .start-timer span {
  font-family: Circe;
  font-size: 13px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: 0.06px;
  text-align: right;
  color: rgba(19, 7, 31, 0.4);
}
.ordionline_admin .tabs-content-item-question-ready-question .start-timer .seconds {
  padding: 0 2px;
  display: flex;
  align-items: center;
  font-family: Circe;
  font-size: 13px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: 0.06px;
  text-align: right;
  color: rgba(19, 7, 31, 0.4);
}
.ordionline_admin .tabs-content-item-question-ready-question .start-timer .seconds span {
  font-family: Circe;
  font-size: 13px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: 0.06px;
  text-align: right;
  color: rgba(19, 7, 31, 0.4);
}
.ordionline_admin .tabs-content-item-question-ready-question .tabs-content-item-question-ready-question-btn {
  position: relative;
}
.ordionline_admin .tabs-content-item-question-ready-question--new {
  border-radius: 20px;
  border: dashed 2px #d9d9d9;
  background-color: #ffffff;
  height: 136px;
  box-shadow: none;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0;
}
.ordionline_admin .tabs-content-item-question-ready-question--new button {
  height: 100%;
  width: 100%;
  background: none;
  border: none;
}
.ordionline_admin .tabs-content-item-question-ready-question--new button span {
  font-family: Circe;
  font-size: 24px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.08;
  letter-spacing: 0.08px;
  color: #d9d9d9;
  transition: all 0.3s ease;
}
.ordionline_admin .tabs-content-item-question-ready-question--new:hover {
  border: dashed 2px #797979;
  box-shadow: none;
}
.ordionline_admin .tabs-content-item-question-ready-question--new:hover span {
  color: #797979;
}
.ordionline_admin .tabs-content-item-question-form .row {
  display: flex;
  width: 632px;
}
@media (max-width: 767px) {
  .ordionline_admin .tabs-content-item-question-form .row {
    width: 100%;
    flex-direction: column;
  }
}
.ordionline_admin .tabs-content-item-question-form .row .form-group_select {
  width: 304px;
}
@media (max-width: 767px) {
  .ordionline_admin .tabs-content-item-question-form .row .form-group_select {
    width: 100%;
    flex-direction: column;
  }
}
.ordionline_admin .tabs-content-item-question-form .row .form-group_select:not(:last-child) {
  margin-right: 24px;
}
@media (max-width: 767px) {
  .ordionline_admin .tabs-content-item-question-form .row .form-group_select:not(:last-child) {
    margin-right: 0;
  }
}
.ordionline_admin .tabs-content-item-question-form .row .form-group_select .custom-select__list ul {
  padding-top: 0;
}
.ordionline_admin .tabs-content-item-question-form .row .form-group--question {
  width: 100%;
  margin-bottom: 36px;
}
.ordionline_admin .tabs-content-item-question-form .row .form-group--question label {
  pointer-events: none;
}
.ordionline_admin .tabs-content-item-question-form .form-group_row {
  display: flex;
  padding-bottom: 0;
}
.ordionline_admin .tabs-content-item-question-form .form-group_row .article-question__checkboxs .form-group input:checked + label:before {
  border: solid 2px #49e3a4;
}
.ordionline_admin .tabs-content-item-question-form .form-group_row .article-question__checkboxs {
  margin-left: 24px;
}
.ordionline_admin .tabs-content-item-question-form .form-group_row .article-question__checkboxs .form-group {
  margin-bottom: 0;
}
.ordionline_admin .tabs-content-item-question-form .form-group_row .article-question__checkboxs .form-group label {
  margin-bottom: 0;
  top: auto;
  bottom: -13px;
  white-space: nowrap;
}
.ordionline_admin .tabs-content-item-question-form .form-group_row .clear-place {
  position: absolute;
  bottom: 16px;
  right: 0;
  display: none;
}
.ordionline_admin .tabs-content-item-question-form .form-group_row .clear-place button {
  border: none;
  background: none;
  box-shadow: 0 2px 7px 0 rgba(34, 179, 255, 0.4);
  display: flex;
  border-radius: 50%;
}
.ordionline_admin .tabs-content-item-question-form .form-group_row .form-control {
  padding-right: 25px;
}
.ordionline_admin .tabs-content-item-question-form .form-group_row .new-answer {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 632px;
  height: 38px;
  border: dashed 2px #d9d9d9;
  background-color: #ffffff;
}
.ordionline_admin .tabs-content-item-question-form .form-group_row .new-answer button {
  height: 100%;
  width: 100%;
  border: none;
  background: none;
}
.ordionline_admin .tabs-content-item-question-form .form-group_row .new-answer button span {
  font-family: Circe;
  font-size: 18px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.44;
  letter-spacing: 0.06px;
  color: #d9d9d9;
}
.ordionline_admin .tabs-content-item-question-form .form-group_row.no-b-p {
  padding-bottom: 0;
}
.ordionline_admin .tabs-content-item-question-form .form-group_row .question-action {
  display: flex;
  align-items: center;
  padding-top: 48px;
}
@media (max-width: 479px) {
  .ordionline_admin .tabs-content-item-question-form .form-group_row .question-action {
    flex-direction: column;
    align-items: flex-start;
  }
}
.ordionline_admin .tabs-content-item-question-form .form-group_row .question-action .save {
  border-radius: 25px;
  box-shadow: 0 9px 12px 0 rgba(34, 179, 255, 0.6);
  background-color: #22b3ff;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 120px;
  height: 38px;
  font-family: Circe;
  font-size: 16px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.38;
  letter-spacing: 0.03px;
  color: #ffffff;
  border: none;
  transition: all 0.3s ease;
}
.ordionline_admin .tabs-content-item-question-form .form-group_row .question-action .save:hover {
  box-shadow: 0 4.5px 6px 0 rgba(34, 179, 255, 0.3);
}
.ordionline_admin .tabs-content-item-question-form .form-group_row .question-action .preview, .ordionline_admin .tabs-content-item-question-form .form-group_row .question-action .back {
  margin-left: 48px;
  font-family: Circe;
  font-size: 16px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.38;
  letter-spacing: 0.03px;
  color: #22b3ff;
  text-decoration: underline;
}
@media (max-width: 479px) {
  .ordionline_admin .tabs-content-item-question-form .form-group_row .question-action .preview, .ordionline_admin .tabs-content-item-question-form .form-group_row .question-action .back {
    margin-left: 0;
    margin-top: 20px;
  }
}
.ordionline_admin .tabs-content-item-question-form .form-group_row .question-action .preview:hover, .ordionline_admin .tabs-content-item-question-form .form-group_row .question-action .back:hover {
  text-decoration: none;
}
.ordionline_admin .tabs-content-item-question-form .form-group--answer {
  width: 632px;
}
.ordionline_admin .tabs-content-item-question-form .form-group--answer label {
  pointer-events: none;
}
.ordionline_admin .tabs-content-item-question-result-header-title h2 {
  font-family: Circe;
  font-size: 32px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.19;
  letter-spacing: 0.1px;
  color: #13071f;
}
.ordionline_admin .tabs-content-item-question-result-body-name {
  margin-top: 24px;
}
.ordionline_admin .tabs-content-item-question-result-body-name span {
  display: flex;
  align-items: center;
  width: 100%;
  font-family: Circe;
  font-size: 24px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.25;
  letter-spacing: 0.08px;
  color: #13071f;
  border-radius: 20px;
  box-shadow: 0 0 10px 0 rgba(19, 7, 31, 0.11);
  background-color: #ffffff;
  height: 66px;
  padding-left: 20px;
}
@media (max-width: 767px) {
  .ordionline_admin .tabs-content-item-question-result-body-name span {
    height: auto;
    font-size: 20px;
  }
}
.ordionline_admin .tabs-content-item-question-result-body-selects {
  padding-top: 24px;
  display: flex;
}
@media (max-width: 767px) {
  .ordionline_admin .tabs-content-item-question-result-body-selects {
    flex-wrap: wrap;
  }
}
.ordionline_admin .tabs-content-item-question-result-body-selects .form-group_select {
  width: 140px;
}
.ordionline_admin .tabs-content-item-question-result-body-selects .form-group_select:not(:last-child) {
  margin-right: 24px;
}
.ordionline_admin .tabs-content-item-question-result-body-selects .specialist, .ordionline_admin .tabs-content-item-question-result-body-selects .region {
  width: 180px;
}
.ordionline_admin .tabs-content-item-question-result-body-info {
  display: flex;
  justify-content: space-between;
}
@media (max-width: 767px) {
  .ordionline_admin .tabs-content-item-question-result-body-info {
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
  }
}
.ordionline_admin .tabs-content-item-question-result-body-left {
  width: 656px;
}
@media (max-width: 767px) {
  .ordionline_admin .tabs-content-item-question-result-body-left {
    width: 100%;
  }
}
.ordionline_admin .tabs-content-item-question-result-body-left-title {
  padding-bottom: 24px;
}
.ordionline_admin .tabs-content-item-question-result-body-left-title h4 {
  font-family: Circe;
  font-size: 24px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.25;
  letter-spacing: 0.08px;
  color: #13071f;
}
.ordionline_admin .tabs-content-item-question-result-body-right {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  padding-top: 55px;
}
@media (max-width: 767px) {
  .ordionline_admin .tabs-content-item-question-result-body-right {
    align-items: flex-start;
  }
}
.ordionline_admin .tabs-content-item-question-result-body-right-item {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  margin-bottom: 24px;
}
@media (max-width: 767px) {
  .ordionline_admin .tabs-content-item-question-result-body-right-item {
    align-items: flex-start;
  }
}
.ordionline_admin .tabs-content-item-question-result-body-right-item b {
  font-family: Circe;
  font-size: 48px;
  font-weight: 800;
  font-stretch: normal;
  font-style: normal;
  line-height: 1;
  letter-spacing: 0.15px;
  text-align: right;
  color: #22b3ff;
}
.ordionline_admin .tabs-content-item-question-result-body-right-item span {
  font-family: Circe;
  font-size: 18px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.22;
  letter-spacing: 0.06px;
  text-align: right;
  color: #13071f;
  max-width: 100%;
  white-space: pre-wrap;
}
.ordionline_admin .tabs-content-item-question-result-body .tabs-content-item-question-result-item {
  display: flex;
  flex-direction: column;
  position: relative;
  margin-bottom: 24px;
}
.ordionline_admin .tabs-content-item-question-result-body .tabs-content-item-question-result-item::after {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 1px;
  background: #d0d0d0;
}
.ordionline_admin .tabs-content-item-question-result-body .tabs-content-item-question-result-item-name {
  padding-bottom: 8px;
}
.ordionline_admin .tabs-content-item-question-result-body .tabs-content-item-question-result-item-name span {
  font-family: Circe;
  font-size: 18px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.33;
  letter-spacing: 0.03px;
  color: #13071f;
}
.ordionline_admin .tabs-content-item-question-result-body .tabs-content-item-question-result-item-line {
  width: 100%;
  position: relative;
  height: 4px;
  display: flex;
  margin-bottom: 5px;
}
.ordionline_admin .tabs-content-item-question-result-body .tabs-content-item-question-result-item-line .bar {
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
}
.ordionline_admin .tabs-content-item-question-result-body .tabs-content-item-question-result-item-line--blue {
  background-color: rgba(34, 179, 255, 0.1);
}
.ordionline_admin .tabs-content-item-question-result-body .tabs-content-item-question-result-item-line--blue .bar {
  background-color: #22b3ff;
}
.ordionline_admin .tabs-content-item-question-result-body .tabs-content-item-question-result-item-line--green {
  background-color: rgba(73, 227, 164, 0.1);
}
.ordionline_admin .tabs-content-item-question-result-body .tabs-content-item-question-result-item-line--green .bar {
  background-color: #49e3a4;
}
.ordionline_admin .tabs-content-item-question-result-body .tabs-content-item-question-result-item-procent {
  padding-bottom: 12px;
}
.ordionline_admin .tabs-content-item-question-result-body .tabs-content-item-question-result-item-procent span {
  font-family: Circe;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.71;
  letter-spacing: 0.03px;
  color: #13071f;
}
.ordionline_admin .tabs-content-item-question-result-body .question-action {
  display: flex;
  align-items: center;
  padding-top: 40px;
}
@media (max-width: 479px) {
  .ordionline_admin .tabs-content-item-question-result-body .question-action {
    flex-direction: column;
    align-items: flex-start;
  }
}
.ordionline_admin .tabs-content-item-question-result-body .question-action .download {
  width: 100px;
  height: 38px;
  object-fit: contain;
  border-radius: 25px;
  box-shadow: 0 9px 12px 0 rgba(34, 179, 255, 0.6);
  background-color: #22b3ff;
  display: flex;
  border: none;
  justify-content: center;
  align-items: center;
  font-family: Circe;
  font-size: 16px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.38;
  letter-spacing: 0.03px;
  color: #ffffff;
}
.ordionline_admin .tabs-content-item-question-result-body .question-action .remove {
  font-family: Circe;
  font-size: 16px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.38;
  letter-spacing: 0.03px;
  color: #ff7373;
  text-decoration: underline;
  margin-left: 48px;
}
@media (max-width: 479px) {
  .ordionline_admin .tabs-content-item-question-result-body .question-action .remove {
    margin-left: 0;
    margin-top: 20px;
  }
}
.ordionline_admin .tabs-content-item-question-result-body .question-action .back {
  font-family: Circe;
  font-size: 16px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.38;
  letter-spacing: 0.03px;
  color: #22b3ff;
  margin-left: 48px;
  text-decoration: underline;
}
@media (max-width: 479px) {
  .ordionline_admin .tabs-content-item-question-result-body .question-action .back {
    margin-left: 0;
    margin-top: 20px;
  }
}

@keyframes switch-bg {
  0% {
    width: 0;
    z-index: 4;
  }
  100% {
    width: 100%;
  }
}
.video-interactive-admin {
  position: absolute;
  display: flex;
  top: 45px;
  right: 45px;
  display: none;
}
.video-interactive-admin button {
  border: none;
  background: none;
}
.video-interactive-admin .start {
  font-family: Circe;
  font-size: 16px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.38;
  letter-spacing: 0.03px;
  color: #ffffff;
  width: 116px;
  height: 38px;
  object-fit: contain;
  border-radius: 25px;
  box-shadow: 0 9px 12px 0 rgba(34, 179, 255, 0.6);
  background-color: #22b3ff;
  margin-right: 21px;
}

.video-interactive.show .video-interactive-admin {
  display: flex;
}

.tabs-content-item-question-result-body-stats-title h4 {
  font-family: Circe;
  font-size: 24px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.25;
  letter-spacing: 0.08px;
  color: #13071f;
}
.tabs-content-item-question-result-body-stats-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 33%;
  margin-bottom: 24px;
}
@media (max-width: 580px) {
  .tabs-content-item-question-result-body-stats-item {
    width: auto;
  }
}
.tabs-content-item-question-result-body-stats-item b {
  font-family: Circe;
  font-size: 48px;
  font-weight: 800;
  font-stretch: normal;
  font-style: normal;
  line-height: 1;
  letter-spacing: 0.15px;
  text-align: center;
  color: #22b3ff;
}
.tabs-content-item-question-result-body-stats-item span {
  font-family: Circe;
  font-size: 18px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.22;
  letter-spacing: 0.06px;
  text-align: center;
  color: #13071f;
  max-width: 222px;
}
.tabs-content-item-question-result-body-stats-items {
  display: flex;
  flex-wrap: wrap;
  padding-top: 24px;
}
@media (max-width: 580px) {
  .tabs-content-item-question-result-body-stats-items {
    flex-direction: column;
  }
}
.tabs-content-item-question-result-body-stats-action {
  padding-top: 36px;
}
@media (max-width: 479px) {
  .tabs-content-item-question-result-body-stats-action {
    flex-direction: column;
    display: flex;
    align-items: center;
  }
}
.tabs-content-item-question-result-body-stats-action button {
  width: 268px;
  height: 38px;
  object-fit: contain;
  border-radius: 25px;
  box-shadow: 0 9px 12px 0 rgba(34, 179, 255, 0.6);
  background-color: #22b3ff;
  font-family: Circe;
  font-size: 16px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.38;
  letter-spacing: 0.03px;
  color: #ffffff;
  margin-right: 48px;
  border: none;
  transition: all 0.3s ease;
}
@media (max-width: 479px) {
  .tabs-content-item-question-result-body-stats-action button {
    margin-right: 0;
  }
}
.tabs-content-item-question-result-body-stats-action button:hover {
  box-shadow: 0 4.5px 6px 0 rgba(34, 179, 255, 0.3);
}
.tabs-content-item-question-result-body-stats-action .remove {
  font-family: Circe;
  font-size: 16px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.38;
  letter-spacing: 0.03px;
  color: #ff7373;
  text-decoration: underline;
}
@media (max-width: 479px) {
  .tabs-content-item-question-result-body-stats-action .remove {
    margin-top: 10px;
  }
}

.question-action--disabled .save {
  background: #d0d0d0 !important;
  box-shadow: none !important;
  cursor: no-drop;
}
.question-action--disabled .preview {
  color: #d0d0d0 !important;
  cursor: no-drop;
}

.ordionline_admin .article-question {
  padding: 15px;
  padding-top: 24px;
  padding-bottom: 24px;
}
.ordionline_admin .article-question__btns {
  display: flex;
  justify-content: space-between;
}

.tabs-content-item-question-ready-question.noactive .tabs-content-item-question-ready-question-btn button {
  display: none;
}
.tabs-content-item-question-ready-question.noactive .tabs-content-item-question-ready-question-name h3 {
  max-width: 560px;
}

.repeat-launch-q__title {
  font-size: 18px;
  line-height: 1.44;
  letter-spacing: 0.06px;
  color: #2d2d2d;
}
.repeat-launch-q__control {
  text-align: center;
}
.repeat-launch-q__red-link {
  display: inline-block;
  margin-right: 24px;
  font-size: 14px;
  letter-spacing: 0.07px;
  color: #ff7373;
  text-decoration: underline;
}
.repeat-launch-q__grey-link {
  display: inline-block;
  font-size: 14px;
  letter-spacing: 0.07px;
  color: #b2b2b2;
  text-decoration: underline;
}

.comunicate-btns .btn {
  margin-right: 24px;
}
.comunicate-btns .btn:last-child {
  margin-right: 0;
}
.comunicate-btns .btn.btn--share {
  width: auto;
}
.comunicate-btns .btn.btn--share .btn-icon, .comunicate-btns .btn.btn--share .add-text {
  padding-left: 0;
}

.modal.modal-link-share .modal__inner {
  max-height: 406px;
  padding: 0;
}
.modal.modal-link-share .modal__inner:before {
  content: "";
  position: absolute;
  top: 71px;
  border-bottom: 1px solid #ededed;
  left: 0;
  width: 100%;
}
.modal.modal-link-share .modal__header {
  height: 70px;
  display: flex;
  flex-shrink: 0;
  padding-left: 24px;
  padding-right: 24px;
}
.modal.modal-link-share .modal__body {
  overflow-y: auto;
  padding-left: 24px;
  padding-right: 24px;
  padding-bottom: 36px;
}

.link-share {
  margin-top: 12px;
}
.link-share__box {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.link-share__title {
  font-size: 24px;
  font-weight: bold;
  line-height: 1.25;
  letter-spacing: 0.08px;
  margin-bottom: 22px;
  color: #2d2d2d;
}
.link-share__subtitle {
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: 0.3px;
  color: rgba(0, 0, 0, 0.4);
  text-transform: uppercase;
  margin-bottom: 12px;
}
.link-share__link {
  display: inline-block;
  max-width: 640px;
  font-size: 18px;
  letter-spacing: 0.06px;
  color: rgba(0, 0, 0, 0.8);
  word-break: break-all;
}
.link-share__link a {
  display: inline;
  color: #22b3ff;
  text-decoration: underline;
  text-decoration-skip-ink: none;
}
.link-share__link a:hover {
  text-decoration: none;
}
.link-share__social-list {
  display: flex;
}
.link-share__social-list li {
  margin-right: 13px;
}
.link-share__social-list li:last-child {
  margin-right: 0;
}
.link-share__copy {
  margin-top: 24px;
}
.link-share__copy .btn.btn--blue {
  padding: 9px 36px;
}

.social-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  width: 40px;
  height: 40px;
  border-radius: 50%;
}
.social-icon .icon {
  fill: #fff;
}
.social-icon.social-icon--fb {
  background-color: #3b5898;
  box-shadow: 0 10px 13px 0 rgba(59, 88, 152, 0.4);
}
.social-icon.social-icon--fb .icon {
  font-size: 16px;
}
.social-icon.social-icon--ok {
  box-shadow: 0 10px 13px 0 rgba(247, 147, 30, 0.4);
  background-color: #f7931e;
}
.social-icon.social-icon--ok .icon {
  font-size: 16px;
}
.social-icon.social-icon--vk {
  box-shadow: 0 10px 13px 0 rgba(70, 128, 194, 0.41);
  background-color: #4680c2;
}
.social-icon.social-icon--vk .icon {
  font-size: 19px;
}
.social-icon.social-icon--whatsapp {
  box-shadow: 0 10px 13px 0 rgba(33, 176, 57, 0.4);
  background-image: linear-gradient(to top, #20b038 100%, #60d66a 0%);
}
.social-icon.social-icon--whatsapp .icon {
  font-size: 19px;
  margin-left: 2px;
}
.social-icon.social-icon--tlgrm {
  box-shadow: 0 10px 13px 0 rgba(30, 150, 200, 0.4);
  background-image: linear-gradient(203deg, #37aee2 70%, #1e96c8 90%);
}
.social-icon.social-icon--tlgrm img {
  margin-right: 2px;
}

@media (max-width: 900px) {
  .link-share__link {
    max-width: 360px;
  }
}
@media (max-width: 760px) {
  .article-rate-wrapper-btns .comunicate-btns {
    display: flex;
  }
  .article-rate-wrapper-btns .comunicate-btns .btn {
    width: auto;
    padding: 0 12px 0 8px;
    margin-right: 12px;
  }
  .modal.modal-link-share .modal__inner {
    max-height: 100%;
  }
}
@media (max-width: 700px) {
  .link-share__box {
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
  }
  .link-share__left {
    margin-bottom: 36px;
  }
  .link-share__link {
    max-width: 100%;
  }
}
@media (max-width: 660px) {
  .article-rate-wrapper-btns {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  .article-rate-wrapper-btns .comunicate-btns {
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  .article-rate-wrapper-btns .comunicate-btns .btn {
    margin-right: 0;
    margin-bottom: 24px;
    width: 240px;
  }
  .article-rate-wrapper-btns .comunicate-btns .btn:last-child {
    margin-bottom: 0;
  }
}
.subscribes-for-all {
  margin: -10px 10px 20px 0;
  text-align: right;
}

.subscribes-for-all a {
  color: #22b3ff;
  font-size: 20px;
  line-height: 21px;
  position: relative;
  text-decoration: none;
  -webkit-transition: color 0.3s ease;
  transition: color 0.3s ease;
}

.mt-6 {
  margin-top: 6px;
}

.mt-12 {
  margin-top: 12px;
}

.mt-24 {
  margin-top: 24px;
}

.mt-32 {
  margin-top: 32px;
}

.mt-48 {
  margin-top: 48px;
}

.mt-64 {
  margin-top: 64px;
}

.mb-6 {
  margin-bottom: 6px;
}

.mb-12 {
  margin-bottom: 12px;
}

.mb-24 {
  margin-bottom: 24px;
}

.mb-32 {
  margin-bottom: 32px;
}

.mb-48 {
  margin-bottom: 48px;
}

.mb-64 {
  margin-bottom: 64px;
}

.my-6 {
  margin-top: 6px;
  margin-bottom: 6px;
}

.my-12 {
  margin-top: 12px;
  margin-bottom: 12px;
}

.my-24 {
  margin-top: 24px;
  margin-bottom: 24px;
}

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

.my-48 {
  margin-top: 48px;
  margin-bottom: 48px;
}

.my-64 {
  margin-top: 64px;
  margin-bottom: 64px;
}

.ml-6 {
  margin-left: 6px;
}

.ml-12 {
  margin-left: 12px;
}

.ml-24 {
  margin-left: 24px;
}

.ml-32 {
  margin-left: 32px;
}

.ml-48 {
  margin-left: 48px;
}

.ml-64 {
  margin-left: 64px;
}

.mr-6 {
  margin-right: 6px;
}

.mr-12 {
  margin-right: 12px;
}

.mr-24 {
  margin-right: 24px;
}

.mr-32 {
  margin-right: 32px;
}

.mr-48 {
  margin-right: 48px;
}

.mr-64 {
  margin-right: 64px;
}

.mx-6 {
  margin-left: 6px;
  margin-right: 6px;
}

.mx-12 {
  margin-left: 12px;
  margin-right: 12px;
}

.mx-24 {
  margin-left: 24px;
  margin-right: 24px;
}

.mx-32 {
  margin-left: 32px;
  margin-right: 32px;
}

.mx-48 {
  margin-left: 48px;
  margin-right: 48px;
}

.mx-64 {
  margin-left: 64px;
  margin-right: 64px;
}

/*Basic text*/
.fw-bold {
  font-weight: 700;
}

.fw-black {
  font-weight: 800;
}

.fw-normal {
  font-weight: 400;
}

.fz-56 {
  font-size: 5.6rem;
  line-height: 1.11;
  letter-spacing: 0.09px;
}

.fz-32 {
  font-size: 3.2rem;
  line-height: 1.31;
  letter-spacing: 0.05px;
}

.fz-24 {
  font-size: 2.4rem;
  line-height: 1.25;
  letter-spacing: 0.08px;
}

.fz-20 {
  font-size: 2rem;
  line-height: 1.2;
  letter-spacing: 0.07px;
}

.fz-12 {
  font-size: 1.2rem;
  line-height: 1.25;
  letter-spacing: 0.06px;
}

.fz-14 {
  font-size: 1.4rem;
  line-height: 1.29;
  letter-spacing: 0.05px;
}

/*colors*/
.azure {
  color: #22b3ff;
}

.greenish-cyan {
  color: #49e3a4;
}

.robin-s-egg-blue {
  color: #98edfd;
}

.eggplant {
  color: #2d2d2d;
}

.brownish-grey {
  color: #676767;
}

.brown-grey {
  color: #b2b2b2;
}

.white {
  color: #fff;
}

.salmon {
  color: #ff7373;
}

.pinkish-grey {
  color: #d0d0d0;
}

.bg-azure {
  color: #22b3ff;
}

.bg-greenish-cyan {
  color: #49e3a4;
}

.bg-robin-s-egg-blue {
  color: #98edfd;
}

.bg-brownish-grey {
  color: #676767;
}

.bg-brown-grey {
  color: #b2b2b2;
}

.bg-white {
  color: #fff;
}

.bg-salmon {
  color: #ff7373;
}

.bg-pinkish-grey {
  color: #d0d0d0;
}

.cookies-block {
  display: none;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  background: #fff;
  box-shadow: 0 -10px 10px 0 rgba(19, 7, 31, 0.03);
  z-index: 99999;
}
.cookies-block__container {
  max-width: 980px;
  margin: 0 auto;
  padding: 24px 10px;
  display: flex;
  align-items: center;
  font-size: 1.4rem;
  line-height: 1.43;
  letter-spacing: 0.05px;
  color: rgba(0, 0, 0, 0.8);
}
@media (max-width: 998px) {
  .cookies-block__container {
    max-width: 100%;
    padding-left: 24px;
    padding-right: 24px;
  }
}
@media (max-width: 580px) {
  .cookies-block__container {
    flex-direction: column;
  }
}
.cookies-block__body {
  margin-right: 36px;
}
.cookies-block__body a {
  display: inline-block;
  border-bottom: 1px solid;
  line-height: 1;
  font-weight: 700;
  color: #22b3ff;
  transition: 0.3s ease 0s;
}
.cookies-block__body a:hover {
  color: #49e3a4;
  border-bottom-color: transparent;
}
.cookies-block__title {
  font-size: 1.6rem;
  font-weight: 700;
}

.modal {
  position: fixed;
  top: -64px;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 9999;
  transform: translateY(-100%);
  transition: 0.6s ease 0s;
  padding-bottom: 64px;
}
@media (max-width: 998px) {
  .modal {
    transform: translateY(-200%);
  }
}
@media (max-width: 479px) {
  .modal {
    transform: translateY(-300%);
  }
}
.modal__close {
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  position: relative;
}
.modal__close .icon {
  font-size: 15px;
  fill: #2d2d2d;
  transition: 0.3s ease 0s;
}
.modal__close:hover .icon {
  fill: #22b3ff;
}
.modal .modal-bg {
  position: absolute;
  background: #2d2d2d;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  opacity: 0;
}
.modal .modal__inner {
  padding: 24px 10px 24px 0;
  background-color: #fff;
  overflow-y: auto;
  display: flex;
  flex-direction: column;
  height: 100%;
}
@media (max-width: 998px) {
  .modal .modal__inner {
    height: auto;
    padding: 24px;
  }
}
.modal .modal__inner::-webkit-scrollbar {
  width: 4px;
  height: 15px;
}
.modal .modal__inner::-webkit-scrollbar-track-piece {
  background-color: #fff;
}
.modal .modal__inner::-webkit-scrollbar-thumb:vertical {
  height: 30px;
  background-color: rgba(173, 173, 173, 0.21);
}
.modal .modal__header {
  position: relative;
  width: 980px;
  margin: 0 auto;
  padding: 0 10px;
}
@media (max-width: 998px) {
  .modal .modal__header {
    max-width: 100%;
    width: 100%;
    padding: 0;
  }
}
.modal .modal__body {
  position: relative;
  width: 980px;
  padding: 0 10px;
  flex-grow: 1;
  margin: 0 auto;
}
@media (max-width: 998px) {
  .modal .modal__body {
    max-width: 767px;
    width: 100%;
    padding: 0;
  }
}
.modal .modal__bottom {
  position: relative;
}
.modal.active {
  transition: 0.8s ease 0s;
  transform: translateY(0);
  top: 0;
}
.modal.active .modal-bg {
  transition: 0.4s ease 0.6s;
  opacity: 0.2;
}
.modal__ordic {
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: 480px;
  height: 100%;
  margin: auto;
}

.create-account__nav {
  margin-top: 46px;
  margin-left: -16px;
}
@media (max-width: 580px) {
  .create-account__nav {
    margin-top: 32px;
  }
}
.create-account__nav-item {
  font-size: 3.2rem;
  font-weight: bold;
  line-height: 1.19;
  letter-spacing: 0.1px;
  color: #22b3ff;
  display: inline-block;
  margin-right: 32px;
  transition: 0.4s ease 0s;
}
@media (max-width: 580px) {
  .create-account__nav-item {
    font-size: 2.2rem;
    margin-right: 12px;
  }
}
.create-account__nav-item:hover {
  color: #49e3a4;
}
.create-account__nav-item:last-child {
  margin-right: 0;
}
.create-account__nav-item.current {
  color: #fff;
  background: #49e3a4;
  padding: 9px 16px;
  border-radius: 28px;
}

.create-account__promo {
  max-width: 690px;
  font-size: 2.4rem;
  font-weight: bold;
  line-height: 1.25;
  letter-spacing: 0.1px;
  color: #2d2d2d;
  margin-top: 40px;
  margin-bottom: 6px;
}
@media (max-width: 580px) {
  .create-account__promo {
    font-size: 1.8rem;
    margin-top: 24px;
    margin-bottom: 24px;
    min-width: 100%;
  }
  .create-account__promo br {
    display: none;
  }
}

.create-account__reg {
  margin-bottom: 24px;
}

.create-account__vars {
  display: flex;
}

.create-accout__or {
  display: inline-block;
  margin: 0 72px;
  position: relative;
  font-size: 2rem;
  font-weight: bold;
  line-height: 1.1;
  letter-spacing: 0.1px;
  padding: 16px 0 0;
}
@media (max-width: 580px) {
  .create-accout__or {
    display: none;
  }
}
.create-accout__or:before, .create-accout__or:after {
  content: "";
  width: 1px;
  height: 44.7px;
  background-color: #d0d0d0;
  left: 0;
  right: 0;
  margin: auto;
  position: absolute;
}
.create-accout__or:before {
  top: -33px;
}
.create-accout__or:after {
  bottom: 18px;
}

.create-account__social .social-list {
  display: flex;
  align-items: center;
}
.create-account__social .social-list__link {
  width: 50px;
  height: 50px;
  margin-right: 24px;
}
.create-account__social .social-list__link:last-child {
  margin-right: 0;
}
.create-account__social .social-list__link .icon {
  font-size: 2rem;
  width: 2rem;
  height: 2rem;
}
.create-account__social .social-list__link .icon.icon-goo {
  width: 3rem;
  height: 3rem;
}
.create-account__social .social-list__link.social-list__link--vk .icon {
  width: 2.6rem;
}
.create-account__social p {
  max-width: 260px;
  margin: 26px 0 0 5px;
  font-size: 1.4rem;
  font-style: italic;
  letter-spacing: 0;
  color: #676767;
}
@media (max-width: 767px) {
  .create-account__social p {
    text-align: center;
  }
}

.register-form {
  margin-bottom: 16px;
}
.register-form .custom-select > button {
  font-size: 16px;
}
.register-form-header {
  box-shadow: 0 10px 10px 0 rgba(19, 7, 31, 0.08);
  background-color: #ffffff;
  padding: 24px 0;
  position: fixed;
  left: 0;
  right: 0;
  margin: 0 auto;
  z-index: 1003;
}
@media (max-width: 998px) {
  .register-form-header {
    padding: 20px 0;
  }
}
@media (max-width: 767px) {
  .register-form-header {
    padding: 15px 0;
  }
}
.register-form-header__container {
  width: 980px;
  padding: 0 10px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media (max-width: 998px) {
  .register-form-header__container {
    width: 100%;
    flex-direction: column;
    align-items: center;
  }
}
.register-form-header__left {
  display: flex;
  align-items: center;
}
@media (max-width: 998px) {
  .register-form-header__left {
    margin-bottom: 15px;
  }
}
.register-form__number-step {
  width: 27px;
  height: 27px;
  background-color: #d0d0d0;
  font-size: 16px;
  font-weight: 800;
  line-height: 0.88;
  letter-spacing: 0.1px;
  color: #ffffff;
  border-radius: 50%;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  margin-right: 12px;
  padding-top: 3px;
  padding-left: 2px;
}
@media (max-width: 998px) {
  .register-form__number-step {
    flex-shrink: 0;
  }
}
.register-form__number-step.register-form__number-step--current {
  background: #22b3ff;
  margin-right: 0;
}
.register-form__number-step.register-form__number-step--complete {
  background: #49e3a4;
}
.register-form__title {
  font-size: 32px;
  font-weight: bold;
  line-height: 1.19;
  letter-spacing: 0.1px;
  color: #22b3ff;
  margin: 0 12px;
}
@media (max-width: 998px) {
  .register-form__title {
    font-size: 26px;
  }
}
@media (max-width: 767px) {
  .register-form__title {
    font-size: 24px;
  }
}
@media (max-width: 580px) {
  .register-form__title {
    font-size: 22px;
  }
}
@media (max-width: 479px) {
  .register-form__title {
    font-size: 18px;
  }
}
@media (max-width: 376px) {
  .register-form__title {
    font-size: 16px;
  }
}
.register-form__row {
  display: flex;
}
@media (max-width: 998px) {
  .register-form__row {
    justify-content: space-between;
    align-items: center;
  }
}
@media (max-width: 767px) {
  .register-form__row {
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
}
.register-form__group {
  padding: 0;
  margin: 0;
  border: 0;
  width: 553px;
  flex: 0 0 auto;
  position: relative;
}
@media (max-width: 998px) {
  .register-form__group {
    max-width: 380px;
    width: 100%;
    margin-right: 30px;
  }
}
@media (max-width: 767px) {
  .register-form__group {
    order: 2;
    margin-right: 0;
  }
}
@media (max-width: 580px) {
  .register-form__group {
    max-width: 300px;
  }
}
@media (max-width: 479px) {
  .register-form__group {
    max-width: 326px;
  }
}
.register-form__group.register-form__group--blue {
  padding: 24px 0 0;
  margin-bottom: 24px;
}
.register-form__group.register-form__group--blue:after {
  content: "";
  position: absolute;
  width: calc(200% + 26px);
  height: 100%;
  margin-left: -100%;
  display: block;
  top: 0;
  opacity: 0.4;
  border-radius: 10px;
  background-color: #98edfd;
  z-index: -1;
}
@media (max-width: 580px) {
  .register-form__group.register-form__group--blue:after {
    width: auto;
    left: 0;
    right: 0;
    margin-left: -24px;
    margin-right: -24px;
    border-radius: 0;
  }
}
.register-form-body {
  max-width: 1200px;
  padding: 140px 120px 0;
  margin: 0 auto;
}
@media (max-width: 998px) {
  .register-form-body {
    max-width: 100%;
    padding: 150px 15px 0;
  }
}
.register-form-body__title {
  font-size: 2.4rem;
  font-weight: bold;
  line-height: 1.25;
  letter-spacing: 0.1px;
  color: #2d2d2d;
  margin-top: 48px;
  margin-bottom: 48px;
}
@media (max-width: 767px) {
  .register-form-body.register-form-body--verification {
    padding: 120px 15px 0 15px;
  }
}
.register-form-body.register-form-body--verification .register-form__row {
  flex-wrap: wrap;
  align-items: center;
  margin-bottom: 48px;
}
@media (max-width: 767px) {
  .register-form-body.register-form-body--verification .register-form__row {
    margin-bottom: 30px;
  }
}
@media (max-width: 767px) {
  .register-form-body.register-form-body--verification .register-form__row .btn {
    margin-bottom: 25px;
  }
}
.register-form-body.register-form-body--verification .register-form__comment {
  margin-top: 0;
  margin-left: 30px;
  max-width: 220px;
}
.register-form-body.register-form-body--verification .register-form__comment.register-form__comment--full {
  max-width: none;
}
.register-form-body.register-form-body--verification .register-form__comment.register-form__comment--single {
  margin-left: 0;
  max-width: none;
}
@media (max-width: 767px) {
  .register-form-body.register-form-body--verification .register-form__comment {
    margin-left: 0;
    max-width: 320px;
  }
}
@media (max-width: 767px) {
  .register-form-body.register-form-body--verification .register-form-body__title {
    text-align: center;
    font-size: 2rem;
  }
}
.register-form__comment {
  font-size: 14px;
  letter-spacing: 0;
  color: #676767;
  font-style: italic;
  margin-left: 80px;
}
@media (max-width: 998px) {
  .register-form__comment {
    margin-left: 0;
    width: 250px;
  }
}
@media (max-width: 767px) {
  .register-form__comment {
    text-align: center;
    width: 100%;
    max-width: 320px;
    order: 1;
    margin: 25px 0;
    font-size: 16px;
    font-weight: 600;
  }
}
@media (max-width: 479px) {
  .register-form__comment {
    font-size: 14px;
  }
}
.register-form__comment a {
  color: #22b3ff;
  text-decoration: underline;
  transition: 0.4s ease 0s;
  font-style: normal;
}
.register-form__comment a:hover {
  text-decoration: none;
}

.upload-diplom {
  width: 100%;
  margin-top: 12px;
}
.upload-diplom.upload-diplom--success .upload-diplom__row:before {
  border: solid 4px #49e3a4;
}
.upload-diplom.upload-diplom--error label {
  background-color: rgba(255, 115, 115, 0.15);
}
.upload-diplom.upload-diplom--error .upload-diplom__row:before {
  border: solid 4px #ff7373;
  background-image: url(../img/svgSprite/file-redo.svg);
}
.upload-diplom.upload-diplom--error .upload-diplom__comment {
  color: #ff7373;
}
.upload-diplom input[type=file] {
  position: absolute;
  opacity: 0;
}
.upload-diplom label {
  display: block;
  border-radius: 20px;
  background-color: rgba(152, 237, 253, 0.4);
  width: 100%;
  max-width: 560px;
  padding: 24px;
  margin-top: 20px;
}
@media (max-width: 767px) {
  .upload-diplom label {
    margin: 0 auto 25px auto;
  }
}
@media (max-width: 479px) {
  .upload-diplom label {
    padding: 20px;
  }
}
.upload-diplom__row {
  display: flex;
  min-height: 76px;
  padding-left: 88px;
  position: relative;
  justify-content: space-between;
  align-items: center;
}
.upload-diplom__icon {
  width: 76px;
  height: 76px;
  position: absolute;
  background-color: #fff;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  left: 0;
  top: 0;
}
.upload-diplom__icon .icon {
  fill: #22b3ff;
  font-size: 2.8rem;
}
.upload-diplom__title {
  color: #2d2d2d;
  display: block;
  font-size: 18px;
  line-height: 1.33;
  margin-bottom: 2px;
}
.upload-diplom__format {
  color: #676767;
  display: block;
  font-size: 14px;
}
.upload-diplom__link {
  font-size: 16px;
  line-height: 1.5;
  color: #22b3ff;
  text-decoration: underline;
  align-self: self-start;
  display: inline-block;
  margin-top: 12px;
  transition: 0.4s ease 0s;
}
@media (max-width: 479px) {
  .upload-diplom__link {
    margin-top: 0;
    font-size: 14px;
    width: 150px;
  }
}
.upload-diplom__link:hover {
  text-decoration: none;
}
.upload-diplom__comment {
  display: block;
  font-size: 16px;
  font-weight: normal;
  line-height: 1.25;
  letter-spacing: 0;
  color: #13071f;
  margin-top: 12px;
}
@media (max-width: 767px) {
  .upload-diplom__comment br {
    display: none;
  }
}
.upload-diplom__comment a {
  color: #22b3ff;
  text-decoration: underline;
  padding: 0 5px;
}
.upload-diplom__comment a:hover {
  text-decoration: none;
}
@media (max-width: 479px) {
  .upload-diplom__comment a {
    margin-top: 0;
    font-size: 14px;
    width: 150px;
  }
}

.promocode-field {
  width: 100%;
  margin-top: 24px;
}
.promocode-field .form-group {
  margin-bottom: 0;
}
.promocode-field__inner {
  width: 100%;
  max-width: 480px;
  border-radius: 20px;
  background-color: #dbfaed;
  padding: 24px;
  padding-top: 32px;
  margin-top: 20px;
}
@media (max-width: 767px) {
  .promocode-field__inner {
    margin: 0 auto 25px auto;
  }
}
.promocode-field__group {
  position: relative;
}
.promocode-field__group:not(:last-child) {
  margin-bottom: 42px;
}
.promocode-field__group.promocode-field__group--icon {
  padding-left: 88px;
}
.promocode-field__group.promocode-field__group--icon:before {
  content: "";
  width: 76px;
  height: 76px;
  position: absolute;
  background-color: #fff;
  background-image: url(../img/svgSprite/key.svg);
  background-repeat: no-repeat;
  background-position: center;
  border-radius: 50%;
  left: 0;
  top: -8px;
}
.promocode-field__group-error {
  display: none;
  color: #ff7373;
  font-size: 16px;
  margin-top: 12px;
  font-weight: 700;
  line-height: 19px;
  font-style: italic;
  margin-bottom: -18px;
}
.promocode-field.error .promocode-field__inner {
  background-color: rgba(255, 115, 115, 0.15);
}
.promocode-field.error input[type=text] {
  border-bottom-color: #ff7373;
}
.promocode-field.error .promocode-field__group-error {
  display: block;
}
.promocode-field.error .promocode-field__group.promocode-field__group--icon:before {
  background-image: url(../img/svgSprite/key-red.svg);
  border: solid 4px #ff7373;
}

.upload-diplom, .promocode-field {
  display: none;
}

.upload-diplom .icon-upload-error {
  display: none;
  fill: #ff7373;
}
.upload-diplom .icon-upload-success {
  display: none;
  fill: #49e3a4;
}
.upload-diplom.success label {
  background-color: rgba(73, 227, 164, 0.2);
}
.upload-diplom.success .icon-upload {
  display: none;
}
.upload-diplom.success .icon-upload-success {
  display: block;
}
.upload-diplom.progress {
  transition: all 0.5s ease;
  stroke: #49e3a4;
}
.upload-diplom.progress .icon-upload {
  fill: #49e3a4;
}
.upload-diplom.progress .upload-diplom__icon-loader {
  display: block;
}
.upload-diplom.failed label {
  background-color: rgba(255, 115, 115, 0.15);
}
.upload-diplom.failed .upload-diplom__comment {
  color: #ff7373;
}
.upload-diplom.failed .upload-diplom__icon {
  border: solid 4px #ff7373;
}
.upload-diplom.failed .icon-upload {
  display: none;
}
.upload-diplom.failed .icon-upload-error {
  display: block;
}
.upload-diplom.failed .progress {
  display: none;
}

.dropdown-display {
  display: flex;
  align-items: center;
}

.upload-diplom__icon-loader {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
}
.upload-diplom__icon-loader .progress {
  transform: rotate(-90deg);
}
.upload-diplom__icon-loader .progress__meter, .upload-diplom__icon-loader .progress__value {
  fill: none;
}
.upload-diplom__icon-loader .progress__meter {
  stroke: #fff;
}
.upload-diplom__icon-loader .progress__value {
  stroke-linecap: round;
  transition: all 0.5s ease;
}

.upload-diplom__icon-view {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  position: absolute;
  align-items: center;
  justify-content: center;
}

.select-addiction .hidden {
  display: none !important;
}

.faq-content h2.title br {
  display: none;
}
@media (max-width: 479px) {
  .faq-content h2.title br {
    display: block;
  }
}

@media (max-width: 374px) {
  .modal .modal__inner {
    padding-left: 16px;
    padding-right: 16px;
  }
}
.modal .modal-notice__inner {
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  max-width: 300px;
  height: auto;
}
.modal-notice .modal__header,
.modal-notice .modal__body {
  flex-grow: 0;
  display: block;
  width: 100%;
  height: auto;
}
.modal-notice__title {
  width: 100%;
  font-size: 24px;
  line-height: 1.2;
  text-align: center;
  color: #22b3ff;
  font-weight: 700;
}
.modal-notice__text {
  text-align: center;
}
.modal-notice__btn {
  display: block;
  margin: 16px auto 0;
  padding: 8px 16px;
}

.sign-in-form {
  width: 350px;
}
@media (max-width: 479px) {
  .sign-in-form {
    width: 100%;
  }
}
.sign-in-form__bottom {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 32px;
}
@media (max-width: 580px) {
  .sign-in-form__bottom {
    margin-bottom: 20px;
  }
}
.sign-in-form .form-group--checkbox {
  margin-bottom: 0;
}
.sign-in-form__disclaimer {
  font-size: 12px;
  color: #999;
  max-width: 385px;
}

.sign-in__vars {
  align-items: center;
}
.sign-in__vars .create-accout__or {
  height: 116px;
}

@media (max-width: 767px) {
  .modal.sign-up, .modal.modal-simple, .modal.active {
    overflow-y: auto;
  }
  .sign-up__subtitle br {
    display: none;
  }
}
.mobile-filter-modal {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100vw;
  height: 100vh;
  background: rgba(45, 45, 45, 0.4);
  z-index: 9999;
}
.mobile-filter-modal__container {
  display: flex;
  width: 100%;
  height: 100%;
}
.mobile-filter-modal__close {
  display: block;
  padding: 0;
  width: 62px;
  height: 8px;
  margin: 0 auto 28px;
  background: #2D2D2D;
  border-radius: 20px;
  border: none;
}
.mobile-filter-modal__inner {
  position: relative;
  display: block;
  width: 100%;
  padding: 10px 12px 38px;
  margin-top: auto;
  background-color: #ffffff;
  border-radius: 20px 20px 0px 0px;
  max-height: calc(100vh - 10px);
  overflow: auto;
  transform: translateY(100%);
  transition: all 0.3s ease-in-out;
}
.mobile-filter-modal.active .mobile-filter-modal__inner {
  transform: translateY(0);
}
.mobile-filter-modal__title {
  margin: 0 0 12px;
  font-weight: 700;
  font-size: 24px;
  line-height: 120%;
  color: #13071F;
  letter-spacing: 0.1px;
}
.mobile-filter-modal .remote-control__type-item label {
  width: auto;
  font-size: 14px;
}
.mobile-filter-modal .remote-control__type {
  display: flex;
  flex-wrap: wrap;
}
.mobile-filter-modal .remote-control__type-item {
  margin-right: 8px;
  margin-bottom: 4px;
}
.mobile-filter-modal .remote-control__type-item label {
  height: 42px;
  padding: 9px 20px 9px 40px !important;
  background-position: 14px center !important;
}
.mobile-filter-modal__title + .mobile-filter-modal__radio {
  margin-top: -12px;
}
.mobile-filter-modal__radio input {
  display: none;
}
.mobile-filter-modal__radio label {
  position: relative;
  display: inline-block;
  vertical-align: baseline;
  width: 100%;
  padding: 12px 40px 12px 0;
  border-bottom: 1px solid #979797;
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  color: #13071F;
  letter-spacing: 0.1px;
}
.mobile-filter-modal__radio label::after {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 28px;
  height: 28px;
  border: 6px solid #E9E9E9;
  background-color: #E9E9E9;
  border-radius: 50%;
  content: "";
  transition: all 0.3s ease-in-out;
}
.mobile-filter-modal__radio input:checked + label::after {
  background-color: transparent;
  border-color: #98EDFD;
}
.mobile-filter-modal__submit {
  display: block;
  padding: 15px;
  margin: 20px auto 0;
  width: 366px;
  max-width: 100%;
  font-weight: 700;
  font-size: 20px;
  line-height: 120%;
  color: #ffffff;
  letter-spacing: 0.03px;
  background: #22B3FF;
  box-shadow: 0px 9px 12px rgba(34, 179, 255, 0.595826);
  border-radius: 41px;
  border: none;
}
.mobile-filter-modal__time {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 367px;
  height: 44px;
  max-width: 100%;
  background: #F5F5F5;
  box-shadow: inset 0px 2px 4px rgba(19, 7, 31, 0.071733);
  border-radius: 23px;
  margin-bottom: 44px;
}
.mobile-filter-modal__time input {
  display: none;
}
.mobile-filter-modal__time label {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  vertical-align: middle;
  width: 48px;
  height: 48px;
  background-color: transparent;
  font-weight: 700;
  font-size: 18px;
  line-height: 1;
  color: #2D2D2D;
  letter-spacing: 0.03px;
  border-radius: 50%;
  transition: all 0.3s ease-in-out;
}
.mobile-filter-modal__time label::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: 0px 1px 3px rgba(19, 7, 31, 0.25);
  border-radius: 50%;
  content: "";
  opacity: 0;
  transition: all 0.3s ease-in-out;
}
.mobile-filter-modal__time label span {
  display: none;
  font-weight: 400;
  font-size: 10px;
  line-height: 0.5;
  letter-spacing: 0.02px;
  color: rgba(45, 45, 45, 0.6);
}
.mobile-filter-modal__time label:last-child {
  background-image: url("data:image/svg+xml,%3Csvg width='17' height='8' viewBox='0 0 17 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.75 0C10.8446 0 9.38117 1.23667 8.5 2.24667C7.61883 1.23667 6.15542 0 4.25 0C3.12283 0 2.04183 0.421427 1.2448 1.17157C0.447767 1.92172 0 2.93913 0 4C0 5.06087 0.447767 6.07828 1.2448 6.82843C2.04183 7.57857 3.12283 8 4.25 8C6.15542 8 7.61883 6.76333 8.5 5.75333C9.38117 6.76333 10.8446 8 12.75 8C13.8772 8 14.9582 7.57857 15.7552 6.82843C16.5522 6.07828 17 5.06087 17 4C17 2.93913 16.5522 1.92172 15.7552 1.17157C14.9582 0.421427 13.8772 0 12.75 0ZM4.25 6C3.68641 6 3.14591 5.78929 2.7474 5.41421C2.34888 5.03914 2.125 4.53043 2.125 4C2.125 3.46957 2.34888 2.96086 2.7474 2.58579C3.14591 2.21071 3.68641 2 4.25 2C5.51862 2 6.65833 3.18867 7.25262 4C6.65833 4.81133 5.51862 6 4.25 6ZM12.75 6C11.4814 6 10.3417 4.81133 9.74737 4C10.3417 3.18867 11.4814 2 12.75 2C13.3136 2 13.8541 2.21071 14.2526 2.58579C14.6511 2.96086 14.875 3.46957 14.875 4C14.875 4.53043 14.6511 5.03914 14.2526 5.41421C13.8541 5.78929 13.3136 6 12.75 6Z' fill='black'/%3E%3C/svg%3E%0A");
  background-position: center;
  background-size: 17px 8px;
  background-repeat: no-repeat;
}
.mobile-filter-modal__time input:checked + label {
  background-color: #C2E5F7;
}
.mobile-filter-modal__time input:checked + label span {
  display: inline;
}
.mobile-filter-modal__time input:checked + label::before {
  opacity: 0;
}

.reg-modal {
  display: none;
  position: fixed;
  z-index: 2000;
  transform: none;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: rgba(0, 0, 0, 0.4);
  backdrop-filter: blur(5px);
  transition: none;
  padding: 0;
  overflow: auto;
}
.reg-modal.active {
  display: block;
  transition: none;
}
.reg-modal__close {
  display: none;
}
@media (max-width: 767px) {
  .reg-modal__close {
    position: absolute;
    right: -2px;
    top: -2px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 31px;
    height: 31px;
    border: none;
    background: transparent;
  }
  .reg-modal__close svg {
    width: 22px;
    height: 22px;
  }
}
.reg-modal__inner {
  position: relative;
  padding: 30px 0;
  background-color: #ffffff;
  overflow: auto;
  max-height: calc(100vh - 30px);
}
@media (max-width: 767px) {
  .reg-modal__inner {
    width: 100%;
    height: 100%;
    max-height: 100%;
  }
}
.reg-modal__container {
  display: flex;
}
@media (max-width: 767px) {
  .reg-modal__container {
    flex-direction: column;
    flex-grow: 2;
    height: 100%;
  }
}
.reg-modal__info {
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
  width: 304px;
  margin-right: 25px;
  padding: 30px 12px;
  background: #84C9DC;
  border-radius: 30px;
}
@media (max-width: 767px) {
  .reg-modal__info {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    position: relative;
    width: 100%;
    margin-bottom: 24px;
    padding: 12px;
  }
}
.reg-modal__labels {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 6px;
}
@media (max-width: 767px) {
  .reg-modal__labels {
    order: 2;
    margin-left: auto;
    margin-bottom: 0;
    margin-top: auto;
    align-self: flex-end;
  }
}
.reg-modal__label {
  margin: 0 6px 6px 0;
  font-weight: 400;
  font-size: 12px;
  line-height: 12px;
  letter-spacing: 0.06px;
  color: #FFFFFF;
  padding: 10px 11px 7px;
  background: #2d2d2d;
  border-radius: 6px;
}
@media (max-width: 767px) {
  .reg-modal__label {
    font-size: 10px;
    margin: 6px 0 0 6px;
  }
}
.reg-modal__label.light {
  background: rgba(255, 255, 255, 0.4);
  color: #13071F;
}
.reg-modal__spec {
  display: none;
}
@media (max-width: 767px) {
  .reg-modal__spec {
    margin-bottom: 4px;
    display: block;
    font-weight: 400;
    font-size: 11px;
    line-height: 20px;
    letter-spacing: 0.7px;
    text-transform: uppercase;
    color: #2d2d2d;
  }
}
.reg-modal__name {
  margin: 0 0 9px;
  font-weight: 700;
  font-size: 20px;
  line-height: 120%;
  color: #2d2d2d;
}
@media (max-width: 767px) {
  .reg-modal__name {
    margin-bottom: 12px;
    padding-right: 82px;
    min-height: 70px;
    font-size: 16px;
    line-height: 120%;
  }
}
.reg-modal__desc {
  margin: 0 0 30px;
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
  color: #333333;
}
@media (max-width: 767px) {
  .reg-modal__desc {
    display: none;
  }
}
.reg-modal__info-btm {
  margin-top: auto;
  display: flex;
  justify-content: space-between;
}
.reg-modal__date {
  flex-shrink: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  width: 127px;
  height: 127px;
  border-radius: 50%;
  overflow: hidden;
  text-align: center;
  vertical-align: middle;
  background-color: #2d2d2d;
}
@media (max-width: 767px) {
  .reg-modal__date {
    position: absolute;
    top: 16px;
    right: 12px;
    width: 82px;
    height: 82px;
  }
}
.reg-modal__date img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0.6;
}
.reg-modal__date span {
  position: relative;
  width: 107px;
  font-weight: 400;
  font-size: 24px;
  line-height: 120%;
  color: #FFFFFF;
  text-transform: uppercase;
}
@media (max-width: 767px) {
  .reg-modal__date span {
    font-weight: 400;
    font-size: 12px;
    line-height: 120%;
    max-width: 45px;
  }
}
.reg-modal__price {
  display: flex;
  flex-direction: column;
  margin-top: auto;
  margin-left: auto;
}
@media (max-width: 767px) {
  .reg-modal__price {
    flex-direction: row;
    align-items: center;
    margin-right: 6px;
  }
}
.reg-modal__price span {
  display: inline-block;
  vertical-align: baseline;
  font-size: 28px;
  line-height: 34px;
  color: #333333;
}
.reg-modal__price span.old {
  text-decoration: line-through;
  font-size: 10px;
  line-height: 10px;
  color: rgba(45, 45, 45, 0.6);
}
@media (max-width: 767px) {
  .reg-modal__price span.old {
    margin-left: 12px;
    margin-top: 4px;
  }
}
.reg-modal__form {
  width: 100%;
}
@media (max-width: 767px) {
  .reg-modal__form {
    position: relative;
    align-self: stretch;
    flex-grow: 2;
    padding-bottom: 142px;
  }
}
.reg-modal__step-title {
  margin: 0 0 2px;
  font-weight: 700;
  font-size: 11px;
  line-height: 120%;
  color: #2d2d2d;
  text-transform: uppercase;
}
@media (max-width: 767px) {
  .reg-modal__step-title {
    min-height: 25px;
  }
}
.reg-modal__step-title span {
  color: rgba(45, 45, 45, 0.4);
}
.reg-modal__title {
  display: flex;
  justify-content: space-between;
  width: 100%;
  margin: 0 0 2px;
  font-weight: 700;
  font-size: 32px;
  line-height: 120%;
  color: #2d2d2d;
}
@media (max-width: 767px) {
  .reg-modal__title {
    font-size: 24px;
    line-height: 28px;
    margin-bottom: 12px;
  }
}
.reg-modal__title a {
  margin-top: 10px;
  font-weight: 400;
  font-size: 14px;
  line-height: 120%;
  color: rgba(45, 45, 45, 0.4);
  text-decoration: underline;
  transition: all 0.3s ease-in-out;
}
@media (max-width: 767px) {
  .reg-modal__title a {
    display: none;
  }
}
.reg-modal__title a:hover, .reg-modal__title a:focus {
  text-decoration: underline solid transparent;
}
.reg-modal__mobile-link {
  display: none;
}
@media (max-width: 767px) {
  .reg-modal__mobile-link {
    display: block;
    width: 100%;
    margin-bottom: 2px;
    text-align: center;
    font-weight: 400;
    font-size: 14px;
    line-height: 120%;
    color: rgba(45, 45, 45, 0.4);
    text-decoration: underline;
    transition: all 0.3s ease-in-out;
  }
  .reg-modal__mobile-link:hover, .reg-modal__mobile-link:focus {
    text-decoration: underline solid transparent;
  }
}
.reg-modal__text {
  margin: 0 0 12px;
  font-weight: 400;
  font-size: 14px;
  line-height: 120%;
  color: rgba(45, 45, 45, 0.6);
}
.reg-modal__text span {
  color: #13071F;
  margin-bottom: 4px;
  display: inline-block;
  vertical-align: baseline;
}
.reg-modal__text a {
  color: #22B3FF;
  text-decoration: underline;
  transition: all 0.3s ease-in-out;
}
.reg-modal__text a:hover, .reg-modal__text a:focus {
  color: #22B3FF;
  text-decoration: underline solid transparent;
}
.reg-modal__step {
  display: flex;
  flex-direction: column;
  min-height: 100%;
}
.reg-modal__group {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  border: none;
  padding: 0;
}
@media (max-width: 767px) {
  .reg-modal__group {
    margin-bottom: 6px;
  }
}
.reg-modal__group--col {
  flex-direction: column;
  justify-content: flex-start;
}
.reg-modal__group > * {
  width: calc(50% - 12px);
  margin-bottom: 16px;
}
@media (max-width: 767px) {
  .reg-modal__group > * {
    width: 100%;
    margin-bottom: 12px;
  }
}
.reg-modal__group .form-group .form-control {
  padding: 9px 0 0 0;
  font-weight: 400;
  font-size: 16px;
  line-height: 19px;
  height: 36px;
  color: #2d2d2d;
  border-bottom: 1px solid rgba(45, 45, 45, 0.4);
}
.reg-modal__group .form-group .form-control:focus {
  border-color: #98EDFD;
}
.reg-modal__group .form-group--filled .form-control {
  border-color: #98EDFD;
}
.reg-modal__group .form-group.error .form-control {
  border-color: #EB5757;
  color: #EB5757;
}
.reg-modal__group .error-message {
  position: static;
  font-size: 10px;
  line-height: 10px;
  color: #EB5757;
  margin-top: 2px;
  font-style: normal;
  max-width: 250px;
}
@media (max-width: 767px) {
  .reg-modal__group .error-message {
    max-width: 100%;
  }
}
.reg-modal__group .form-group label {
  top: 15px;
  font-weight: 400;
  font-size: 16px;
  line-height: 120%;
  color: #979797;
}
.reg-modal__group .form-group.form-group--filled label,
.reg-modal__group .form-group .form-control:focus + label {
  transform: translateY(-16px);
  font-size: 10px;
  line-height: 12px;
}
.reg-modal__group .custom-select > button {
  font-weight: 400;
  font-size: 16px;
  line-height: 120%;
  color: #979797;
  border: none;
  border-bottom: 1px solid rgba(45, 45, 45, 0.4);
  box-shadow: none;
  border-radius: 0;
  height: 36px;
}
.reg-modal__group .custom-select > button:after {
  right: 10px;
  top: 19px;
  opacity: 0.4;
}
.reg-modal__group .custom-select.active > button:after {
  top: 12px;
}
.reg-modal__group .custom-select__options {
  padding-left: 0;
}
.reg-modal__group .custom-select__options::after {
  position: relative;
  top: 3px;
  font-size: 16px;
  line-height: 120%;
  color: #979797;
}
.reg-modal__group .custom-select__dropdown {
  border: solid 1px #d3f7fd;
  box-shadow: 0 40px 7px 0 rgba(19, 7, 31, 0.05);
  border-radius: 10px;
  width: calc(100% + 20px);
  max-width: calc(100% + 20px);
  left: -10px;
}
.reg-modal__group .custom-select__options span {
  font-weight: 400;
  font-size: 16px;
  line-height: 19px;
  color: #2d2d2d;
}
.reg-modal__form .form-group.form-group--allow label {
  max-width: 100%;
  width: 100%;
  padding-left: 24px;
  font-weight: 400;
  font-size: 12px;
  line-height: 120%;
  color: #2d2d2d;
}
.reg-modal__form .form-group.form-group--allow label::before {
  top: -2px;
  width: 16px;
  height: 16px;
  border: 1.5px solid #EAEAEA;
  border-radius: 4px;
}
.reg-modal__form .form-group.form-group--allow label:after {
  top: -2px;
  left: 0;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 12 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11.2015 0.324975C11.5129 0.620831 11.5255 1.11313 11.2297 1.42456L4.75469 8.24035L0.768578 4.04444C0.472723 3.73301 0.485346 3.24071 0.796773 2.94486C1.1082 2.649 1.6005 2.66163 1.89636 2.97305L4.75469 5.98183L10.1019 0.353169C10.3978 0.0417423 10.8901 0.0291192 11.2015 0.324975Z' fill='%23979797'/%3E%3C/svg%3E%0A");
  background-size: 12px 9px;
  width: 16px;
  height: 16px;
}
.reg-modal__form .form-group.form-group--allow input:checked + label::before {
  border-color: #979797;
}
.reg-modal__form .form-group.form-group--allow input:checked + label::after {
  top: -2px;
}
.reg-modal__form .form-group.form-group--allow {
  margin-bottom: 6px;
}
.reg-modal__row {
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: center;
}
.reg-modal__group--col + .reg-modal__row {
  width: calc(50% - 12px);
}
@media (max-width: 767px) {
  .reg-modal__group--col + .reg-modal__row {
    width: 100%;
  }
}
.reg-modal__row .reg-modal__text {
  margin-bottom: 6px;
  margin-top: 2px;
}
.reg-modal__btm {
  margin-top: auto;
}
@media (max-width: 767px) {
  .reg-modal__btm {
    padding-bottom: 24px;
    padding-top: 18px;
  }
}
.reg-modal__btn {
  margin-top: auto;
  padding: 13px 20px;
  font-size: 20px;
  line-height: 24px;
  letter-spacing: 0.03;
  font-weight: 700;
}
@media (max-width: 767px) {
  .reg-modal__btn {
    display: inline-block;
    vertical-align: baseline;
    text-align: center;
    width: calc(50% - 6px);
  }
  .reg-modal__btn:first-child:last-child {
    width: 100%;
  }
}
.reg-modal__btn:first-child:last-child {
  margin-left: auto;
}
.reg-modal__btn.btn:disabled {
  background: #22B3FF !important;
  pointer-events: none;
  opacity: 0.5;
}
.reg-modal__btn--grey {
  font-weight: 700;
  font-size: 20px;
  line-height: 120%;
  color: rgba(19, 7, 31, 0.3);
  background: #E4E4E4;
}
.reg-modal__btn--grey:hover, .reg-modal__btn--grey:focus {
  background-color: #57c5ff;
  color: #ffffff;
  box-shadow: 0 3px 7px rgba(34, 179, 255, 0.6);
}
@media (max-width: 767px) {
  .reg-modal__btm--diff .reg-modal__btn {
    width: auto;
    flex-grow: 2;
  }
}
.reg-modal__btm--diff .reg-modal__btn + .reg-modal__btn {
  margin-left: 12px;
}
.reg-modal__uploads {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
@media (max-width: 991px) {
  .reg-modal__uploads {
    margin-bottom: 12px;
  }
}
.reg-modal .text {
  margin: 0 0 20px;
  font-weight: 400;
  font-size: 20px;
  line-height: 120%;
  color: #13071F;
}
@media (max-width: 767px) {
  .reg-modal .text {
    margin-bottom: 12px;
    font-size: 16px;
  }
}
.reg-modal__check {
  display: flex;
  padding: 16px 12px;
  background: rgba(34, 179, 255, 0.1);
  border-radius: 10px;
}
.reg-modal__check a {
  text-decoration: underline;
}
.reg-modal__check-icon {
  flex-shrink: 0;
  width: 50px;
  height: 50px;
  margin-right: 12px;
  border: 2px solid #22B3FF;
  background-color: #ffffff;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.33586 15.6636C1.22663 12.5438 1.22663 7.46144 4.33586 4.34164L5.99447 6.0002V1.00318H0.9973L2.9279 2.93373C-0.975967 6.83215 -0.975967 13.1731 2.9279 17.0768C5.39182 19.5354 8.82104 20.4473 11.9996 19.7967V17.7381C9.34902 18.4261 6.41045 17.7381 4.33586 15.6636ZM17.0714 2.93373C14.6075 0.464547 11.1783 -0.447396 7.99973 0.20323V2.26177C10.6503 1.57381 13.5942 2.27243 15.6635 4.34164C18.7834 7.46144 18.7834 12.5438 15.6635 15.6636L14.0049 14.005V19.0074H19.0074L17.0768 17.0768C20.9753 13.1731 20.9753 6.83215 17.0714 2.93373Z' fill='%2322B3FF'/%3E%3C/svg%3E%0A");
  background-size: 20px;
  background-position: center;
  background-repeat: no-repeat;
  border-radius: 50%;
  animation: rotating 1.5s ease-in-out infinite;
}
.reg-modal__check-title {
  margin: 0 0 8px;
  font-weight: 700;
  font-size: 16px;
  line-height: 100%;
  color: #22B3FF;
}
.reg-modal__check-list {
  margin: 0;
  padding: 0;
  list-style: none;
}
.reg-modal__check-item {
  margin: 0 0 4px;
  position: relative;
  padding-left: 11px;
  font-weight: 400;
  font-size: 12px;
  line-height: 120%;
  color: rgba(45, 45, 45, 0.6);
}
.reg-modal__check-item::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 7px;
  height: 14px;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 12 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11.2015 0.324975C11.5129 0.620831 11.5255 1.11313 11.2297 1.42456L4.75469 8.24035L0.768578 4.04444C0.472723 3.73301 0.485346 3.24071 0.796773 2.94486C1.1082 2.649 1.6005 2.66163 1.89636 2.97305L4.75469 5.98183L10.1019 0.353169C10.3978 0.0417423 10.8901 0.0291192 11.2015 0.324975Z' fill='%23979797'/%3E%3C/svg%3E%0A");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  content: "";
}
.reg-modal__payment-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 0 0 6px;
  padding: 0;
  list-style: none;
}
.reg-modal__payment-item {
  display: flex;
  width: calc(50% - 6px);
  margin-bottom: 12px;
}
.reg-modal__payment-item input {
  position: absolute;
  width: 0;
  height: 0;
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
}
.reg-modal__payment-item label {
  display: flex;
  flex-direction: column;
  width: 100%;
  padding: 12px;
  background: rgba(233, 233, 233, 0.4);
  border-radius: 10px;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
}
.reg-modal__payment-item label span {
  margin-bottom: 6px;
  font-weight: 400;
  font-size: 16px;
  line-height: 100%;
  color: #2d2d2d;
}
@media (max-width: 767px) {
  .reg-modal__payment-item label span {
    font-size: 12px;
  }
}
.reg-modal__payment-item input:checked + label {
  pointer-events: none;
  background: rgba(34, 179, 255, 0.15);
}
.reg-modal__payment-icons {
  display: flex;
  flex-wrap: wrap;
  margin-top: 6px;
}
.reg-modal__payment-icons img {
  display: block;
  height: 12px;
  width: auto;
  margin-right: 6px;
}
.reg-modal__payment-promocode {
  width: calc(50% - 6px);
}
@media (max-width: 767px) {
  .reg-modal__payment-promocode {
    width: 100%;
  }
}
.reg-modal__payment-promocode .form-group {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.reg-modal__payment-promocode button {
  order: 2;
  pointer-events: none;
  opacity: 0;
  margin-top: 12px;
  font-weight: 700;
  font-size: 16px;
  line-height: 120%;
  padding: 10px 20px;
  height: 42px;
}
.reg-modal__payment-promocode input {
  text-transform: uppercase;
}
.reg-modal__payment-promocode input:focus + label + button,
.reg-modal__payment-promocode .form-group--filled button {
  pointer-events: initial;
  opacity: 1;
}
.reg-modal__payment-promocode .success-message,
.reg-modal__payment-promocode .error-message {
  display: none;
}
.reg-modal__payment-promocode .success {
  pointer-events: none;
}
.reg-modal__payment-promocode .success input {
  color: #49E3A4;
  border-color: #49E3A4;
}
.reg-modal__payment-promocode .success button {
  display: none;
}
.reg-modal__payment-promocode .success::after {
  top: 22px;
  width: 15px;
  height: 11px;
  border: none;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 15 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.9152 1.15172C10.6152 0.926722 10.0902 0.926722 9.8652 1.30172L4.6152 8.05172L2.0652 4.90172C1.8402 4.60172 1.3152 4.52672 1.0152 4.75172C0.7152 4.97672 0.6402 5.50172 0.8652 5.80172L4.0152 9.70172C4.1652 9.92672 4.3902 10.0017 4.6152 10.0017C4.8402 10.0017 5.0652 9.92672 5.2152 9.70172L11.0652 2.20172C11.3652 1.90172 11.2902 1.45172 10.9152 1.15172ZM14.6652 1.15172C14.3652 0.926722 13.8402 0.926722 13.6152 1.30172L8.3652 8.05172L7.9152 7.45172L6.9402 8.65172L7.7652 9.70172C7.9152 9.85172 8.1402 10.0017 8.3652 10.0017C8.5902 10.0017 8.8152 9.92672 8.9652 9.70172L14.8152 2.20172C15.1152 1.90172 15.0402 1.37672 14.6652 1.15172Z' fill='%2349E3A4'/%3E%3Cpath d='M4.9902 6.32672L5.9652 5.12672L5.8152 4.97672C5.5902 4.60172 5.0652 4.52672 4.7652 4.75172C4.4652 4.97672 4.3902 5.50172 4.6152 5.80172L4.9902 6.32672Z' fill='%2349E3A4'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  transform: none;
}
.reg-modal__payment-promocode .success .success-message {
  margin-top: 10px;
  display: block;
  font-weight: 400;
  font-size: 14px;
  line-height: 12px;
  color: #2d2d2d;
}
.reg-modal__payment-promocode .error input {
  color: #EB5757;
  border-color: #EB5757;
}
.reg-modal__payment-promocode .error .error-message {
  margin-top: 2px;
  position: static;
  color: #EB5757;
  font-weight: 400;
  font-size: 10px;
  line-height: 100%;
  font-style: normal;
}
.reg-modal__payment-promocode-title {
  margin: 4px 0 18px;
  font-weight: 400;
  font-size: 16px;
  line-height: 12px;
  color: #2d2d2d;
}

@keyframes rotating {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.uploads-item {
  position: relative;
  width: calc(50% - 3px);
  min-height: 80px;
  margin-bottom: 6px;
  padding: 16px 12px 16px 74px;
  background-color: rgba(233, 233, 233, 0.4);
  border-radius: 10px;
  transition: all 0.3s ease-in-out;
}
.uploads-item--free {
  background-color: #ffffff;
  border: 1px solid #EBEBEB;
}
@media (max-width: 991px) {
  .uploads-item {
    width: 100%;
  }
}
@media (max-width: 768pxpx) {
  .uploads-item {
    padding-left: 52px;
  }
}
.uploads-item.active {
  background-color: rgba(73, 227, 164, 0.05);
}
.uploads-item--free.active {
  border-color: transparent;
}
.uploads-item__icon-loader {
  position: absolute;
  top: 16px;
  left: 12px;
  width: 50px;
  height: 50px;
}
@media (max-width: 767px) {
  .uploads-item__icon-loader {
    width: 40px;
    height: 40px;
  }
}
.uploads-item__icon-loader svg {
  width: 100%;
  height: 100%;
  transform: rotate(-90deg);
}
.uploads-item__icon-loader svg .progress__meter {
  stroke: #22B3FF;
  fill: none;
  transition: all 0.3s ease-in-out;
}
.uploads-item__icon-loader svg .progress__value {
  fill: none;
}
.uploads-item.active .uploads-item__icon-loader .progress__meter {
  stroke: #49E3A4;
}
.uploads-item__icon-view {
  position: absolute;
  top: 16px;
  left: 12px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 50px;
  height: 50px;
}
@media (max-width: 767px) {
  .uploads-item__icon-view {
    width: 40px;
    height: 40px;
  }
}
.uploads-item__icon-view svg {
  position: absolute;
  width: 20px;
  height: 22px;
  transition: all 0.3s ease-in-out;
  margin-left: 2px;
}
@media (max-width: 767px) {
  .uploads-item__icon-view svg {
    width: 16px;
    height: 18px;
  }
}
.uploads-item__icon-view svg.icon-upload {
  fill: #22B3FF;
}
.uploads-item__icon-view svg.icon-upload-success {
  fill: #49E3A4;
}
.uploads-item__icon-view svg.icon-upload-error,
.uploads-item__icon-view svg.icon-upload-success {
  opacity: 0;
}
.uploads-item.active .uploads-item__icon-view svg.icon-upload {
  opacity: 0;
}
.uploads-item.active .uploads-item__icon-view svg.icon-upload-success {
  opacity: 1;
}
.uploads-item__title {
  margin: 0;
  max-width: 180px;
  font-weight: 400;
  font-size: 16px;
  line-height: 100%;
  color: #2d2d2d;
  transition: all 0.3s ease-in-out;
}
.uploads-item--free .uploads-item__title::after {
  content: "*";
  font: inherit;
  font-family: "Roboto", "Arial", sans-serif;
}
.uploads-item__notice {
  font-family: "Roboto", "Arial", sans-serif;
  font-weight: 400;
  font-size: 12px;
  line-height: 18px;
  color: #676767;
}
.uploads-item.active .uploads-item__title {
  font-weight: 700;
  color: #49E3A4;
}
.uploads-item__btn label {
  font-weight: 400;
  font-size: 14px;
  line-height: 120%;
  color: #22B3FF;
  text-decoration: underline;
  transition: all 0.3s ease-in-out;
}
.uploads-item__btn label:hover, .uploads-item__btn label:focus {
  text-decoration: underline solid transparent;
}
.uploads-item__btn input {
  position: absolute;
  width: 0;
  height: 0;
  opacity: 0;
  visibility: hidden;
  pointer-events: 0;
}
.uploads-item.active .uploads-item__btn label {
  color: rgba(45, 45, 45, 0.4);
}
.uploads-item .filelist ul {
  margin-top: 4px;
}

.file-wrap {
  display: flex;
}
.file-wrap__name {
  position: relative;
  display: inline-block;
  vertical-align: baseline;
  margin-bottom: 4px;
  font-weight: 400;
  font-size: 14px;
  line-height: 1;
  max-width: calc(100% - 24px);
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.file-wrap__remove {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 14px;
  height: 14px;
  flex-shrink: 0;
  cursor: pointer;
  color: rgba(45, 45, 45, 0.4);
  margin-left: 8px;
  padding-top: 6px;
}
.file-wrap__remove:hover, .file-wrap__remove:focus {
  color: #FF7272;
}

.c-reg-success-banner {
  position: relative;
  padding: 58px 0 90px;
  margin-bottom: -40px;
}
@media (max-width: 767px) {
  .c-reg-success-banner {
    padding-top: 60px;
    min-height: calc(100vh - 184px);
  }
}
.c-reg-success-banner > picture img,
.c-reg-success-banner > img {
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.c-reg-success-banner__content {
  width: 492px;
  padding: 30px 12px;
  max-width: 100%;
  background-color: #ffffff;
  border-radius: 20px;
}
.c-reg-success-banner__title {
  width: 100%;
  margin: 0 0 12px;
  font-weight: 700;
  font-size: 32px;
  line-height: 120%;
  color: #2d2d2d;
}
@media (max-width: 767px) {
  .c-reg-success-banner__title {
    font-size: 24px;
  }
}
.c-reg-success-banner__text {
  width: 100%;
  max-width: 450px;
  margin: 0 0 40px;
  font-weight: 400;
  font-size: 20px;
  line-height: 120%;
  color: #2d2d2d;
}
@media (max-width: 767px) {
  .c-reg-success-banner__text {
    font-size: 16px;
  }
}
.c-reg-success-banner__btn {
  display: inline-block;
  vertical-align: baseline;
  font-weight: 700;
  font-size: 20px;
  line-height: 21px;
  letter-spacing: 0.04px;
  padding: 14px 30px;
}
@media (max-width: 767px) {
  .c-reg-success-banner__btn {
    width: 100%;
    text-align: center;
  }
}

.reg-modal-close {
  position: fixed;
  z-index: 2001;
  bottom: 12px;
  right: 12px;
  padding-left: 108px;
  display: none;
  width: 572px;
  height: 113px;
}
.reg-modal-close::after {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 93px;
  height: 93px;
  border-radius: 50%;
  background-color: #22B3FF;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 54 48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M26.0877 13.0662C26.0877 6.13456 21.1124 0.951416 13.3876 0.951416C5.65625 0.951416 0.6875 6.13785 0.6875 13.0662C0.6875 19.9946 5.65625 25.1778 13.3876 25.1778C21.119 25.1778 26.0877 19.9979 26.0877 13.0662ZM19.7642 13.0662C19.7642 17.0563 17.0678 19.6857 13.3876 19.6857C9.76044 19.6857 7.06406 16.915 7.06406 13.0662C7.06406 9.05974 9.86312 6.49281 13.3876 6.49281C17.0181 6.49281 19.7642 9.16491 19.7642 13.0662Z' fill='white'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M35.6464 3.72212C37.0973 2.18393 39.8467 0.951416 42.8511 0.951416C49.2807 0.951416 53.4279 5.88149 53.4279 12.7047C53.4279 19.7383 48.5552 25.1778 41.0889 25.1778C39.0152 25.1778 36.9946 24.8195 35.6464 24.0504V34.8802H21.7969V28.9641H29.6839V1.51673H35.6464V3.72212ZM35.6464 18.3513C37.2596 19.38 38.5846 19.6857 40.5721 19.6857C44.7194 19.6857 47.1044 16.7276 47.1044 12.8592C47.1044 9.16491 44.9248 6.4961 40.9862 6.4961C38.9589 6.4961 37.0973 7.41967 35.6464 9.01044V18.3513Z' fill='white'/%3E%3Cpath d='M24.6703 41.8578C20.3972 41.8578 16.9191 38.7486 16.9191 34.8801H11.0195C11.0195 41.963 17.141 47.7279 24.6703 47.7279V41.8578Z' fill='white'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-size: 53px 47px;
  background-position: center;
  content: "";
}
.reg-modal-close__close {
  position: absolute;
  z-index: 2;
  display: flex;
  justify-content: center;
  align-items: center;
  top: 0;
  right: 0;
  width: 32px;
  height: 32px;
  margin: 0;
  padding: 0;
  border-radius: 50%;
  background: #ffffff;
  box-shadow: 0px 9px 12px rgba(164, 164, 164, 0.1958);
  border: none;
  cursor: pointer;
}
.reg-modal-close__close svg {
  width: 13px;
  height: 13px;
  fill: #D1D1D1;
  transition: all 0.3s ease-in-out;
}
.reg-modal-close__close:hover svg, .reg-modal-close__close:focus svg {
  fill: #FF7272;
}
.reg-modal-close__content {
  width: 467px;
  min-height: 113px;
  padding: 24px 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 493 113' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M57.5 0C26.2959 0 1 25.2959 1 56.5C1 66.2781 3.48391 75.476 7.85517 83.4973L0.6875 112.952L29.9387 105.833C38.0916 110.398 47.4919 113 57.5 113H436.5C467.704 113 493 87.7041 493 56.5C493 25.2959 467.704 0 436.5 0H57.5Z' fill='white'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center;
  filter: drop-shadow(0px 0px 8px rgba(0, 0, 0, 0.150213));
  text-align: left;
}
.reg-modal-close__title {
  margin: 0;
  font-weight: 700;
  font-size: 20px;
  line-height: 120%;
  letter-spacing: 0.09px;
  color: #2d2d2d;
}
.reg-modal-close__text {
  margin-top: 4px;
  font-weight: 400;
  font-size: 14px;
  line-height: 120%;
  letter-spacing: 0.05px;
  color: #979797;
}
.reg-modal-close__btn {
  margin: 0;
  padding: 0;
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.03px;
  color: #ffffff;
  padding: 8px 24px;
  background: #FF7272;
  border-radius: 22px;
  transition: all 0.3s ease-in-out;
  cursor: pointer;
  border: none;
}
.reg-modal-close__btn:hover, .reg-modal-close__btn:focus {
  background-color: rgba(255, 114, 114, 0.6);
}

.p-icon {
  position: absolute;
  z-index: 99;
  right: 12px;
  top: 17px;
  display: none;
  width: 15px;
  height: 15px;
  cursor: pointer;
  opacity: 0.6;
  transition: all 0.3s ease-in-out;
}
.p-icon--view {
  top: 14px;
}
.p-icon svg {
  fill: #2d2d2d;
}
.p-icon:hover, .p-icon:focus {
  opacity: 1;
}
.p-icon.active {
  display: flex;
}

.js-tabs-content {
  display: none;
}
.js-tabs-content.active {
  display: block;
}

.dropdown-single--custom {
  position: relative;
  margin-bottom: 16px;
  min-height: 37px;
}
.dropdown-single--custom .dropdown-single__remove {
  position: absolute;
  z-index: 98;
  bottom: 0;
  right: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  cursor: pointer;
  border: none;
  margin: 0;
  padding: 0;
  background-color: transparent;
}
.dropdown-single--custom .dropdown-single__remove.hidden {
  display: none;
}
.dropdown-single--custom .dropdown-single__remove svg {
  width: 10px;
  height: 10px;
  fill: #2d2d2d;
  opacity: 0.4;
  transition: all 0.3 ese-in-out;
}
.dropdown-single--custom .dropdown-single__remove:hover svg, .dropdown-single--custom .dropdown-single__remove:focus svg {
  fill: #FF7272;
  opacity: 1;
}
.dropdown-single--custom .dropdown-single__title {
  position: absolute;
  z-index: 98;
  display: inline-block;
  vertical-align: baseline;
  width: 100%;
  margin-bottom: 8px;
  font-weight: 400;
  font-size: 10px;
  line-height: 120%;
  color: #979797;
}
.dropdown-single--custom .custom-select > button {
  font-weight: 400;
  font-size: 16px;
  line-height: 120%;
  color: #979797;
  border: none;
  border-bottom: 1px solid rgba(45, 45, 45, 0.4);
  box-shadow: none;
  border-radius: 0;
  height: 36px;
}
.dropdown-single--custom .custom-select > button:after {
  right: 10px;
  top: 19px;
  opacity: 0.4;
}
.dropdown-single--custom .custom-select.active > button:after {
  top: 12px;
}
.dropdown-single--custom .custom-select__options {
  padding-left: 0;
}
.dropdown-single--custom .custom-select__options::after {
  position: relative;
  top: 3px;
  font-size: 16px;
  line-height: 120%;
  color: #979797;
}
.dropdown-single--custom .custom-select__dropdown {
  border: solid 1px #d3f7fd;
  box-shadow: 0 40px 7px 0 rgba(19, 7, 31, 0.05);
  border-radius: 10px;
  width: calc(100% + 20px);
  max-width: calc(100% + 20px);
  left: -10px;
}
.dropdown-single--custom .custom-select__options span {
  margin-top: 3px;
  font-weight: 400;
  font-size: 16px;
  line-height: 19px;
  color: #2d2d2d;
}

.dropdown-single--not-arrow .custom-select > button::after {
  display: none;
}

.reg-modal--docs .reg-modal__inner {
  height: 600px;
}
@media (max-width: 767px) {
  .reg-modal--docs .reg-modal__inner {
    height: 100vh;
  }
}
.reg-modal--docs .reg-modal__text {
  color: #13071F;
  font-size: 20px;
}
.reg-modal--docs .reg-modal__step {
  max-width: 630px;
  width: 100%;
  align-items: flex-start;
}
@media (max-width: 767px) {
  .reg-modal--docs .reg-modal__step {
    max-width: 100%;
  }
}
.reg-modal--docs .form-group--custom {
  max-width: 468px;
  width: 100%;
}
@media (max-width: 767px) {
  .reg-modal--docs .reg-modal__btn {
    width: 100%;
  }
}

.reg-modal--support .reg-modal__text {
  max-width: 619px;
  color: #13071F;
  font-size: 20px;
}
.reg-modal--support .reg-modal__inner {
  height: 600px;
}
@media (max-width: 767px) {
  .reg-modal--support .reg-modal__inner {
    height: 100vh;
  }
}
.reg-modal--support .reg-modal__step {
  max-width: 656px;
  width: 100%;
  align-items: flex-start;
}
@media (max-width: 767px) {
  .reg-modal--support .reg-modal__step {
    max-width: 100%;
  }
}
.reg-modal--support .reg-modal__group {
  width: 100%;
}
@media (max-width: 767px) {
  .reg-modal--support .reg-modal__btn {
    width: 100%;
  }
}

.partners-wrapper {
  position: relative;
}
.partners-wrapper:before {
  content: "";
  height: 1px;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  background-color: #ededed;
}

.privilege-section > p {
  font-size: 1.8rem;
  letter-spacing: 0.06px;
}
.privilege-section .title.title--md-eb {
  margin-bottom: 6px;
}
.privilege-section__list {
  margin-top: 24px;
}
.privilege-section__item {
  display: flex;
  align-items: flex-start;
  margin-bottom: 24px;
}
.privilege-section__item-title {
  font-size: 2.4rem;
  font-weight: bold;
  line-height: 1.5;
  letter-spacing: 0.08px;
  color: rgba(0, 0, 0, 0.8);
  transition: 0.4s ease 0s;
}
.privilege-section__item-title:hover {
  color: #49e3a4;
}
.privilege-section__item-desc {
  font-size: 18px;
  line-height: 1.22;
  letter-spacing: 0.06px;
  color: rgba(0, 0, 0, 0.8);
  margin-bottom: 6px;
}
.privilege-section__item-more {
  display: inline-block;
  font-size: 12px;
  font-weight: bold;
  line-height: 1;
  letter-spacing: 0.04px;
  color: #22b3ff;
  border-bottom: 1px solid #22b3ff;
  transition: 0.4s ease 0s;
}
.privilege-section__item-more:hover {
  color: #49e3a4;
  border-bottom-color: transparent;
}
.privilege-section__logo {
  width: 210px;
  height: 100px;
  border-radius: 4px;
  background-color: #d8d8d8;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-right: 24px;
  flex-shrink: 0;
  padding: 12px;
}
.privilege-section__logo span {
  font-size: 1.8rem;
  font-weight: bold;
  line-height: 0.89;
  letter-spacing: 0.06px;
  text-align: center;
  color: #fff;
}
.privilege-section__logo img {
  max-width: 100%;
}
.privilege-section__btn {
  text-align: center;
  margin-top: 48px;
}

.infopartners-section {
  margin-top: 64px;
}
.infopartners-section .infopartners-list {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -12px 48px;
}
.infopartners-section .infopartners-item {
  max-width: calc(25% - 24px);
  flex-basis: calc(25% - 24px);
  margin: 0 12px 24px;
  display: flex;
  padding: 12px;
  border-radius: 10px;
  box-shadow: 0 0 12px 0 rgba(19, 7, 31, 0.07);
  background-color: #ffffff;
  align-items: center;
  justify-content: center;
}
.infopartners-section .infopartners-item img {
  max-width: 100%;
}

.partners-support-section {
  margin-bottom: 64px;
}
.partners-support-section .partners-support-list {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -12px;
}
.partners-support-section .partners-support-item {
  max-width: calc(25% - 24px);
  flex-basis: calc(25% - 24px);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin: 0 12px 24px;
}
.partners-support-section .partners-support-item span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 53px;
  font-size: 1.8rem;
  color: #fff;
  border-radius: 4px;
  background-color: #d8d8d8;
}

.partners-content p {
  font-size: 20px;
  line-height: 1.2;
  letter-spacing: 0.03px;
  margin-bottom: 12px;
}

@media (max-width: 767px) {
  .infopartners-section .infopartners-item, .partners-support-section .partners-support-item {
    max-width: calc(33.3333% - 24px);
    flex-basis: calc(33.3333% - 24px);
  }
}
@media (max-width: 580px) {
  .privilege-section__item {
    flex-direction: column;
  }
  .privilege-section__logo {
    width: 100%;
    margin-right: 0;
    margin-bottom: 12px;
  }
  .infopartners-section .infopartners-item, .partners-support-section .partners-support-item {
    max-width: calc(50% - 24px);
    flex-basis: calc(50% - 24px);
  }
  .privilege-section__btn {
    margin-top: 32px;
  }
  .infopartners-section {
    margin-top: 36px;
  }
  .partners-support-section {
    margin-bottom: 36px;
  }
  .partners-content.mb-64 {
    margin-bottom: 36px;
  }
  .infopartners-section .infopartners-list {
    margin-bottom: 32px;
  }
}
.pages-list {
  margin-top: 48px;
}

.pages-list__row {
  display: flex;
  border-bottom: 1px solid #22b3ff;
  padding: 12px 24px;
}
@media (max-width: 767px) {
  .pages-list__row {
    padding: 12px 0;
  }
}
.pages-list__row-title {
  font-size: 1.3rem;
  letter-spacing: 0.1px;
  font-weight: 700;
  text-transform: uppercase;
}
.pages-list__row a {
  text-decoration: underline;
  transition: 0.4s ease 0s;
  display: block;
}
.pages-list__row a:hover {
  color: #98edfd;
}

.pages-list__makeup {
  width: 50%;
}
@media (max-width: 767px) {
  .pages-list__makeup {
    padding-right: 12px;
  }
}

.pages-list__design {
  width: 50%;
}
@media (max-width: 767px) {
  .pages-list__design {
    padding-left: 12px;
  }
}

.page-list__modules {
  background-image: linear-gradient(to left, rgba(34, 179, 255, 0.2), rgba(152, 237, 253, 0.2));
  padding: 18px 12px;
  font-size: 1.3rem;
  letter-spacing: 0.1px;
  font-weight: 700;
  text-transform: uppercase;
  margin-top: 36px;
}

.sign-in-form .form-group.error .error-message {
  position: relative;
  margin-top: 6px;
  bottom: 0;
}

.hidden-header ~ .filter-fixed-down .section-experience-filter {
  top: 0;
  transition: 0.6s ease 0.6s;
}

.icon.icon-fullscreen {
  fill: #fff;
  width: 20px;
  height: 20px;
}

.btn.btn--icon span .icon.icon-favorite {
  fill: #22b3ff;
}

.js-select {
  opacity: 0;
  height: 0;
  overflow: hidden;
}

.article-tabs-wrapper.article-tabs-wrapper--hangbook {
  margin-top: 24px;
}

.js-video-container {
  margin-bottom: 24px;
}

.section-experience-list {
  margin-bottom: 64px;
}

@media (max-width: 767px) {
  .create-account__social {
    margin-top: 24px;
  }
  .profile-content__bubble, .profile-password__advice {
    display: none;
  }
  .form-group-visible, .form-group--blue-wrapper {
    width: 100%;
  }
  .event-calendar-wrapper .article-tabs .tabs-content-top__section-row {
    flex-wrap: wrap;
  }
  .event-calendar-wrapper .article-tabs .tabs-content-top__section-item .card-item--webinar,
  .event-calendar-wrapper .article-tabs .tabs-content-top__section-item .card-item--lg {
    width: 304px;
    max-width: 304px;
  }
  .event-calendar-wrapper .article-tabs .tabs-content-top__section-item .card-item--lg-max .card-item__description {
    width: 100%;
  }
  .event-calendar-wrapper .tabs-content-event .tab-read__material-actions .tab-read__material-line > div {
    width: 100%;
    margin-bottom: 12px;
    max-width: 330px;
    margin-left: auto;
    margin-right: auto;
  }
  body.fixed-header.fixed .header {
    transform: translateY(-200px);
  }
  body.fixed-header.fixed .show-header, body.fixed-header.fixed .open-menu {
    transform: translateY(0);
  }
  .remote-control__type-item label {
    font-size: 0;
  }
  .popular-content-wrapper {
    overflow: hidden;
  }
  .request-content-list {
    margin-bottom: 32px;
  }
  .request-content__vote {
    position: absolute;
    top: 0;
    flex-direction: column;
    border-radius: 10px 0 0 10px;
    box-shadow: 0 0 12px 0 rgba(19, 7, 31, 0.07);
    background-color: #ffffff;
    right: -72px;
    z-index: 10;
    padding: 10px 18px;
  }
  .request-content__title-status {
    margin-left: 0;
    margin-bottom: 16px;
    display: inline-block;
  }
  .request-content__description {
    position: relative;
    min-height: 170px;
  }
  .request-content__description p {
    max-width: 200px;
  }
  .request-content__item {
    margin-bottom: 0;
  }
  .request-content__top-mobile {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
}
.simple__text-20 {
  font-size: 20px;
  line-height: 1.2;
  letter-spacing: 0.03px;
  margin-bottom: 24px;
}
.simple__text-20 .bold {
  margin-bottom: 12px;
  display: block;
  font-weight: 700;
}

@-moz-document url-prefix() {
  .form-group label {
    top: 12px;
  }
  .custom-select .custom-select__list ul {
    scrollbar-width: none;
  }
  .custom-select.active .custom-select__dropdown .custom-select__control {
    position: relative;
  }
}
.ordionline_webinar_announce .video-controls__bottom, .ordionline_webinar_past .video-controls__bottom, .ordionline_webinar_online .video-controls__bottom {
  z-index: 99;
}

.js-video-container.fullscreen .video-interactive {
  z-index: 98;
}

.card-item .poll-item {
  z-index: 1;
}

.js-video-container.video-youtube .video-controls {
  z-index: 99;
}

.js-video-container.video-youtube .video-controls__bottom {
  display: none;
}

.js-video-container.video-youtube .video-play {
  height: 100%;
}
.js-video-container.video-youtube .video-play .play-control {
  top: 50%;
}

.video-controls.unvisible {
  display: none;
}

.fixed-ovh .overlay:after {
  display: none;
}

.fixed-ovh .ordionline_admin .content {
  position: relative;
  z-index: 9999;
}

.date-select-wrapper .custom-select__list {
  overflow: visible;
}

.video-interactive-item-thanks {
  padding-top: 12px;
}

@media (max-width: 998px) {
  .error-message {
    font-size: 12px;
  }
}
.youtube-player-wrapper {
  width: 100%;
  height: 360px;
  margin-bottom: 48px;
  position: relative;
}
@media (max-width: 640px) {
  .youtube-player-wrapper {
    width: auto;
    margin-bottom: 0;
  }
}
.youtube-player-wrapper .youtube-player-container {
  position: relative;
  height: 100%;
}
@media (max-width: 600px) {
  .youtube-player-wrapper .youtube-player-container {
    height: auto;
  }
}
.youtube-player-wrapper .video-play {
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  transform: translate(0, 0);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background: rgba(34, 179, 255, 0.4);
  position: absolute;
  z-index: 12;
  opacity: 1;
  transition: all 0.3s ease;
}
@media (max-width: 600px) {
  .youtube-player-wrapper .video-play {
    bottom: 50px;
    height: auto;
    justify-content: flex-start;
    padding-top: 65px;
  }
}
.youtube-player-wrapper .video-play__text {
  font-size: 24px;
  display: block;
  margin-bottom: 24px;
  color: #fff;
}
@media (max-width: 600px) {
  .youtube-player-wrapper .video-play__text {
    font-size: 14px;
    margin-bottom: 12px;
  }
}
.youtube-player-wrapper .video-play.unvisible {
  display: none;
}
.youtube-player-wrapper .youtube-play {
  border: none;
  outline: none;
  width: 112px;
  height: 112px;
  box-shadow: 0 5px 10px 0 rgba(34, 179, 255, 0.6);
  background-color: #22b3ff;
  border-radius: 50%;
  transition: 0.4s ease 0s;
}
@media (max-width: 600px) {
  .youtube-player-wrapper .youtube-play {
    width: 70px;
    height: 70px;
  }
}
.youtube-player-wrapper .youtube-play .icon {
  font-size: 53px;
  fill: #fff;
}
@media (max-width: 600px) {
  .youtube-player-wrapper .youtube-play .icon {
    font-size: 32px;
  }
}
.youtube-player-wrapper .youtube-play:hover {
  box-shadow: 0 3px 7px rgba(34, 179, 255, 0.6);
  background-color: #57c5ff;
}
.youtube-player-wrapper .video-controls__bottom {
  position: absolute;
  bottom: 12px;
  left: 12px;
  right: 12px;
  opacity: 0;
}
.youtube-player-wrapper .video-controls__bottom.active {
  opacity: 1;
}
@media (max-width: 600px) {
  .youtube-player-wrapper .video-controls__bottom {
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #fff;
    box-shadow: 0 10px 30px 0 rgba(19, 7, 31, 0.05), 0 7px 8px 0 rgba(19, 7, 31, 0.09);
    padding: 0 12px;
  }
}
.youtube-player-wrapper .youtube-controls__buttons {
  display: flex;
  justify-content: flex-end;
  flex-grow: 1;
  order: 1;
  width: 100%;
}
.youtube-player-wrapper .youtube-timeline {
  flex-grow: 1;
  width: 100%;
  position: relative;
  cursor: pointer;
  order: 2;
  margin-top: 6px;
}
@media (max-width: 600px) {
  .youtube-player-wrapper .youtube-timeline {
    margin-bottom: 6px;
  }
}
.youtube-player-wrapper .youtube-timeline .youtube-progressbar {
  width: 100%;
  height: 4px;
  border-radius: 0;
  background-color: rgba(0, 0, 0, 0.08);
}
.youtube-player-wrapper .youtube-timeline .youtube-progressbar__seek {
  background-color: #22b3ff;
  height: 4px;
  position: absolute;
  left: 0;
  top: 0;
}
.youtube-player-wrapper .youtube-timeline .youtube-time {
  position: absolute;
  left: 0;
  top: -20px;
  display: flex;
  align-items: center;
}
.youtube-player-wrapper .youtube-timeline .youtube-time span {
  display: flex;
  font-size: 12px;
  line-height: 1;
  color: #13071f;
}
.youtube-player-wrapper .youtube-timeline .youtube-time__fulltime {
  margin-left: 6px;
  display: flex;
}
.youtube-player-wrapper .youtube-timeline .youtube-time__fulltime:before {
  content: "/";
  display: block;
  margin-right: 6px;
  font-size: 10px;
}
.youtube-player-wrapper .youtube-timeline .youtube-time__divider {
  margin-left: 5px;
  margin-right: 6px;
  font-size: 10px;
}
.youtube-player-wrapper .youtube-btn-control {
  position: relative;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 38px;
  height: 38px;
  border-radius: 50%;
  background: transparent;
  border: 0;
  transition: 0.4s ease 0s;
}
@media (min-width: 600px) {
  .youtube-player-wrapper .youtube-btn-control {
    box-shadow: 0 5px 10px 0 rgba(34, 179, 255, 0.6);
    background-color: #22b3ff;
  }
  .youtube-player-wrapper .youtube-btn-control:hover {
    box-shadow: 0 3px 7px rgba(34, 179, 255, 0.6);
    background-color: #57c5ff;
  }
}
.youtube-player-wrapper .youtube-btn-control .icon {
  fill: #22b3ff;
}
@media (min-width: 600px) {
  .youtube-player-wrapper .youtube-btn-control .icon {
    fill: #fff;
  }
}
@media (min-width: 600px) {
  .youtube-player-wrapper .youtube-btn-control.active {
    box-shadow: 0 9px 12px 0 rgba(73, 227, 164, 0.51);
    background-color: #49e3a4;
  }
}
.youtube-player-wrapper .youtube-btn-control.active .icon {
  fill: #49e3a4;
}
@media (min-width: 600px) {
  .youtube-player-wrapper .youtube-btn-control.active .icon {
    fill: #fff;
  }
}
@media (min-width: 600px) {
  .youtube-player-wrapper .youtube-btn-control.active:hover {
    box-shadow: 0 2px 12px 0 rgba(33, 217, 142, 0.52);
    background-color: #21d98e;
  }
}
.youtube-player-wrapper .youtube-subtitles {
  display: none;
  margin-right: 12px;
}
.youtube-player-wrapper .youtube-subtitles .icon {
  width: 20px;
  height: 14px;
}
.youtube-player-wrapper .youtube-mute {
  position: relative;
  margin-right: 12px;
}
.youtube-player-wrapper .youtube-mute .noUi-target {
  width: 38px;
  transition: 0.4s ease 0s;
  position: relative;
  margin: 0;
}
@media (max-width: 600px) {
  .youtube-player-wrapper .youtube-mute .noUi-target {
    background-color: transparent;
    height: 32px;
  }
}
.youtube-player-wrapper .youtube-mute:hover .noUi-target {
  width: 135px;
  transition: 0.4s ease 0s;
}
@media (max-width: 600px) {
  .youtube-player-wrapper .youtube-mute:hover .noUi-target {
    background-color: #22b3ff;
    height: 135px;
    width: 38px;
  }
  .youtube-player-wrapper .youtube-mute:hover .noUi-target .noUi-connect {
    background: #49e3a4;
  }
}
@media (max-width: 600px) {
  .youtube-player-wrapper .youtube-mute:hover .youtube-mute-icon {
    background-color: transparent;
    transition: 0.4s ease 0s;
  }
  .youtube-player-wrapper .youtube-mute:hover .youtube-mute-icon .icon {
    fill: #fff !important;
  }
}
.youtube-player-wrapper .youtube-mute .noUi-connect {
  background: #49e3a4;
}
@media (max-width: 600px) {
  .youtube-player-wrapper .youtube-mute .noUi-connect {
    background-color: transparent;
  }
}
.youtube-player-wrapper .youtube-mute .youtube-mute-icon {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}
@media (max-width: 600px) {
  .youtube-player-wrapper .youtube-mute .youtube-mute-icon {
    transform: translateY(0);
    top: auto;
    bottom: 0;
    background-color: #fff;
    border-radius: 50%;
    transition: 0.6s ease-in-out 0.2s;
  }
}
.youtube-player-wrapper .youtube-mute .youtube-mute-icon button {
  background: transparent;
  border: 0;
  width: 38px;
  height: 38px;
  border-radius: 50%;
}
@media (max-width: 600px) {
  .youtube-player-wrapper .youtube-mute .youtube-mute-icon button {
    height: 32px;
  }
}
.youtube-player-wrapper .youtube-mute .youtube-mute-icon .icon {
  fill: #fff;
  font-size: 2rem;
}
.youtube-player-wrapper .youtube-mute .youtube-mute-icon .icon.icon-mute50 {
  font-size: 1.6rem;
}
@media (max-width: 600px) {
  .youtube-player-wrapper .youtube-mute .youtube-mute-icon .icon.icon-mute50, .youtube-player-wrapper .youtube-mute .youtube-mute-icon .icon.icon-mute100 {
    fill: #49e3a4;
  }
}
@media (max-width: 600px) {
  .youtube-player-wrapper .youtube-mute .youtube-mute-icon .icon.icon-muteoff {
    fill: #22b3ff;
  }
}
.youtube-player-wrapper .youtube-mute .mute50-btn, .youtube-player-wrapper .youtube-mute .mute100-btn {
  display: none;
}
@media (max-width: 600px) {
  .youtube-player-wrapper .youtube-mute .mute50-btn, .youtube-player-wrapper .youtube-mute .mute100-btn {
    fill: #49e3a4;
  }
}
.youtube-player-wrapper .youtube-mute.mute-low .youtube-mute-icon {
  z-index: 10;
}
.youtube-player-wrapper .youtube-mute.mute-low .muteoff-btn, .youtube-player-wrapper .youtube-mute.mute-low .mute100-btn {
  display: none;
}
.youtube-player-wrapper .youtube-mute.mute-low .mute50-btn {
  display: block;
}
.youtube-player-wrapper .youtube-mute.mute-high .youtube-mute-icon {
  z-index: 10;
}
.youtube-player-wrapper .youtube-mute.mute-high .muteoff-btn, .youtube-player-wrapper .youtube-mute.mute-high .mute50-btn {
  display: none;
}
.youtube-player-wrapper .youtube-mute.mute-high .mute100-btn {
  display: block;
}
.youtube-player-wrapper .youtube-fullscreen .icon {
  font-size: 2rem;
}
.youtube-player-wrapper .youtube-chat-btn {
  display: none;
  margin-left: 12px;
}
.youtube-player-wrapper .youtube-chat-btn .icon {
  font-size: 2rem;
}
.youtube-player-wrapper.fullscreen.chat-active.online .youtube-chat-btn {
  display: inline-flex;
}
.youtube-player-wrapper.fullscreen {
  position: fixed !important;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 99999999999;
  background-color: #13071f;
  margin-bottom: 0;
  height: 100%;
}
@media (max-width: 960px) {
  .youtube-player-wrapper.fullscreen {
    margin: 0;
    display: flex;
  }
}
@media (max-width: 600px) {
  .youtube-player-wrapper.fullscreen {
    flex-direction: column;
  }
}

.youtube-player {
  width: 100%;
  height: 100%;
  z-index: 10;
}
@media (max-width: 600px) {
  .youtube-player {
    min-height: 270px;
    height: auto;
  }
}

@media (max-width: 600px) {
  .fullscreen.youtube-player-wrapper .youtube-chat-btn {
    display: none !important;
  }
  .fullscreen.youtube-player-wrapper .webinar__chat-scroll {
    bottom: 12px;
  }
  .youtube-player-wrapper .video-controls__bottom {
    position: relative;
  }
  .youtube-player-wrapper .youtube-controls__buttons {
    height: 32px;
  }
  .youtube-player-wrapper .youtube-subtitles {
    margin-right: 0;
  }
  .youtube-player-wrapper .youtube-mute {
    align-self: flex-end;
    margin-right: 0;
  }
  .youtube-player-wrapper .youtube-btn-control {
    width: 32px;
    height: 32px;
    align-self: flex-end;
  }
  .youtube-player-wrapper .webinar__chat.video-chat {
    background-color: #fff;
  }
  .youtube-player-wrapper .webinar__chat-body {
    border-radius: 0;
    width: 100%;
  }
}
.player-tooltip {
  display: none;
}

@media (min-width: 960px) {
  .player-tooltip {
    display: block;
    font-size: 12px;
    font-weight: bold;
    line-height: normal;
    letter-spacing: 0.05px;
    color: #2d2d2d;
    padding: 6px 10px;
    border-radius: 14.5px;
    box-shadow: rgba(19, 7, 31, 0.11);
    background-color: #fff;
    position: absolute;
    bottom: 44px;
    left: 50%;
    transform: translateX(-50%);
    min-height: 29px;
    text-align: center;
    white-space: nowrap;
    transition: all 0.3s ease;
  }
}
.pause-timer {
  display: block;
  font-size: 18px;
  height: 32px;
  margin: 6px 0;
  color: #fff;
  font-weight: 700;
}

.youtube-player-wrapper.fullscreen.xx-chat .video-chat.webinar__chat.is-mobile-chat .webinar__chat-inner {
  height: auto;
}
.youtube-player-wrapper.fullscreen.xx-chat .video-chat.webinar__chat.is-mobile-chat .webinar__chat-users-list {
  height: auto;
}
.youtube-player-wrapper.fullscreen.xx-chat .video-chat.webinar__chat.is-mobile-chat .webinar__chat-users-list-inner {
  height: auto;
}
.youtube-player-wrapper.fullscreen.xx-chat .video-chat.webinar__chat.is-mobile-chat .webinar__chat-users-list-track {
  height: calc(100vh - 62px);
  height: calc(var(--vh, 1vh) * 100 - 62px);
  padding-top: 12px;
}

.webinar__chat.is-mobile-chat .webinar__chat-users-list-track {
  overflow-y: auto;
}
.webinar__chat.is-mobile-chat .webinar__chat-users-list-track::-webkit-scrollbar-track {
  background-color: rgba(19, 7, 31, 0.05);
}
.webinar__chat.is-mobile-chat .webinar__chat-users-list-track::-webkit-scrollbar {
  width: 4px;
  background-color: rgba(19, 7, 31, 0.05);
}
.webinar__chat.is-mobile-chat .webinar__chat-users-list-track::-webkit-scrollbar-thumb {
  border-radius: 0;
  background-color: #22b3ff;
}
.webinar__chat.is-mobile-chat .webinar__chat-users-list {
  padding: 0;
}

@media (max-width: 600px) {
  .youtube-player-wrapper.fullscreen.xx-chat .video-chat.webinar__chat.is-mobile-chat .webinar__chat-users-list-inner, .youtube-player-wrapper.fullscreen.xx-chat .video-chat.webinar__chat.is-mobile-chat .webinar__chat-users-list, .youtube-player-wrapper.fullscreen.xx-chat .video-chat.webinar__chat.is-mobile-chat .webinar__chat-inner {
    height: 100%;
  }
}
.page-error {
  display: flex;
  margin-top: 106px;
  margin-bottom: 60px;
}
.page-error__img {
  flex-shrink: 0;
}
.page-error__content {
  margin-left: 54px;
  margin-top: 24px;
}
.page-error__content h1 {
  font-size: 36px;
  font-weight: 800;
  line-height: 1.3;
  letter-spacing: 0.06px;
  margin-bottom: 10px;
}
.page-error__content ul li {
  position: relative;
  padding-left: 6px;
}
.page-error__content ul li:before {
  content: "•";
  position: absolute;
  left: -1px;
  top: 1px;
  font-size: 16px;
  font-weight: 700;
}
.page-error__content a {
  color: #22b3ff;
  font-weight: 700;
  line-height: 1;
  display: inline-block;
  border-bottom: 1px solid #22b3ff;
  transition: 0.3s ease 0s;
}
.page-error__content a:hover {
  border-bottom-color: transparent;
}
.page-error__content .btn.btn--sm {
  padding: 8px 24px;
}

@media (max-width: 960px) {
  .page-error__img, .page-error__content {
    flex-basis: 50%;
    max-width: 50%;
  }
}
@media (max-width: 767px) {
  .page-error {
    margin-top: 64px;
  }
  .page-error__img {
    flex-basis: 40%;
    max-width: 40%;
  }
  .page-error__content {
    flex-basis: 60%;
    max-width: 60%;
    margin-left: 24px;
    margin-top: 0;
  }
}
@media (max-width: 600px) {
  .page-error {
    margin-top: 48px;
    margin-bottom: 48px;
    flex-direction: column;
  }
  .page-error__img, .page-error__content {
    flex-basis: 100%;
    max-width: 100%;
  }
  .page-error__content {
    margin-left: 0;
    margin-top: 24px;
  }
}
.contacts-content {
  display: flex;
  margin-left: -12px;
  margin-right: -12px;
  margin-bottom: 64px;
}
.contacts-content__body {
  font-size: 1.8rem;
  letter-spacing: 0.06px;
  padding: 0 12px;
  flex-basis: 75%;
  max-width: 75%;
}
.contacts-content__body .title.title--md-eb {
  margin-bottom: 12px;
}
.contacts-content__aside {
  flex-basis: 25%;
  max-width: 25%;
  padding: 0 12px;
}
.contacts-content .link {
  display: inline-block;
  font-weight: bold;
  color: #22b3ff;
  line-height: 1;
  border-bottom: 1px solid #22b3ff;
  transition: 0.3s ease 0s;
}
.contacts-content .link:hover {
  border-bottom-color: transparent;
}
.contacts-content .bullet li {
  position: relative;
  padding-left: 24px;
  margin-bottom: 24px;
}
.contacts-content .bullet li:before {
  content: "";
  position: absolute;
  left: 0;
  top: 6px;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  border: solid 2px rgba(19, 7, 31, 0.4);
}
.contacts-content address {
  font-size: 1.8rem;
  font-style: normal;
  letter-spacing: 0.06px;
  color: rgba(0, 0, 0, 0.8);
}
.contacts-content .map {
  margin-top: 24px;
  max-width: 632px;
  height: 300px;
  border-radius: 20px;
  box-shadow: 0 5px 8px 0 rgba(19, 7, 31, 0.15);
}
.contacts-content .feedback-form {
  max-width: 566px;
}
.contacts-content .form-group.form-group_textarea:before {
  z-index: 10;
}
.contacts-content .form-group.form-group_textarea label {
  z-index: 11;
}
.contacts-content .form-group.form-group_textarea label:after {
  display: none;
}
.contacts-content .form-group.form-group_textarea textarea {
  padding-top: 12px;
  padding-bottom: 12px;
  line-height: 36px;
  background-image: linear-gradient(transparent, transparent 36px, #b2b2b2 36px);
  background-size: 30px 37px;
}
.contacts-content .form-group.form-group_textarea textarea:focus {
  background-image: linear-gradient(transparent, transparent 36px, #98edfd 36px);
}
.contacts-content .form-group.form-group_textarea.form-group--filled textarea {
  background-image: linear-gradient(transparent, transparent 36px, #98edfd 36px);
}
.contacts-content .uploader-box {
  padding-bottom: 24px;
  margin-top: -12px;
}
.contacts-content .uploader-box__view {
  padding-right: 64px;
}
.contacts-content .uploader-box__view-icon {
  border-color: transparent;
}
.contacts-content .uploader-box__view-description {
  padding-top: 12px;
  padding-left: 12px;
}
.contacts-content .uploader-box__view-description-title {
  font-size: 18px;
}
.contacts-content .uploader-box__view-description-caption {
  color: #676767;
}
.contacts-content .uploader-box__view-description-text {
  margin-top: 6px;
  line-height: 1.25;
  font-size: 16px;
  max-width: 400px;
}
.contacts-content .uploader-box__action input {
  width: 0;
}
.contacts-content .uploader-box.success .uploader-box__view-view svg {
  fill: #49e3a4;
}
.contacts-content .uploader-box.failed .uploader-box__view-view svg {
  fill: #ff7373;
}
.contacts-content .uploader-box:not(.success) .uploader-box__action {
  margin-top: 0;
  padding-left: 0;
  position: absolute;
  right: 24px;
  top: 32px;
}
.contacts-content .uploader-box:not(.success) .uploader-box__action label span {
  display: inline-block;
  font-size: 16px;
  font-weight: normal;
  line-height: 1;
  letter-spacing: 0.03px;
  color: #22b3ff;
  border-bottom: 1px solid #22b3ff;
  transition: 0.4s ease 0s;
}
.contacts-content .uploader-box:not(.success) .uploader-box__action label span:hover {
  border-bottom-color: transparent;
}
.contacts-content .form-group.form-group--checkbox label {
  display: inline-block;
  padding-left: 36px;
  line-height: 20px;
}
.contacts-content .form-group.form-group--checkbox label a {
  display: inline-block;
  border-bottom: 1px solid #22b3ff;
  line-height: 1;
  color: #22b3ff;
  transition: 0.4s ease 0s;
}
.contacts-content .form-group.form-group--checkbox label a:hover {
  border-bottom-color: transparent;
}
.contacts-content .form-group.form-group--checkbox label:before {
  width: 24px;
  height: 24px;
  border: 2px solid #eaeaea;
}
.contacts-content .form-group.form-group--checkbox label:after {
  top: 2px;
  left: 4px;
}
.contacts-content .form-group.form-group--custom {
  display: none;
}
.contacts-content .btn-link {
  display: inline-block;
  padding: 0;
  margin: 0;
  background: transparent;
  border: 0;
  border-bottom: 1px solid #22b3ff;
  font-size: 20px;
  font-weight: bold;
  line-height: 1;
  letter-spacing: 0.04px;
  color: #22b3ff;
  margin-left: 48px;
  transition: 0.4s ease 0s;
}
.contacts-content .btn-link:hover {
  border-bottom-color: transparent;
}
.contacts-content .custom-select > button {
  border-color: #98edfd;
}
.contacts-content .custom-select__options:after {
  color: #2d2d2d;
}

.contact-bubble {
  position: relative;
  background-color: #fff;
  border-radius: 40px;
  width: 190px;
  margin-left: auto;
  padding: 36px 24px;
}
.contact-bubble:before {
  content: "";
  background-color: #ffffff;
  display: block;
  height: 46px;
  width: 64px;
  position: absolute;
  bottom: -3px;
  transform: rotate(111deg) skew(45deg);
  box-shadow: 0 0 10px 0 rgba(19, 7, 31, 0.11);
  left: 106px;
  z-index: -1;
}
.contact-bubble:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(19, 7, 31, 0.11);
  left: 0;
  top: 0;
  border-radius: 40px;
  filter: blur(10px);
  z-index: -2;
}
.contact-bubble__icon {
  font-size: 60px;
  font-weight: 800;
  line-height: 0.63;
  letter-spacing: 0.12px;
  text-align: center;
  color: #22b3ff;
  margin-bottom: 24px;
}
.contact-bubble__text {
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0.04px;
  color: #676767;
}
.contact-bubble__text a {
  color: #22b3ff;
  display: inline-block;
  border-bottom: 1px solid #22b3ff;
  line-height: 1;
  transition: 0.4s ease 0s;
}
.contact-bubble__text a:hover {
  border-bottom-color: transparent;
}
.contact-bubble__ordic {
  background-image: url(../img/svgSprite/logo-small.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
  width: 76px;
  height: 68px;
  position: absolute;
  bottom: -91px;
  left: 0;
}

@media (max-width: 800px) {
  .contacts-content {
    flex-direction: column;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 32px;
  }
  .contacts-content__body {
    flex-basis: 100%;
    max-width: 100%;
    padding: 0;
  }
  .contacts-content__aside {
    display: none;
  }
  .contacts-content .map {
    max-width: 100%;
  }
}
@media (max-width: 600px) {
  .contacts-content {
    margin-bottom: 0;
  }
  .contacts-content__body, .contacts-content address {
    font-size: 1.6rem;
  }
  .contacts-content .form-group.form-group--checkbox label br {
    display: none;
  }
  .contacts-content .uploader-box__view {
    padding-right: 0;
  }
  .contacts-content .uploader-box:not(.success) .uploader-box__action {
    top: 0;
    right: 0;
    position: relative;
  }
  .contacts-content .uploader-box:not(.success) .uploader-box__action .uploader-box__action-unit {
    justify-content: flex-end;
  }
  .contacts-content .btn-link {
    font-size: 1.6rem;
    margin-left: 24px;
  }
}
.main--edu {
  padding-bottom: 65px;
}
.main--edu .h2 {
  font-weight: 700;
  font-size: 32px;
  line-height: 38px;
}
@media (max-width: 767px) {
  .main--edu .h2 {
    font-size: 28px;
    line-height: 34px;
  }
}

.top-content--edu {
  padding-bottom: 13px;
}
.top-content--edu .top-content__container {
  padding-bottom: 20px;
}
.top-content--edu .article-fw__meta {
  margin-top: -15px !important;
}
.top-content--edu .article-fw__row {
  margin-bottom: 11px !important;
}
@media (max-width: 767px) {
  .top-content--edu .article-fw__row--wrap {
    flex-wrap: wrap;
    margin-bottom: 30px !important;
  }
}
.top-content--edu .article-fw__nmo-logo {
  bottom: 48px;
}
@media (max-width: 767px) {
  .top-content--edu .article-fw__nmo-logo {
    bottom: 0;
    justify-content: flex-start;
  }
}
@media (max-width: 600px) {
  .top-content--edu .article-fw__nmo-logo img {
    width: 150px;
    height: auto;
  }
}
@media (max-width: 420px) {
  .top-content--edu .article-fw__nmo-logo img {
    width: 120px;
    height: auto;
  }
}
@media (max-width: 580px) {
  .top-content--edu.article-header .breadcrubs-article {
    padding-bottom: 15px;
  }
}

.edu-main-info {
  background-color: #fff;
  position: relative;
  bottom: 46px;
  padding: 25px 40px;
  box-shadow: 0 0 32px rgba(0, 0, 0, 0.14);
  border-radius: 30px;
  z-index: 100;
  margin-bottom: -20px;
}
@media (max-width: 600px) {
  .edu-main-info {
    padding: 25px 10px;
  }
}
.edu-main-info__content {
  display: flex;
  justify-content: space-between;
  margin-bottom: 10px;
}
@media (max-width: 767px) {
  .edu-main-info__content {
    flex-direction: column;
  }
}
.edu-main-info__left {
  max-width: 560px;
  flex-basis: 560px;
  margin-right: 50px;
}
@media (max-width: 767px) {
  .edu-main-info__left {
    max-width: 100%;
    flex-basis: auto;
    margin-right: 0;
    margin-bottom: 20px;
  }
}
.edu-main-info__right {
  max-width: 210px;
  flex-basis: 210px;
}
@media (max-width: 767px) {
  .edu-main-info__right {
    max-width: 100%;
    flex-basis: auto;
  }
}
.edu-main-info__text {
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
  color: #333333;
}
.edu-main-info__dates {
  font-weight: 700;
  font-size: 42px;
  line-height: 44px;
  color: #333333;
  margin-bottom: 5px;
}
@media (max-width: 767px) {
  .edu-main-info__dates {
    font-size: 36px;
    line-height: 40px;
  }
}
.edu-main-info__year {
  font-size: 18px;
  line-height: 24px;
  color: #333333;
}

.edu-tags {
  display: flex;
  margin: -5px -7px 10px;
}
@media (max-width: 600px) {
  .edu-tags {
    flex-wrap: wrap;
    margin: -3px -3px 5px;
  }
}
.edu-tags__tag {
  padding: 8px 12px;
  font-weight: 400;
  font-size: 14px;
  line-height: 16px;
  text-transform: uppercase;
  color: #000;
  border: 1px solid #000;
  border-radius: 20px;
  margin: 5px 7px;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 600px) {
  .edu-tags__tag {
    margin: 3px 3px;
    font-size: 11px;
    padding: 6px 10px;
  }
}
.edu-tags__tag:last-child {
  margin-right: 0;
}
.edu-tags__tag--green {
  background-color: #49E3A4;
  font-weight: 700;
  font-size: 20px;
  line-height: 15px;
  text-transform: uppercase;
  color: #FFFFFF;
  border-color: #49E3A4;
}
@media (max-width: 600px) {
  .edu-tags__tag--green {
    margin: 3px 3px;
    font-size: 11px;
    padding: 6px 10px;
  }
}
.edu-tags__tag--green-border {
  border-color: #49E3A4;
}
.edu-tags__tag--black {
  background-color: #000;
  color: #fff;
  border-color: #000;
}
.edu-tags__tag--white {
  background: rgba(255, 255, 255, 0.42);
  border-color: transparent;
}

.edu-lecturers {
  margin-bottom: 60px;
}
.edu-lecturers__title {
  margin-bottom: 7px;
}
.edu-lecturers__items {
  display: flex;
  flex-wrap: wrap;
  margin: -3px -13px;
}
.edu-lecturers__item {
  display: flex;
  align-items: center;
  flex-basis: 385px;
  max-width: 385px;
  margin: 3px 13px;
}
.edu-lecturers__item-img {
  margin-right: 13px;
  border-radius: 50px;
  width: 68px;
  height: 68px;
  overflow: hidden;
  flex-shrink: 0;
}
.edu-lecturers__item-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.edu-lecturers__item-title {
  font-weight: 400;
  font-size: 16px;
  line-height: 18px;
  color: #333333;
  margin-bottom: 7px;
}
.edu-lecturers__item-text {
  font-weight: 400;
  font-size: 10px;
  line-height: 12px;
  color: #333333;
}

.edu-course-details {
  margin-bottom: 60px;
}
.edu-course-details__title {
  margin-bottom: 5px;
}
.edu-course-details__text p {
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
  color: #333333;
}

.edu-program__title-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 35px;
}
@media (max-width: 767px) {
  .edu-program__title-wrapper {
    flex-direction: column;
    align-items: flex-start;
    margin-bottom: 20px;
  }
}
.edu-program__title {
  margin-right: 30px;
}
@media (max-width: 767px) {
  .edu-program__title {
    margin-right: 0;
    margin-bottom: 10px;
  }
}
.edu-program .edu-tags {
  margin-bottom: 0;
}
.edu-program .edu-tags__tag {
  margin-right: 10px;
}
@media (max-width: 600px) {
  .edu-program .edu-tags__tag {
    margin-right: 3px;
  }
}

.edu-accordion {
  margin-bottom: 40px;
}
.edu-accordion__item {
  padding: 10px 0;
  border-bottom: 1px solid #000;
}
.edu-accordion__item.opened .edu-accordion__item-icon svg {
  transform: rotate(0);
  transition: 0.3s ease-in-out;
}
.edu-accordion__item-title-box {
  position: relative;
  cursor: pointer;
}
.edu-accordion__item-icon {
  width: 28px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #22B3FF;
  border-radius: 50%;
  position: absolute;
  top: 0;
  right: 0;
}
.edu-accordion__item-icon svg {
  fill: #fff;
  width: 10px;
  height: 10px;
  transform: rotate(45deg);
  transition: 0.3s ease-in-out;
}
.edu-accordion--new .edu-accordion__item-icon {
  right: -3px;
  transition: all 0.3s ease-in-out;
}
.edu-accordion--new .edu-accordion__item-icon svg {
  width: 12px;
  height: 12px;
}
.edu-accordion--new .edu-accordion__item-icon:hover, .edu-accordion--new .edu-accordion__item-icon:focus {
  background-color: #57c5ff;
}
.edu-accordion__item-labels {
  display: flex;
  margin-bottom: 9px;
}
.edu-accordion__item-label {
  font-weight: 400;
  font-size: 10px;
  line-height: 16px;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: #FFFFFF;
  padding: 3px 9px 1px;
  border-radius: 120px;
  margin-right: 5px;
}
@media (max-width: 767px) {
  .edu-accordion__item-label {
    font-size: 11px;
  }
}
.edu-accordion__item-label:last-child {
  margin-right: 0;
}
.edu-accordion__item-label--orange {
  background-color: #F7931E;
}
.edu-accordion__item-label--gray {
  background-color: #C2C2C2;
}
.edu-accordion__item-label--blue {
  background-color: #22B3FF;
}
.edu-accordion__item-label--violet {
  background-color: #CCA2DB;
}
.edu-accordion__item-label--green {
  background-color: #49E3A4;
}
.edu-accordion--new .edu-accordion__item-label {
  padding: 2px 8px 0;
}
@media (max-width: 767px) {
  .edu-accordion--new .edu-accordion__item-label {
    padding: 3px 8px 1px;
  }
}
.edu-accordion__item-title {
  font-weight: 700;
  font-size: 22px;
  line-height: 120%;
  color: #333333;
}
@media (max-width: 767px) {
  .edu-accordion__item-title {
    font-size: 18px;
  }
}
.edu-accordion__content {
  margin-top: 10px;
  display: none;
}

.modal--edu {
  padding-bottom: 0;
  display: flex;
  align-items: center;
}
@media (max-width: 767px) {
  .modal--edu {
    align-items: flex-start;
    padding: 20px 0;
  }
}
.modal--edu .modal__inner {
  margin: 0 auto;
  background-color: transparent;
  display: flex;
  flex-direction: row;
  max-width: 795px;
  padding: 0;
  height: auto;
}
@media (max-width: 767px) {
  .modal--edu .modal__inner {
    flex-direction: column;
    max-width: 470px;
  }
}
.modal--edu .modal__part-sm {
  flex-basis: 317px;
  max-width: 317px;
  margin-right: 12px;
  background-color: #DCF6FF;
  border-radius: 30px;
  padding: 42px 25px 32px 37px;
  flex-shrink: 0;
}
@media (max-width: 767px) {
  .modal--edu .modal__part-sm {
    flex-basis: auto;
    max-width: 100%;
    margin-right: 0;
    margin-bottom: 20px;
  }
}
.modal--edu .modal__parts-wrapper {
  position: relative;
  flex-basis: 466px;
  max-width: 466px;
}
@media (max-width: 767px) {
  .modal--edu .modal__parts-wrapper {
    flex-basis: auto;
    max-width: 100%;
  }
}
.modal--edu .modal__parts-wrapper form {
  height: 100%;
}
.modal--edu .modal__part-lg {
  background-color: #fff;
  border-radius: 30px;
  padding: 25px 23px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  transition: 0.5s ease-in-out;
  height: 100%;
}
.modal--edu .modal__part-lg.edu-hidden {
  opacity: 0;
  transform: translateY(-100px);
  pointer-events: none;
  position: absolute;
  visibility: hidden;
  transition: 0.5s ease-in-out;
  top: 0;
}
.modal--edu .edu-main-info__box {
  margin-bottom: 27px;
}
.modal--edu .edu-main-info__text {
  margin-bottom: 70px;
}

.edu-price {
  display: flex;
}
.edu-price__current {
  font-weight: 400;
  font-size: 28px;
  line-height: 34px;
  color: #333333;
  margin-right: 27px;
}
.edu-price__old {
  font-weight: 400;
  font-size: 28px;
  line-height: 34px;
  text-decoration-line: line-through;
  color: #333333;
  opacity: 0.3;
}

.steps-header {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}
@media (max-width: 600px) {
  .steps-header {
    flex-direction: column;
    align-items: flex-start;
  }
}
.steps-header__top-box {
  margin-right: 35px;
}
@media (max-width: 600px) {
  .steps-header__top-box {
    margin-right: 0;
    margin-bottom: 5px;
  }
}
.steps-header__top-box:last-child {
  margin-right: 0;
}
@media (max-width: 600px) {
  .steps-header__top-box:last-child {
    margin-bottom: 0;
  }
}
.steps-header__step-current {
  display: inline-block;
  font-weight: 700;
  font-size: 14px;
  line-height: 21px;
  color: #2d2d2d;
  margin-right: 3px;
}
.steps-header__steps-total {
  display: inline-block;
  font-weight: 400;
  font-size: 14px;
  line-height: 21px;
  color: #D9D9D9;
}
.steps-header__step-title {
  font-weight: 700;
  font-size: 18px;
  line-height: 21px;
  color: #333333;
}

.edu-form-part {
  margin-bottom: auto;
  width: 100%;
}
@media (max-width: 767px) {
  .edu-form-part {
    margin-bottom: 30px;
  }
}

.edu-form-box {
  margin-bottom: 38px;
  width: 100%;
}
.edu-form-box:last-child {
  margin-bottom: 0;
}
.edu-form-box .form-group {
  margin-bottom: 8px;
  width: 100%;
}
.edu-form-box .form-group:last-child {
  margin-bottom: 0;
}

.edu-input {
  width: 100%;
  max-width: 100%;
  background: #F1F1F1;
  border: 1px solid #D8D8D8;
  border-radius: 6px;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #333333;
  padding: 6px 15px;
}
.edu-input::placeholder {
  font-size: 16px;
  line-height: 24px;
}

.edu-payment-choice {
  display: flex;
  margin-bottom: auto;
}
@media (max-width: 767px) {
  .edu-payment-choice {
    margin-bottom: 40px;
  }
}
.edu-payment-choice__option {
  position: relative;
  flex-basis: 200px;
  max-width: 200px;
  margin-right: 16px;
}
.edu-payment-choice__option:last-child {
  margin-right: 0;
}
.edu-payment-choice__option label {
  padding: 13px;
  border: 1px solid #2d2d2d;
  border-radius: 10px;
  width: 100%;
  height: 100%;
  display: block;
  transition: 0.3s ease-in-out;
}
.edu-payment-choice__option input {
  width: 10px;
  height: 10px;
  position: absolute;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
.edu-payment-choice__option input:checked + label {
  border-color: #49E3A4;
  transition: 0.3s ease-in-out;
  background-color: rgba(73, 227, 164, 0.15);
}
.edu-payment-choice__option-text {
  color: #333333;
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
  margin-bottom: 13px;
}
.edu-payment-choice__option-text:last-child {
  margin-bottom: 0;
}

.form-group--edu-agreement {
  display: flex;
  align-items: flex-start;
  margin-bottom: 15px;
}
.form-group--edu-agreement label {
  font-weight: 400;
  font-size: 10px;
  line-height: 12px;
  color: #888888;
  position: static;
}
.form-group--edu-agreement input {
  width: 18px;
  height: 18px;
  border: 1px solid #D3D3D3;
  border-radius: 4px;
  margin-right: 9px;
  position: relative;
  flex-shrink: 0;
}
.form-group--edu-agreement input:before {
  content: "";
  display: block;
  width: 10px;
  height: 5px;
  border-bottom: 2px solid #22B3FF;
  border-left: 2px solid #22B3FF;
  transform: rotate(-45deg);
  position: absolute;
  left: 3px;
  top: 4px;
  opacity: 0;
  transition: 0.2s ease-in-out;
}
.form-group--edu-agreement input:checked:before {
  opacity: 1;
  transition: 0.2s ease-in-out;
}

.edu-courses {
  padding-bottom: 60px;
}
.edu-courses__item {
  position: relative;
  margin-bottom: 60px;
}
.edu-courses__item:last-child {
  margin-bottom: 0;
}
.edu-courses__top {
  padding: 20px 15px;
  height: 102px;
  position: relative;
  border-radius: 14px 14px 0 0;
  overflow: hidden;
}
.edu-courses__top-bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.edu-courses__top-bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.edu-courses__content {
  position: relative;
  z-index: 1;
  display: flex;
  justify-content: space-between;
}
@media (max-width: 600px) {
  .edu-courses__content {
    flex-direction: column;
  }
}
.edu-courses__top-authors {
  font-size: 12px;
  line-height: 12px;
  color: #fff;
}
@media (max-width: 600px) {
  .edu-courses__top-authors {
    margin-bottom: 10px;
  }
}
.edu-courses__bottom {
  padding: 20px 15px;
  border: 2px solid #E0E0E0;
  border-radius: 0 0 14px 14px;
  border-top: none;
}
@media (max-width: 767px) {
  .edu-courses__bottom {
    padding: 20px 10px 25px;
  }
}
.edu-courses__bottom-wrapper {
  display: flex;
  justify-content: space-between;
}
@media (max-width: 767px) {
  .edu-courses__bottom-wrapper {
    flex-direction: column;
  }
}
.edu-courses__bottom-left {
  flex-basis: 530px;
  max-width: 530px;
  margin-right: 20px;
}
@media (max-width: 767px) {
  .edu-courses__bottom-left {
    flex-basis: auto;
    max-width: 100%;
    margin-right: 0;
  }
}
.edu-courses__type {
  font-weight: 400;
  font-size: 10px;
  line-height: 16px;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: #AAAAAA;
  margin-bottom: 3px;
}
.edu-courses__name {
  font-weight: 700;
  font-size: 24px;
  line-height: 24px;
  color: #333333;
  margin-bottom: 14px;
}
@media (max-width: 600px) {
  .edu-courses__name {
    font-size: 20px;
    line-height: 20px;
  }
}
.edu-courses__bottom-right {
  flex-basis: 200px;
  max-width: 200px;
}
@media (max-width: 767px) {
  .edu-courses__bottom-right {
    flex-basis: auto;
    max-width: 100%;
    order: -1;
    margin-bottom: 30px;
  }
}
.edu-courses__bottom-right .edu-main-info__dates {
  font-size: 32px;
  line-height: 34px;
  color: #000;
}
.edu-courses__details {
  margin-top: 47px;
  border-top: 1px solid #000;
  padding-top: 19px;
  padding-bottom: 24px;
  display: none;
}
.edu-courses__details-toggle {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: -20px;
  width: 40px;
  height: 40px;
  background-color: #22B3FF;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  cursor: pointer;
}
.edu-courses__details-toggle svg {
  fill: #fff;
  width: 14px;
  height: 14px;
  transform: rotate(45deg);
  transition: 0.3s ease-in-out;
}
.edu-courses__details-toggle.active svg {
  transform: rotate(0);
  transition: 0.3s ease-in-out;
}
.edu-courses__details-info {
  display: flex;
  margin-bottom: 90px;
}
@media (max-width: 767px) {
  .edu-courses__details-info {
    flex-direction: column;
    margin-bottom: 45px;
  }
}
.edu-courses__details-info-item {
  margin-right: 55px;
}
@media (max-width: 767px) {
  .edu-courses__details-info-item {
    margin-right: 0;
    margin-bottom: 20px;
  }
}
.edu-courses__details-info-item:last-child {
  margin-right: 0;
}
@media (max-width: 767px) {
  .edu-courses__details-info-item:last-child {
    margin-bottom: 0;
  }
}
.edu-courses__details-info-title {
  font-weight: 700;
  font-size: 18px;
  line-height: 24px;
  color: #333333;
  margin-bottom: 6px;
}
.edu-courses__details-info-data {
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #333333;
  padding: 6px 18px;
  background-color: #F1F1F1;
  border: 1px solid #d8d8d8;
  border-radius: 6px;
  display: inline-block;
  margin-right: 9px;
}
.edu-courses__details-info-data:last-child {
  margin-right: 0;
}
.edu-courses__details-info-copy {
  display: inline-block;
  cursor: pointer;
}
.edu-courses__details-info-copy.hidden {
  display: none;
}
.edu-courses__details-info-copy svg {
  fill: #22B3FF;
  width: 14px;
  height: 14px;
}
.edu-courses__title {
  font-weight: 700;
  font-size: 24px;
  line-height: 24px;
  color: #333333;
  margin-bottom: 28px;
}
.edu-courses__program-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 25px 35px 25px 23px;
  background: #F8F8F8;
  border-radius: 26px;
  margin-bottom: 12px;
}
@media (max-width: 767px) {
  .edu-courses__program-item {
    padding: 20px 15px;
  }
}
.edu-courses__program-item:last-child {
  margin-bottom: 0;
}
.edu-courses__program-item-content {
  margin-right: 20px;
}
.edu-courses__program-item-type {
  font-weight: 400;
  font-size: 10px;
  line-height: 16px;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: #AAAAAA;
  margin-bottom: 4px;
}
.edu-courses__program-item-title {
  font-weight: 700;
  font-size: 18px;
  line-height: 24px;
  color: #333333;
  margin-bottom: 4px;
}
@media (max-width: 767px) {
  .edu-courses__program-item-title {
    font-size: 16px;
    line-height: 20px;
  }
}
.edu-courses__program-item-duration {
  font-weight: 700;
  font-size: 12px;
  line-height: 24px;
  color: #333333;
}
.edu-courses__program-item-progress-wrapper {
  position: relative;
}
.edu-courses__program-item-progress {
  position: relative;
  width: 76px;
  height: 76px;
  background: #f8f8f8;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  font-size: 18px;
  line-height: 24px;
  color: #22B3FF;
  border-radius: 50%;
  z-index: 1;
}
.edu-courses__program-item-progress-bar {
  position: absolute;
  width: calc(100% + 10px);
  height: calc(100% + 10px);
  left: -5px;
  top: -5px;
  border-radius: 50%;
}

.edu-progress-bar__line {
  width: 100%;
  height: 7px;
  background: #F2F2F2;
  border-radius: 20px;
  margin-bottom: 9px;
  position: relative;
}
.edu-progress-bar__line-progress {
  position: absolute;
  left: 0;
  top: 0;
  width: 200px;
  height: 7px;
  background: #22B3FF;
  border-radius: 20px;
}
.edu-progress-bar__status {
  font-weight: 700;
  font-size: 16px;
  line-height: 12px;
  color: #22B3FF;
  text-align: right;
  width: 100px;
}
.edu-progress-bar__status--multi {
  display: flex;
  width: 100%;
  min-width: 100%;
  max-width: 100%;
}
.edu-progress-bar__status--multi span {
  flex-grow: 2;
  display: inline-block;
  vertical-align: baseline;
  padding-right: 15px;
}
@media (max-width: 575px) {
  .edu-progress-bar__status--multi span {
    padding-right: 10px;
    font-size: 13px;
    line-height: 1.2;
    text-align: left;
  }
}
@media (max-width: 340px) {
  .edu-progress-bar__status--multi span {
    font-size: 11px;
  }
}
.edu-progress-bar__status--multi span.text-grey {
  color: #AAAAAA;
}
.edu-progress-bar__status--multi span:last-child {
  padding-right: 0;
}

.edu-accordion--new {
  padding-top: 23px;
}
@media (max-width: 767px) {
  .edu-accordion--new {
    padding-top: 0;
  }
}
.edu-accordion--new > h2 {
  margin: 0 0 10px;
  font-weight: 700;
  font-size: 32px;
  line-height: 38px;
  color: #333333;
}
@media (max-width: 767px) {
  .edu-accordion--new > h2 {
    margin-bottom: 12px;
    font-size: 24px;
    line-height: 120%;
  }
}
@media (max-width: 767px) {
  .edu-accordion--new .edu-accordion__list {
    margin-bottom: 10px;
  }
}
.edu-accordion--new .edu-accordion__list li {
  margin-bottom: 18px;
}
@media (max-width: 767px) {
  .edu-accordion--new .edu-accordion__list li {
    margin-bottom: 8px;
  }
}
.edu-accordion--new .edu-accordion__list li::last-child {
  margin-bottom: 10px;
}
.edu-accordion--new .edu-accordion__content {
  margin-top: 18px;
}
.edu-accordion--new .edu-accordion__item {
  padding-bottom: 0;
  padding-top: 16px;
}
.edu-accordion--new .edu-accordion__item-title {
  font-size: 20px;
  line-height: 24px;
  display: block;
  margin-bottom: 4px;
  transition: all 0.3s ease-in-out;
}
@media (max-width: 767px) {
  .edu-accordion--new .edu-accordion__item-title {
    margin-bottom: 16px;
  }
}
.edu-accordion--new .edu-accordion__item-desc {
  margin-bottom: 10px;
}
.edu-accordion--new a.edu-accordion__item-title:hover,
.edu-accordion--new a.edu-accordion__item-title:focus {
  color: #22B3FF;
}
.edu-accordion--new .edu-accordion__item-subtitle {
  font-weight: 400;
  font-size: 16px;
  line-height: 18px;
  color: #333333;
  margin-bottom: 8px;
}
.edu-accordion--new .icon-link {
  position: relative;
  display: flex;
  align-items: center;
  max-width: 540px;
  width: 100%;
  font-weight: 400;
  font-size: 16px;
  line-height: 18px;
  color: #333333;
  text-decoration: none;
  transition: all 0.3s ease-in-out;
}
@media (max-width: 767px) {
  .edu-accordion--new .icon-link {
    font-size: 14px;
    line-height: 120%;
  }
}
.edu-accordion--new .icon-link--read {
  opacity: 0.4;
}
.edu-accordion--new .icon-link__icon {
  position: relative;
  align-self: flex-start;
  flex-shrink: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  margin-right: 8px;
  border: 1px solid #2d2d2d;
  border-radius: 50%;
  transition: all 0.3s ease-in-out;
}
.edu-accordion--new .icon-link__icon svg {
  width: 14px;
  height: 14px;
  fill: #2d2d2d;
  transition: all 0.3s ease-in-out;
}
.edu-accordion--new .icon-link__icon svg.icon-broadcast-link-icon {
  width: 20px;
  height: 16px;
}
.edu-accordion--new .icon-link__text {
  position: relative;
  display: flex;
  flex-direction: column;
}
.edu-accordion--new .icon-link__top {
  display: flex;
  flex-wrap: wrap;
}
.edu-accordion--new .icon-link__date {
  display: inline-block;
  vertical-align: baseline;
  margin-right: 6px;
  font-weight: 400;
  font-size: 12px;
  line-height: 18px;
  color: #333333;
}
.edu-accordion--new .icon-link__scores {
  display: inline-block;
  vertical-align: middle;
  padding: 1px 5px 0;
  font-weight: 400;
  font-size: 12px;
  line-height: 17px;
  letter-spacing: 0.06px;
  color: #FFFFFF;
  background: #2d2d2d;
  border-radius: 5px;
}
.edu-accordion--new .icon-link::before {
  position: absolute;
  top: -10px;
  left: -10px;
  width: calc(100% + 20px);
  height: calc(100% + 20px);
  border-radius: 10px;
  background: rgba(233, 233, 233, 0);
  content: "";
  transition: all 0.3s ease-in-out;
}
@media (max-width: 767px) {
  .edu-accordion--new .icon-link::before {
    top: -8px;
    left: -8px;
    width: calc(100% + 16px);
    height: calc(100% + 16px);
  }
}
.edu-accordion--new .icon-link.grey, .edu-accordion--new .icon-link.grey {
  opacity: 1;
}
.edu-accordion--new .icon-link.grey::before {
  background: rgba(233, 233, 233, 0.4);
}

.statistics__header {
  display: flex;
  flex-wrap: wrap;
  margin: 48px 0;
}
.statistics__select {
  width: 500px;
  max-width: 100%;
}
.statistics__item {
  display: none;
}

.top-content--community:before {
  display: none;
}

.community-top {
  display: flex;
  justify-content: space-between;
  width: 100%;
  margin-bottom: 20px;
}
@media (max-width: 600px) {
  .community-top {
    flex-direction: column;
  }
}
.community-top__box {
  flex-basis: 630px;
  max-width: 630px;
  margin-right: 20px;
}
@media (max-width: 600px) {
  .community-top__box {
    flex-basis: auto;
    max-width: 100%;
    margin-right: 0;
  }
}
.community-top__subtitle {
  font-weight: 700;
  font-size: 20px;
  line-height: 26px;
  color: #fff;
  margin-bottom: 5px;
}
.community-top__title {
  font-weight: 800;
  font-size: 50px;
  line-height: 55px;
  color: #fff;
}
.community-top__logo {
  flex-basis: 204px;
  max-width: 204px;
}
@media (max-width: 600px) {
  .community-top__logo {
    order: -1;
    flex-basis: auto;
    margin-bottom: 30px;
  }
}
.community-top__logo img {
  width: 100%;
  height: auto;
}

.community-docs-slider {
  margin-bottom: 60px;
}
@media (max-width: 1199px) {
  .community-docs-slider {
    padding: 0 40px;
  }
}
@media (max-width: 600px) {
  .community-docs-slider {
    padding: 0 10px;
  }
}
.community-docs-slider__item {
  display: flex;
  width: 270px;
}
.community-docs-slider__item-img {
  width: 68px;
  height: 68px;
  border-radius: 50%;
  margin-right: 10px;
  overflow: hidden;
  flex-shrink: 0;
}
.community-docs-slider__item-name {
  font-weight: 400;
  font-size: 16px;
  line-height: 18px;
  margin-bottom: 5px;
  color: #fff;
}
.community-docs-slider__item-desc {
  font-weight: 400;
  font-size: 10px;
  line-height: 12px;
  color: #fff;
}
.community-docs-slider .chennel-author-slider__nav--prev {
  left: -45px;
}
@media (max-width: 1199px) {
  .community-docs-slider .chennel-author-slider__nav--prev {
    left: 0;
  }
}
@media (max-width: 600px) {
  .community-docs-slider .chennel-author-slider__nav--prev {
    left: -20px;
  }
}

.testing {
  margin-top: 30px;
  margin-bottom: 50px;
}
.testing form {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.testing__list {
  list-style-type: none;
  counter-reset: item;
  padding-left: 0;
}
.testing__item {
  position: relative;
  padding-left: 40px;
  margin-bottom: 15px;
}
.testing__item::before {
  position: absolute;
  top: -7px;
  left: -10px;
  font-size: 36px;
  line-height: 1;
  font-weight: 700;
  content: counter(item) ". ";
  counter-increment: item;
  color: #22b3ff;
}
@media (max-width: 767px) {
  .testing__item::before {
    font-size: 28px;
  }
}
.testing__item input {
  opacity: 0;
}
.testing__item .form-group.form-group--checkbox label {
  font-size: 16px;
}
.testing__item input:checked + label::after {
  transform: scale(1);
}
.testing__title {
  margin-bottom: 25px;
  font-size: 22px;
  line-height: 1.4;
  font-weight: 600;
}
@media (max-width: 767px) {
  .testing__title {
    font-size: 18px;
  }
}
.testing__complete {
  display: none;
  padding: 18px;
  box-shadow: 0 0 12px 0 rgba(19, 7, 31, 0.1);
  text-align: center;
  font-size: 18px;
}
.testing__complete .num {
  font-weight: 700;
  color: #22b3ff;
}
.testing__repeat {
  margin: 0;
  padding: 0;
  border: none;
  border-bottom: 1px dashed;
  color: #22b3ff;
  background-color: transparent;
  font: inherit;
}
.testing__repeat:hover, .testing__repeat:focus {
  border-color: transparent;
}

.dropdown-single.error .error-message {
  display: block;
}

.js-link-solution.active {
  color: #49e3a4;
}

.js-link-authors-like.active {
  color: #49e3a4;
}

.experience-unit.active {
  border: 1px solid #49e3a4;
}

.experience-unit__comment-unit.authors-like .experience-unit {
  border: 1px solid #49e3a4;
}

.experience-unit__authors-like {
  top: -9px;
  right: 24px;
  position: absolute;
}

.subscribes-for-all {
  margin: -10px 10px 20px 0;
  text-align: right;
}

.subscribes-for-all a {
  color: #22b3ff;
  font-size: 20px;
  line-height: 21px;
  position: relative;
  text-decoration: none;
  -webkit-transition: color 0.3s ease;
  transition: color 0.3s ease;
}

.ordionline_admin .tabs-content-item-question-form .form-group_row .question-action .save--right {
  width: 195px;
  margin-left: 10px;
}

.key-point__summary {
  display: flex;
  align-items: flex-start;
}

.key-point__summary img {
  max-width: 100px;
  margin-right: 30px;
}

@media (max-width: 480px) {
  .key-point__summary {
    flex-wrap: wrap;
  }
  .key-point__summary img {
    margin-bottom: 24px;
    margin-right: 0;
  }
}
.article-rate-wrapper .new-rate-block .new-finish__bubble input {
  position: absolute;
}

.partners-half {
  max-width: calc(50% - 12px);
}

.partners-banner {
  background-color: #ffffff;
  padding: 25px 30px;
  border-radius: 12px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 50px;
}

.partners-banner__logo {
  width: 220px;
  height: 36px;
  flex-shrink: 0;
  margin-right: 40px;
}

.partners-banner__logo img {
  width: 100%;
  height: 100%;
}

.partners-banner__price-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 10px 20px;
  background-color: #eeeeee;
  border-radius: 12px;
  flex-shrink: 0;
  margin-right: 35px;
}

.partners-banner__price-old {
  font-size: 14px;
  margin-bottom: 5px;
  line-height: 1;
  text-decoration: line-through;
}

.partners-banner__price {
  font-size: 26px;
  font-weight: 900;
  color: #22B3FF;
  line-height: 1;
}

.partners-banner__text-wrapper {
  padding: 5px 0;
}

.partners-banner__text {
  font-size: 14px;
  line-height: 16px;
}

.partners-banner__blue {
  color: #22B3FF;
  font-weight: 700;
}

.partners-banner .btn {
  text-transform: uppercase;
  font-size: 14px;
  flex-shrink: 0;
  padding: 20px 30px;
  letter-spacing: 0.5px;
}

@media (max-width: 991px) {
  .partners-banner {
    flex-wrap: wrap;
    height: 200px;
    justify-content: center;
    padding: 25px 10px;
  }
  .partners-banner__text-wrapper {
    margin-right: 20px;
  }
}
@media (max-width: 767px) {
  .partners-banner {
    height: 250px;
  }
}
@media (max-width: 600px) {
  .partners-banner {
    height: 300px;
    flex-direction: column;
    justify-content: space-between;
  }
  .partners-banner__logo {
    margin-right: 0;
  }
  .partners-banner__price-wrapper {
    margin-right: 0;
  }
  .partners-banner__text-wrapper {
    margin-right: 0;
  }
}
.edu-courses__program-item-list {
  margin: 0 0 15px;
}

.community-docs-slider__item-desc {
  display: -webkit-box;
  height: 60px;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}

a.community-docs-slider__item {
  transition: all 0.3s ease-in-out;
}

a.community-docs-slider__item:hover,
a.community-docs-slider__item:focus {
  opacity: 0.6;
}

@media (max-width: 575px) {
  .article-rate-wrapper .new-rate-block .new-finish__img {
    display: none;
  }
}
@media (max-width: 767px) {
  .article-rate-wrapper .new-rate-block .new-finish__bubble {
    height: auto;
    margin: 0 auto;
  }
  .article-rate-wrapper .new-rate-block .new-finish__img {
    display: none;
  }
}
@media (max-width: 580px) {
  .article-rate-wrapper .new-rate-block .new-finish__bubble {
    max-width: 310px;
  }
  .article-rate-wrapper .new-rate-block .new-finish__score {
    margin-bottom: 20px;
  }
}
.edu-courses__title a {
  color: #333333;
  text-decoration: underline;
  transition: all 0.3s ease-in-out;
}

.edu-courses__title a:hover,
.edu-courses__title a:focus {
  text-decoration: underline solid transparent;
}

@media (max-width: 767px) {
  .reg-modal__info {
    border-radius: 20px;
    min-height: 150px;
  }
  .reg-modal__close svg {
    width: 18px;
    height: 18px;
  }
  .reg-modal__step-title {
    margin-bottom: -7px;
  }
  .reg-modal__title {
    margin-bottom: 3px;
  }
  .reg-modal__name {
    padding-right: 92px;
  }
  .reg-modal__payment-item label span {
    font-size: 16px;
  }
}
.reg-modal__form .form-group.form-group--allow:last-child {
  margin-top: -6px;
}

@media (min-width: 768px) {
  .reg-modal__payment-promocode-title {
    max-width: 240px;
  }
}
.uploads-item__icon-view {
  background-color: #fff;
  border-radius: 50%;
  border: 2px solid #22B3FF;
}

.uploads-item.active .uploads-item__icon-view {
  border-color: #49E3A4;
}

.reg-modal__error {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  width: 100%;
}

.reg-modal__error::before {
  position: relative;
  top: 3px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  display: block;
  width: 16px;
  height: 16px;
  margin-right: 8px;
  border-radius: 50%;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16 8C16 9.58225 15.5308 11.129 14.6518 12.4446C13.7727 13.7602 12.5233 14.7855 11.0615 15.391C9.59966 15.9965 7.99113 16.155 6.43928 15.8463C4.88743 15.5376 3.46197 14.7757 2.34315 13.6569C1.22433 12.538 0.462403 11.1126 0.153721 9.56072C-0.15496 8.00887 0.00346629 6.40034 0.608967 4.93853C1.21447 3.47672 2.23985 2.22729 3.55544 1.34824C4.87104 0.469192 6.41775 0 8 0C10.121 0.00229405 12.1545 0.845886 13.6543 2.34568C15.1541 3.84547 15.9977 5.87897 16 8ZM8.66667 3.33333H7.33334V10H8.66667V3.33333ZM8.66667 11.3333H7.33334V12.6667H8.66667V11.3333Z' fill='%23FF7272'/%3E%3C/svg%3E%0A");
  background-size: contain;
  content: "";
}

.page-top {
  margin: 36px 0;
}
.page-top h1 {
  font-size: 32px;
  line-height: 38px;
  color: #2d2d2d;
}
@media (max-width: 767px) {
  .page-top h1 {
    font-size: 24px;
    line-height: 120%;
  }
}

.page-content {
  display: flex;
}
.page-content--reverse {
  flex-direction: row-reverse;
}
@media (max-width: 767px) {
  .page-content--reverse {
    flex-direction: column;
  }
}

.page-left {
  width: 300px;
  margin-right: 25px;
}
@media (max-width: 767px) {
  .page-left {
    display: none;
  }
}

.page-content--reverse .page-left {
  margin-right: 0;
  margin-left: 25px;
}
@media (max-width: 767px) {
  .page-content--reverse .page-left {
    display: block;
    margin-left: 0;
    width: 100%;
    margin-bottom: 34px;
  }
}

.page-right {
  width: calc(100% - 325px);
}
@media (max-width: 767px) {
  .page-right {
    width: 100%;
  }
}
.page-right .bubble-info {
  width: 100%;
  margin: 0;
}
@media (max-width: 767px) {
  .page-right .bubble-info {
    position: relative;
    left: 12px;
    margin-bottom: 14px;
  }
}
.page-right .bubble-info__img {
  width: 91px;
  height: 81px;
}
@media (max-width: 991px) {
  .page-right .bubble-info__img {
    flex-shrink: 0;
    width: 61px;
    min-width: 61px;
    height: 62px;
  }
}
@media (max-width: 767px) {
  .page-right .bubble-info__img {
    position: relative;
    top: 13px;
  }
}
.page-right .bubble-info__bubble {
  margin: 0;
  max-width: calc(100% - 91px);
  padding: 30px 24px;
}
@media (max-width: 991px) {
  .page-right .bubble-info__bubble {
    flex-wrap: wrap;
    max-width: calc(100% - 60px);
    text-align: left;
    justify-content: flex-start;
  }
}
@media (max-width: 767px) {
  .page-right .bubble-info__bubble {
    max-width: calc(100% - 84px);
    margin-left: 10px;
    padding: 28px 3px 20px 12px;
    border-radius: 40px;
  }
  .page-right .bubble-info__bubble--lg {
    font-size: 20px;
    line-height: 120%;
  }
  .page-right .bubble-info__bubble--md {
    max-width: 210px;
    font-size: 14px;
    line-height: 120%;
    margin-bottom: 3px;
  }
}
.page-right .bubble-info__bubble > div {
  width: 330px;
  margin-right: 0;
  padding-right: 12px;
}
@media (max-width: 767pxpx) {
  .page-right .bubble-info__bubble > div {
    max-width: 100%;
  }
}
.page-right .bubble-info__bubble .btn {
  white-space: nowrap;
  flex-shrink: 0;
  width: 134px;
  padding: 9px 8px;
  font-size: 16px;
  line-height: 24px;
}
.page-right .bubble-info__bubble--lg {
  color: #2d2d2d;
}
@media (max-width: 575px) {
  .page-right .bubble-info__bubble--lg {
    text-align: left;
  }
}
.page-right .bubble-info__bubble--md {
  color: #979797;
}
@media (max-width: 575px) {
  .page-right .bubble-info__bubble--md {
    text-align: left;
  }
}

.page-sidebar {
  position: relative;
  min-height: 100%;
  width: 100%;
}
.page-sidebar h1, .page-sidebar h2 {
  margin: 0 0 34px;
  font-size: 32px;
  line-height: 38px;
}

.page-content--reverse .page-sidebar {
  display: flex;
  align-items: flex-start;
}

.course-filter__title {
  margin: 0 0 12px;
  padding-bottom: 20px;
  font-weight: 700;
  font-size: 16px;
  line-height: 12px;
  color: #2d2d2d;
}
.course-filter__item {
  margin-bottom: 30px;
}
.course-filter__check input {
  display: none;
}
.course-filter__check label {
  position: relative;
  display: inline-block;
  vertical-align: baseline;
  padding: 0 0 0 20px;
  font-weight: 400;
  font-size: 14px;
  line-height: 1;
  margin-bottom: 8px;
}
.course-filter__check label span {
  font-weight: 400;
  font-size: 14px;
  line-height: 1;
  color: #979797;
}
.course-filter__check label::before {
  position: absolute;
  left: 3px;
  top: 3px;
  width: 8px;
  height: 8px;
  background: #ffffff;
  border-radius: 2px;
  content: "";
  box-shadow: 0 0 0 2px #ffffff, 0 0 0 3px #2d2d2d;
  transition: all 0.3s ease-in-out;
}
.course-filter__check input:checked + label::before {
  background: #2d2d2d;
}

.radio-line {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 216px;
}
.radio-line::before {
  position: absolute;
  top: 3px;
  width: 100%;
  height: 1px;
  background-color: #2d2d2d;
  content: "";
}
.radio-line input {
  display: none;
}
.radio-line label {
  position: relative;
  display: inline-block;
  vertical-align: baseline;
  padding-top: 27px;
  font-weight: 400;
  font-size: 14px;
  line-height: 12px;
  color: #2d2d2d;
}
.radio-line label::before {
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  width: 7px;
  height: 7px;
  background: #2d2d2d;
  border-radius: 50%;
  content: "";
  transition: all 0.3s ease-in-out;
  transform-origin: left;
}
.radio-line label:last-of-type::before {
  left: auto;
  right: 0;
  transform-origin: right;
}
.radio-line input:checked + label::before {
  box-shadow: 0px 5px 10px rgba(34, 179, 255, 0.36);
  background: #22B3FF;
  transform: scale(3);
}

.course-list {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -12px 0;
  padding: 0;
  list-style: none;
}
@media (max-width: 767px) {
  .course-list {
    margin-left: 0;
    margin-right: 0;
  }
}
.course-list__item {
  display: flex;
  width: 50%;
  padding: 0 12px;
  margin-bottom: 24px;
}
@media (max-width: 991px) {
  .course-list__item {
    width: 100%;
    margin-bottom: 16px;
  }
}
@media (max-width: 767px) {
  .course-list__item {
    padding: 0;
  }
}
.course-list__item--lg {
  width: 100%;
}
.course-list .no_elements {
  display: none;
  width: 100%;
  background-color: #ddd;
  padding: 12px;
  margin: 0 12px;
  border-radius: 20px;
  text-align: center;
  height: 100px;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.course-list .no_elements.is_visible {
  display: flex;
}
.course-list .no_elements a {
  text-decoration: underline;
}

.course-item {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  padding: 12px;
  background-color: #84C9DC;
  box-shadow: 0px 0px 12px rgba(19, 7, 31, 0.069803);
  border-radius: 20px;
  min-height: 320px;
}
@media (max-width: 991px) {
  .course-item {
    min-height: 220px;
  }
}
@media (max-width: 767px) {
  .course-item {
    margin-bottom: 0;
  }
}
.course-item__section {
  display: inline-block;
  vertical-align: baseline;
  margin: 0 0 5px;
  font-weight: 400;
  font-size: 11px;
  line-height: 20px;
  letter-spacing: 0.7px;
  text-transform: uppercase;
  color: #2d2d2d;
}
@media (max-width: 767px) {
  .course-item__section {
    margin-bottom: 0;
  }
}
.course-item__title {
  position: relative;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  margin: 0 0 11px;
  font-weight: 700;
  font-size: 18px;
  line-height: 120%;
  font-size: 18px;
  letter-spacing: 0.07px;
  max-height: 88px;
}
@media (max-width: 991px) {
  .course-item__title {
    max-width: calc(100% - 90px);
    font-size: 16px;
    max-height: 76px;
    margin-bottom: 4px;
  }
}
@media (max-width: 580px) {
  .course-item__title {
    font-size: 16px;
    margin: 0 0 12px;
    height: 76px;
    margin-bottom: 4px;
  }
}
.course-item__label {
  display: inline-block;
  vertical-align: baseline;
  padding: 10px 11px 7px;
  margin-bottom: 5px;
  font-weight: 400;
  font-size: 12px;
  line-height: 12px;
  letter-spacing: 0.06;
  color: #13071F;
  background: rgba(255, 255, 255, 0.4);
  border-radius: 6px;
}
@media (max-width: 767px) {
  .course-item__label {
    font-size: 10px;
    padding: 6px 11px 4px;
    margin-left: 3px;
    margin-top: 9px;
  }
}
.course-item__label.black {
  background: #2d2d2d;
  color: #ffffff;
}
.course-item__price {
  display: flex;
  flex-direction: column;
  font-weight: 400;
  font-size: 28px;
  line-height: 34px;
  color: #333333;
  margin-top: 7px;
}
@media (max-width: 991px) {
  .course-item__price {
    flex-direction: row;
    align-items: center;
  }
}
.course-item__price .old {
  font-weight: 400;
  font-size: 10px;
  line-height: 10px;
  text-decoration: line-through;
  text-transform: uppercase;
  color: rgba(45, 45, 45, 0.6);
}
@media (max-width: 991px) {
  .course-item__price .old {
    margin-left: 14px;
    font-size: 10px;
  }
}
.course-item__bottom {
  display: flex;
  justify-content: space-between;
}
.course-item__bottom > a {
  width: 100%;
  display: inline-block;
  vertical-align: baseline;
  padding: 9px 26px;
  font-weight: 700;
  font-size: 16px;
  line-height: 1;
  etter-spacing: 0.03px;
  border-radius: 22px;
  transition: all 0.3s ease-in-out;
}
@media (max-width: 991px) {
  .course-item__bottom > a {
    flex-grow: 2;
    text-align: center;
  }
}
.course-item__btn-blue {
  background-color: #22B3FF;
  border: 2px solid #22B3FF;
  color: #ffffff;
}
@media (max-width: 991px) {
  .course-item__btn-blue {
    margin-right: 5px;
  }
}
.course-item__btn-blue:hover, .course-item__btn-blue:focus {
  background-color: #57c5ff;
  border-color: #57c5ff;
}
.course-item__btn-border {
  color: #ffffff;
  border: 1px solid #ffffff;
  background-color: transparent;
}
@media (max-width: 991px) {
  .course-item__btn-border {
    margin-left: 5px;
  }
}
.course-item__btn-border:hover, .course-item__btn-border:focus {
  background-color: #22B3FF;
  border-color: #22B3FF;
}
.course-item__middle {
  display: flex;
  margin-bottom: 8px;
}
@media (max-width: 767px) {
  .course-item__middle {
    margin-bottom: 0;
  }
}
@media (max-width: 991px) {
  .course-item__col {
    display: flex;
    width: 100%;
    margin-bottom: 16px;
    flex-direction: column;
    justify-content: space-between;
  }
}
@media (max-width: 991px) {
  .course-item__col {
    margin-bottom: 8px;
  }
}
.course-item__top {
  min-height: 104px;
}
.course-item__img {
  flex-shrink: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  width: 104px;
  height: 104px;
  border-radius: 50%;
  overflow: hidden;
  text-align: center;
  vertical-align: middle;
  background-color: #2d2d2d;
}
@media (max-width: 991px) {
  .course-item__img {
    position: absolute;
    top: 12px;
    right: 12px;
    width: 82px;
    height: 82px;
  }
}
@media (max-width: 767px) {
  .course-item__img {
    top: 16px;
  }
}
.course-item__img img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0.6;
}
.course-item__img p {
  position: relative;
  margin: 0;
  font-weight: 400;
  font-size: 16px;
  line-height: 120%;
  color: #FFFFFF;
  text-transform: uppercase;
}
@media (max-width: 767px) {
  .course-item__img p {
    font-size: 12px;
  }
}
.course-item__bottom {
  margin-top: auto;
  gap: 10px;
}

.course-list__item--lg .course-item__top {
  width: 385px;
  max-width: calc(100% - 176px);
}
@media (max-width: 991px) {
  .course-list__item--lg .course-item__top {
    max-width: 100%;
  }
}
.course-list__item--lg .course-item__top p {
  margin: 0 0 8px;
  font-weight: 400;
  font-size: 12px;
  line-height: 120%;
  color: #13071F;
  letter-spacing: 0.07px;
}
@media (max-width: 991px) {
  .course-list__item--lg .course-item__title {
    max-width: 270px;
    font-size: 16px;
    max-height: 76px;
  }
}
@media (max-width: 580px) {
  .course-list__item--lg .course-item__title {
    font-size: 16px;
    margin: 0 0 12px;
    height: 76px;
  }
}
.course-list__item--lg .course-item__img {
  position: absolute;
  top: 12px;
  right: 12px;
  width: 164px;
  height: 164px;
}
@media (max-width: 991px) {
  .course-list__item--lg .course-item__img {
    width: 82px;
    height: 82px;
  }
}
.course-list__item--lg .course-item__middle {
  flex-grow: 2;
  display: flex;
  flex-direction: column;
  margin-bottom: 0;
}
@media (max-width: 991px) {
  .course-list__item--lg .course-item__middle {
    flex-grow: 0;
  }
}
.course-list__item--lg .course-item__col {
  flex-grow: 2;
  display: flex;
  flex-direction: column;
}
@media (max-width: 991px) {
  .course-list__item--lg .course-item__col {
    display: flex;
    width: 100%;
    flex-direction: row-reverse;
    align-items: center;
    justify-content: space-between;
  }
}
.course-list__item--lg .course-item__price {
  margin-top: auto;
  flex-direction: row;
  align-items: flex-end;
}
@media (max-width: 991px) {
  .course-list__item--lg .course-item__price {
    align-items: center;
    margin-top: 0;
  }
}
.course-list__item--lg .course-item__price span {
  display: inline-block;
  vertical-align: baseline;
  font-size: 36px;
  line-height: 34px;
}
@media (max-width: 991px) {
  .course-list__item--lg .course-item__price span {
    font-size: 28px;
    margin-left: 14px;
  }
}
.course-list__item--lg .course-item__price span.old {
  font-size: 14px;
  line-height: 10px;
}
@media (max-width: 991px) {
  .course-list__item--lg .course-item__price span.old {
    font-size: 10px;
    margin-left: 14px;
  }
}
.course-list__item--lg .course-item__bottom {
  position: absolute;
  bottom: 16px;
  right: 12px;
  width: 280px;
}
@media (max-width: 991px) {
  .course-list__item--lg .course-item__bottom {
    position: static;
    width: 100%;
  }
}

@keyframes growProgressBar {
  0%, 33% {
    --pgPercentage: 0;
  }
  100% {
    --pgPercentage: var(--value);
  }
}
@property --pgPercentage {
  syntax: "<number>";
  inherits: false;
  initial-value: 0;
}
div[role=progressbar] {
  position: relative;
  --size: 12rem;
  --fg: #EBEBEB;
  --bg: #98EDFD;
  --pgPercentage: var(--value);
  animation: growProgressBar 3s 1 forwards;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  display: grid;
  place-items: center;
  background: conic-gradient(var(--fg) calc(var(--pgPercentage) * 1%), var(--bg) 0);
  font-family: Helvetica, Arial, sans-serif;
  font-size: calc(var(--size) / 5);
  color: var(--fg);
}
@media (max-width: 575px) {
  div[role=progressbar] {
    --size: 11rem;
  }
}

.course-block__progressbar--green div[role=progressbar] {
  --bg: #49E3A4;
}

div[role=progressbar]::before {
  counter-reset: percentage var(--value);
  content: counter(percentage) "%";
}

.course-slider {
  margin-top: 16px;
}
.course-slider__item {
  background: #FFFFFF;
  border: 2px solid #E0E0E0;
  border-radius: 20px;
  width: 100%;
  padding: 20px;
}
@media (max-width: 575px) {
  .course-slider__item {
    padding: 12px;
  }
}
.course-slider__inner {
  display: flex;
  justify-content: space-between;
}
@media (max-width: 991px) {
  .course-slider__inner {
    flex-wrap: wrap;
  }
}
.course-slider__left {
  display: flex;
  align-items: center;
}
@media (max-width: 575px) {
  .course-slider__left {
    align-items: flex-start;
  }
}
.course-slider__progressbar {
  position: relative;
  width: 120px;
  height: 120px;
  margin-right: 30px;
}
@media (max-width: 991px) {
  .course-slider__progressbar {
    margin-right: 16px;
  }
}
@media (max-width: 575px) {
  .course-slider__progressbar {
    width: 110px;
    height: 110px;
    margin-right: 12px;
  }
}
.course-slider__img {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  position: absolute;
  border-radius: 50%;
  width: calc(100% - 10px);
  height: calc(100% - 10px);
  top: 5px;
  left: 5px;
  overflow: hidden;
  background-color: #2d2d2d;
}
.course-slider__img img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0.6;
}
.course-slider__time {
  width: 94px;
  position: relative;
  font-weight: 400;
  font-size: 11px;
  line-height: 12px;
  color: #FFFFFF;
  display: flex;
  flex-direction: column;
}
.course-slider__time b {
  font-weight: 700;
  font-size: 24px;
  line-height: 24px;
  white-space: nowrap;
}
.course-slider__title {
  max-width: 385px;
}
@media (max-width: 991px) {
  .course-slider__title {
    max-width: 100%;
  }
}
.course-slider__title > a {
  margin: 0 0 14px;
  font-weight: 700;
  font-size: 20px;
  line-height: 22px;
  color: #2d2d2d;
}
@media (max-width: 991px) {
  .course-slider__title > a {
    display: block;
    max-width: 240px;
  }
}
@media (max-width: 575px) {
  .course-slider__title > a {
    display: flex;
    align-items: center;
    height: 120px;
  }
}
.course-slider__text {
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
  color: #2d2d2d;
}
@media (max-width: 767px) {
  .course-slider__right {
    padding-bottom: 55px;
    width: 100%;
  }
}
@media (max-width: 575px) {
  .course-slider__right {
    padding-bottom: 60px;
  }
}
.course-slider__right-cont {
  position: relative;
  padding-bottom: 8px;
  width: 368px;
  max-width: 100%;
  margin-top: 12px;
}
@media (max-width: 991px) {
  .course-slider__right-cont {
    width: 100%;
  }
}
.course-slider__bubble {
  position: absolute;
  z-index: 3;
  top: 100%;
  left: 0;
  width: 100%;
  background-color: #ffffff;
  padding: 12px 92px 12px 12px;
  box-shadow: 0px 0px 12px rgba(19, 7, 31, 0.069803);
  border-radius: 20px;
}
.course-slider__bubble::before, .course-slider__bubble::after {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 12px;
  width: 68px;
  height: 68px;
  border-radius: 50%;
  content: "";
  background-color: #22B3FF;
  border: 2px solid #22B3FF;
  box-shadow: 0px 5px 10px rgba(34, 179, 255, 0.36);
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 20 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6.21954 0.560218L17.9307 7.33196V7.42975C19.2114 8.17708 20 9.55593 20 11.0479C20 12.5398 19.2114 13.9187 17.9307 14.666L6.21954 21.4377C5.58923 21.8049 4.87438 21.9988 4.14645 22C1.85657 22 0.00026136 20.1284 0.00026136 17.8196V4.22723C-0.0164283 2.72539 0.767237 1.32995 2.05314 0.571756C3.33905 -0.186439 4.92952 -0.190843 6.21954 0.560218ZM5.00805 19.3231L16.7192 12.4536V12.5025C17.2521 12.1925 17.5805 11.6193 17.5805 10.999C17.5805 10.3787 17.2521 9.80549 16.7192 9.49551L5.00805 2.67487C4.74393 2.52855 4.4486 2.44886 4.1473 2.44263C3.84579 2.44738 3.55011 2.52716 3.28654 2.67487C2.75381 2.98498 2.42568 3.55813 2.42578 4.17834V17.8196C2.42568 18.4398 2.75381 19.013 3.28654 19.3231C3.82048 19.6282 4.47411 19.6282 5.00805 19.3231Z' fill='white'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-size: 20px 22px;
  background-position: left 24px center;
  transition: all 0.3s ease-in-out;
}
.course-slider__bubble::after {
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 20 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6.21954 0.560218L17.9307 7.33196V7.42975C19.2114 8.17708 20 9.55593 20 11.0479C20 12.5398 19.2114 13.9187 17.9307 14.666L6.21954 21.4377C5.58923 21.8049 4.87438 21.9988 4.14645 22C1.85657 22 0.00026136 20.1284 0.00026136 17.8196V4.22723C-0.0164283 2.72539 0.767237 1.32995 2.05314 0.571756C3.33905 -0.186439 4.92952 -0.190843 6.21954 0.560218ZM5.00805 19.3231L16.7192 12.4536V12.5025C17.2521 12.1925 17.5805 11.6193 17.5805 10.999C17.5805 10.3787 17.2521 9.80549 16.7192 9.49551L5.00805 2.67487C4.74393 2.52855 4.4486 2.44886 4.1473 2.44263C3.84579 2.44738 3.55011 2.52716 3.28654 2.67487C2.75381 2.98498 2.42568 3.55813 2.42578 4.17834V17.8196C2.42568 18.4398 2.75381 19.013 3.28654 19.3231C3.82048 19.6282 4.47411 19.6282 5.00805 19.3231Z' fill='%2322B3FF'/%3E%3C/svg%3E%0A");
  opacity: 0;
}
.course-slider__bubble:hover::after, .course-slider__bubble:focus::after {
  opacity: 1;
  background-color: #ffffff;
}
.course-slider__bubble:hover::before, .course-slider__bubble:focus::before {
  opacity: 0;
}
.course-slider__bubble span {
  margin: 0 0 8px;
  display: inline-block;
  vertical-align: baseline;
  font-weight: 700;
  font-size: 10px;
  line-height: 15px;
  letter-spacing: 0.7px;
  text-transform: uppercase;
  color: #2d2d2d;
}
.course-slider__bubble p {
  margin: 0;
  font-weight: 700;
  font-size: 16px;
  line-height: 120%;
  color: #2d2d2d;
  transition: all 0.3s ease-in-out;
}
@media (max-width: 575px) {
  .course-slider__bubble p {
    font-size: 14px;
  }
}
.course-slider__bubble:hover p, .course-slider__bubble:focus p {
  opacity: 0.6;
}
.course-slider .slick-track {
  padding-bottom: 28px;
}
@media (max-width: 575px) {
  .course-slider .slick-track {
    padding-bottom: 40px;
  }
}
.course-slider .slick-dots {
  display: flex;
  justify-content: center;
  padding: 0 0 9px;
}
@media (max-width: 575px) {
  .course-slider .slick-dots {
    padding: 0;
  }
}
.course-slider .slick-dots li {
  width: 11px;
  height: 11px;
  margin: 0 3px 3px;
}
.course-slider .slick-dots button {
  width: 11px;
  height: 11px;
  font-size: 0;
  color: rgba(0, 0, 0, 0);
  border: none;
  border-radius: 50%;
  background-color: rgba(45, 45, 45, 0.4);
  transition: all 0.3s ease-in-out;
}
.course-slider .slick-dots .slick-active button {
  background-color: rgb(45, 45, 45);
}

.progress-line {
  display: flex;
}
@media (max-width: 575px) {
  .progress-line {
    width: calc(100% + 122px);
    margin-left: -122px;
  }
}
.progress-line__item {
  position: relative;
  margin-right: 12px;
  position: relative;
  padding-top: 16px;
  font-weight: 400;
  font-size: 11px;
  line-height: 12px;
  color: #2d2d2d;
  overflow: hidden;
  min-width: 48px;
  max-width: 62px;
}
@media (max-width: 575px) {
  .progress-line__item {
    min-width: 38px;
  }
}
.progress-line__item:last-child {
  margin-right: 0;
}
.progress-line__item .bar {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  min-width: 45px;
  height: 8px;
  background: #F2F2F2;
  border-radius: 20px;
  overflow: hidden;
}
@media (max-width: 575px) {
  .progress-line__item .bar {
    min-width: 40px;
  }
}
.progress-line__item .bar::after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 8px;
  background: #2d2d2d;
  border-radius: 20px;
  transform: translateX(-100%);
  content: "";
}
.progress-line__item.fill-100 .bar::after {
  transform: translateX(0);
}
.progress-line__item.fill-75 .bar::after {
  transform: translateX(-25%);
}
.progress-line__item.fill-50 .bar::after {
  transform: translateX(-50%);
}
.progress-line__item.fill-25 .bar::after {
  transform: translateX(-75%);
}

.edu-lectors {
  margin-bottom: 48px;
}
@media (max-width: 767px) {
  .edu-lectors {
    position: relative;
    width: calc(100% + 24px);
    left: -12px;
  }
}
.edu-lectors__title {
  margin: 0 0 20px;
  font-weight: 700;
  font-size: 32px;
  line-height: 38px;
  font-weight: 700;
  font-size: 32px;
  line-height: 38px;
}
@media (max-width: 767px) {
  .edu-lectors__title {
    padding-left: 12px;
    padding-right: 12px;
  }
}
.edu-lectors__list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.edu-lectors__item {
  display: flex;
  width: calc(50% - 12px);
  margin-bottom: 12px;
}
@media (max-width: 991px) {
  .edu-lectors__item {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .edu-lectors__item {
    padding: 0 12px;
  }
}
.edu-lectors__item:first-child {
  width: 100%;
}
.edu-lectors__inner {
  display: flex;
  min-height: 100%;
  width: 100%;
  padding: 10px;
  border: 1px solid #D1D1D1;
  border-radius: 20px;
  transition: all 0.3s ease-in-out;
  background-color: #ffffff;
}
.edu-lectors__img {
  position: relative;
  flex-shrink: 0;
  width: 68px;
  height: 68px;
  margin-right: 13px;
  border-radius: 50%;
  overflow: hidden;
}
.edu-lectors__img img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.edu-lectors__desc {
  display: flex;
  flex-direction: column;
  color: #333333;
}
.edu-lectors__name {
  margin: 0 0 6px;
  font-weight: 400;
  font-size: 16px;
  line-height: 18px;
}
.edu-lectors__text {
  margin: 0;
  font-weight: 400;
  font-size: 10px;
  line-height: 120%;
}
.edu-lectors .slick-dots {
  position: relative;
  z-index: 2;
  display: flex;
  justify-content: center;
  width: 100%;
  padding: 0 0 9px;
}
@media (max-width: 575px) {
  .edu-lectors .slick-dots {
    padding: 0;
  }
}
.edu-lectors .slick-dots li {
  display: flex;
  width: 11px;
  height: 11px;
  margin: 0 3px 3px;
}
.edu-lectors .slick-dots button {
  width: 11px;
  height: 11px;
  font-size: 0;
  color: rgba(0, 0, 0, 0);
  border: none;
  border-radius: 50%;
  background-color: rgba(45, 45, 45, 0.4);
  transition: all 0.3s ease-in-out;
}
.edu-lectors .slick-dots .slick-active button {
  background-color: rgb(45, 45, 45);
}

.edu-results {
  margin-bottom: 25px;
}
@media (max-width: 767px) {
  .edu-results {
    margin-bottom: 4px;
  }
}
.edu-results__title {
  margin: 0 0 10px;
  font-weight: 700;
  font-size: 32px;
  line-height: 38px;
  color: #333333;
}
.edu-results__banner {
  width: 100%;
  padding: 12px;
  margin-bottom: 20px;
  background-color: #78B6D7;
  border-radius: 20px;
}
.edu-results__banner-inner {
  display: flex;
  justify-content: space-between;
  min-height: 204px;
}
@media (max-width: 767px) {
  .edu-results__banner-inner {
    flex-direction: column-reverse;
    justify-content: flex-start;
  }
}
.edu-results__banner-content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  min-height: 100%;
  width: 290px;
  padding: 8px 0 8px 8px;
  margin-right: 22px;
}
@media (max-width: 767px) {
  .edu-results__banner-content {
    padding: 0;
  }
}
.edu-results__banner-title {
  margin-bottom: 6px;
  width: 100%;
  font-weight: 700;
  font-size: 20px;
  line-height: 22px;
  color: #FFFFFF;
}
@media (max-width: 767px) {
  .edu-results__banner-title {
    margin-bottom: 32px;
  }
}
.edu-results__banner-label {
  display: inline-block;
  vertical-align: baseline;
  margin: auto 0 6px;
  padding: 10px 10px 7px;
  font-weight: 400;
  font-size: 12px;
  line-height: 12px;
  color: #FFFFFF;
  letter-spacing: 0.06px;
  background: #2d2d2d;
  border-radius: 6px;
}
.edu-results__banner-text {
  width: 100%;
  font-weight: 400;
  font-size: 16px;
  line-height: 18px;
  color: #333333;
}
.edu-results__banner-text a {
  text-decoration: underline;
  transition: all 0.3s ease-in-out;
  color: #333333;
}
.edu-results__banner-text a:hover, .edu-results__banner-text a:focus {
  text-decoration: underline solid transparent;
}
.edu-results__banner-img {
  position: relative;
  width: 290px;
  min-height: 100%;
  border-radius: 7px;
  overflow: hidden;
}
@media (max-width: 767px) {
  .edu-results__banner-img {
    width: 100%;
    min-height: 0;
    margin-bottom: 12px;
    padding-bottom: 27%;
  }
}
.edu-results__banner-img img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media (max-width: 767px) {
  .edu-results__btn.btn {
    display: flex;
    justify-content: center;
    width: 100%;
    padding: 15px;
    font-size: 20px;
    line-height: 21px;
    letter-spacing: 0.04px;
  }
}

.course-filter-hours-slider {
  position: relative;
  width: 250px;
  margin-top: -10px;
  margin-bottom: 10px;
}
.course-filter-hours-slider .noUi-target {
  width: 100%;
  border-radius: 0;
  height: 41px;
  padding: 10px 30px 10px 10px;
  margin-left: -10px;
}
.course-filter-hours-slider .noUi-base {
  cursor: pointer;
}
.course-filter-hours-slider .noUi-base,
.course-filter-hours-slider .noUi-connects {
  position: relative;
  height: 100%;
  background: transparent;
}
.course-filter-hours-slider .noUi-base::before,
.course-filter-hours-slider .noUi-connects::before {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  height: 0.5px;
  width: 100%;
  background: #2d2d2d;
  content: "";
  border: none;
}
.course-filter-hours-slider .noUi-target {
  background: transparent;
}
.course-filter-hours-slider .noUi-handle {
  top: 0 !important;
  opacity: 1;
  width: 21px !important;
  height: 21px !important;
  border-radius: 50%;
  background: #22B3FF;
  box-shadow: 0 3px 8px rgba(34, 179, 255, 0.4);
  border: none;
  cursor: pointer;
}
.course-filter-hours-slider .noUi-handle::before, .course-filter-hours-slider .noUi-handle::after {
  display: none;
}
.course-filter-hours-slider__list {
  width: 100%;
  display: flex;
  justify-content: space-between;
  padding-right: 20px;
  padding-top: 7px;
}
.course-filter-hours-slider__list span {
  position: relative;
  display: inline-block;
  vertical-align: baseline;
  font-weight: 400;
  font-size: 14px;
  line-height: 12px;
  color: #2d2d2d;
  text-align: center;
  padding-right: 15px;
}
.course-filter-hours-slider__list span:first-child {
  text-align: left;
}
.course-filter-hours-slider__list span:first-child::before {
  left: 0;
}
.course-filter-hours-slider__list span:first-child + span::before {
  left: calc(50% - 15px);
}
.course-filter-hours-slider__list span:first-child + span + span::before {
  left: calc(50% - 15px);
}
.course-filter-hours-slider__list span:first-child + span + span + span::before {
  left: calc(50% - 15px);
}
.course-filter-hours-slider__list span:last-child {
  text-align: right;
}
.course-filter-hours-slider__list span:last-child::before {
  left: auto;
  right: 17px;
}
.course-filter-hours-slider__dots {
  position: absolute;
  left: 0;
  top: 18px;
  width: 213px;
  display: flex;
  justify-content: space-between;
}
.course-filter-hours-slider__dots span {
  width: 7px;
  height: 7px;
  background: #2d2d2d;
  border-radius: 50%;
}
.course-filter-hours-slider__input {
  display: none;
}

.new-submenu .slick-track {
  display: flex;
}

.new-submenu__link {
  display: block;
}

.cpk_index_banner {
  margin-bottom: 16px;
}

.cpk-banner {
  padding: 34px 0 61px;
}
@media (max-width: 767px) {
  .cpk-banner {
    position: relative;
    padding-bottom: 149px;
    padding-top: 0;
  }
}
@media (max-width: 767px) {
  .cpk-banner > .container {
    padding-right: 14px !important;
    padding-left: 14px !important;
  }
}
.cpk-banner__inner {
  display: flex;
}
@media (max-width: 767px) {
  .cpk-banner__content {
    position: relative;
    width: 100%;
    overflow: hidden;
  }
}
.cpk-banner__labels {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 6px;
}
@media (max-width: 767px) {
  .cpk-banner__labels {
    margin-bottom: 16px;
    padding-right: 12px;
  }
}
.cpk-banner__label {
  margin: 0 6px 6px 0;
  font-weight: 400;
  font-size: 12px;
  line-height: 12px;
  letter-spacing: 0.06px;
  padding: 10px 11px 7px;
  background-color: rgba(255, 255, 255, 0.4);
  border-radius: 4px;
}
@media (max-width: 767px) {
  .cpk-banner__label {
    margin-bottom: 0;
  }
}
.cpk-banner__title {
  width: 100%;
  margin: 0 0 12px;
  font-weight: 700;
  font-size: 28px;
  line-height: 120%;
  color: #2D2D2D;
}
@media (max-width: 767px) {
  .cpk-banner__title {
    padding-right: 12px;
    font-size: 18px;
  }
}
.cpk-banner__text {
  width: 100%;
  margin: 0 0 24px;
  font-weight: 400;
  font-size: 16px;
  line-height: 120%;
  color: #2D2D2D;
  max-width: 632px;
}
@media (max-width: 767px) {
  .cpk-banner__text {
    padding-right: 12px;
    font-size: 14px;
  }
}
.cpk-banner__date {
  position: relative;
  top: -10px;
  right: -4px;
  flex-shrink: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 222px;
  height: 222px;
  margin-left: 18px;
  padding: 25px;
  font-weight: 400;
  font-size: 36px;
  line-height: 120%;
  color: #FFFFFF;
  background-color: #2D2D2D;
  border-radius: 50%;
  overflow: hidden;
}
@media (max-width: 767px) {
  .cpk-banner__date {
    position: absolute;
    top: auto;
    bottom: -194px;
    left: 29px;
    z-index: 2;
    width: 160px;
    height: 160px;
    margin: 0;
    font-size: 21px;
  }
}
.cpk-banner__date img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0.6;
}
.cpk-banner__date span {
  position: relative;
  max-width: 130px;
  text-transform: uppercase;
  margin-top: 6px;
}
@media (max-width: 767px) {
  .cpk-banner__date span {
    max-width: 80px;
    margin-top: 0;
  }
}
.cpk-banner__specializations {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  margin: 0 0 6px;
  padding: 0;
  list-style: none;
}
@media (max-width: 767px) {
  .cpk-banner__specializations {
    position: relative;
    overflow-x: auto;
    overflow-y: hidden;
    padding-bottom: 6px;
    margin-bottom: 0;
  }
}
.cpk-banner__specialization {
  display: flex;
  align-items: flex-end;
  min-height: 22px;
  margin: 0 7px 5px 0;
  padding: 5px 8px 5px 6px;
  white-space: nowrap;
  font-weight: 400;
  font-size: 12px;
  line-height: 12px;
  letter-spacing: 0.06px;
  color: #2D2D2D;
  background: rgba(255, 255, 255, 0.4);
  border-radius: 4px;
}
.cpk-banner__specialization span {
  display: inline-block;
  vertical-align: baseline;
  margin-right: 6px;
  margin-left: -4px;
  margin-top: -3px;
  margin-bottom: -3px;
  color: #ffffff;
  background-color: #2D2D2D;
  border-radius: 4px;
  padding: 4.5px 4px 2.5px;
  font-size: 10px;
  line-height: 1;
}
.cpk-banner__specialization span::after {
  display: inline-block;
  vertical-align: baseline;
  font: inherit;
  font-family: "Roboto", "Arial", sans-serif;
  content: "*";
}
.cpk-banner__note {
  margin: 0;
  font-weight: 400;
  font-size: 10px;
  line-height: 120%;
  color: #2D2D2D;
  letter-spacing: 0.06px;
  opacity: 0.6;
}
@media (max-width: 767px) {
  .cpk-banner__note {
    opacity: 1;
  }
}
.cpk-banner .breadcrubs.bc2 li {
  color: #fff;
}
.cpk-banner .breadcrubs.bc2 li a {
  color: #fff;
}
.cpk-banner .breadcrubs.bc2 li a:after {
  background-image: url(../img/svgSprite/bread.svg);
}

.breadcrumbs {
  position: relative;
  width: 100%;
  overflow: hidden;
}

.breadcrumbs ul {
  position: relative;
  display: flex;
  margin: 0;
  padding: 0 0 6px;
  list-style: none;
  overflow: auto;
}

.breadcrumbs li {
  font-weight: 400;
  font-size: 12px;
  line-height: 1;
  letter-spacing: 0.05px;
  text-transform: uppercase;
  color: #ffffff;
  white-space: nowrap;
}
@media (max-width: 767px) {
  .breadcrumbs li {
    font-size: 10px;
    margin-bottom: 4px;
  }
}
.breadcrumbs li::after {
  display: inline-block;
  vertical-align: baseline;
  margin: 0 8px;
  width: 7px;
  height: 12px;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 4 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.178836 6.81535C-0.0596121 6.56912 -0.0596121 6.16991 0.178836 5.92368L2.52588 3.49999L0.178836 1.07634C-0.0596121 0.830111 -0.0595825 0.430873 0.178836 0.184673C0.417284 -0.0615577 0.803873 -0.0615577 1.04232 0.184673L3.82116 3.05418C3.93567 3.17243 4 3.33281 4 3.50002C4 3.66727 3.93567 3.82762 3.82116 3.94587L1.04229 6.81538C0.803873 7.06155 0.417284 7.06155 0.178836 6.81535Z' fill='%23ffffff'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-size: 4px 7px;
  background-position: 50% 1px;
  content: "";
}
.breadcrumbs li:last-child::after {
  margin: 0;
  width: 1px;
  background: transparent;
}
.breadcrumbs li a,
.breadcrumbs li span {
  display: inline-block;
  vertical-align: baseline;
  max-width: 256px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.breadcrumbs li a {
  color: #ffffff;
  text-decoration: underline solid transparent;
}
.breadcrumbs li a:hover, .breadcrumbs li a:focus {
  text-decoration: underline solid #ffffff;
}

.sidebar-info {
  position: sticky;
  top: 30px;
  width: 100%;
  margin-top: -26px;
  padding: 29px 12px;
  background-color: #ffffff;
  box-shadow: 0px 0px 32px rgba(0, 0, 0, 0.14);
  border-radius: 30px;
}
@media (max-width: 767px) {
  .sidebar-info {
    position: static;
    margin-top: -126px;
    padding: 12px 12px 16px;
  }
}
@media (max-width: 767px) {
  .sidebar-info__container {
    padding-top: 8px;
    padding-left: 177px;
  }
}
.sidebar-info__item {
  display: flex;
  flex-direction: column;
  margin: 0 0 14px;
  font-weight: 400;
  font-size: 11px;
  line-height: 12px;
  color: rgba(45, 45, 45, 0.4);
  text-transform: uppercase;
}
@media (max-width: 767px) {
  .sidebar-info__item {
    font-size: 10px;
    line-height: 12px;
    margin-bottom: 12px;
  }
}
.sidebar-info__item span {
  margin: 4px 0 0;
  font-weight: 700;
  font-size: 20px;
  line-height: 1;
  color: #2D2D2D;
  text-transform: initial;
}
@media (max-width: 767px) {
  .sidebar-info__item span {
    font-size: 16px;
    margin-top: 4px;
  }
}
.sidebar-info__price {
  margin-bottom: 18px;
  padding: 10px 8px 8px;
  background: #E9E9E9;
  border-radius: 14px;
  font-weight: 400;
  font-size: 28px;
  line-height: 34px;
  color: #333333;
}
@media (max-width: 767px) {
  .sidebar-info__price {
    display: flex;
    flex-direction: column;
    padding: 0;
    margin-top: 12px;
    margin-bottom: 12px;
    background: transparent;
    line-height: 1;
  }
}
.sidebar-info__price span {
  margin: 0 0 0 10px;
  font-weight: 400;
  font-size: 10px;
  line-height: 23px;
  text-decoration-line: line-through;
  text-transform: uppercase;
  color: rgba(45, 45, 45, 0.6);
}
@media (max-width: 767px) {
  .sidebar-info__price span {
    margin-left: 0;
    margin-top: -2px;
  }
}
.sidebar-info__btn.btn {
  display: flex;
  justify-content: center;
  width: 100%;
  padding: 15px;
  text-align: center;
  font-weight: 700;
  font-size: 20px;
  line-height: 21px;
  letter-spacing: 0.04px;
  color: #FFFFFF;
}

.sidebar-info {
  transition: all 0.4s ease 0.6s;
}

.show-header + .header-nav + .top-search + .main-new .sidebar-info,
.show-header + .header-nav + .main-new .sidebar-info,
.show-header + .main-new .sidebar-info {
  top: 120px;
  transition: all 0.4s ease 0.4s;
}

.star-before::before {
  display: inline-block;
  vertical-align: baseline;
  margin-right: 1px;
  font: inherit;
  font-family: "Roboto", "Arial", sans-serif;
  content: "*";
}

.access-done {
  background-image: url(../img/cpk/ico-done-tick.svg);
  background-position: 50% 50%;
  background-repeat: no-repeat;
}

.material-login_password {
  background-color: #F5F5F5;
  border-radius: 12px;
  padding: 12px;
  line-height: 1.1;
  width: 100%;
}
.material-login_password-name {
  opacity: 0.6;
}
.material-login_password-login {
  opacity: 0.6;
  display: flex;
  align-items: center;
}
.material-login_password-login:not(:first-child) {
  margin-top: 4px;
}
.material-login_password-login:before {
  content: "Логин: ";
  font-weight: 700;
}
.material-login_password-password {
  opacity: 0.6;
  display: flex;
  align-items: center;
}
.material-login_password-password:not(:first-child) {
  margin-top: 4px;
}
.material-login_password-password:before {
  content: "Пароль: ";
  font-weight: 700;
}
.material-login_password .me-copy {
  cursor: pointer;
  margin-left: 6px;
}

.modul-content {
  position: relative;
}
.modul-content_row.hover_elements a:hover {
  background: transparent;
}
.modul-content_row.hover_elements .modul-part:hover {
  background: #F5F5F5;
  border-radius: 6px;
  transition: all 0.12s ease;
}
.modul-content_rowhead {
  position: relative;
  padding-left: 44px;
  min-height: 42px;
}
.modul-content_icon {
  position: absolute;
  top: 6px;
  left: 6px;
}
.modul-content_rowwrap {
  padding-left: 0;
  margin-top: 12px;
}
.modul-content_rowwrap .modul-part {
  display: block;
}
.modul-content_rowtext {
  position: relative;
  flex-grow: 1;
}
.modul-content_rowtext .webinar_info_date {
  margin-right: 4px;
}
.modul-content_rowtext .webinar_info_nmo {
  margin-left: 0;
}
.modul-content_rowtext_materialtitle {
  padding-right: 28px;
}
.modul-content_access {
  margin: 0;
  position: absolute;
  top: 2px;
  right: 6px;
}

.modul-item.noactive-modul .modul-content:after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.modul-name .module_date {
  margin-left: 6px;
  font-size: 12px;
  font-weight: 400;
}

.material .access-done {
  display: none;
}
.material.done .access-prog {
  display: none;
}
.material.done .access-done {
  display: block;
}

.course-list li:nth-child(7n+1) .course-item {
  background-color: #84C9DC;
}
.course-list li:nth-child(7n+2) .course-item {
  background-color: #9CADC8;
}
.course-list li:nth-child(7n+3) .course-item {
  background-color: #C3D8E2;
}
.course-list li:nth-child(7n+4) .course-item {
  background-color: #96CDB2;
}
.course-list li:nth-child(7n+5) .course-item {
  background-color: #66A385;
}
.course-list li:nth-child(7n+6) .course-item {
  background-color: #CDA096;
}
.course-list li:nth-child(7n) .course-item {
  background-color: #C7BCE5;
}

.education_cpk .main_cpk .custom-select.checked > button, .education_cpk .main_cpk .custom-select__dropdown {
  border-color: #C2E5F7;
  box-shadow: none;
}
.education_cpk .main_cpk .custom-select__list li.checked a:after {
  background-color: #C2E5F7;
}
.education_cpk .main_cpk .course-item__bottom > a {
  padding-left: 22px;
  padding-right: 22px;
}
.education_cpk .main_cpk .course-item__btn-border {
  border-width: 2px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.education_cpk .sidebar-info__btn.btn {
  box-shadow: none;
}
.education_cpk .sort_wrap {
  display: flex;
  align-items: center;
}
@media (min-width: 768px) {
  .education_cpk .sort_wrap {
    justify-content: flex-end;
    height: 38px;
  }
}
@media (max-width: 767px) {
  .education_cpk .sort_wrap {
    margin-top: 12px;
  }
}
.education_cpk #courseList {
  margin-top: 16px;
}
.education_cpk .select2-container--default {
  margin-left: auto;
}
.education_cpk .select2-container--default .select2-selection--single {
  border: 0;
  border-radius: 0;
}
.education_cpk .select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #979797;
  padding-right: 24px;
}
@media (max-width: 767px) {
  .education_cpk .select2-container--default .select2-selection--single .select2-selection__rendered {
    padding-left: 0;
  }
}
.education_cpk .select2-container--default .select2-selection--single .select2-selection__arrow {
  background: url(../img/event/ico-sort-caret.svg) 50% 50% no-repeat;
}
.education_cpk .select2-container--default .select2-selection--single .select2-selection__arrow b {
  display: none;
}
.education_cpk .edu-accordion--new > h2, .education_cpk .edu-lectors__title, .education_cpk .edu-results__title {
  font-size: 26px;
}
@media (max-width: 767px) {
  .education_cpk .edu-accordion--new > h2, .education_cpk .edu-lectors__title, .education_cpk .edu-results__title {
    font-size: 24px;
  }
}
.education_cpk .edu-results__banner {
  background-color: #84C9DC;
}
.education_cpk .edu-results__banner-title {
  color: #2d2d2d;
}
.education_cpk .course-slider__bubble:after {
  content: none;
}
.education_cpk .course-slider__bubble:before {
  transition-duration: 0.4s;
}
.education_cpk .course-slider__bubble:hover:before, .education_cpk .course-slider__bubble:focus:before {
  opacity: 1;
  background-color: #57c5ff;
  border-color: #57c5ff;
}
.education_cpk .icon-link .icon-link__icon svg.icon-video-link-icon {
  height: auto;
  width: 12px;
  position: relative;
  left: 1px;
}
.education_cpk .edu-accordion--new .edu-accordion__item-title {
  padding-right: 32px;
}
@media (max-width: 767px) {
  .education_cpk .remote-control-mobile > .container {
    padding: 0;
  }
  .education_cpk .webinars-filter .reset_filter_mobile {
    display: block;
    cursor: pointer;
    margin-left: auto;
  }
  .education_cpk .course-item__labels {
    display: flex;
    flex-direction: row-reverse;
  }
  .education_cpk .course-item__label {
    border-radius: 4px;
    padding: 7px 9px 5px;
  }
  .education_cpk .breadcrubs {
    padding: 20px 0;
  }
  .education_cpk .breadcrubs li {
    font-size: 11px;
    padding-top: 0;
  }
  .education_cpk .breadcrubs li:first-child a {
    padding-left: 0;
    margin-right: 16px;
  }
  .education_cpk .breadcrubs li:first-child a:after {
    right: -12px;
    left: auto;
    transform: none;
    opacity: 1;
  }
  .education_cpk .breadcrubs li:not(:first-child) {
    display: block;
  }
  .education_cpk .sidebar-info__price {
    font-weight: 700;
  }
}
@media (min-width: 768px) {
  .education_cpk .main_cpk .reset_wrap {
    margin-top: 12px;
  }
  .education_cpk .main_cpk .reset_wrap a {
    display: flex;
    align-items: center;
    padding: 0 1px;
    color: #979797;
  }
  .education_cpk .main_cpk .reset_wrap a img {
    margin-right: 9px;
  }
  .education_cpk .main_cpk .spec_wrap {
    padding-right: 56px;
  }
  .education_cpk .sidebar-info__price {
    background-color: #f5f5f5;
  }
  .education_cpk .page-left {
    position: relative;
  }
  .education_cpk .course-filter__check label span {
    position: relative;
    top: -1px;
  }
  .education_cpk .edu-accordion__item-label, .education_cpk .edu-lectors__text {
    font-size: 12px;
  }
  .education_cpk .edu-lectors__name {
    font-size: 18px;
    font-weight: 700;
  }
  .education_cpk .edu-results__title {
    margin-bottom: 20px;
  }
  .education_cpk .reg-modal--new .reg-modal__btn-tooltip {
    padding: 8px;
    top: -38px;
  }
  .education_cpk .course-item__section {
    font-size: 12px;
    font-weight: 700;
  }
}
.education_cpk.banner_wrap {
  max-width: none;
  padding: 0;
}
@media (min-width: 768px) {
  .education_cpk.banner_wrap .cpk-banner {
    padding: 6px 0 26px;
  }
  .education_cpk.banner_wrap .breadcrubs {
    padding: 30px 0 20px;
  }
}

.lk-wrapper {
  padding-top: 50px;
}
@media (max-width: 767px) {
  .lk-wrapper {
    padding-top: 16px;
  }
}
@media (max-width: 580px) {
  .lk-wrapper .card-item__body {
    padding: 15px 10px 6px;
  }
  .lk-wrapper .card-item--new .card-item__img {
    width: 24.5%;
  }
}
.lk-wrapper .label.label--sm {
  padding: 3px 5.5px 1px;
}

@media (max-width: 767px) {
  .lk-sidebar {
    border-right: 0;
    position: relative;
  }
}
@media (max-width: 767px) {
  .lk-sidebar__personal {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    margin-bottom: 16px;
  }
}
.lk-sidebar__avarar {
  position: relative;
  width: 137px;
  height: 137px;
  margin-bottom: 8px;
  border-radius: 50%;
  overflow: hidden;
  background-color: #f5f5f5;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  font-size: 40px;
  cursor: pointer;
}
@media (max-width: 767px) {
  .lk-sidebar__avarar {
    width: 70px;
    height: 70px;
    margin-bottom: 0;
    margin-right: 8px;
    font-size: 28px;
  }
}
.lk-sidebar__avarar .image {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: 50% 50% no-repeat;
  background-size: cover;
}
.lk-sidebar__avarar .camera {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  top: calc(100% - 42px);
  background: rgba(45, 45, 45, 0.4) url(../img/ico-camera.svg) 50% 10px no-repeat;
}
@media (max-width: 767px) {
  .lk-sidebar__avarar .camera {
    top: calc(100% - 26px);
    background-position: 50% 2px;
  }
}
.lk-sidebar__avarar input {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: pointer;
}
.lk-sidebar .status_badge_wrap {
  height: 30px;
  margin-top: 8px;
}
@media (max-width: 767px) {
  .lk-sidebar .status_badge_wrap {
    margin-top: 0;
  }
}
.lk-sidebar .status_badge_wrap:hover .status_badge .tooltip {
  display: block;
}
.lk-sidebar .status_badge {
  color: #22B3FF;
  border: #22B3FF 1px solid;
  padding: 1px 8px 0;
  font-size: 12px;
  border-radius: 30px;
  position: relative;
  display: inline-block;
  cursor: pointer;
}
.lk-sidebar .status_badge .tooltip {
  display: none;
  position: absolute;
  left: -1px;
  top: 24px;
  width: 220px;
  color: #2d2d2d;
  font-size: 14px;
  border-radius: 8px;
  border: 0;
  box-shadow: rgba(19, 7, 31, 0.14) 0 0 16px 0;
  padding: 8px 10px 7px;
  background-color: #fff;
  z-index: 1000;
}
.lk-sidebar .status_badge .tooltip a {
  color: #22B3FF;
  text-decoration: underline;
}
.lk-sidebar__name {
  margin: 0 0 24px;
  font-weight: 700;
  font-size: 20px;
  line-height: 120%;
  color: #2D2D2D;
}
@media (max-width: 767px) {
  .lk-sidebar__name {
    margin-bottom: 0;
  }
}
.lk-sidebar__menu {
  width: 100%;
  margin-bottom: 32px;
}
@media (max-width: 767px) {
  .lk-sidebar__menu {
    display: flex;
    position: relative;
    padding-top: 2px;
    width: calc(100% + 12px);
    margin-bottom: 22px;
    padding-bottom: 10px;
    overflow: auto;
  }
}
@media (max-width: 767px) {
  .lk-sidebar__menu.logout-menu {
    position: absolute;
    right: 0;
    top: 0;
    width: auto;
  }
  .lk-sidebar__menu.logout-menu .lk-sidebar__item {
    border-top: 0;
  }
  .lk-sidebar__menu.logout-menu .lk-sidebar__item a {
    border-top: 0;
  }
  .lk-sidebar__menu.logout-menu .lk-sidebar__item a svg {
    display: block;
    width: 12px;
    margin-right: 4px;
  }
  .lk-sidebar__menu.logout-menu .lk-sidebar__item:last-child {
    margin-right: 0;
  }
}
.lk-sidebar__item--mobile {
  display: none;
}
@media (max-width: 767px) {
  .lk-sidebar__item--mobile {
    display: block;
  }
}
@media (max-width: 767px) {
  .lk-sidebar__item {
    padding-right: 28px;
    border-top: 1px solid #E9E9E9;
  }
  .lk-sidebar__item:last-child {
    padding-right: 0;
    margin-right: 28px;
  }
}
.lk-sidebar__item a {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
  padding: 12px;
  font-weight: 400;
  font-size: 16px;
  line-height: 120%;
  color: #2D2D2D;
  border-right: 2px solid transparent;
  transition: all 0.3s ease-in-out;
}
@media (max-width: 767px) {
  .lk-sidebar__item a {
    position: relative;
    z-index: 2;
    margin-top: -1px;
    padding: 0;
    border-right: none;
    border-top: 3px solid transparent;
    font-size: 14px;
    line-height: 30px;
    white-space: nowrap;
  }
}
.lk-sidebar__item a svg {
  width: 18px;
  height: 18px;
  margin-right: 12px;
}
@media (max-width: 767px) {
  .lk-sidebar__item a svg {
    display: none;
  }
}
.lk-sidebar__item a .num {
  display: inline-block;
  vertical-align: middle;
  padding: 3px 6.66px 2px;
  margin-left: auto;
  font-weight: 700;
  font-size: 12px;
  line-height: 13px;
  color: #ffffff;
  background-color: #49E3A4;
  border-radius: 40px;
}
@media (max-width: 767px) {
  .lk-sidebar__item a .num {
    margin-left: 10px;
  }
}
.lk-sidebar__item a:hover, .lk-sidebar__item a:focus {
  border-color: #22B3FF;
  background-color: rgba(233, 233, 233, 0.2);
}
@media (max-width: 767px) {
  .lk-sidebar__item a:hover, .lk-sidebar__item a:focus {
    border-color: #2D2D2D;
    background-color: transparent;
  }
}
.lk-sidebar__item a a.current {
  border-color: #22B3FF;
  background-color: rgba(233, 233, 233, 0.4);
}
@media (max-width: 767px) {
  .lk-sidebar__item a a.current {
    border-color: #2D2D2D;
    background-color: transparent;
  }
}
.lk-sidebar__item.current a {
  border-color: #22B3FF;
  background-color: rgba(233, 233, 233, 0.4);
}
@media (max-width: 767px) {
  .lk-sidebar__item.current a {
    border-color: #2D2D2D;
    background-color: transparent;
  }
}

.lk-menu {
  position: relative;
  margin: 0 0 30px;
}
.lk-menu .slick-list {
  margin: -15px;
  padding: 15px;
}
@media (max-width: 991px) {
  .lk-menu .slick-list {
    margin: -12px;
    padding: 12px;
  }
}
.lk-menu .course-list {
  max-width: 656px;
}
.lk-menu__list {
  position: relative;
  display: flex;
  margin: 0;
  padding: 0;
  list-style: none;
}
@media (max-width: 767px) {
  .lk-menu__list {
    flex-wrap: wrap;
    justify-content: space-between;
  }
}
.lk-menu__list .slick-arrow {
  position: absolute;
  z-index: 10;
  top: calc(50% - 19px);
  font-size: 0;
  width: 38px;
  height: 38px;
  border-radius: 50%;
  box-shadow: 0px 9px 12px rgba(164, 164, 164, 0.1958);
  border: none;
  background-color: #ffffff;
  transition: all 0.3s ease-in-out;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 10 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.44709 1.43164C-0.14903 2.06216 -0.14903 3.08442 0.44709 3.71494L6.31471 9.9213L0.44709 16.1276C-0.14903 16.7581 -0.148956 17.7804 0.44709 18.4109C1.04321 19.0414 2.00968 19.0414 2.6058 18.4109L9.55289 11.0629C9.83918 10.7601 10 10.3494 10 9.92123C10 9.49296 9.83918 9.08234 9.55289 8.77953L2.60573 1.43156C2.00968 0.801188 1.04321 0.801188 0.44709 1.43164Z' fill='%23D1D1D1'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: left 15px center;
  background-size: 10px 19px;
}
.lk-menu__list .slick-arrow:hover, .lk-menu__list .slick-arrow:focus {
  background-color: rgb(34, 179, 255);
  box-shadow: 0px 9px 12px rgba(34, 179, 255, 0.1958);
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 10 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.44709 1.43164C-0.14903 2.06216 -0.14903 3.08442 0.44709 3.71494L6.31471 9.9213L0.44709 16.1276C-0.14903 16.7581 -0.148956 17.7804 0.44709 18.4109C1.04321 19.0414 2.00968 19.0414 2.6058 18.4109L9.55289 11.0629C9.83918 10.7601 10 10.3494 10 9.92123C10 9.49296 9.83918 9.08234 9.55289 8.77953L2.60573 1.43156C2.00968 0.801188 1.04321 0.801188 0.44709 1.43164Z' fill='%23ffffff'/%3E%3C/svg%3E%0A");
}
.lk-menu__list .slick-prev {
  left: -19px;
  transform: scaleX(-1);
}
.lk-menu__list .slick-next {
  right: -19px;
}
.lk-menu__list .slick-disabled {
  opacity: 0;
  pointer-events: none;
}
.lk-menu__item {
  flex-shrink: 0;
  display: flex;
  margin-right: 24px;
  width: 159.75px;
  box-shadow: 0px 0px 12px rgba(19, 7, 31, 0.069803);
  border-radius: 20px;
  transition: all 0.3s ease-in-out;
}
.lk-menu__item:hover {
  box-shadow: 0px 0px 12px rgba(19, 7, 31, 0);
}
@media (max-width: 991px) {
  .lk-menu__item {
    width: calc((75vw - 24px) / 3 - 16px);
  }
}
@media (max-width: 767px) {
  .lk-menu__item {
    width: calc(50% - 6px);
    margin-right: 0;
    margin-bottom: 12px;
  }
}
.lk-menu__item-title {
  position: relative;
  display: inline-block;
  vertical-align: baseline;
  width: 100%;
  margin: 0;
  font-weight: 700;
  font-size: 18px;
  line-height: 110%;
  color: #2D2D2D;
  transition: all 0.3s ease-in-out;
}
.lk-menu__item .num {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  padding: 3px 6px 2px;
  margin-left: auto;
  font-weight: 700;
  font-size: 12px;
  line-height: 13px;
  color: #ffffff;
  background-color: #49E3A4;
  border-radius: 40px;
}
.lk-menu:nth-of-type(2n+2) .lk-menu__item {
  width: 161.75px;
}
@media (max-width: 991px) {
  .lk-menu:nth-of-type(2n+2) .lk-menu__item {
    width: calc((75vw - 24px) / 3 - 12px);
  }
}
@media (max-width: 991px) and (max-width: 767px) {
  .lk-menu:nth-of-type(2n+2) .lk-menu__item {
    width: calc(50% - 6px);
  }
}
.lk-menu:nth-of-type(2n+2) .lk-menu__item:first-child {
  width: 339.5px;
}
@media (max-width: 991px) {
  .lk-menu:nth-of-type(2n+2) .lk-menu__item:first-child {
    width: calc((75vw - 24px) / 3 * 2 - 12px);
  }
}
@media (max-width: 767px) {
  .lk-menu:nth-of-type(2n+2) .lk-menu__item:first-child {
    width: 100%;
  }
}
.lk-menu__link {
  position: relative;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding: 16px 12px;
  min-height: 120px;
  border-radius: 20px;
  background-color: #EBECFF;
  overflow: hidden;
}
.lk-menu__link img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: right bottom;
  transition: all 0.3s ease-in-out;
}
.lk-menu:nth-of-type(5n+2) .lk-menu__link {
  background-color: #E9CFF2;
}
.lk-menu:nth-of-type(5n+3) .lk-menu__link {
  background-color: #D2E9EF;
}
.lk-menu:nth-of-type(5n+4) .lk-menu__link {
  background-color: #CDE7DA;
}
.lk-menu__title {
  margin: 0 0 10px;
  font-weight: 700;
  font-size: 26px;
  line-height: 120%;
  color: #2D2D2D;
}
.lk-menu__form {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-bottom: 50px;
}
.lk-menu__form .custom-select > button {
  border-color: #99edfc;
}
.lk-menu__form-group {
  border: none;
  padding: 0;
  margin: 0;
  width: calc(50% - 8px);
}
@media (max-width: 575px) {
  .lk-menu__form-group {
    width: 100%;
  }
}
.lk-menu__form-row {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  width: 100%;
}
.lk-menu__form-row .dropdown-single,
.lk-menu__form-row .uploads-item,
.lk-menu__form-row .form-group {
  width: calc(50% - 8px);
}
@media (max-width: 575px) {
  .lk-menu__form-row .dropdown-single,
  .lk-menu__form-row .uploads-item,
  .lk-menu__form-row .form-group {
    width: 100%;
  }
}
.lk-menu__form-row .uploads-item {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-top: 12px;
  padding-bottom: 10px;
  margin-bottom: 12px;
}
.lk-menu__form-row .uploads-item .to_upload_filename {
  display: none;
}
.lk-menu__form-row .uploads-item.selected .to_upload_filename {
  display: block;
}
.lk-menu__form-row .uploads-item.selected .uploads-item__btn label {
  display: none;
}
.lk-menu__form-row .uploads-item__title {
  max-width: 100%;
}
.lk-menu__form-row .uploads-item__notice {
  margin-top: 4px;
  margin-bottom: -3px;
}
.lk-menu__row {
  width: 100%;
}
.lk-menu__form-btn {
  display: inline-block;
  vertical-align: middle;
  padding: 13px 32px;
  font-weight: 700;
  color: #ffffff;
  font-size: 20px;
  line-height: 120%;
  background: #22B3FF;
  box-shadow: 0px 9px 12px rgba(34, 179, 255, 0.595826);
  border-radius: 25px;
  border: none;
  text-decoration: none;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
}
.lk-menu__form-btn:hover, .lk-menu__form-btn:focus {
  background-color: #57c5ff;
  box-shadow: 0px 9px 12px rgba(34, 179, 255, 0.1);
}
.lk-menu__form-btn[disabled] {
  pointer-events: none;
  opacity: 0.5;
}
.lk-menu__form-link {
  margin: 0;
  padding: 0;
  display: inline-block;
  vertical-align: baseline;
  font-weight: 400;
  font-size: 14px;
  line-height: 120%;
  color: #22B3FF;
  border: none;
  border-bottom: 1px solid;
  background-color: transparent;
  text-decoration: none;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
}
.lk-menu__form-link:hover {
  border-color: transparent;
}
.lk-menu__text {
  margin: 0 0 16px;
  font-weight: 400;
  font-size: 16px;
  line-height: 120%;
}
.lk-menu__text--small {
  max-width: 500px;
}
.lk-menu__text a {
  color: #22B3FF;
  border-bottom: 1px solid;
  text-decoration: none;
  transition: all 0.3s ease-in-out;
}
.lk-menu__text a:hover {
  border-color: transparent;
}
.lk-menu__programs {
  margin-bottom: 50px;
}
.lk-menu__programs:last-of-type {
  margin-bottom: 80px;
}
.lk-menu__program {
  display: none;
}
.lk-menu__program.active {
  display: block;
}
.lk-menu__program.workshops .sort_wrap {
  display: none;
}
.lk-menu__program.workshops .page-right {
  width: 100%;
}
.lk-menu__program.workshops.education_webinars.education_workshops.webinars_index .course-list__item {
  width: 50%;
}
@media (max-width: 767px) {
  .lk-menu__program.workshops.education_webinars.education_workshops.webinars_index .course-list__item {
    width: 100%;
  }
}
.lk-menu__program.workshops .webinars-list {
  padding-bottom: 32px;
}
.lk-menu__program.workshops .slick-arrow {
  font-size: 0;
  height: 30px;
  width: 30px;
  border-color: #979797;
  border-radius: 50%;
  background: #fff url(../img/lk/lk-w-arrow.svg) 57% 50% no-repeat;
  position: absolute;
  bottom: 0;
  right: 45%;
}
@media (max-width: 767px) {
  .lk-menu__program.workshops .slick-arrow {
    right: 40%;
  }
}
.lk-menu__program.workshops .slick-arrow.slick-prev {
  transform: rotate(180deg);
  right: auto;
  left: 45%;
}
@media (max-width: 767px) {
  .lk-menu__program.workshops .slick-arrow.slick-prev {
    left: 40%;
  }
}
.lk-menu .progress-line__item {
  width: 74px;
  max-width: 74px;
  margin-right: 6px;
}
@media (max-width: 991px) {
  .lk-menu .progress-line__item {
    max-width: 25%;
    width: auto;
  }
}
@media (max-width: 767px) {
  .lk-menu .progress-line__item {
    width: 25%;
    margin-top: 25px;
  }
}
.lk-menu__table {
  position: relative;
  width: 100%;
  margin-top: 16px;
  padding-bottom: 10px;
  overflow: auto;
  border-radius: 20px;
  box-shadow: 0px 0px 12px rgba(19, 7, 31, 0.069803);
}
.lk-menu__table table {
  border-collapse: collapse;
  border: none;
  table-layout: fixed;
}
.lk-menu__table td,
.lk-menu__table th {
  padding: 12px 10px;
  border-bottom: 1px solid rgba(45, 45, 45, 0.2);
  text-align: left;
}
.lk-menu__table td:nth-child(2),
.lk-menu__table th:nth-child(2) {
  min-width: 190px;
}
.lk-menu__table td:first-child,
.lk-menu__table th:first-child {
  padding-left: 20px;
}
.lk-menu__table td:last-child,
.lk-menu__table th:last-child {
  padding-right: 20px;
}
.lk-menu__table th {
  background: #F5F5F5;
  font-weight: 700;
  font-size: 11px;
  line-height: 120%;
  color: #2D2D2D;
}
.lk-menu__table td {
  font-weight: 400;
  font-size: 14px;
  line-height: 120%;
  color: #2D2D2D;
}
.lk-menu__table td a {
  display: inline-block;
  vertical-align: baseline;
  color: #22B3FF;
  text-decoration: underline;
  transition: all 0.3s ease-in-out;
  margin-top: 4px;
}
.lk-menu__table td a:hover, .lk-menu__table td a:focus {
  text-decoration: underline solid transparent;
}
.lk-menu__table tr:last-child td {
  border-bottom: none;
}
.lk-menu .course-item__labels {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
@media (max-width: 991px) {
  .lk-menu .course-item__labels {
    flex-direction: row;
    flex-wrap: wrap;
  }
}
.lk-menu .course-item__img {
  margin-left: auto;
}
@media (max-width: 991px) {
  .lk-menu .course-item__title {
    min-height: 70px;
  }
}
@media (max-width: 991px) {
  .lk-menu .course-item__label {
    margin-top: 2.5px;
    margin-bottom: 2.5px;
  }
}
.lk-menu .card-list {
  max-width: 656px;
}
.lk-menu .card-item--new {
  width: calc(50% - 24px);
  margin: 0 12px 24px;
  color: #2D2D2D;
}
@media (max-width: 580px) {
  .lk-menu .card-item--new {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 16px;
  }
}
.lk-menu .card-item--new a {
  color: #2D2D2D;
}
.lk-menu .card-item--new a:hover, .lk-menu .card-item--new a:focus {
  color: #0ce890;
}
.lk-menu .card-item--new .card-item__img::before {
  background-color: rgba(0, 0, 0, 0.2);
}
.lk-menu .card-item__label {
  position: absolute;
  z-index: 2;
  top: 12px;
  right: 12px;
  display: inline-block;
  vertical-align: middle;
  padding: 10px 10px 7px;
  background: #F5F5F5;
  border-radius: 6px;
  max-width: 100%;
  font-weight: 400;
  font-size: 12px;
  line-height: 12px;
  letter-spacing: 0.06px;
  color: #13071F;
}
@media (max-width: 580px) {
  .lk-menu .card-item__label {
    top: 16px;
    left: 10px;
    font-size: 10px;
    padding: 4px 4px 3px;
    max-width: 80px;
    text-align: center;
  }
}
@media (max-width: 580px) {
  .lk-menu .card-item__title {
    margin-bottom: 6px;
  }
}
.lk-menu .card-item__address {
  margin: auto 0 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}
.lk-menu .card-item__address span {
  display: inline-block;
  font-weight: 400;
  font-size: 16px;
  line-height: 1;
  text-transform: uppercase;
  color: #2D2D2D;
  margin-top: 6px;
  vertical-align: middle;
}
@media (max-width: 580px) {
  .lk-menu .card-item__address span {
    margin-top: 4px;
    font-size: 14px;
  }
}
.lk-menu .card-item__address span svg {
  display: inline-block;
  vertical-align: middle;
  width: 12px;
  height: 12px;
  margin-right: 8px;
  fill: #2D2D2D;
  margin-bottom: 5px;
}
.lk-menu .card-item--new .card-item__meta-social > a {
  color: rgba(19, 7, 31, 0.39811);
}
.lk-menu .card-item__meta {
  margin-top: 12px;
}
@media (max-width: 580px) {
  .lk-menu .card-item__meta {
    position: relative;
    top: -2px;
    margin-right: -10px;
    margin-top: 0;
  }
}
.lk-menu .card-item--wide {
  width: 100%;
  min-height: 180px;
}
@media (max-width: 580px) {
  .lk-menu .card-item--wide {
    padding-left: 0;
  }
}
.lk-menu .card-item--wide .card-item__chanels > a {
  font-size: 11px;
  line-height: 20px;
  margin-bottom: 8px;
}
@media (max-width: 580px) {
  .lk-menu .card-item--wide .card-item__chanels > a {
    margin-bottom: 6px;
  }
}
.lk-menu .card-item--wide .card-item__author-wrapper {
  margin-bottom: 8px;
}
@media (max-width: 580px) {
  .lk-menu .card-item--wide .card-item__author-wrapper {
    margin-bottom: 6px;
  }
}
.lk-menu .card-item--wide .card-item__title {
  margin-top: 0;
  margin-bottom: 8px;
  font-weight: 700;
  font-size: 18px;
  line-height: 120%;
  height: auto;
  max-height: 57px;
}
@media (max-width: 580px) {
  .lk-menu .card-item--wide .card-item__title {
    font-size: 16px;
    margin-bottom: 6px;
  }
}
.lk-menu .card-item--wide .card-item__text {
  margin: 0;
  font-weight: 400;
  font-size: 16px;
  line-height: 120%;
}

.lk-notice {
  width: 100%;
  margin-top: 5px;
  margin-bottom: 18px;
  border-bottom: 1px solid #D1D1D1;
}
.lk-notice:last-child {
  border: none;
}
.lk-notice .form-group {
  margin-bottom: 0;
}
.lk-notice__title {
  margin: 0 0 8px;
  font-weight: 700;
  font-size: 16px;
  line-height: 18px;
  color: #333333;
}
.lk-notice__text {
  max-width: 540px;
  margin: 0 0 16px;
  font-weight: 400;
  font-size: 14px;
  line-height: 120%;
  color: #333333;
}
.lk-notice label {
  width: 100%;
  margin-bottom: 16px;
}

.lk-menu-tabs {
  position: relative;
  display: flex;
  padding-bottom: 10px;
  margin-bottom: 7px;
  width: calc(100% + 24px);
  margin-left: -12px;
  padding-left: 12px;
  padding-right: 12px;
  overflow: auto;
}
@media (max-width: 767px) {
  .lk-menu-tabs {
    margin-bottom: 17px;
  }
}
.lk-menu-tabs input {
  position: absolute;
  opacity: 0;
  visibility: hidden;
  width: 0;
  height: 0;
  pointer-events: none;
}

.lk-menu-tab {
  display: flex;
  align-items: center;
  vertical-align: baseline;
  margin-right: 6px;
  padding: 6.5px 12px 5.5px;
  font-weight: 400;
  font-size: 14px;
  line-height: 120%;
  color: rgba(45, 45, 45, 0.6);
  background: #E4E4E4;
  border-radius: 30px;
  white-space: nowrap;
  border: none;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
}
.lk-menu-tab:hover, .lk-menu-tab:focus {
  color: #2D2D2D;
}
.lk-menu-tab span {
  margin-left: 8px;
  display: block;
  padding-left: 8px;
  color: #979797;
  border-left: #979797 1px solid;
}

.lk-menu-tabs input:checked + .lk-menu-tab,
.lk-menu-tab.active {
  font-weight: 700;
  color: #ffffff;
  background-color: #2D2D2D;
  pointer-events: none;
}

.course-block {
  background: #FFFFFF;
  border-radius: 20px;
  width: 100%;
  padding: 19px 15px;
  margin-bottom: 16px;
  box-shadow: 0px 0px 12px rgba(19, 7, 31, 0.069803);
}
@media (max-width: 991px) {
  .course-block {
    padding: 20px 12px;
  }
}
@media (max-width: 767px) {
  .course-block {
    width: calc(100% + 24px);
    margin-left: -12px;
    box-shadow: none;
    border: 2px solid #E0E0E0;
  }
}
.course-block--complete {
  padding-bottom: 42px;
  margin-bottom: 58px;
}
@media (max-width: 991px) {
  .course-block--complete {
    padding-bottom: 54px;
    margin-bottom: 60px;
  }
}
@media (max-width: 767px) {
  .course-block--complete {
    padding-bottom: 80px;
  }
}
@media (max-width: 415px) {
  .course-block--complete {
    margin-bottom: 90px;
  }
}
.course-block__inner {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
@media (max-width: 767px) {
  .course-block__inner {
    flex-wrap: wrap;
  }
}
.course-block__left {
  display: flex;
  align-items: flex-start;
}
@media (max-width: 575px) {
  .course-block__left {
    align-items: flex-start;
  }
}
.course-block__progressbar {
  position: relative;
  top: -4px;
  width: 120px;
  height: 120px;
  margin-right: 18px;
  flex-shrink: 0;
}
@media (max-width: 991px) {
  .course-block__progressbar {
    margin-right: 16px;
  }
}
@media (max-width: 575px) {
  .course-block__progressbar {
    width: 110px;
    height: 110px;
    margin-right: 12px;
  }
}
.course-block__img {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  position: absolute;
  border-radius: 50%;
  width: calc(100% - 10px);
  height: calc(100% - 10px);
  top: 5px;
  left: 5px;
  overflow: hidden;
  background-color: #2D2D2D;
}
.course-block__img img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0.6;
}
.course-block__time {
  width: 94px;
  position: relative;
  font-weight: 400;
  font-size: 11px;
  line-height: 12px;
  color: #FFFFFF;
  display: flex;
  flex-direction: column;
}
.course-block__time b {
  font-weight: 700;
  font-size: 24px;
  line-height: 24px;
  white-space: nowrap;
}
.course-block__time span:first-child:last-child {
  font-size: 17px;
  line-height: 17px;
}
.course-block__title {
  max-width: 440px;
}
.course-block__title > a {
  margin: 0 0 14px;
  font-weight: 700;
  font-size: 20px;
  line-height: 22px;
  color: #2D2D2D;
}
@media (max-width: 991px) {
  .course-block__title > a {
    display: block;
  }
}
@media (max-width: 575px) {
  .course-block__title > a {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    -webkit-box-orient: vertical;
    height: 68px;
    margin-bottom: 0;
  }
}
.course-block__text {
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
  color: #2D2D2D;
}
@media (max-width: 767px) {
  .course-block__right {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .course-block--bubble {
    margin-bottom: 40px;
  }
}
@media (max-width: 575px) {
  .course-block--bubble {
    margin-bottom: 60px;
  }
}
@media (max-width: 767px) {
  .course-block--bubble .course-block__right {
    padding-bottom: 50px;
  }
}
.course-block .play-btn {
  flex-shrink: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 68px;
  height: 68px;
  margin: auto 0 auto 24px;
  border-radius: 50%;
  content: "";
  background-color: #22B3FF;
  border: 2px solid #22B3FF;
  transition: all 0.3s ease-in-out;
  box-shadow: 0px 5px 10px rgba(34, 179, 255, 0.36);
}
@media (max-width: 767px) {
  .course-block .play-btn {
    display: none;
  }
}
.course-block .play-btn svg {
  width: 20px;
  height: 22px;
  fill: #ffffff;
}
.course-block .play-btn:hover, .course-block .play-btn:focus {
  background-color: #57c5ff;
  box-shadow: 0px 5px 10px rgba(34, 179, 255, 0.1);
}
.course-block__mobile {
  display: none;
  position: relative;
  padding-bottom: 8px;
  width: 100%;
  max-width: 100%;
  margin-top: 12px;
}
@media (max-width: 767px) {
  .course-block__mobile {
    display: block;
  }
}
.course-block__bubble {
  position: absolute;
  z-index: 3;
  top: 100%;
  left: 0;
  width: 100%;
  background-color: #ffffff;
  padding: 12px 92px 12px 12px;
  box-shadow: 0px 0px 12px rgba(19, 7, 31, 0.069803);
  border-radius: 20px;
}
.course-block__bubble::before, .course-block__bubble::after {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 12px;
  width: 68px;
  height: 68px;
  border-radius: 50%;
  content: "";
  background-color: #22B3FF;
  border: 2px solid #22B3FF;
  box-shadow: 0px 5px 10px rgba(34, 179, 255, 0.36);
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 20 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6.21954 0.560218L17.9307 7.33196V7.42975C19.2114 8.17708 20 9.55593 20 11.0479C20 12.5398 19.2114 13.9187 17.9307 14.666L6.21954 21.4377C5.58923 21.8049 4.87438 21.9988 4.14645 22C1.85657 22 0.00026136 20.1284 0.00026136 17.8196V4.22723C-0.0164283 2.72539 0.767237 1.32995 2.05314 0.571756C3.33905 -0.186439 4.92952 -0.190843 6.21954 0.560218ZM5.00805 19.3231L16.7192 12.4536V12.5025C17.2521 12.1925 17.5805 11.6193 17.5805 10.999C17.5805 10.3787 17.2521 9.80549 16.7192 9.49551L5.00805 2.67487C4.74393 2.52855 4.4486 2.44886 4.1473 2.44263C3.84579 2.44738 3.55011 2.52716 3.28654 2.67487C2.75381 2.98498 2.42568 3.55813 2.42578 4.17834V17.8196C2.42568 18.4398 2.75381 19.013 3.28654 19.3231C3.82048 19.6282 4.47411 19.6282 5.00805 19.3231Z' fill='white'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-size: 20px 22px;
  background-position: left 24px center;
  transition: all 0.3s ease-in-out;
}
.course-block__bubble::after {
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 20 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6.21954 0.560218L17.9307 7.33196V7.42975C19.2114 8.17708 20 9.55593 20 11.0479C20 12.5398 19.2114 13.9187 17.9307 14.666L6.21954 21.4377C5.58923 21.8049 4.87438 21.9988 4.14645 22C1.85657 22 0.00026136 20.1284 0.00026136 17.8196V4.22723C-0.0164283 2.72539 0.767237 1.32995 2.05314 0.571756C3.33905 -0.186439 4.92952 -0.190843 6.21954 0.560218ZM5.00805 19.3231L16.7192 12.4536V12.5025C17.2521 12.1925 17.5805 11.6193 17.5805 10.999C17.5805 10.3787 17.2521 9.80549 16.7192 9.49551L5.00805 2.67487C4.74393 2.52855 4.4486 2.44886 4.1473 2.44263C3.84579 2.44738 3.55011 2.52716 3.28654 2.67487C2.75381 2.98498 2.42568 3.55813 2.42578 4.17834V17.8196C2.42568 18.4398 2.75381 19.013 3.28654 19.3231C3.82048 19.6282 4.47411 19.6282 5.00805 19.3231Z' fill='%2322B3FF'/%3E%3C/svg%3E%0A");
  opacity: 0;
}
.course-block__bubble:hover::after, .course-block__bubble:focus::after {
  opacity: 1;
  background-color: #ffffff;
}
.course-block__bubble:hover::before, .course-block__bubble:focus::before {
  opacity: 0;
}
.course-block__bubble span {
  margin: 0 0 8px;
  display: inline-block;
  vertical-align: baseline;
  font-weight: 700;
  font-size: 10px;
  line-height: 15px;
  letter-spacing: 0.7px;
  text-transform: uppercase;
  color: #2D2D2D;
}
.course-block__bubble p {
  margin: 0;
  font-weight: 700;
  font-size: 16px;
  line-height: 120%;
  color: #2D2D2D;
  transition: all 0.3s ease-in-out;
}
@media (max-width: 575px) {
  .course-block__bubble p {
    font-size: 14px;
  }
}
.course-block__bubble:hover p, .course-block__bubble:focus p {
  opacity: 0.6;
}
.course-block__labels {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
  margin-bottom: 14px;
}
@media (max-width: 767px) {
  .course-block__labels .course-block__link {
    margin-top: 4px;
  }
}
.course-block__label {
  display: inline-block;
  vertical-align: baseline;
  padding: 2px 9px 1px;
  margin-bottom: 2px;
  margin-right: 6px;
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: #2D2D2D;
  background: #98EDFD;
  border-radius: 120px;
  margin-top: 6px;
}
@media (max-width: 767px) {
  .course-block__label {
    margin-top: 4px;
  }
}
@media (max-width: 360px) {
  .course-block__label {
    font-size: 8px;
  }
}
.course-block__label--green {
  background: #49E3A4;
}
.course-block__label--red {
  background: #FF7272;
  color: #ffffff;
}
.course-block__label--grey {
  background: #D1D1D1;
}
.course-block__btn {
  flex-shrink: 0;
  display: inline-block;
  vertical-align: baseline;
  padding: 13px 32px;
  margin-left: 24px;
  font-weight: 700;
  font-size: 20px;
  line-height: 1;
  color: #FFFFFF;
  letter-spacing: 0.03px;
  background: #22B3FF;
  box-shadow: 0px 9px 12px rgba(34, 179, 255, 0.595826);
  border-radius: 25px;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
  text-align: center;
}
@media (max-width: 991px) {
  .course-block__btn {
    margin-left: 12px;
  }
}
@media (max-width: 767px) {
  .course-block__btn {
    margin-left: 0;
    margin-top: 16px;
  }
}
.course-block__btn:hover, .course-block__btn:focus {
  background-color: #57c5ff;
  box-shadow: 0px 9px 12px rgba(34, 179, 255, 0.1);
}
.course-block__btm {
  width: 100%;
  padding-bottom: 50px;
}
@media (max-width: 575px) {
  .course-block__btm {
    width: calc(100% + 120px);
    margin-left: -120px;
  }
}
.course-block--complete .course-block__btm {
  position: absolute;
  max-width: calc(100% - 170px);
}
@media (max-width: 575px) {
  .course-block--complete .course-block__btm {
    max-width: calc(100% - 12px);
  }
}
.course-block__btm-inner {
  padding: 12px;
  background-color: #ffffff;
  margin-top: 12px;
  box-shadow: 0px 0px 12px rgba(19, 7, 31, 0.069803);
  border-radius: 20px;
  margin-bottom: -50px;
}
@media (max-width: 767px) {
  .course-block__btm-inner {
    position: relative;
    top: 20px;
    margin-bottom: -100px;
  }
}
.course-block__text {
  margin: 0 0 2px;
  font-weight: 700;
  font-size: 16px;
  line-height: 120%;
  letter-spacing: 0.07px;
  color: #2D2D2D;
}
.course-block__link {
  display: inline-block;
  vertical-align: baseline;
  font-weight: 400;
  margin-right: 24px;
  font-size: 14px;
  line-height: 120%;
  color: #22B3FF;
  text-decoration: underline;
  transition: all 0.3s ease-in-out;
  margin-top: 5px;
}
.course-block__link:hover, .course-block__link:focus {
  text-decoration: underline solid transparent;
}

.lk-subscriptions__list {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin: 0;
  padding: 0;
  list-style: none;
  max-width: 632px;
}
.lk-subscriptions__item {
  margin-bottom: 24px;
  width: calc(50% - 12px);
}
@media (max-width: 575px) {
  .lk-subscriptions__item {
    width: 100%;
    margin-bottom: 16px;
  }
}
.lk-subscriptions__inner {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  width: 100%;
  padding: 12px;
  box-shadow: 0px 0px 12px rgba(19, 7, 31, 0.069803);
  border-radius: 20px;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
}
.lk-subscriptions__inner:hover, .lk-subscriptions__inner:focus {
  box-shadow: 0px 0px 12px rgba(19, 7, 31, 0);
}
.lk-subscriptions__left {
  display: block;
  position: relative;
  width: 72px;
  height: 72px;
}
.lk-subscriptions__right {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: calc(100% - 72px);
  padding-left: 12px;
}
.lk-subscriptions__meta {
  display: flex;
  justify-content: flex-end;
  width: 100%;
  margin-top: 6px;
  font-weight: 400;
  font-size: 10px;
  line-height: 18px;
  color: rgba(45, 45, 45, 0.4);
}
@media (max-width: 575px) {
  .lk-subscriptions__meta {
    margin-top: -4px;
  }
}
.lk-subscriptions__meta span {
  display: inline-block;
  vertical-align: middle;
}
.lk-subscriptions__meta svg {
  fill: rgba(45, 45, 45, 0.4);
  margin-right: 3px;
}
.lk-subscriptions__meta .label {
  margin-left: 3px;
  margin-top: -1px;
  margin-right: 1px;
}
.lk-subscriptions__meta-subscribers svg {
  width: 12px;
  height: 12px;
}
.lk-subscriptions__meta-articles {
  margin-left: 12px;
}
.lk-subscriptions__meta span.label-check {
  top: -1px;
  position: relative;
  margin-left: 3px;
  font-size: 11px;
}
.lk-subscriptions__img {
  position: relative;
  width: 72px;
  height: 72px;
  display: block;
  border-radius: 50%;
}
.lk-subscriptions__img img {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  object-fit: cover;
}
.lk-subscriptions input {
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
  visibility: hidden;
  pointer-events: none;
}
.lk-subscriptions__check {
  position: absolute;
  z-index: 10;
  left: 0;
  bottom: 0;
}
.lk-subscriptions__check .label-check {
  display: block;
  width: 25px;
  height: 25px;
  background-color: #ffffff;
  box-shadow: 0px 0px 8px rgba(189, 195, 198, 0.6);
  cursor: pointer;
  transition: all 0.3s ease-in-out;
  border-radius: 50%;
}
.lk-subscriptions__check .label-check svg {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  will-change: fill;
}
.lk-subscriptions__check .label-check svg:first-child {
  width: 11px;
  height: 11px;
  fill: #979797;
  transition: all 0.3s ease-in-out;
}
.lk-subscriptions__check .label-check svg:last-child {
  top: 52%;
  left: 52%;
  width: 13px;
  height: 11px;
  fill: #ffffff;
  transform: translate(-50%, -50%) scale(0);
}
.lk-subscriptions__check .label-check:hover, .lk-subscriptions__check .label-check:focus {
  background-color: #22B3FF;
  box-shadow: 0px 3px 7px rgba(34, 179, 255, 0.6);
}
.lk-subscriptions__check .label-check:hover svg, .lk-subscriptions__check .label-check:focus svg {
  fill: #ffffff;
}
.lk-subscriptions__title {
  display: inline-block;
  vertical-align: baseline;
  margin-bottom: 6px;
  width: 100%;
  font-weight: 400;
  font-size: 16px;
  line-height: 18px;
  transition: all 0.3s ease-in-out;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  line-clamp: 3;
  -webkit-box-orient: vertical;
  max-height: 54px;
}
@media (max-width: 580px) {
  .lk-subscriptions__title {
    margin-bottom: 3px;
  }
}
.lk-subscriptions__title:first-child:last-child {
  -webkit-line-clamp: 4;
  line-clamp: 4;
  max-height: 70px;
  margin-bottom: 0;
}
.lk-subscriptions__text {
  display: inline-block;
  vertical-align: baseline;
  width: 100%;
  font-weight: 400;
  font-size: 10px;
  line-height: 120%;
  transition: all 0.3s ease-in-out;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  line-clamp: 4;
  -webkit-box-orient: vertical;
  max-height: 45px;
}
.lk-subscriptions input:checked + label .label-check {
  background-color: #22B3FF;
  box-shadow: 0px 3px 7px rgba(34, 179, 255, 0.6);
}
.lk-subscriptions input:checked + label .label-check svg:first-child {
  transform: translate(-50%, -50%) scale(0);
}
.lk-subscriptions input:checked + label .label-check svg:last-child {
  transform: translate(-50%, -50%) scale(1);
  transition-delay: 0.3s;
}
.lk-subscriptions input:checked + label .label-check:hover, .lk-subscriptions input:checked + label .label-check:focus {
  box-shadow: 0 3px 7px 0 rgba(34, 179, 255, 0.2);
  background-color: #57c5ff;
}

.author-list {
  display: none;
}

.card-item--new .card-item__author-wrapper {
  position: relative;
}

.card-item--new .card-item__author-wrapper .card-item__author {
  position: static;
}

.card-item__author-cont {
  display: flex;
  align-items: center;
  width: 100%;
}
.card-item__author-cont button {
  margin: 0 0 5px 4px;
  padding: 3px 4px 2px;
  border: none;
  background: rgba(45, 45, 45, 0.4);
  border-radius: 9px;
  font-weight: 700;
  font-size: 10px;
  line-height: 9px;
  letter-spacing: 0.0424918px;
  text-transform: uppercase;
  color: #FFFFFF;
  transition: all 0.3s ease-in-out;
}
.card-item__author-cont button:hover, .card-item__author-cont button:focus, .card-item__author-cont button:active {
  background: #49E3A4;
}
.card-item__author-cont .author-list {
  position: absolute;
  z-index: 3;
  top: 100%;
  width: 100%;
  padding: 7px 6px;
  background: #FFFFFF;
  box-shadow: 0px 0px 16px rgba(19, 7, 31, 0.14);
  border-radius: 6px;
}
.card-item__author-cont .author-list a {
  margin-right: 12px;
}

.lk-menu__programs .bubble-info, .lk-subscriptions .bubble-info {
  margin-left: 0;
  margin-top: 40px;
}
.lk-menu__programs .bubble-info__img, .lk-subscriptions .bubble-info__img {
  width: 74px;
}
.lk-menu__programs .bubble-info__bubble--lg, .lk-subscriptions .bubble-info__bubble--lg {
  font-size: 16px;
  font-weight: 400;
}
.lk-menu__programs .bubble-info__bubble--md, .lk-subscriptions .bubble-info__bubble--md {
  max-width: 312px;
}
.lk-menu__programs .bubble-info__bubble--md a, .lk-subscriptions .bubble-info__bubble--md a {
  text-decoration: underline;
}

.lk-menu__programs .bubble-info {
  width: auto;
}

.lk-subscriptions .bubble-info {
  margin-left: auto;
  margin-right: auto;
}

[v-cloak] {
  opacity: 0;
}

.webinars_index {
  margin-bottom: 40px;
}
.webinars_index .h1 {
  font-weight: 700;
  font-size: 32px;
  margin-bottom: 20px;
}
@media (max-width: 767px) {
  .webinars_index .h1 {
    font-size: 26px;
    margin-top: 10px;
    margin-bottom: 0;
  }
}
.webinars_index .sort_wrap {
  display: flex;
  align-items: center;
}
@media (min-width: 768px) {
  .webinars_index .sort_wrap {
    justify-content: flex-end;
  }
}
@media (max-width: 767px) {
  .webinars_index .sort_wrap {
    margin-top: 12px;
  }
}
.webinars_index .remote-control-mobile {
  margin-bottom: 0;
  margin-left: auto;
}
.webinars_index .remote-control-mobile__controls {
  align-items: center;
}
.webinars_index .remote-control-mobile__title {
  margin-right: 0;
  color: #979797;
}
.webinars_index .select2-container--default .select2-selection--single {
  border: 0;
  border-radius: 0;
}
.webinars_index .select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #979797;
  padding-right: 24px;
}
@media (max-width: 767px) {
  .webinars_index .select2-container--default .select2-selection--single .select2-selection__rendered {
    padding-left: 0;
  }
}
.webinars_index .select2-container--default .select2-selection--single .select2-selection__arrow {
  background: url(../img/event/ico-sort-caret.svg) 50% 50% no-repeat;
}
.webinars_index .select2-container--default .select2-selection--single .select2-selection__arrow b {
  display: none;
}

.event-date {
  display: flex;
  margin-top: 14px;
  font-size: 18px;
}
.event-date__icon {
  margin-right: 8px;
}
.event-date__value {
  text-transform: uppercase;
}
@media (max-width: 767px) {
  .event-date__value {
    font-size: 16px;
  }
}

.webinar-card {
  display: flex;
  justify-content: space-between;
  border-radius: 20px;
  overflow: hidden;
  position: relative;
  background-color: #c3d8e2;
  line-height: 1.2;
  height: 280px;
}
@media (max-width: 767px) {
  .webinar-card {
    flex-direction: column-reverse;
  }
}
.webinar-card__left {
  display: flex;
  flex-direction: column;
  padding: 20px;
}
@media (max-width: 998px) {
  .webinar-card__left {
    min-height: 196px;
  }
}
@media (max-width: 767px) {
  .webinar-card__left {
    background-color: #c3d8e2;
    padding: 12px;
    position: static;
    z-index: 2;
  }
}
@media (max-width: 479px) {
  .webinar-card__left {
    margin-top: 0;
  }
}
.webinar-card__tags {
  display: flex;
  align-items: flex-start;
}
@media (max-width: 767px) {
  .webinar-card__tags {
    max-width: 100%;
    position: absolute;
    top: 12px;
    left: 12px;
    width: 100%;
    justify-content: space-between;
    width: calc(100% - 24px);
    z-index: 2;
  }
}
.webinar-card__tag {
  display: flex;
  align-items: center;
  padding: 8px 8px 5px;
  border-radius: 6px;
  font-size: 12px;
  background-color: #fff;
  height: 100%;
}
@media (max-width: 767px) {
  .webinar-card__tag {
    min-height: 40px;
    min-width: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
}
.webinar-card__tag:not(:last-child) {
  margin-right: 6px;
}
.webinar-card__tag.--with-points {
  color: #fff;
  background-color: #2d2d2d;
}
@media (max-width: 767px) {
  .webinar-card__tag.--with-points {
    margin-left: auto;
    order: 1;
    margin-right: 0;
    min-height: 28px;
  }
}
@media (max-width: 998px) {
  .webinar-card__tag.--with-points .webinar-card__tag-name {
    display: block;
  }
}
.webinar-card__tag-icon {
  display: flex;
  height: 100%;
}
.webinar-card__tag-icon img {
  height: 100%;
}
.webinar-card__tag-icon svg {
  height: 100%;
  width: 100%;
}
@media (max-width: 998px) {
  .webinar-card__tag-name {
    display: none;
  }
}
@media (max-width: 998px) {
  .webinar-card__tag.--rounded {
    border-radius: 50%;
  }
}
.webinar-card__tag.--img {
  padding: 0;
  max-height: 30px;
  overflow: hidden;
}
.webinar-card .category-name {
  font-size: 11px;
  text-transform: uppercase;
}
.webinar-card__title {
  font-size: 28px;
  font-weight: 700;
  line-height: 1;
  margin-top: 12px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
}
@media (max-width: 767px) {
  .webinar-card__title {
    font-size: 20px;
    margin-top: 8px;
    margin-bottom: auto;
  }
}
.webinar-card__img {
  flex-shrink: 0;
  width: 307px;
  background: 50% 50% no-repeat;
  background-size: cover;
}
@media (max-width: 767px) {
  .webinar-card__img {
    width: 100%;
    position: relative;
  }
}
@media (max-width: 767px) {
  .webinar-card__img::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(45, 45, 45, 0.1490196078);
  }
}
.webinar-card__img img {
  object-fit: cover;
  height: 100%;
  width: 100%;
}
@media (max-width: 767px) {
  .webinar-card__img img {
    object-fit: cover;
    width: 100%;
    height: 120px;
  }
}
.webinar-card__buttons {
  display: flex;
  margin-top: 8px;
}
@media (max-width: 767px) {
  .webinar-card__buttons {
    margin-top: 24px;
  }
}
.webinar-card__btn {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: none;
  background-color: #fff;
}
.webinar-card__btn path {
  fill: #22b3ff;
}
.webinar-card__btn:not(:last-child) {
  margin-right: 6px;
}
.webinar-card__btn:hover, .webinar-card__btn:active, .webinar-card__btn.active {
  background-color: #22b3ff;
}
.webinar-card__btn:hover svg path, .webinar-card__btn:active svg path, .webinar-card__btn.active svg path {
  fill: #fff;
}
.webinar-card__btn.to_favorite path {
  fill: transparent;
}
.webinar-card__btn.to_favorite path.border {
  fill: #22b3ff;
}
.webinar-card__btn.to_favorite:hover svg path, .webinar-card__btn.to_favorite:active svg path, .webinar-card__btn.to_favorite.active svg path {
  fill: #fff;
}
.webinar-card.--another {
  display: flex;
  flex-direction: column-reverse;
  width: 100%;
  max-width: 304px;
  margin-right: 24px;
}
@media (max-width: 998px) {
  .webinar-card.--another {
    flex-direction: row-reverse;
    max-width: fit-content;
    margin: 0;
    min-height: unset;
    position: relative;
    flex-shrink: 0;
  }
}
.webinar-card.--another .webinar-card__title {
  font-size: 20px;
}
.webinar-card.--another .webinar-card__buttons {
  display: none;
}
.webinar-card.--another .webinar-card__left {
  max-height: unset;
  height: 100%;
}
@media (max-width: 998px) {
  .webinar-card.--another .webinar-card__left {
    height: unset;
    min-height: unset;
  }
}
@media (max-width: 767px) {
  .webinar-card.--another .webinar-card__left {
    max-height: fit-content;
    margin: 0;
  }
}
.webinar-card.--another .webinar-card__tags {
  max-width: 100%;
  position: absolute;
  top: 12px;
  left: 12px;
  width: 100%;
  width: calc(100% - 24px);
  z-index: 2;
  align-items: start;
  order: 1;
}
@media (max-width: 998px) {
  .webinar-card.--another .webinar-card__tags {
    flex-wrap: wrap;
    height: calc(100% - 24px);
    width: auto;
  }
}
.webinar-card.--another .webinar-card__tag.--img {
  max-height: fit-content;
}
@media (max-width: 998px) {
  .webinar-card.--another .webinar-card__tag.--img {
    height: 24px;
    width: 42px;
    min-height: unset;
  }
}
.webinar-card.--another .webinar-card__tag.--rounded {
  border-radius: 50%;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 998px) {
  .webinar-card.--another .webinar-card__tag.--rounded {
    width: 24px;
    height: 24px;
    padding: 7px 5px 4px 5px;
    min-height: unset;
    min-width: unset;
  }
  .webinar-card.--another .webinar-card__tag.--rounded svg {
    width: 100%;
    height: 100%;
  }
}
.webinar-card.--another .webinar-card__tag-name {
  display: none;
}
.webinar-card.--another .webinar-card__tag.--with-points {
  margin-left: auto;
  order: 1;
  padding: 8px 10px;
}
@media (max-width: 998px) {
  .webinar-card.--another .webinar-card__tag.--with-points {
    padding: 3.5px 4px;
    min-height: unset;
    height: fit-content;
  }
}
.webinar-card.--another .webinar-card__tag.--with-points .webinar-card__tag-name {
  display: block;
}
@media (max-width: 998px) {
  .webinar-card.--another .webinar-card__tag.--with-points .webinar-card__tag-name {
    font-size: 10px;
    white-space: nowrap;
  }
}
.webinar-card.--another .webinar-card__img {
  height: 60%;
  position: relative;
}
@media (max-width: 998px) {
  .webinar-card.--another .webinar-card__img {
    height: unset;
    width: 100%;
    max-width: 25vw;
  }
}
@media (max-width: 998px) {
  .webinar-card.--another .webinar-card__img img {
    height: 100%;
  }
}
.webinar-card.--another .webinar-card__img::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(45, 45, 45, 0.1490196078);
}
.webinar-card.--another .category-name {
  display: block;
  font-size: 12px;
}
.webinar-card.--special {
  margin-right: 0;
  height: 316px;
  max-width: none;
  background-color: transparent;
  border-radius: 0;
  padding: 0 12px;
  overflow: visible;
}
@media (max-width: 998px) {
  .webinar-card.--special {
    background-color: transparent;
    max-width: unset;
    width: 304px;
    box-sizing: content-box;
    padding-bottom: 20px;
    padding: 0 14px;
  }
}
.webinar-card.--special a {
  background-color: #c3d8e2;
  border-radius: 20px;
  overflow: hidden;
  display: flex;
  flex-direction: column-reverse;
  position: relative;
  flex-grow: 1;
  width: 304px;
  border: 1px solid rgba(0, 0, 0, 0.05);
}
@media (max-width: 998px) {
  .webinar-card.--special a {
    background-color: #fff;
    box-shadow: none;
  }
}
.webinar-card.--special a:hover {
  border-color: rgba(0, 0, 0, 0.1);
  box-shadow: 0px 0px 22px 0px rgba(19, 7, 31, 0.07);
}
.webinar-card.--special a.special__more-btn {
  background-color: #fff;
  flex-direction: row;
  color: #979797;
}
.webinar-card.--special a.special__more-btn svg {
  margin-left: 12px;
}
@media (max-width: 767px) {
  .webinar-card.--special a.special__more-btn {
    height: 100%;
    box-sizing: border-box;
  }
}
.webinar-card.--special .webinar-card__img {
  height: 124px;
  width: 100%;
}
.webinar-card.--special .webinar-card__img::before {
  display: none;
}
@media (max-width: 998px) {
  .webinar-card.--special .webinar-card__img {
    height: 124px;
    width: 100%;
    max-width: unset;
  }
}
.webinar-card.--special .webinar-card__img img {
  max-width: unset;
}
@media (max-width: 998px) {
  .webinar-card.--special .webinar-card__tags {
    flex-wrap: nowrap;
    height: auto;
    width: calc(100% - 24px);
  }
  .webinar-card.--special .webinar-card__tags .--img {
    width: auto;
    height: auto;
  }
  .webinar-card.--special .webinar-card__tags .--img img {
    height: 40px;
  }
  .webinar-card.--special .webinar-card__tags .--with-points {
    margin-left: auto;
  }
}
.webinar-card.--special .webinar-card__left {
  height: fit-content;
  min-height: 200px;
  padding: 12px 12px 20px;
}
@media (max-width: 998px) {
  .webinar-card.--special .webinar-card__left {
    width: 100%;
    height: 100%;
  }
}
.webinar-card.--special .webinar-card__title {
  font-size: 18px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
}
@media (max-width: 998px) {
  .webinar-card.--special .webinar-card__title {
    font-size: 16px;
  }
}
.webinar-card.--special .event-date {
  margin-top: 8px;
  padding-left: 2px;
}
.webinar-card.--special .event-date__value {
  font-size: 14px;
}
@media (max-width: 998px) {
  .webinar-card.--special .event-date__value {
    font-size: 16px;
  }
}
.webinar-card.--special .event-time {
  font-size: 10px;
  font-weight: 700;
  color: rgba(46, 46, 46, 0.4);
  margin-top: 4px;
  display: none;
}
@media (max-width: 998px) {
  .webinar-card.--special .event-time {
    display: flex;
  }
}
.webinar-card.--special .category-name {
  font-weight: 700;
}
.webinar-card.--special .webinar-card__tag.--with-points {
  padding: 7px 8px;
}
@media (max-width: 998px) {
  .webinar-card.--video {
    flex-direction: row;
    height: 113px;
  }
}
@media (max-width: 998px) {
  .webinar-card.--video .webinar-card__title {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    line-height: 1.2;
  }
}
.webinar-card.--video .event-date {
  display: none;
}
.webinar-card.--video .webinar-card__buttons {
  display: none;
}
.webinar-card.--video .webinar-card__img {
  height: 140px;
}
@media (max-width: 998px) {
  .webinar-card.--video .webinar-card__img {
    width: fit-content;
  }
}
@media (max-width: 479px) {
  .webinar-card.--video .webinar-card__img {
    height: 114px;
  }
}
.webinar-card.--video .webinar-card__img img {
  width: 100%;
}
@media (max-width: 998px) {
  .webinar-card.--video .webinar-card__img img {
    height: 100%;
    width: 25vw;
  }
}
.webinar-card.--video .webinar-card__img::before {
  display: none;
}
.webinar-card.--video .webinar-card__left {
  margin: 0;
}
@media (max-width: 998px) {
  .webinar-card.--video .webinar-card__left {
    min-height: unset;
  }
}
.webinar-card.--video .webinar-card__tags {
  position: static;
  order: 0;
  justify-content: start;
}
.webinar-card.--video .category-name {
  display: none;
}
@media (max-width: 998px) {
  .webinar-card.--video .webinar-card__title {
    font-size: 16px;
  }
}
@media (max-width: 998px) {
  .webinar-card.--video .webinar-card__tag.--img {
    height: 24px;
    width: 42px;
    min-height: unset;
    min-width: unset;
    margin-right: 4px;
  }
}
@media (max-width: 998px) {
  .webinar-card.--video .webinar-card__tag.--with-points {
    padding: 6px 6px;
    width: fit-content;
    min-height: 24px;
    height: 24px;
    min-width: unset;
    margin-left: 0;
  }
}
@media (max-width: 998px) {
  .webinar-card.--video .webinar-card__tag.--rounded {
    height: 24px;
    width: 24px;
    min-height: unset;
    min-width: unset;
    padding: 7px 5px 4px 5px;
    margin-right: 4px;
  }
  .webinar-card.--video .webinar-card__tag.--rounded svg {
    width: 100%;
    height: 100%;
  }
}
.webinar-card__online-tag {
  position: absolute;
  right: 12px;
  bottom: 12px;
  font-size: 16px;
  color: #fff;
  background-color: #FF7272;
  display: flex;
  align-items: center;
  padding: 8px 12px;
  border-radius: 6px;
  display: none;
}
@media (max-width: 998px) {
  .webinar-card__online-tag {
    font-size: 12px;
  }
}
.webinar-card__online-tag span {
  width: 8px;
  height: 8px;
  background-color: #fff;
  border-radius: 50%;
  margin-right: 8px;
}
.webinar-card.online .webinar-card__online-tag {
  display: flex;
}
@media (max-width: 767px) {
  .webinar-card.online .webinar-card__tag.--rounded {
    padding: 5px 0 0;
    flex-grow: 0;
  }
  .webinar-card.online .webinar-card__tag.--rounded .webinar-card__tag-icon {
    display: block;
    height: auto;
  }
  .webinar-card.online .webinar-card__tag.--img img {
    height: 24px;
  }
  .webinar-card.online .webinar-card__tag.--with-points {
    padding: 7px 4px 5px;
  }
}
.webinar-card.banner {
  height: auto;
  margin-bottom: 20px;
  border: 1px solid rgba(0, 0, 0, 0.05);
}
@media (max-width: 767px) {
  .webinar-card.banner {
    margin-bottom: 12px;
  }
}
.webinar-card.onairbanner .webinar-card__title {
  -webkit-line-clamp: 2;
}
.webinar-card.onairbanner .category-name {
  display: none;
}
@media (max-width: 767px) {
  .webinar-card.onairbanner {
    flex-direction: row;
  }
  .webinar-card.onairbanner .webinar-card__tags {
    align-items: center;
    justify-content: flex-start;
  }
  .webinar-card.onairbanner .webinar-card__tag {
    min-height: 24px;
    min-width: 24px;
  }
  .webinar-card.onairbanner .webinar-card__tag.--with-points {
    margin-left: 4px;
    font-size: 10px;
    padding: 8px 4px 6px;
  }
  .webinar-card.onairbanner .webinar-card__img {
    width: 100px;
  }
  .webinar-card.onairbanner .webinar-card__online_tag {
    padding: 8px 8px;
  }
  .webinar-card.onairbanner .webinar-card__left {
    padding-bottom: 26px;
    min-height: 0;
  }
  .webinar-card.onairbanner .webinar-card__title {
    margin-top: 40px;
    font-size: 18px;
    -webkit-line-clamp: 3;
  }
}
.webinar-card.ordiacademy {
  background: #CCA2DB url(../img/event/ordiacademy-banner.png) calc(100% - 90px) 0 no-repeat;
  background-size: contain;
  border-radius: 20px;
  padding: 20px 20px 16px;
  color: #fff;
  flex-direction: column;
}
@media (max-width: 767px) {
  .webinar-card.ordiacademy {
    background-image: url(../img/event/ordiacademy-banner-mobile.png);
    background-position: 100% 66%;
    background-size: auto;
    padding: 12px;
  }
}
.webinar-card.ordiacademy .line1 {
  font-size: 32px;
  font-weight: 700;
}
@media (max-width: 767px) {
  .webinar-card.ordiacademy .line1 {
    font-size: 22px;
  }
}
.webinar-card.ordiacademy .line2 {
  font-size: 56px;
  margin-top: 2px;
}
@media (max-width: 767px) {
  .webinar-card.ordiacademy .line2 {
    font-size: 39px;
    line-height: 1;
    margin-top: 6px;
  }
}
.webinar-card.ordiacademy .line2 span {
  color: #2D2D2D;
}
@media (max-width: 767px) {
  .webinar-card.ordiacademy .line2 span {
    display: block;
  }
}

.commentary {
  padding: 12px 12px 16px;
  background-color: #fff;
  border-radius: 20px;
  border: 1px solid #E9E9E9;
}
.commentary__top {
  display: flex;
  align-items: center;
  font-size: 10px;
  text-transform: uppercase;
}
.commentary__name {
  font-size: 12px;
  font-weight: 700;
}
.commentary__img {
  margin-right: 4px;
  border-radius: 50%;
  height: 20px;
  width: 20px;
  background-color: #ccc;
  font-weight: 700;
  display: flex;
  justify-content: center;
  align-items: center;
  line-height: 1px;
}
.commentary__title {
  display: none;
  font-size: 18px;
  font-weight: 700;
  margin-top: 8px;
}
@media (max-width: 767px) {
  .commentary__title {
    font-size: 16px;
  }
}
.commentary__text {
  margin-top: 8px;
  font-size: 16px;
}
@media (max-width: 767px) {
  .commentary__text {
    margin-top: 6px;
  }
}
.commentary__footer {
  font-size: 12px;
  margin-top: 24px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: rgba(45, 45, 45, 0.4);
}
.commentary__footer-btns {
  display: flex;
  align-items: center;
}
.commentary__footer-button {
  display: flex;
  align-items: start;
}
.commentary__footer-button:not(:last-child) {
  margin-right: 12px;
}
.commentary__footer-button span {
  margin-top: 1px;
}
.commentary__footer-button svg {
  width: 100%;
  flex-shrink: 0;
  margin-right: 3px;
}
.commentary__fav-icon {
  width: 13px;
  height: 15px;
  flex-shrink: 0;
  margin-right: 3px;
}
.commentary__views-icon {
  width: 14px;
  height: 11px;
  flex-shrink: 0;
  margin-right: 3px;
}
.commentary__subcomments-icon {
  width: 12px;
  height: 12px;
  flex-shrink: 0;
  margin-right: 3px;
}
.commentary__mark {
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  margin-bottom: 6px;
  display: none;
}
@media (max-width: 767px) {
  .commentary__mark {
    display: block;
  }
}

.webinars-filter .webinar_dates {
  border: solid 2px #98edfd;
  border-radius: 27px;
  box-shadow: 0 3px 7px 0 rgba(19, 7, 31, 0.05);
  width: 100%;
  padding: 0 15px;
  height: 40px;
  font-weight: 700;
}
.webinars-filter .course-filter__title {
  padding-bottom: 0;
}
.webinars-filter .course-filter__check label {
  font-size: 16px;
}
.webinars-filter .course-filter__check label:before {
  border-radius: 1px;
}
.webinars-filter .custom-select__control {
  display: none;
}
.webinars-filter .reset_filter_mobile {
  display: none;
  background: transparent url(../img/event/ico-reset-filter.svg) 100% 50% no-repeat;
  border: 0;
  color: #979797;
  padding-right: 22px;
}
@media (max-width: 767px) {
  .webinars-filter #cmfilter.changed .reset_filter_mobile {
    display: inline-block;
  }
  .webinars-filter #cmfilter.changed .remote-control-mobile__title {
    display: none;
  }
  .webinars-filter .webinar_dates {
    border-color: #C2E5F7;
    box-shadow: none;
    height: 46px;
  }
  .webinars-filter .mobile-filter-modal__title {
    font-size: 20px;
  }
  .webinars-filter .mobile-filter-modal__title.mt-24 {
    margin-top: 24px;
  }
  .webinars-filter .remote-control__type {
    margin-right: 0;
    margin-bottom: 12px;
  }
  .webinars-filter .remote-control__type .js-specialties-list {
    width: 100%;
  }
  .webinars-filter .remote-control__type-item input:checked + label {
    font-weight: 700;
    background-color: #C2E5F7;
  }
  .webinars-filter .remote-control__type-item input:checked + label span {
    font-weight: 400;
  }
  .webinars-filter .remote-control__type-item label {
    background-color: #F5F5F5;
    font-size: 16px;
    font-weight: 400;
  }
  .webinars-filter .remote-control__type-item label span {
    opacity: 0.45;
    position: relative;
    padding-left: 8px;
    margin-left: 4px;
  }
  .webinars-filter .remote-control__type-item label span:before {
    content: "";
    height: 18px;
    width: 2px;
    background-color: rgba(0, 0, 0, 0.4);
    position: absolute;
    left: 0;
    top: 2px;
  }
  .webinars-filter .remote-control__type-item label.active {
    box-shadow: none;
    background-color: #F5F5F5;
  }
  .webinars-filter .custom-select > button, .webinars-filter .custom-select.checked > button {
    border-color: #C2E5F7;
    box-shadow: none;
  }
  .webinars-filter .custom-select__options {
    height: 46px;
    line-height: 46px;
  }
  .webinars-filter .custom-select > button:after {
    top: 21px;
  }
  .webinars-filter .mobile-filter-modal__submit {
    box-shadow: none;
    padding: 13px 15px;
  }
}

.education_webinars .select2-container--default .select2-selection__rendered {
  text-align: right;
}
@media (max-width: 767px) {
  .education_webinars #courseList {
    margin-left: -14px;
    margin-right: -14px;
  }
}
.education_webinars .webinars-list {
  margin-top: 24px;
}
@media (max-width: 767px) {
  .education_webinars .webinars-list {
    margin-top: 16px;
  }
}
.education_webinars .webinars-list .course-item {
  background-color: #C3D8E2;
  padding: 0;
  overflow: hidden;
  border: 1px solid rgba(0, 0, 0, 0.05);
  transition-duration: 0.3s;
  box-shadow: none;
  min-height: 316px;
}
@media (max-width: 767px) {
  .education_webinars .webinars-list .course-item {
    flex-direction: row;
    min-height: 0;
  }
}
.education_webinars .webinars-list .course-item__top {
  position: relative;
  height: 120px;
}
@media (max-width: 767px) {
  .education_webinars .webinars-list .course-item__top {
    height: auto;
    width: 100px;
    flex-shrink: 0;
  }
}
.education_webinars .webinars-list .course-item__top .image {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: 50% 50% no-repeat;
  background-size: cover;
}
@media (max-width: 767px) {
  .education_webinars .webinars-list .course-item__top .image {
    background-position: 100% 50%;
  }
}
.education_webinars .webinars-list .course-item__top .image:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.2);
}
.education_webinars .webinars-list .course-item__top .from_rsf {
  border-radius: 8px;
  height: 40px;
  position: absolute;
  left: 12px;
  top: 12px;
}
@media (max-width: 767px) {
  .education_webinars .webinars-list .course-item__top .from_rsf {
    height: 30px;
    top: auto;
    bottom: 12px;
  }
}
.education_webinars .webinars-list .course-item__top .course-item__label {
  position: absolute;
  right: 12px;
  top: 12px;
  margin: 0;
}
@media (max-width: 767px) {
  .education_webinars .webinars-list .course-item__top .course-item__label {
    right: auto;
    left: 12px;
    padding: 5px 7px 3px;
  }
}
.education_webinars .webinars-list .course-item__bottom {
  display: flex;
  flex-direction: column;
  padding: 12px;
  margin-top: 0;
  flex-grow: 1;
  gap: 0;
}
@media (max-width: 767px) {
  .education_webinars .webinars-list .course-item__bottom {
    min-height: 148px;
    max-height: 148px;
  }
}
.education_webinars .webinars-list .course-item__bottom .type {
  font-weight: 700;
  font-size: 12px;
}
.education_webinars .webinars-list .course-item__bottom .title {
  margin-top: -2px;
  font-weight: 700;
  font-size: 18px;
  line-height: 1.2;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
}
@media (max-width: 767px) {
  .education_webinars .webinars-list .course-item__bottom .title {
    line-height: 1.05;
    font-size: 16px;
    margin-top: 2px;
  }
}
.education_webinars .webinars-list .course-item__bottom .bottom_wrap {
  margin-top: auto;
  font-size: 14px;
}
.education_webinars .webinars-list .course-item__bottom .lector, .education_webinars .webinars-list .course-item__bottom .place, .education_webinars .webinars-list .course-item__bottom .date {
  display: flex;
  align-items: center;
  margin-top: 8px;
  line-height: 20px;
}
@media (max-width: 767px) {
  .education_webinars .webinars-list .course-item__bottom .lector, .education_webinars .webinars-list .course-item__bottom .place, .education_webinars .webinars-list .course-item__bottom .date {
    margin-top: 6px;
  }
}
.education_webinars .webinars-list .course-item__bottom .lector .image, .education_webinars .webinars-list .course-item__bottom .place .image, .education_webinars .webinars-list .course-item__bottom .date .image {
  border-radius: 50%;
  height: 20px;
  width: 20px;
  margin-right: 8px;
  background: 50% 50% no-repeat;
  background-size: cover;
}
@media (max-width: 767px) {
  .education_webinars .webinars-list .course-item__bottom .lector .image, .education_webinars .webinars-list .course-item__bottom .place .image, .education_webinars .webinars-list .course-item__bottom .date .image {
    border-radius: 50%;
    height: 16px;
    width: 16px;
  }
}
.education_webinars .webinars-list .course-item__bottom .lector .badge, .education_webinars .webinars-list .course-item__bottom .place .badge, .education_webinars .webinars-list .course-item__bottom .date .badge {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #979797;
  font-weight: 700;
  margin-left: 8px;
  color: #fff;
  border-radius: 9px;
  padding: 4px 4px 2px;
  font-size: 10px;
  line-height: 7px;
  position: relative;
  top: -1px;
}
.education_webinars .webinars-list .course-item__bottom .place .image {
  background-size: 16px;
  background-image: url(../img/event/ico-webinar-place.svg);
}
@media (max-width: 767px) {
  .education_webinars .webinars-list .course-item__bottom .place .image {
    background-size: auto 14px;
  }
}
.education_webinars .webinars-list .course-item__bottom .date .image {
  background-size: 16px;
  background-image: url(../img/event/ico-webinar-date.svg);
}
@media (max-width: 767px) {
  .education_webinars .webinars-list .course-item__bottom .date .image {
    background-size: 14px;
  }
}
.education_webinars .webinars-list .course-item:hover {
  border-color: rgba(0, 0, 0, 0.1);
  box-shadow: 0px 0px 22px 0px rgba(19, 7, 31, 0.07);
}
.education_webinars .event-wrapper {
  display: flex;
  margin-top: 48px;
  line-height: 1.2;
}
@media (min-width: 768px) {
  .education_webinars .event-wrapper {
    position: relative;
  }
}
@media (max-width: 767px) {
  .education_webinars .event-wrapper {
    flex-direction: column-reverse;
    margin-top: 12px;
  }
}
.education_webinars .event-content {
  margin-right: 22px;
  flex-grow: 1;
}
@media (min-width: 768px) {
  .education_webinars .event-content {
    max-width: 635px;
    position: relative;
  }
}
@media (max-width: 998px) {
  .education_webinars .event-content {
    margin-right: 0;
    margin-top: 42px;
  }
}
.education_webinars .event-aside {
  width: 303px;
  padding: 32px 16px 16px;
  height: fit-content;
  border-radius: 30px;
  box-shadow: 0px 0px 32px 0px rgba(0, 0, 0, 0.14);
  flex-shrink: 0;
  background-color: #fff;
}
@media (max-width: 998px) {
  .education_webinars .event-aside {
    margin: 0 auto;
    box-shadow: 0px 0px 32px rgba(0, 0, 0, 0.14);
    padding: 24px 12px 12px;
  }
}
@media (max-width: 767px) {
  .education_webinars .event-aside {
    width: 100%;
  }
}
.education_webinars .event-aside__row {
  color: #2d2d2d;
}
.education_webinars .event-aside__row:not(:first-child) {
  margin-top: 16px;
}
@media (max-width: 998px) {
  .education_webinars .event-aside__row:not(:first-child) {
    margin-top: 12px;
  }
}
.education_webinars .event-aside__name {
  font-size: 12px;
  text-transform: uppercase;
  color: rgba(45, 45, 45, 0.4);
}
@media (max-width: 998px) {
  .education_webinars .event-aside__name {
    font-size: 12px;
  }
}
.education_webinars .event-aside__value {
  font-size: 20px;
  font-weight: 700;
  margin-top: 4px;
}
@media (max-width: 998px) {
  .education_webinars .event-aside__value {
    font-size: 16px;
    margin-top: 2px;
  }
}
.education_webinars .event-aside__value.format_wrapper {
  display: flex;
}
.education_webinars .event-aside__value.format_wrapper .question {
  margin-left: 8px;
  position: relative;
}
.education_webinars .event-aside__btn {
  margin-top: 16px;
  width: 100%;
  position: relative;
  box-shadow: none !important;
}
@media (max-width: 998px) {
  .education_webinars .event-aside__btn {
    width: 100%;
    padding: 15px 80px !important;
    font-size: 20px !important;
    height: fit-content !important;
  }
}
.education_webinars .event-aside__btn.join {
  padding-left: 80px;
}
.education_webinars .event-aside__btn.join:before {
  content: "";
  background: #fff url(../img/event/ico-event-join.svg) 56% 50% no-repeat;
  border-radius: 50%;
  height: 44px;
  width: 44px;
  position: absolute;
  left: 4px;
}
.education_webinars .speakers {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
  position: relative;
  padding-bottom: 20px;
  margin-top: 20px;
}
@media (max-width: 998px) {
  .education_webinars .speakers {
    display: flex;
    width: 100%;
  }
}
.education_webinars .speakers__card {
  display: flex !important;
  padding: 12px;
  border: 1px solid #E9E9E9;
  border-radius: 20px;
}
.education_webinars .speakers__card.--wide {
  grid-column-start: 1;
  grid-column-end: 3;
}
.education_webinars .speakers__img {
  width: 68px;
  height: 68px;
  flex-shrink: 0;
  margin-right: 12px;
  border-radius: 50%;
  overflow: hidden;
}
.education_webinars .speakers__name {
  font-size: 18px;
  font-weight: 700;
  padding-top: 4px;
}
.education_webinars .speakers__descr {
  font-size: 12px;
  line-height: 1.2;
  color: rgba(45, 45, 45, 0.6);
  margin-top: 4px;
}
@media (max-width: 767px) {
  .education_webinars .speakers__descr {
    color: #333;
    margin: 0;
    margin-top: 4px;
  }
}
.education_webinars .speakers__tag {
  font-size: 12px;
  padding: 2px 6px;
  background-color: #e9e9e9;
  width: fit-content;
  border-radius: 4px;
  margin-bottom: 4px;
}
@media (max-width: 767px) {
  .education_webinars .speakers__tag {
    padding: 2px 5px;
  }
}
.education_webinars .speakers .slick-dots {
  display: none;
  align-items: center;
  margin-top: 12px;
  margin: 0 auto;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 0;
}
@media (max-width: 998px) {
  .education_webinars .speakers .slick-dots {
    display: flex;
  }
}
.education_webinars .speakers .slick-dots li {
  width: fit-content;
  height: fit-content;
  display: flex;
  align-items: center;
  justify-content: center;
}
.education_webinars .speakers .slick-dots li:not(:last-child) {
  margin-right: 6px;
}
.education_webinars .speakers .slick-dots button {
  color: transparent;
  width: 11px;
  height: 11px;
  border-radius: 50%;
  background-color: rgba(45, 45, 45, 0.4);
  border: none;
}
.education_webinars .speakers .slick-dots button.active {
  background-color: #2d2d2d;
}
.education_webinars .speakers .slick-dots .slick-active button {
  background-color: #2D2D2D;
}
.education_webinars .speakers .slick-slide {
  padding-right: -12px;
}
.education_webinars .speakers .slick-slide > div {
  margin-bottom: 12px;
}
.education_webinars .event-block:not(:first-child) {
  margin-top: 40px;
}
.education_webinars .event-block__title {
  font-size: 26px;
  font-weight: 700;
  line-height: 1;
}
@media (max-width: 767px) {
  .education_webinars .event-block__title {
    font-size: 24px;
  }
}
.education_webinars .event-block__text {
  font-size: 16px;
  margin-top: 16px;
  line-height: 1.2;
}
.education_webinars .event-block__text.--list li {
  padding-left: 24px;
  position: relative;
}
.education_webinars .event-block__text.--list li::before {
  content: "";
  position: absolute;
  width: 2px;
  height: 2px;
  left: 10px;
  top: 50%;
  transform: translateY(-50%);
  background-color: #333;
}
.education_webinars .event-block.--program {
  position: relative;
  max-height: 850px;
  overflow: hidden;
  margin-left: -10px;
  margin-right: -10px;
  padding-left: 10px;
  padding-right: 10px;
}
.education_webinars .event-block.--program::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  height: 84px;
  width: 100%;
  background: linear-gradient(351.87deg, #ffffff 5.49%, rgba(255, 255, 255, 0) 93.02%);
  z-index: 2;
  pointer-events: none;
}
@media (max-width: 767px) {
  .education_webinars .event-block.--program::before {
    background: linear-gradient(0deg, #ffffff 10%, rgba(255, 255, 255, 0) 100%);
  }
}
.education_webinars .event-block.--program.expand {
  max-height: fit-content;
}
.education_webinars .event-block.--program.expand::before {
  display: none;
}
.education_webinars .event-block ul.text_list {
  margin-top: 16px;
}
.education_webinars .event-block ul.text_list li {
  padding-left: 24px;
  position: relative;
}
.education_webinars .event-block ul.text_list li::before {
  content: "";
  position: absolute;
  width: 2px;
  height: 2px;
  left: 10px;
  top: 12px;
  transform: translateY(-50%);
  background-color: #333;
}
.education_webinars .specialties {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 16px;
}
.education_webinars .specialties__item {
  font-size: 12px;
  padding: 2px;
  border-radius: 4px;
  background-color: rgba(132, 201, 220, 0.3019607843);
  white-space: nowrap;
  display: flex;
  align-items: center;
  height: 28px;
}
.education_webinars .specialties__item span {
  padding: 5px 6px;
}
.education_webinars .specialties__points {
  background-color: #2d2d2d;
  color: #fff;
  border-radius: 4px;
  padding: 0 4px;
  height: 100%;
  display: flex;
  align-items: center;
  font-family: "Roboto", Arial, sans-serif;
}
.education_webinars .specialties__subtitle {
  font-family: "Roboto", Arial, sans-serif;
  font-size: 12px;
  color: rgba(45, 45, 45, 0.6);
  margin-top: 16px;
}
.education_webinars .program {
  margin-top: 32px;
}
.education_webinars .program__title {
  font-size: 20px;
  font-weight: 700;
  margin-top: 8px;
}
@media (max-width: 998px) {
  .education_webinars .program__title {
    font-size: 20px;
  }
}
.education_webinars .program__block {
  border-top: 2px solid #2d2d2d;
}
.education_webinars .program__block:not(:last-child) {
  margin-bottom: 16px;
}
@media (max-width: 767px) {
  .education_webinars .program__block:not(:last-child) {
    margin-bottom: 40px;
  }
}
.education_webinars .table {
  margin-top: 20px;
  position: relative;
}
@media (max-width: 767px) {
  .education_webinars .table {
    margin-top: 30px;
  }
}
.education_webinars .table__btn {
  position: absolute;
  bottom: 1px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 3;
  font-size: 12px;
  padding: 3px 10px;
  cursor: pointer;
  box-shadow: none !important;
}
.education_webinars .table__row {
  display: flex;
  padding-bottom: 20px;
  padding: 8px 0;
  position: relative;
}
@media (max-width: 767px) {
  .education_webinars .table__row {
    flex-direction: column;
    padding: 0 0 0 66px;
    position: relative;
  }
}
.education_webinars .table__row:not(:last-child) {
  margin-bottom: 23px;
}
@media (max-width: 767px) {
  .education_webinars .table__row:not(:last-child) {
    margin-bottom: 40px;
  }
}
.education_webinars .table__row:not(:last-child)::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: -12px;
  background-color: #d1d1d1;
  width: 100%;
  height: 1px;
}
@media (max-width: 767px) {
  .education_webinars .table__row:not(:last-child)::before {
    bottom: -22px;
  }
}
.education_webinars .table__row.--with-points {
  width: calc(100% + 20px);
  transform: translateX(-10px);
  padding: 8px 10px;
  background-color: rgba(233, 233, 233, 0.4);
  border-radius: 10px;
}
@media (max-width: 767px) {
  .education_webinars .table__row.--with-points {
    padding: 10px 0 10px 66px;
    position: relative;
  }
}
.education_webinars .table__row.--with-points .table__time {
  top: 10px;
  left: 10px;
}
.education_webinars .table__row.--with-points::before {
  left: 10px;
  width: calc(100% - 20px);
}
.education_webinars .table__row.--program-moder {
  padding: 0;
}
.education_webinars .table__time {
  font-size: 16px;
  font-weight: 700;
  margin-right: 40px;
}
@media (max-width: 767px) {
  .education_webinars .table__time {
    position: absolute;
    top: 0;
    left: 0;
  }
}
.education_webinars .table__name {
  font-size: 16px;
  font-weight: 700;
  margin-right: auto;
  padding-right: 24px;
}
@media (max-width: 767px) {
  .education_webinars .table__name {
    font-size: 18px;
  }
}
.education_webinars .table__name-tag {
  font-size: 12px;
  font-weight: 400;
  background-color: #2d2d2d;
  color: #fff;
  padding: 2px 6px;
  border-radius: 4px;
  margin-bottom: 8px;
  width: fit-content;
}
@media (max-width: 998px) {
  .education_webinars .table__name-tag {
    padding: 4px 8px;
  }
}
.education_webinars .table__cards-list {
  display: flex;
  flex-direction: column;
  max-width: 304px;
  width: 100%;
  flex-shrink: 0;
}
.education_webinars .table .speakers__name {
  font-size: 16px;
}
@media (max-width: 767px) {
  .education_webinars .table .speakers__name {
    padding-top: 0;
  }
}
@media (max-width: 767px) {
  .education_webinars .table .speakers__descr {
    color: rgba(45, 45, 45, 0.6);
  }
}
.education_webinars .table .speakers__card {
  border: none;
  padding: 0;
}
@media (max-width: 767px) {
  .education_webinars .table .speakers__card {
    margin-top: 12px;
  }
}
.education_webinars .table .speakers__card:not(:first-child) {
  margin-top: 12px;
}
.education_webinars .table .speakers__card.--program-moder {
  width: 100%;
  max-width: 100%;
}
.education_webinars .table .speakers__img {
  width: 40px;
  height: 40px;
  margin-right: 8px;
}
.education_webinars .partners {
  display: flex;
  align-items: center;
  margin-top: 16px;
}
.education_webinars .partners__img {
  flex-shrink: 0;
}
.education_webinars .partners__img:not(:last-child) {
  margin-right: 32px;
}
.education_webinars .event-contacts {
  margin-top: 16px;
}
.education_webinars .event-contacts__name {
  font-weight: 700;
}
.education_webinars .comments {
  padding: 60px 0;
  margin-top: 40px;
  background-color: #f5f5f5;
  line-height: 1.2;
}
@media (max-width: 998px) {
  .education_webinars .comments {
    padding: 32px 0 40px;
  }
}
.education_webinars .comments__title {
  font-size: 26px;
  font-weight: 700;
}
.education_webinars .comments__subtitle {
  display: none;
  font-size: 16px;
  margin-top: 12px;
}
@media (max-width: 998px) {
  .education_webinars .comments__subtitle {
    font-size: 14px;
    display: block;
  }
}
.education_webinars .comments__input {
  margin-top: 34px;
  width: 100%;
  position: relative;
}
@media (max-width: 998px) {
  .education_webinars .comments__input {
    margin-top: 26px;
  }
}
.education_webinars .comments__input::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: rgba(45, 45, 45, 0.4);
  z-index: 2;
}
.education_webinars .comments__input input {
  padding: 5px 0;
  border: none;
  background-color: transparent;
  width: 100%;
}
.education_webinars .comments__input input::placeholder {
  color: #979797;
}
.education_webinars .comments__btn.btn--lg {
  margin-top: 24px;
  box-shadow: none;
}
@media (max-width: 767px) {
  .education_webinars .comments__btn.btn--lg {
    font-size: 20px;
    font-weight: 700;
  }
}
.education_webinars .comments__list {
  margin-top: 40px;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 16px;
}
@media (max-width: 998px) {
  .education_webinars .comments__list {
    display: flex;
    flex-direction: column;
  }
}
@media (max-width: 998px) {
  .education_webinars .special {
    margin-bottom: -20px;
  }
}
.education_webinars .special__list {
  display: flex;
  margin: 24px -12px 0;
}
@media (max-width: 998px) {
  .education_webinars .special__list {
    overflow: auto;
    margin-left: -14px;
    margin-right: -14px;
    padding: 0;
  }
  .education_webinars .special__list::-webkit-scrollbar {
    display: none;
  }
}
.education_webinars .special__more-btn.btn--lg {
  font-size: 20px;
  margin: 24px auto 0;
  display: block;
  width: fit-content;
  box-shadow: none;
}
@media (max-width: 998px) {
  .education_webinars .special__more-btn.btn--lg {
    font-size: 20px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
}
.education_webinars .special__container {
  position: relative;
  padding: 0;
  padding-bottom: 30px;
}
.education_webinars .special__more-btn {
  display: flex !important;
  align-items: center;
  justify-content: center;
  width: 304px;
  border: 1px solid #E9E9E9;
  border-radius: 20px;
  align-self: stretch;
  height: 316px;
}
@media (max-width: 998px) {
  .education_webinars .special__more-btn {
    flex-shrink: 0;
    width: 100%;
    height: 100%;
  }
}
.education_webinars .special__more-btn a {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #979797;
  cursor: pointer;
}
.education_webinars .special__more-btn a svg {
  margin-left: 12px;
}
.education_webinars .special .slick-arrow {
  position: absolute;
  left: calc(50% - 12px);
  bottom: 0;
  color: transparent;
  border: 1px solid #979797;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  background-color: transparent;
  cursor: pointer;
  z-index: 1;
}
.education_webinars .special .slick-arrow::before {
  content: "";
  display: flex;
  position: absolute;
  top: 50%;
  left: 55%;
  transform: translate(-36%, -50%) rotate(135deg);
  border-radius: 1px;
  width: 10px;
  height: 10px;
  border: 2px solid #979797;
  border-top: none;
  border-left: none;
}
.education_webinars .special .slick-arrow:hover {
  background-color: #2D2D2D;
  border-color: #2D2D2D;
}
.education_webinars .special .slick-arrow:hover::before {
  border-color: #fff;
}
.education_webinars .special .slick-prev {
  transform: translateX(-28px);
}
.education_webinars .special .slick-next {
  transform: rotate(180deg);
  left: calc(50% + 12px);
}
.education_webinars .special .slick-list {
  padding-bottom: 64px;
}
.education_webinars .iframe {
  margin-top: 40px;
  padding-bottom: 40px;
}
.education_webinars .iframe__wrapper {
  width: 100%;
  height: 464px;
  border-radius: 20px;
  overflow: hidden;
}
@media (max-width: 998px) {
  .education_webinars .iframe__wrapper {
    height: 420px;
  }
}
@media (max-width: 767px) {
  .education_webinars .iframe__wrapper {
    height: 300px;
  }
}
@media (max-width: 580px) {
  .education_webinars .iframe__wrapper {
    height: 177px;
  }
}
.education_webinars .iframe__descr {
  margin-top: 40px;
  font-size: 16px;
}
.education_webinars .event-author, .education_webinars .event-place {
  display: flex;
  align-items: center;
  margin-top: auto;
}
@media (max-width: 998px) {
  .education_webinars .event-author, .education_webinars .event-place {
    display: none;
  }
}
.education_webinars .event-author__img, .education_webinars .event-place__img {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  margin-right: 8px;
  background: 50% 50% no-repeat;
  background-size: cover;
}
.education_webinars .event-author__name, .education_webinars .event-place__name {
  font-size: 14px;
  text-transform: uppercase;
  margin-right: 8px;
}
.education_webinars .event-author__qty, .education_webinars .event-place__qty {
  color: #fff;
  font-size: 10px;
  font-weight: 700;
  line-height: 1.2;
  padding: 3px 6px 1px;
  background-color: #979797;
  border-radius: 9px;
  text-align: center;
}
.education_webinars .event-place .image {
  border-radius: 50%;
  height: 20px;
  width: 20px;
  margin-right: 8px;
  background-size: 16px;
  background: url(../img/event/ico-webinar-place.svg) 50% 50% no-repeat;
}
@media (max-width: 767px) {
  .education_webinars .event-place .image {
    background-size: auto 14px;
  }
}
.education_webinars.webinar_detail {
  margin-bottom: 40px;
}
.education_webinars.webinar_detail .container2 {
  padding-top: 50px;
}
.education_webinars.webinar_detail .top_card .webinar-card__tag {
  height: auto;
}
.education_webinars.webinar_detail .top_card .webinar-card__tag.--with-points {
  padding: 9px 8px 6px;
}
.education_webinars.webinar_detail .top_card .webinar-card__title {
  font-size: 32px;
  line-height: 1.2;
  margin-top: 4px;
}
@media (min-width: 768px) {
  .education_webinars.webinar_detail .top_card .webinar-card__title {
    margin-bottom: auto;
  }
}
@media (max-width: 767px) {
  .education_webinars.webinar_detail .top_card .webinar-card__title {
    font-size: 20px;
    line-height: 1.2;
  }
}
.education_webinars.webinar_detail .top_card .event-date {
  font-size: 20px;
  margin-top: 22px;
  margin-top: 12px;
}
@media (max-width: 767px) {
  .education_webinars.webinar_detail .webinar-card.top_card {
    height: auto;
  }
  .education_webinars.webinar_detail .webinar-card.top_card .webinar-card__img {
    height: 120px;
  }
}
.education_webinars.webinar_reg_success {
  max-width: none;
}
@media (min-width: 768px) {
  .education_webinars.webinar_reg_success {
    padding: 0;
  }
}
@media (max-width: 767px) {
  .education_webinars.webinar_reg_success {
    background: #C3D8E2 url(../img/event/ellipse.png) -20% 240px no-repeat;
    background-size: 650px auto;
  }
  .education_webinars.webinar_reg_success .reg-finish {
    background-color: transparent;
  }
}
.education_webinars .reg-finish {
  padding-top: 76px;
  padding-bottom: 34px;
  position: relative;
  background-color: #C3D8E2;
  overflow: hidden;
}
@media (max-width: 998px) {
  .education_webinars .reg-finish {
    padding-top: 60px;
  }
}
.education_webinars .reg-finish__img {
  position: absolute;
  left: 43%;
  bottom: -65%;
  width: 844px;
}
@media (max-width: 998px) {
  .education_webinars .reg-finish__img {
    width: 640px;
    left: 0;
    bottom: -47%;
  }
}
.education_webinars .reg-finish__block {
  display: flex;
  height: fit-content;
  position: relative;
  border-radius: 30px;
  background-color: #fff;
  padding: 12px;
  min-height: 400px;
  width: fit-content;
  max-width: 712px;
}
@media (max-width: 998px) {
  .education_webinars .reg-finish__block {
    flex-direction: column;
    margin-left: auto;
    margin-right: auto;
  }
}
@media (max-width: 580px) {
  .education_webinars .reg-finish__block {
    width: 100%;
  }
}
.education_webinars .reg-finish__btn {
  margin-top: 40px;
  box-shadow: none !important;
}
.education_webinars .reg-finish__title {
  font-size: 26px;
  font-weight: 700;
  line-height: 1.2;
  margin-top: 8px;
}
@media (max-width: 998px) {
  .education_webinars .reg-finish__title {
    font-size: 24px;
    margin-top: 18px;
    padding-right: 100px;
  }
}
.education_webinars .reg-finish__text {
  line-height: 1.2;
}
.education_webinars .reg-finish .webinar-card {
  flex-direction: column-reverse;
  height: 100%;
  max-width: 234px;
  width: 100%;
  border: 1px solid rgba(0, 0, 0, 0.05);
  margin-right: 20px;
  flex-shrink: 0;
}
@media (max-width: 998px) {
  .education_webinars .reg-finish .webinar-card {
    margin-right: 0;
    width: 100%;
    max-width: 100%;
    flex-direction: row-reverse;
  }
}
.education_webinars .reg-finish .webinar-card__left {
  padding: 12px;
  height: fit-content;
  min-height: 120px;
}
@media (max-width: 998px) {
  .education_webinars .reg-finish .webinar-card__left {
    height: auto;
    min-height: unset;
    margin-right: auto;
  }
}
.education_webinars .reg-finish .webinar-card__img {
  position: relative;
  width: 100%;
  height: 100%;
  min-height: 254px;
}
@media (max-width: 998px) {
  .education_webinars .reg-finish .webinar-card__img {
    width: 80px;
    height: auto;
  }
}
.education_webinars .reg-finish .webinar-card__img::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.2);
}
@media (max-width: 998px) {
  .education_webinars .reg-finish .webinar-card__img {
    min-height: unset;
  }
}
.education_webinars .reg-finish .webinar-card__img img {
  height: 254px;
}
@media (max-width: 998px) {
  .education_webinars .reg-finish .webinar-card__img img {
    height: 100%;
  }
}
.education_webinars .reg-finish .webinar-card__tags {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 100%;
  padding: 16px;
}
.education_webinars .reg-finish .webinar-card__tag {
  margin-bottom: 6px;
}
.education_webinars .reg-finish .webinar-card__buttons {
  display: none;
}
.education_webinars .reg-finish .webinar-card__title {
  font-size: 16px;
  margin-top: 0;
}
.education_webinars .reg-finish .webinar-card .event-date {
  font-size: 14px;
  margin-top: auto;
}
@media (max-width: 998px) {
  .education_webinars .reg-finish .webinar-card .event-date {
    margin-top: 12px;
  }
}
.education_webinars .reg-finish__part {
  margin-top: 20px;
  display: flex;
  flex-direction: column;
}
.education_webinars .reg-finish__right {
  display: flex;
  flex-direction: column;
}
.education_webinars .reg-finish__row {
  display: flex;
  align-items: start;
  font-size: 16px;
  line-height: 1.2;
}
.education_webinars .reg-finish__row:not(:first-child) {
  margin-top: 12px;
}
.education_webinars .reg-finish__row svg {
  margin-right: 8px;
  flex-shrink: 0;
}
.education_webinars .reg-finish__row:last-child {
  padding-left: 30px;
  margin-top: 16px;
}
.education_webinars .reg-finish__row a {
  color: #22B3FF;
  cursor: pointer;
  text-decoration: underline;
}
.education_webinars .reg-finish__row a:hover {
  color: #57c5ff;
}
.education_webinars .reg-finish__row.envelope_wrap svg {
  position: relative;
  top: 2px;
}
.education_webinars .reg-finish .form-group {
  width: 100%;
}
.education_webinars .reg-finish .form-group label {
  font-weight: 400;
}
.education_webinars .reg-finish .form-group__descr {
  font-size: 12px;
  color: #979797;
  margin-top: 2px;
}
.education_webinars .reg-finish .form-group .error-message {
  font-weight: 400;
  font-style: normal;
}
.education_webinars .reg-finish .form-group .error-message, .education_webinars .reg-finish .form-group .form-group__descr {
  display: none;
}
.education_webinars .reg-finish .form-group.error .form-control {
  color: #2d2d2d;
  border-color: #b2b2b2;
}
.education_webinars .reg-finish .form-group.error .error-message {
  display: block;
}
.education_webinars .reg-finish .btn {
  padding: 12px 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: fit-content;
  font-size: 20px;
  box-shadow: none;
  line-height: 1.2;
  margin-top: auto;
  font-weight: 700;
}
@media (max-width: 998px) {
  .education_webinars .reg-finish .btn {
    width: 100%;
    margin-top: 16px;
  }
}
.education_webinars.education_workshops .webinar-card {
  background-color: #E2E4F3;
}
.education_webinars.education_workshops .pre-star {
  font-size: 16px;
  font-weight: 700;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 54px;
  width: 54px;
  transform: rotate(-16deg);
  background: url(../img/workshop/pre-star.svg) 50% 50% no-repeat;
  background-size: contain;
}
.education_webinars.education_workshops .pre-star:before {
  content: "-";
}
.education_webinars.education_workshops .pre-star:after {
  content: "%";
}
.education_webinars.education_workshops .pre-tag {
  background-color: #49E3A4;
  border-bottom-left-radius: 20px;
  font-weight: 700;
  font-size: 14px;
  padding: 0 16px;
  height: 44px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 10;
  cursor: pointer;
}
@media (max-width: 767px) {
  .education_webinars.education_workshops .pre-tag {
    padding: 0 12px;
    height: 28px;
    font-size: 10px;
    border-bottom-left-radius: 16px;
  }
}
.education_webinars.education_workshops .pre-tag:after {
  content: "ПРЕДЗАПИСЬ";
}
.education_webinars.education_workshops .pre-tag:hover .tooltip {
  display: block;
}
.education_webinars.education_workshops .pre-tag .tooltip {
  background-color: #fff;
  padding: 8px 12px;
  border-radius: 6px;
  position: absolute;
  top: 48px;
  right: 8px;
  box-shadow: 0px 0px 16px 0px rgba(19, 7, 31, 0.14);
  font-weight: 400;
  width: 240px;
  display: none;
}
.education_webinars.education_workshops .pre-tag.code_access:after {
  content: "ДОСТУП ПО КОДУ";
}
.education_webinars.education_workshops .price_wrap {
  display: flex;
  align-items: flex-end;
}
.education_webinars.education_workshops .price_wrap .price {
  font-size: 28px;
  line-height: 1;
}
@media (max-width: 767px) {
  .education_webinars.education_workshops .price_wrap .price {
    font-size: 24px;
  }
}
.education_webinars.education_workshops .price_wrap .price:after {
  content: " ₽";
}
.education_webinars.education_workshops .price_wrap .old_price {
  font-size: 10px;
  text-decoration-line: line-through;
  color: rgba(45, 45, 45, 0.6);
  margin-left: 8px;
}
.education_webinars.education_workshops .price_wrap .old_price:after {
  content: " ₽";
}
.education_webinars.education_workshops .price_wrap .pre-star {
  transform: rotate(16deg);
  margin-left: 8px;
}
@media (max-width: 767px) {
  .education_webinars.education_workshops .price_wrap .pre-star {
    transform: rotate(-16deg);
    height: 42px;
    width: 42px;
    font-size: 12px;
  }
}
@media (max-width: 767px) {
  .education_webinars.education_workshops .banner.workshop_pre {
    flex-direction: row;
  }
}
.education_webinars.education_workshops .banner.workshop_pre .webinar-card__left {
  padding: 16px 20px 6px;
}
@media (max-width: 767px) {
  .education_webinars.education_workshops .banner.workshop_pre .webinar-card__left {
    min-height: 0;
    padding: 12px;
  }
}
.education_webinars.education_workshops .banner.workshop_pre .webinar-card__title {
  font-size: 24px;
  margin-top: 0;
}
@media (min-width: 768px) {
  .education_webinars.education_workshops .banner.workshop_pre .webinar-card__title {
    -webkit-line-clamp: 3;
    line-height: 29px;
  }
}
@media (max-width: 767px) {
  .education_webinars.education_workshops .banner.workshop_pre .webinar-card__title {
    font-size: 18px;
  }
}
.education_webinars.education_workshops .banner.workshop_pre .pre_wrap {
  font-size: 16px;
  display: flex;
  align-items: center;
}
@media (max-width: 767px) {
  .education_webinars.education_workshops .banner.workshop_pre .pre_wrap {
    margin-top: 8px;
  }
}
.education_webinars.education_workshops .banner.workshop_pre .pre_wrap .pre-star {
  margin-right: 8px;
  height: 56px;
  width: 56px;
  font-size: 17px;
}
@media (max-width: 767px) {
  .education_webinars.education_workshops .banner.workshop_pre .pre_wrap .pre-star {
    font-size: 14px;
  }
}
.education_webinars.education_workshops .banner.workshop_pre .webinar-card__img {
  position: relative;
}
@media (max-width: 767px) {
  .education_webinars.education_workshops .banner.workshop_pre .webinar-card__img {
    width: 100px;
  }
}
.education_webinars.education_workshops.webinars_index .page-content {
  flex-direction: column;
}
.education_webinars.education_workshops.webinars_index .h2 {
  font-size: 26px;
  font-style: normal;
  font-weight: 700;
}
.education_webinars.education_workshops.webinars_index .workshop-index-banner {
  margin-bottom: 26px;
}
@media (max-width: 767px) {
  .education_webinars.education_workshops.webinars_index .workshop-index-banner {
    margin-bottom: 12px;
  }
}
@media (max-width: 767px) {
  .education_webinars.education_workshops.webinars_index .sort_wrap {
    flex-direction: column;
    align-items: flex-start;
  }
}
@media (min-width: 768px) {
  .education_webinars.education_workshops.webinars_index .page-right {
    width: 100%;
  }
  .education_webinars.education_workshops.webinars_index .sort_wrap {
    justify-content: space-between;
    margin-bottom: 32px;
    margin-top: 16px;
  }
  .education_webinars.education_workshops.webinars_index .h1 {
    margin-bottom: 0;
    line-height: 1;
  }
  .education_webinars.education_workshops.webinars_index .course-list__item {
    width: 33.33334%;
  }
}
.education_webinars.education_workshops.webinars_index .course-item {
  background-color: #E2E4F3;
}
@media (max-width: 767px) {
  .education_webinars.education_workshops.webinars_index .course-item__bottom {
    justify-content: flex-start;
    padding: 9px 12px 4px;
  }
  .education_webinars.education_workshops.webinars_index .course-item__bottom .title {
    -webkit-line-clamp: 2;
    line-height: 18px;
    margin-top: 1px;
  }
}
@media (max-width: 767px) {
  .education_webinars.education_workshops.webinars_index .course-item .date {
    margin-top: 12px;
  }
  .education_webinars.education_workshops.webinars_index .course-item .date .image {
    position: relative;
    top: -1px;
  }
}
.education_webinars.education_workshops.webinars_index .course-item .pre-tag {
  padding: 0 12px;
  height: 38px;
  font-size: 12px;
  border-bottom-left-radius: 16px;
}
@media (max-width: 767px) {
  .education_webinars.education_workshops.webinars_index .course-item .pre-tag {
    height: 20px;
    font-size: 8px;
    border-bottom-left-radius: 10px;
    padding: 0 8px;
  }
}
.education_webinars.education_workshops.webinars_index .course-item .price_wrap {
  height: 54px;
}
@media (max-width: 767px) {
  .education_webinars.education_workshops.webinars_index .course-item .price_wrap {
    height: 48px;
  }
}
.education_webinars.education_workshops.webinars_index .ordik {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 26px auto 0;
  padding: 0 12px;
}
@media (max-width: 767px) {
  .education_webinars.education_workshops.webinars_index .ordik {
    align-items: flex-end;
    justify-content: flex-start;
    padding: 0;
    width: 100%;
    margin: auto;
    background: url(../img/workshop/ordik-bubble-mobile.svg) calc(100% - 14px) 50% no-repeat;
    background-size: contain;
    margin-top: 20px;
    padding: 0 14px;
  }
}
.education_webinars.education_workshops.webinars_index .ordik > img {
  margin-right: 25px;
}
@media (max-width: 767px) {
  .education_webinars.education_workshops.webinars_index .ordik > img {
    width: 16.5%;
    margin-right: 8px;
  }
}
.education_webinars.education_workshops.webinars_index .ordik .bubble {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 505px;
  color: #979797;
  padding: 24px;
  background: url(../img/workshop/ordik-bubble-desktop.svg) 50% 50% no-repeat;
  background-size: contain;
  font-size: 14px;
  line-height: 1.1;
  height: 110px;
}
@media (max-width: 767px) {
  .education_webinars.education_workshops.webinars_index .ordik .bubble {
    flex-direction: column;
    align-items: flex-start;
    height: auto;
    width: auto;
    padding: 17px 30px;
    background: none;
    flex-shrink: 0;
  }
}
.education_webinars.education_workshops.webinars_index .ordik .bubble .left {
  max-width: 238px;
}
@media (max-width: 767px) {
  .education_webinars.education_workshops.webinars_index .ordik .bubble .left {
    max-width: none;
    flex-grow: 1;
  }
}
.education_webinars.education_workshops.webinars_index .ordik .bubble .title {
  font-weight: 700;
  font-size: 20px;
  margin-bottom: 4px;
  color: #2d2d2d;
}
@media (max-width: 767px) {
  .education_webinars.education_workshops.webinars_index .ordik .bubble .title {
    font-size: 18px;
  }
}
.education_webinars.education_workshops.webinars_index .ordik .bubble .btn {
  height: 42px;
  padding: 0 20px;
  font-size: 16px;
  flex-shrink: 0;
  box-shadow: none;
  font-weight: 700;
}
@media (max-width: 767px) {
  .education_webinars.education_workshops.webinars_index .ordik .bubble .btn {
    margin-top: 16px;
  }
}
@media (min-width: 768px) {
  .education_webinars.education_workshops.webinars_index .ordik:nth-child(3n+2) {
    margin-top: 0;
  }
  .education_webinars.education_workshops.webinars_index .ordik:nth-child(3n+3) {
    margin-top: 0;
    width: 33.33334%;
    align-items: flex-end;
    margin-bottom: 24px;
  }
  .education_webinars.education_workshops.webinars_index .ordik:nth-child(3n+3) > img {
    width: 43px;
    margin-right: 12px;
  }
  .education_webinars.education_workshops.webinars_index .ordik:nth-child(3n+3) .bubble {
    width: auto;
    height: 100%;
    padding: 35px 26px;
    font-size: 16px;
    flex-direction: column;
    line-height: 1.2;
    background-image: url(../img/workshop/ordik-bubble-desktop-small.svg);
    align-items: flex-start;
    flex-grow: 1;
  }
  .education_webinars.education_workshops.webinars_index .ordik:nth-child(3n+3) .bubble .left {
    max-width: 180px;
  }
  .education_webinars.education_workshops.webinars_index .ordik:nth-child(3n+3) .bubble .title {
    font-size: 26px;
    margin-bottom: 16px;
  }
  .education_webinars.education_workshops.webinars_index .ordik:nth-child(3n+3) .bubble .btn {
    margin-top: auto;
  }
}
.education_webinars.education_workshops.webinar_detail {
  margin-bottom: -90px;
}
@media (min-width: 768px) {
  .education_webinars.education_workshops.webinar_detail .container1 {
    padding-bottom: 40px;
  }
  .education_webinars.education_workshops.webinar_detail .container2 {
    padding-top: 0;
  }
  .education_webinars.education_workshops.webinar_detail .event-block:first-child {
    margin-top: 0;
  }
}
.education_webinars.education_workshops.webinar_detail .record_available_text {
  margin-top: 16px;
}
@media (max-width: 767px) {
  .education_webinars.education_workshops.webinar_detail .webinar-card__left {
    background-color: #E2E4F3;
  }
}
@media (max-width: 767px) {
  .education_webinars.education_workshops.webinar_detail .top_card .pre-tag {
    border-bottom-left-radius: 20px;
    font-size: 14px;
    padding: 0 16px;
    height: 44px;
  }
}
.education_webinars.education_workshops.webinar_detail .study-result {
  margin-top: 16px;
  border-radius: 20px;
  background-color: #E2E4F3;
  padding: 12px;
  display: flex;
  font-size: 20px;
  font-weight: 700;
}
@media (max-width: 767px) {
  .education_webinars.education_workshops.webinar_detail .study-result {
    flex-direction: column-reverse;
    font-size: 18px;
  }
}
.education_webinars.education_workshops.webinar_detail .study-result .left {
  padding: 8px;
}
@media (max-width: 767px) {
  .education_webinars.education_workshops.webinar_detail .study-result .left {
    padding: 16px 0 32px;
    min-height: 90px;
  }
}
.education_webinars.education_workshops.webinar_detail .study-result img {
  border-radius: 12px;
}
.education_webinars.education_workshops.webinar_detail .event-aside .price_wrap {
  background-color: #F5F5F5;
  border-radius: 8px;
  padding: 8px 12px;
  height: 50px;
  font-weight: 400;
}
.education_webinars.education_workshops.webinar_detail .event-aside .price_wrap .price {
  font-size: 28px;
}
.education_webinars.education_workshops.webinar_detail .event-aside .price_wrap .old_price {
  margin-left: 10px;
}
.education_webinars.education_workshops.webinar_detail .event-aside .price_wrap .pre-star {
  margin-left: auto;
  font-size: 24px;
  transform: rotate(16deg);
  height: 76px;
  width: 76px;
}
@media (max-width: 767px) {
  .education_webinars.education_workshops.webinar_detail .event-aside .price_wrap .pre-star {
    margin-right: 16px;
  }
}
.education_webinars.education_workshops.webinar_detail .pre_tooltip {
  margin-top: 16px;
  margin-bottom: 2px;
}
@media (max-width: 767px) {
  .education_webinars.education_workshops.webinar_detail .special {
    margin-bottom: 0;
  }
}
@media (max-width: 767px) {
  .education_webinars.education_workshops.webinar_detail .reg-modal--new .webinar-card__left {
    padding-bottom: 6px;
  }
}
.education_webinars.education_workshops.webinar_detail .reg-modal--new .webinar-card__title {
  line-height: 1.2;
  margin-top: 0px;
}
@media (max-width: 767px) {
  .education_webinars.education_workshops.webinar_detail .reg-modal--new .webinar-card__title {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
  }
}
.education_webinars.education_workshops.webinar_detail .reg-modal--new .event-date {
  margin-top: auto;
  font-size: 16px;
}
@media (max-width: 767px) {
  .education_webinars.education_workshops.webinar_detail .reg-modal--new .event-date .event-date__icon {
    left: -2px;
    margin-right: 8px;
  }
}
.education_webinars.education_workshops.webinar_detail .reg-modal--new .price_wrap {
  height: 54px;
}
@media (max-width: 767px) {
  .education_webinars.education_workshops.webinar_detail .reg-modal--new .price_wrap {
    height: 42px;
    margin-top: 12px;
  }
}
@media (max-width: 767px) {
  .education_webinars.education_workshops.webinar_detail .reg-modal--new .price_wrap .price {
    font-size: 28px;
  }
}
.education_webinars.education_workshops.webinar_detail .reg-modal--new .price_wrap .pre-star {
  position: relative;
  top: 14px;
}
@media (max-width: 767px) {
  .education_webinars.education_workshops.webinar_detail .reg-modal--new .price_wrap .pre-star {
    top: 2px;
  }
}
.education_webinars.education_workshops.webinar_detail .about-course__info {
  width: 100%;
  display: block;
  margin-top: 24px;
}
.education_webinars.education_workshops.webinar_detail .about-course__info-img {
  border-bottom: 1px solid #e9e9e9;
  padding-bottom: 24px;
}
.education_webinars.education_workshops.webinar_detail .about-course__info-img.--mob {
  display: none;
  align-items: center;
  justify-content: center;
}
@media (max-width: 767px) {
  .education_webinars.education_workshops.webinar_detail .about-course__info-img.--mob {
    display: flex;
  }
}
.education_webinars.education_workshops.webinar_detail .about-course__info-text {
  margin-top: 24px;
}
.education_webinars.education_workshops.webinar_detail .about-course__info-text ul {
  display: flex;
  flex-direction: column;
  margin-top: 12px;
}
.education_webinars.education_workshops.webinar_detail .about-course__info-text ul li {
  padding-left: 24px;
  position: relative;
}
.education_webinars.education_workshops.webinar_detail .about-course__info-text ul li:not(:last-child) {
  margin-bottom: 8px;
}
.education_webinars.education_workshops.webinar_detail .about-course__info-text ul li:before {
  content: "";
  position: absolute;
  width: 3px;
  height: 3px;
  border-radius: 50%;
  overflow: hidden;
  background-color: #2d2d2d;
  top: 10px;
  left: 10px;
}
.education_webinars.education_workshops.webinar_detail .about-course__info-title {
  margin-top: 12px;
  font-weight: 700;
}
.education_webinars.education_workshops.webinar_detail .about-course__benefits {
  display: flex;
  flex-direction: column;
  margin-top: 24px;
}
.education_webinars.education_workshops.webinar_detail .about-course__benefits li {
  padding: 24px 40px 24px 20px;
  background-color: #e3e4f9;
  border-radius: 20px;
  display: flex;
  font-size: 20px;
  align-items: stretch;
}
.education_webinars.education_workshops.webinar_detail .about-course__benefits li:not(:last-child) {
  margin-bottom: 12px;
}
.education_webinars.education_workshops.webinar_detail .about-course__benefits-img {
  margin-right: 16px;
  width: 28px;
  background: 50% 0 no-repeat;
  flex-shrink: 0;
}
.education_webinars.education_workshops.webinar_detail .author {
  padding: 20px 16px;
  border-radius: 20px;
  border: 1px solid #e9e9e9;
  margin-top: 16px;
  display: flex;
}
@media (max-width: 998px) {
  .education_webinars.education_workshops.webinar_detail .author {
    padding: 12px;
  }
}
.education_webinars.education_workshops.webinar_detail .author__img {
  margin-right: 20px;
  width: 100px;
  height: 100px;
  border-radius: 50%;
  overflow: hidden;
  flex-shrink: 0;
}
@media (max-width: 998px) {
  .education_webinars.education_workshops.webinar_detail .author__img {
    width: 72px;
    height: 72px;
  }
}
.education_webinars.education_workshops.webinar_detail .author__img img {
  width: 100%;
}
.education_webinars.education_workshops.webinar_detail .author__name {
  font-size: 20px;
  font-weight: 700;
}
.education_webinars.education_workshops.webinar_detail .author__list {
  display: flex;
  flex-direction: column;
  margin-top: 16px;
}
@media (max-width: 998px) {
  .education_webinars.education_workshops.webinar_detail .author__list {
    margin-top: 12px;
  }
}
.education_webinars.education_workshops.webinar_detail .author__item {
  position: relative;
  padding-left: 20px;
}
.education_webinars.education_workshops.webinar_detail .author__item:not(:last-child) {
  margin-bottom: 4px;
}
.education_webinars.education_workshops.webinar_detail .author__item::before {
  content: "";
  position: absolute;
  left: 3px;
  top: 6px;
  width: 6px;
  height: 6px;
  background-color: #2d2d2d;
  border-radius: 50%;
}
.education_webinars.education_workshops.webinar_detail .extremism {
  margin: 50px calc(-70vw + 70%);
  background-color: #2d2d2d;
  color: #fff;
  padding: 40px 0;
}
@media (max-width: 998px) {
  .education_webinars.education_workshops.webinar_detail .extremism {
    margin-top: 40px;
  }
}
.education_webinars.education_workshops.webinar_detail .extremism__container {
  width: 100%;
  max-width: 632px;
  margin: 0 auto;
  padding: 0;
}
@media (max-width: 998px) {
  .education_webinars.education_workshops.webinar_detail .extremism__container {
    max-width: unset;
  }
}
.education_webinars.education_workshops.webinar_detail .extremism__title {
  font-size: 26px;
  font-weight: 700;
}
@media (max-width: 998px) {
  .education_webinars.education_workshops.webinar_detail .extremism__title {
    padding: 0 14px;
  }
}
.education_webinars.education_workshops.webinar_detail .extremism ul {
  margin-top: 24px;
  display: grid;
  gap: 24px;
  grid-template-columns: repeat(2, 1fr);
}
@media (max-width: 998px) {
  .education_webinars.education_workshops.webinar_detail .extremism ul {
    display: flex;
    flex-direction: column;
    gap: 12px 0;
    padding: 0 14px;
  }
}
.education_webinars.education_workshops.webinar_detail .extremism li {
  padding: 24px 20px;
  display: flex;
  flex-direction: column;
  background-color: #3f3e3e;
  border-radius: 20px;
}
@media (min-width: 768px) {
  .education_webinars.education_workshops.webinar_detail .extremism li:nth-child(odd):last-child {
    grid-column: span 2;
  }
}
.education_webinars.education_workshops.webinar_detail .extremism__name {
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 12px;
}
.education_webinars.education_workshops.webinar_detail .extremism__name img {
  margin-left: 4px;
}
.education_webinars.education_workshops.webinar_detail .extremism__footer {
  padding: 20px 0;
  display: flex;
  align-items: center;
  margin-top: 24px;
}
@media (max-width: 998px) {
  .education_webinars.education_workshops.webinar_detail .extremism__footer {
    padding: 0 14px;
  }
}
.education_webinars.education_workshops.webinar_detail .extremism__footer-img {
  flex-shrink: 0;
}
.education_webinars.education_workshops.webinar_detail .extremism__footer-text {
  font-size: 32px;
  font-weight: 700;
}
@media (max-width: 767px) {
  .education_webinars.education_workshops.webinar_detail .extremism__footer-text {
    font-size: 24px;
  }
}
.education_webinars.education_workshops.webinar_detail .learning-cards {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 24px;
  margin-top: 16px;
}
@media (max-width: 998px) {
  .education_webinars.education_workshops.webinar_detail .learning-cards {
    display: flex;
    flex-direction: column;
    margin: 24px auto 0;
    width: fit-content;
  }
}
.education_webinars.education_workshops.webinar_detail .learning-cards__item {
  display: flex;
  flex-direction: column;
}
@media (max-width: 998px) {
  .education_webinars.education_workshops.webinar_detail .learning-cards__item {
    width: 100%;
    max-width: 420px;
  }
}
.education_webinars.education_workshops.webinar_detail .learning-cards__img {
  border-radius: 20px;
  overflow: hidden;
  flex-shrink: 0;
}
.education_webinars.education_workshops.webinar_detail .learning-cards__img img {
  width: 100%;
}
.education_webinars.education_workshops.webinar_detail .learning-cards__row {
  display: flex;
  flex-wrap: wrap;
  margin-top: 12px;
}
.education_webinars.education_workshops.webinar_detail .learning-cards__tag {
  padding: 8px 12px;
  font-size: 14px;
  font-weight: 700;
  background-color: #2d2d2d;
  color: #fff;
  border-radius: 30px;
}
.education_webinars.education_workshops.webinar_detail .learning-cards__text {
  margin-top: 12px;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 5;
  display: -webkit-box;
}
.education_webinars.education_workshops.webinar_detail .questions.--about-course {
  flex-direction: column;
}
@media (max-width: 998px) {
  .education_webinars.education_workshops.webinar_detail .questions.--about-course {
    margin-top: 40px;
  }
}
.education_webinars.education_workshops.webinar_detail .questions.--about-course .questions__title {
  font-size: 26px;
}
.education_webinars.education_workshops.webinar_detail .questions.--about-course .questions__wrapper {
  margin-top: 24px;
  background-color: #f5f5f5;
}
.education_webinars.education_workshops.webinar_detail .contacts-wrapper {
  margin-top: 16px;
}
.education_webinars.education_workshops.webinar_detail .contacts-wrapper a.blue {
  color: #22B3FF;
}
.education_webinars.education_workshops.webinar_detail .contacts-block {
  padding: 12px;
  border-radius: 20px;
  background-color: #f5f5f5;
  display: flex;
  width: 100%;
  max-width: 386px;
}
.education_webinars.education_workshops.webinar_detail .contacts-block__img {
  border-radius: 50%;
  overflow: hidden;
  width: 68px;
  height: 68px;
  flex-shrink: 0;
  margin-right: 12px;
}
.education_webinars.education_workshops.webinar_detail .contacts-block__body {
  display: flex;
  flex-direction: column;
}
.education_webinars.education_workshops.webinar_detail .contacts-block__body-name {
  font-size: 18px;
  font-weight: 700;
}
.education_webinars.education_workshops.webinar_detail .contacts-block__body-mail {
  cursor: pointer;
  color: #2283ff;
  font-size: 16px;
  margin-top: 4px;
}
.education_webinars.education_workshops.webinar_detail .contacts-block__body-mail:hover {
  text-decoration: underline;
}
.education_webinars.education_workshops.webinar_detail .contacts-block__body-tel {
  cursor: pointer;
  margin-top: 4px;
}
.education_webinars.education_workshops.webinar_detail .contacts-block__body-tel:hover {
  text-decoration: underline;
}
.education_webinars.education_workshops.webinar_detail .questions-block {
  width: 100%;
  background-color: #C2E5F7;
  padding: 60px 0;
  line-height: 1.2;
  margin-bottom: 0;
}
@media (max-width: 767px) {
  .education_webinars.education_workshops.webinar_detail .questions-block {
    margin-top: 30px;
  }
}
.education_webinars.education_workshops.webinar_detail .questions-block__container {
  position: relative;
}
.education_webinars.education_workshops.webinar_detail .questions-block__wrapper {
  padding: 24px 20px;
  display: flex;
  flex-direction: column;
  border-radius: 20px;
  background-color: #fff;
  width: 100%;
  max-width: 714px;
  position: relative;
  z-index: 10;
}
.education_webinars.education_workshops.webinar_detail .questions-block__title {
  font-size: 26px;
  font-weight: 700;
}
.education_webinars.education_workshops.webinar_detail .questions-block__subtitle {
  margin-top: 12px;
}
.education_webinars.education_workshops.webinar_detail .questions-block__img {
  position: absolute;
  right: -340px;
  top: -70px;
}
@media (max-width: 998px) {
  .education_webinars.education_workshops.webinar_detail .questions-block__img {
    display: none;
  }
}
.education_webinars.education_workshops.webinar_detail .questions-form {
  margin-top: 24px;
}
.education_webinars.education_workshops.webinar_detail .questions-form__list {
  display: grid;
  gap: 24px;
  grid-template-columns: repeat(2, 1fr);
}
@media (max-width: 998px) {
  .education_webinars.education_workshops.webinar_detail .questions-form__list {
    display: flex;
    flex-direction: column;
  }
}
.education_webinars.education_workshops.webinar_detail .questions-form__input:last-child {
  grid-column-start: 1;
  grid-column-end: 3;
}
.education_webinars.education_workshops.webinar_detail .questions-form__input input, .education_webinars.education_workshops.webinar_detail .questions-form__input textarea {
  border: none;
  outline: none;
  padding: 10px 12px 5px 0;
  border-bottom: 1px solid #d1d1d1;
  width: 100%;
  height: 34px;
}
.education_webinars.education_workshops.webinar_detail .questions-form__input input::placeholder, .education_webinars.education_workshops.webinar_detail .questions-form__input textarea::placeholder {
  color: #979797;
}
.education_webinars.education_workshops.webinar_detail .questions-form__btn.btn {
  padding: 13px 40px;
  font-size: 20px;
  line-height: 24px;
  font-weight: 700;
  box-shadow: none;
  margin-top: 24px;
}
.education_webinars.education_workshops.webinar_detail .form-group.form-group--allow.questions-form__checkbox {
  margin-top: 24px;
  margin-bottom: 0;
}
.education_webinars.education_workshops.webinar_detail .form-group.form-group--allow.questions-form__checkbox label {
  max-width: unset;
}
.education_webinars.education_workshops.webinar_detail .about-course__footer {
  margin: 0 calc(-50vw + 50%);
  background-color: #2d2d2d;
  color: #fff;
  line-height: 1.2;
}
@media (max-width: 767px) {
  .education_webinars.education_workshops.webinar_detail .about-course__footer {
    padding-left: 12px;
  }
}
.education_webinars.education_workshops.webinar_detail .about-course__footer-wrapper {
  padding: 16px 0 12px;
  display: flex;
  align-items: center;
}
@media (max-width: 767px) {
  .education_webinars.education_workshops.webinar_detail .about-course__footer-wrapper {
    flex-direction: column;
  }
}
.education_webinars.education_workshops.webinar_detail .about-course__footer-left {
  max-width: 386px;
  width: 100%;
  padding-right: 12px;
}
.education_webinars.education_workshops.webinar_detail .about-course__footer-title {
  font-size: 26px;
  font-weight: 700;
  margin-bottom: 6px;
}
@media (max-width: 767px) {
  .education_webinars.education_workshops.webinar_detail .about-course__footer-img {
    margin-top: 18px;
  }
}
.education_webinars.education_workshops.webinar_detail .page-vers.--about-course {
  margin-bottom: 0;
}
@media (max-width: 767px) {
  .education_webinars.education_workshops.webinar_detail .event-aside__value {
    font-size: 20px;
  }
}
.education_webinars.education_workshops.webinar_detail .event-aside__value .format_wrapper {
  display: flex;
}
.education_webinars.education_workshops.webinar_detail .event-aside__value .format_wrapper .question {
  cursor: pointer;
  position: relative;
  margin-left: 6px;
}
.education_webinars.education_workshops.webinar_detail .event-aside__value .format_wrapper .question:hover .reg-modal__btn-tooltip {
  display: block;
}
.education_webinars.education_workshops.webinar_detail .event-aside__value .format_wrapper .reg-modal__btn-tooltip {
  width: 224px;
  font-size: 14px;
  white-space: wrap;
  padding: 12px;
  font-weight: 400;
  top: 28px;
  right: -104px;
}
@media (max-width: 767px) {
  .education_webinars.education_workshops.webinar_detail .event-aside__value .format_wrapper .reg-modal__btn-tooltip {
    position: absolute;
  }
}
.education_webinars.education_workshops.webinar_detail .event-aside__hint {
  color: rgba(45, 45, 45, 0.4);
  font-size: 12px;
}
@media (max-width: 767px) {
  .education_webinars.education_workshops.webinar_detail .container2 {
    padding-top: 0;
  }
}
.education_webinars.education_workshops.webinar_detail .accordion__control {
  color: #2d2d2d;
}
.education_webinars.education_workshops .special .webinar-card {
  background-color: transparent;
}
.education_webinars.education_workshops .special .webinar-card.--special a:not(.special__more-btn) {
  background-color: #E2E4F3;
}
.education_webinars.education_workshops .special .webinar-card.--special a.special__more-btn {
  font-size: 14px;
}
.education_webinars.education_workshops .special .webinar-card.--special a.special__more-btn:hover {
  opacity: 0.6;
}
@media (max-width: 767px) {
  .education_webinars.education_workshops .special .webinar-card.--special .webinar-card__left {
    background-color: #E2E4F3;
  }
  .education_webinars.education_workshops .special .webinar-card.--special .webinar-card__title {
    -webkit-line-clamp: 2;
    font-size: 18px;
  }
}
.education_webinars.education_workshops .special .event-date {
  margin-top: 12px;
}
.education_webinars.education_workshops .special .price_wrap {
  background-color: transparent;
  border-radius: 0;
  padding: 0;
  margin-top: auto;
}
.education_webinars.education_workshops.webinar_watch .title {
  font-weight: 700;
  font-size: 26px;
}
@media (max-width: 767px) {
  .education_webinars.education_workshops.webinar_watch .title {
    font-size: 24px;
    line-height: 1.2;
  }
}
.education_webinars.education_workshops.webinar_watch .video-wrapper {
  display: flex;
}
@media (max-width: 767px) {
  .education_webinars.education_workshops.webinar_watch .video-wrapper {
    flex-direction: column;
  }
}
.education_webinars.education_workshops.webinar_watch .video-wrapper .iframe {
  flex-grow: 1;
  margin-right: 20px;
}
.education_webinars.education_workshops.webinar_watch .video-wrapper .iframe__wrapper {
  height: 480px;
}
.education_webinars.education_workshops.webinar_watch .video-wrapper .chat {
  margin-top: 40px;
  height: 556px;
}
.education_webinars.education_workshops.webinar_watch .workshop_files {
  display: flex;
  flex-direction: column;
  margin-top: 20px;
  width: 376px;
}
@media (max-width: 767px) {
  .education_webinars.education_workshops.webinar_watch .workshop_files {
    width: 100%;
  }
}
.education_webinars.education_workshops.webinar_watch .workshop_files .workshop_file {
  border: #E9E9E9 1px solid;
  border-radius: 20px;
  padding: 16px;
  padding-left: 48px;
  background: url(../img/workshop/ico-workshop-file.svg) 16px 16px no-repeat;
  font-size: 14px;
  color: rgba(45, 45, 45, 0.6);
  margin-top: 12px;
}
.education_webinars.education_workshops.webinar_watch .workshop_files .workshop_file div {
  color: #2d2d2d;
  font-size: 16px;
}
.education_webinars.education_workshops.webinar_watch .workshop_files .workshop_file a {
  display: inline-block;
  margin-left: 12px;
  color: rgba(45, 45, 45, 0.6);
  text-decoration: underline;
}

#zmmtg-root {
  z-index: 10000;
}

.event-author {
  display: flex;
  align-items: center;
  margin-top: auto;
}
@media (max-width: 998px) {
  .event-author {
    display: none;
  }
}
.event-author__img {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  margin-right: 8px;
}
.event-author__name {
  font-size: 14px;
  text-transform: uppercase;
  margin-right: 8px;
}
.event-author__qty {
  color: #fff;
  font-size: 10px;
  font-weight: 700;
  line-height: 1.2;
  padding: 3px 6px 1px;
  background-color: #979797;
  border-radius: 9px;
  text-align: center;
}

.chat {
  border-radius: 10px;
  border: 1px solid #d1d1d1;
  overflow: hidden;
  width: 100%;
  max-width: 304px;
  display: flex;
  flex-direction: column;
  height: fit-content;
  flex-shrink: 0;
}
@media (max-width: 998px) {
  .chat {
    margin: 20px auto 0;
    max-width: 460px;
  }
}
.chat__counter {
  background-color: #E9E9E9;
  padding: 13px 16px 10px;
  color: rgba(46, 46, 46, 0.6);
  font-size: 14px;
}
.chat__list {
  display: flex;
  flex-direction: column;
  max-height: 448px;
  position: relative;
  -ms-overflow-style: none;
  scrollbar-width: none;
  overflow-y: scroll;
}
.chat__list::-webkit-scrollbar {
  display: none;
}
.chat__item {
  border-top: 1px solid #d1d1d1;
  padding: 12px 16px;
}
.chat__top {
  display: flex;
  line-height: 1.2;
}
.chat__img {
  margin-right: 12px;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  overflow: hidden;
  background-color: #ddd;
  display: flex;
  justify-content: center;
  align-items: center;
}
.chat__name {
  font-size: 14px;
  font-weight: 700;
  margin-top: 1px;
}
.chat__time {
  font-size: 12px;
  color: #979797;
}
.chat__body {
  margin-top: 12px;
}
.chat__msg {
  font-size: 16px;
}
.chat__reply-btn {
  font-size: 14px;
  color: #979797;
}
.chat__reply-btn:hover {
  text-decoration: underline;
  color: #2d2d2d;
  cursor: pointer;
}
.chat__footer {
  padding: 12px 16px;
  border-top: 1px solid #d1d1d1;
  display: flex;
  margin-top: auto;
}
.chat__input {
  width: 100%;
}
.chat__input textarea {
  padding: 10px 12px 5px 0;
  border: none;
  outline: none;
  border-bottom: 1px solid #d1d1d1;
  height: 42px;
  position: relative;
  width: 100%;
  display: flex;
}
.chat__input textarea::placeholder {
  color: #979797;
  font-size: 14px;
  bottom: 0;
  position: absolute;
  left: 0;
  bottom: 5px;
}
.chat__btn {
  padding: 8px 9px 8px 8px;
  border-radius: 8px;
  background-color: #f5f5f5;
  color: #d1d1d1;
  cursor: pointer;
  margin-left: 16px;
  margin-top: auto;
  width: 42px;
  height: 42px;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
  transition: ease-in 0.24s;
}
.chat__btn.active {
  pointer-events: all;
  background-color: #22B3FF;
  color: #fff;
}
.chat__btn.active:hover {
  background-color: #106694;
}

body.ordi_cpk1 .--color-blue {
  color: #22b3ff;
}
body.ordi_cpk1 .--color-purple {
  color: #cca2db;
}
body.ordi_cpk1 .button {
  padding: 14px 52px;
  font-size: 20px;
  font-weight: 700;
  color: #fff;
  background-color: #22b3ff;
  border-radius: 25px;
  cursor: pointer;
}
@media (max-width: 991px) {
  body.ordi_cpk1 .button {
    padding: 13px 35px;
  }
}
body.ordi_cpk1 .entry {
  padding: 40px 0 124px;
  position: relative;
}
@media (max-width: 991px) {
  body.ordi_cpk1 .entry {
    padding: 2px 0 240px;
  }
}
body.ordi_cpk1 .entry__title {
  font-size: 70px;
  text-transform: uppercase;
  display: flex;
  font-weight: 700;
  margin-top: 28px;
  line-height: 1.2;
}
@media (max-width: 991px) {
  body.ordi_cpk1 .entry__title {
    font-size: 50px;
  }
}
body.ordi_cpk1 .entry__title span:first-child {
  color: #fff;
}
body.ordi_cpk1 .entry__subtitle {
  max-width: 468px;
  width: 100%;
  font-size: 20px;
  line-height: 1.2;
}
@media (max-width: 991px) {
  body.ordi_cpk1 .entry__subtitle {
    font-size: 18px;
    margin-top: 14px;
  }
}
body.ordi_cpk1 .entry__button {
  margin-top: 20px;
  display: inline-block;
  border: none;
  transition: ease-in 0.24s;
}
body.ordi_cpk1 .entry__button:hover {
  background-color: #57c5ff;
}
@media (max-width: 991px) {
  body.ordi_cpk1 .entry__button {
    margin-top: 34px;
    padding: 13px 75px;
  }
}
body.ordi_cpk1 .entry__img {
  width: 257px;
  position: absolute;
  right: 45px;
  top: 56px;
}
@media (max-width: 991px) {
  body.ordi_cpk1 .entry__img {
    display: none;
  }
}
body.ordi_cpk1 .entry.--longread {
  padding: 60px 0 76px;
  display: flex;
  flex-direction: column;
}
@media (max-width: 991px) {
  body.ordi_cpk1 .entry.--longread {
    padding: 60px 0 40px;
  }
}
body.ordi_cpk1 .entry.--longread .entry__button {
  margin-top: 0;
  padding: 12px 20px;
  transition: ease-in 0.24s color, ease-in 0.24s background-color;
  font-weight: 700;
  border: 2px solid #22b3ff;
  border-radius: 50px;
  line-height: 1.2;
}
@media (max-width: 991px) {
  body.ordi_cpk1 .entry.--longread .entry__button {
    width: 100%;
    white-space: nowrap;
    text-align: center;
  }
}
body.ordi_cpk1 .entry.--longread .entry__button:hover {
  background-color: #57c5ff;
  border: 2px solid #57c5ff;
}
body.ordi_cpk1 .entry.--longread .entry__button:not(:last-child) {
  margin-right: 12px;
}
body.ordi_cpk1 .entry.--longread .entry__button.--bordered {
  background-color: transparent;
  border: 2px solid #fff;
}
body.ordi_cpk1 .entry.--longread .entry__button.--bordered:hover {
  background-color: #fff;
  color: #333;
}
body.ordi_cpk1 .entry.--longread .entry__buttons {
  margin-top: 44px;
}
@media (max-width: 991px) {
  body.ordi_cpk1 .entry.--longread .entry__buttons {
    order: 1;
    margin-top: 0;
    display: flex;
    justify-content: space-between;
  }
}
body.ordi_cpk1 .entry.--longread .entry__title {
  font-size: 64px;
  margin-top: 0;
}
@media (max-width: 991px) {
  body.ordi_cpk1 .entry.--longread .entry__title {
    font-size: 55px;
    line-height: 1;
    display: flex;
    flex-direction: column;
    margin-top: 0;
  }
}
body.ordi_cpk1 .entry.--longread .entry__subtitle {
  max-width: 548px;
  font-weight: 400;
}
@media (max-width: 991px) {
  body.ordi_cpk1 .entry.--longread .entry__subtitle {
    font-size: 20px;
    width: auto;
    margin-right: 48px;
  }
}
body.ordi_cpk1 .entry.--longread .entry__img {
  width: 390px;
  height: 372px;
  display: flex;
  align-items: center;
  justify-content: center;
  right: -12px;
  top: 0;
  overflow: hidden;
}
@media (max-width: 991px) {
  body.ordi_cpk1 .entry.--longread .entry__img {
    position: static;
    width: 347px;
    margin: 0 auto;
  }
}
body.ordi_cpk1 .section {
  position: relative;
}
body.ordi_cpk1 .section.--entry {
  background-color: #cca2db;
  padding-top: 18px;
}
body.ordi_cpk1 .section.--faq {
  background-color: #EEF1F8;
  padding-bottom: 60px;
}
@media (max-width: 991px) {
  body.ordi_cpk1 .section.--faq {
    padding-bottom: 40px;
  }
}
body.ordi_cpk1 .breadcrumbs {
  display: flex;
  align-items: center;
}
@media (max-width: 991px) {
  body.ordi_cpk1 .breadcrumbs {
    max-width: 366px;
    text-overflow: ellipsis;
    overflow: hidden;
  }
}
body.ordi_cpk1 .breadcrumbs__item {
  font-size: 12px;
  color: #fff;
  text-transform: uppercase;
  position: relative;
  max-width: 256px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@media (max-width: 991px) {
  body.ordi_cpk1 .breadcrumbs__item {
    font-size: 10px;
  }
}
body.ordi_cpk1 .breadcrumbs__item:not(:last-child) {
  margin-right: 20px;
}
body.ordi_cpk1 .breadcrumbs__item:not(:last-child):after {
  content: "";
  width: 5px;
  height: 5px;
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
  position: absolute;
  top: 40%;
  right: -8px;
  transform: translateY(-50%);
  display: block;
  rotate: 45deg;
}
body.ordi_cpk1 .breadcrumbs a {
  color: #fff;
}
body.ordi_cpk1 .banner {
  width: 100%;
  margin-top: -97px;
  padding: 0 82px 0 38px;
  display: flex;
  align-items: center;
  box-shadow: 0px 0px 32px rgba(0, 0, 0, 0.14);
  border-radius: 30px;
  background-color: #fff;
  overflow: hidden;
  line-height: 1.2;
}
@media (max-width: 991px) {
  body.ordi_cpk1 .banner {
    padding: 32px 12px;
    position: relative;
    margin-top: -183px;
  }
}
body.ordi_cpk1 .banner__img {
  width: 270px;
  flex-shrink: 0;
}
@media (max-width: 991px) {
  body.ordi_cpk1 .banner__img {
    width: 118px;
    position: absolute;
    top: 32px;
    left: 12px;
    border-radius: 50%;
    overflow: hidden;
  }
}
body.ordi_cpk1 .banner__title {
  font-size: 16px;
  font-weight: 700;
}
@media (max-width: 991px) {
  body.ordi_cpk1 .banner__title {
    margin-left: 128px;
    min-height: 95px;
  }
}
body.ordi_cpk1 .banner__descr {
  color: #979797;
  margin-top: 14px;
  font-size: 14px;
  font-weight: 300;
}
@media (max-width: 991px) {
  body.ordi_cpk1 .banner__descr {
    margin-top: 16px;
  }
}
body.ordi_cpk1 .progress-bar.--landing {
  margin-top: 28px;
  background-color: #e9e9e9;
  border-radius: 12px;
  height: 56px;
  width: 100%;
  position: static;
}
body.ordi_cpk1 .progress-bar.--landing .progress-bar__left {
  width: fit-content;
  padding: 7px 30px 7px 12px;
  margin-right: auto;
  height: 100%;
  border-radius: 12px;
  display: flex;
  align-items: center;
  background-color: #2d2d2d;
  color: #fff;
}
@media (max-width: 991px) {
  body.ordi_cpk1 .progress-bar.--landing .progress-bar__left {
    width: 100%;
  }
}
body.ordi_cpk1 .progress-bar.--landing .progress-bar__text {
  font-size: 14px;
  font-weight: 700;
}
body.ordi_cpk1 .progress-bar.--landing .progress-bar__text:first-child {
  font-size: 40px;
  margin: 4px 10px 0 0;
}
body.ordi_cpk1 .features {
  line-height: 1.2;
}
body.ordi_cpk1 .features__title {
  font-size: 32px;
  font-weight: 700;
  margin-top: 60px;
}
@media (max-width: 991px) {
  body.ordi_cpk1 .features__title {
    margin-top: 40px;
    font-size: 24px;
  }
}
body.ordi_cpk1 .features__wrapper {
  margin-top: 18px;
  display: flex;
}
@media (max-width: 991px) {
  body.ordi_cpk1 .features__wrapper {
    flex-direction: column;
    margin-top: 24px;
  }
}
body.ordi_cpk1 .features__item {
  display: flex;
  align-items: center;
}
@media (max-width: 991px) {
  body.ordi_cpk1 .features__item {
    align-items: start;
  }
}
body.ordi_cpk1 .features__item:not(:last-child) {
  margin-bottom: 20px;
}
@media (max-width: 991px) {
  body.ordi_cpk1 .features__item:not(:last-child) {
    margin-bottom: 16px;
  }
}
body.ordi_cpk1 .features__img {
  width: 84px;
  margin-right: 12px;
  flex-shrink: 0;
}
@media (max-width: 991px) {
  body.ordi_cpk1 .features__img {
    width: 64px;
  }
}
body.ordi_cpk1 .features__heading {
  font-size: 20px;
  font-weight: 700;
}
@media (max-width: 991px) {
  body.ordi_cpk1 .features__heading {
    font-size: 18px;
  }
}
body.ordi_cpk1 .features__headline {
  font-size: 14px;
  margin-top: 6px;
}
@media (max-width: 991px) {
  body.ordi_cpk1 .features__headline {
    margin: 4px;
  }
}
body.ordi_cpk1 .features.--longread {
  padding-bottom: 318px;
}
@media (max-width: 991px) {
  body.ordi_cpk1 .features.--longread {
    padding-top: 40px;
    padding-bottom: 300px;
  }
}
body.ordi_cpk1 .features.--longread .features__title {
  font-size: 36px;
  margin-right: 48px;
}
@media (max-width: 991px) {
  body.ordi_cpk1 .features.--longread .features__title {
    font-size: 24px;
    margin: 0;
  }
}
body.ordi_cpk1 .license {
  border-radius: 20px;
  padding: 34px 24px;
  width: 100%;
  max-width: 386px;
  height: fit-content;
  display: flex;
  flex-direction: column;
  line-height: 1.17;
  background-color: #c3d8e2;
  margin-left: 20px;
}
@media (max-width: 991px) {
  body.ordi_cpk1 .license {
    margin: 32px auto 0;
    padding: 24px 12px 28px 16px;
  }
}
body.ordi_cpk1 .license__title {
  font-size: 32px;
  font-weight: 700;
}
@media (max-width: 991px) {
  body.ordi_cpk1 .license__title {
    font-size: 24px;
  }
}
body.ordi_cpk1 .license__descr {
  font-size: 16px;
  margin-top: 8px;
}
body.ordi_cpk1 .faq {
  position: relative;
  margin-top: 64px;
}
@media (max-width: 991px) {
  body.ordi_cpk1 .faq {
    margin-top: 40px;
  }
}
body.ordi_cpk1 .faq__item {
  background-color: #2d2d2d;
  width: 100%;
  max-width: 960px;
  border-radius: 20px;
}
body.ordi_cpk1 .faq__wrapper {
  padding: 20px 20px 20px 12px;
  display: flex;
  justify-content: space-between;
}
@media (max-width: 991px) {
  body.ordi_cpk1 .faq__wrapper {
    flex-direction: column;
    padding: 24px 16px 56px;
    height: 100%;
  }
}
body.ordi_cpk1 .faq__img {
  width: 524px;
  border-radius: 20px;
  overflow: hidden;
  flex-shrink: 0;
}
@media (max-width: 991px) {
  body.ordi_cpk1 .faq__img {
    width: 100%;
    margin-top: auto;
    border-radius: 16px;
  }
}
body.ordi_cpk1 .faq__img img {
  width: 100%;
}
body.ordi_cpk1 .faq__left {
  margin-top: 12px;
  margin-right: 90px;
}
@media (max-width: 991px) {
  body.ordi_cpk1 .faq__left {
    margin-right: 0;
    height: fit-content;
    min-height: 122px;
    margin-bottom: 12px;
  }
}
body.ordi_cpk1 .faq__counter {
  color: #84c9dc;
  font-size: 32px;
  font-weight: 700;
}
@media (max-width: 991px) {
  body.ordi_cpk1 .faq__counter {
    font-size: 24px;
  }
}
body.ordi_cpk1 .faq__title {
  font-size: 48px;
  font-weight: 700;
}
@media (max-width: 991px) {
  body.ordi_cpk1 .faq__title {
    font-size: 24px;
  }
}
body.ordi_cpk1 .faq__subtitle {
  font-size: 24px;
  margin-top: 8px;
  color: #fff;
  line-height: 1.2;
}
@media (max-width: 991px) {
  body.ordi_cpk1 .faq__subtitle {
    font-size: 20px;
  }
}
body.ordi_cpk1 .faq__slider {
  margin-top: 24px;
  display: flex;
  flex-direction: column;
}
@media (max-width: 991px) {
  body.ordi_cpk1 .faq__slider {
    margin: 24px -12px 0;
    padding: 0 12px;
  }
}
body.ordi_cpk1 .faq__slider .slick-track {
  display: flex !important;
}
@media (max-width: 991px) {
  body.ordi_cpk1 .faq__slider .slick-list,
  body.ordi_cpk1 .faq__slider .slick-track {
    overflow: visible;
  }
}
body.ordi_cpk1 .faq__slider .slick-slide {
  height: inherit !important;
}
@media (max-width: 991px) {
  body.ordi_cpk1 .faq__slider .slick-slide:not(:last-child) {
    margin-right: 8px;
  }
}
body.ordi_cpk1 .faq .slick-track {
  display: flex;
  flex-wrap: nowrap;
}
body.ordi_cpk1 .faq .slick-slide {
  flex-shrink: 0;
}
body.ordi_cpk1 .faq .slick-slider-dots {
  position: absolute;
  bottom: 12px;
  left: 22px;
  content: "";
  color: transparent;
}
@media (max-width: 991px) {
  body.ordi_cpk1 .faq .slick-slider-dots {
    bottom: 12px;
    left: 16px;
  }
}
body.ordi_cpk1 .faq .slick-slider-dots button {
  width: 11px;
  height: 11px;
  background-color: #fff;
  border-radius: 50%;
  cursor: pointer;
}
@media (max-width: 991px) {
  body.ordi_cpk1 .faq .slick-slider-dots button {
    width: 8px;
    height: 8px;
  }
}
body.ordi_cpk1 .faq .slick-slider-dots .slick-dots {
  display: flex;
}
body.ordi_cpk1 .faq .slick-slider-dots .slick-dots li:not(:last-child) {
  margin-right: 6px;
}
body.ordi_cpk1 .faq .slick-slider-dots .slick-active button {
  background-color: #98edfd;
}
body.ordi_cpk1 .faq__ellipse {
  width: 72px;
  flex-shrink: 0;
  position: absolute;
  z-index: -1;
}
@media (max-width: 991px) {
  body.ordi_cpk1 .faq__ellipse {
    width: 61px;
  }
}
body.ordi_cpk1 .faq__ellipse-1 {
  top: 46px;
  right: 32px;
}
@media (max-width: 991px) {
  body.ordi_cpk1 .faq__ellipse-1 {
    top: 24px;
    right: 62px;
  }
}
body.ordi_cpk1 .faq__ellipse-2 {
  bottom: 82px;
  left: -34px;
}
@media (max-width: 991px) {
  body.ordi_cpk1 .faq__ellipse-2 {
    display: none;
  }
}
body.ordi_cpk1 .faq__ellipse-3 {
  width: 56px;
  bottom: -24px;
  right: 48px;
}
@media (max-width: 991px) {
  body.ordi_cpk1 .faq__ellipse-3 {
    right: 0;
    left: 112px;
  }
}
body.ordi_cpk1 .benefits {
  position: relative;
  padding: 60px 0;
  line-height: 1.2;
}
@media (max-width: 991px) {
  body.ordi_cpk1 .benefits {
    margin: 60px 0 30px;
    padding: 0;
  }
}
body.ordi_cpk1 .benefits__title {
  font-size: 32px;
  font-weight: 700;
  margin-right: 104px;
}
@media (max-width: 991px) {
  body.ordi_cpk1 .benefits__title {
    font-size: 24px;
    margin: 0;
    margin-right: 48px;
  }
}
body.ordi_cpk1 .benefits__img {
  margin-top: 38px;
}
@media (max-width: 991px) {
  body.ordi_cpk1 .benefits__img {
    padding-top: 234px;
    padding-bottom: 224px;
    margin: 0;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
  }
}
body.ordi_cpk1 .benefits__block {
  font-size: 16px;
  width: 100%;
  max-width: 250px;
  position: absolute;
}
@media (max-width: 991px) {
  body.ordi_cpk1 .benefits__block {
    transform: translateX(-50%);
  }
}
body.ordi_cpk1 .benefits__block-1 {
  top: 330px;
  left: 12px;
}
@media (max-width: 991px) {
  body.ordi_cpk1 .benefits__block-1 {
    top: 20px;
    left: 38%;
    max-width: 156px;
  }
}
@media (max-width: 767px) {
  body.ordi_cpk1 .benefits__block-1 {
    left: 36%;
  }
}
@media (max-width: 598px) {
  body.ordi_cpk1 .benefits__block-1 {
    left: 28%;
  }
}
@media (max-width: 450px) {
  body.ordi_cpk1 .benefits__block-1 {
    left: 24%;
  }
}
body.ordi_cpk1 .benefits__block-2 {
  top: 330px;
  right: 0;
  max-width: 232px;
}
@media (max-width: 991px) {
  body.ordi_cpk1 .benefits__block-2 {
    top: 102px;
    left: 63%;
    max-width: 148px;
  }
}
@media (max-width: 767px) {
  body.ordi_cpk1 .benefits__block-2 {
    left: 69%;
  }
}
@media (max-width: 598px) {
  body.ordi_cpk1 .benefits__block-2 {
    left: 74%;
  }
}
@media (max-width: 450px) {
  body.ordi_cpk1 .benefits__block-2 {
    left: 81%;
  }
}
body.ordi_cpk1 .benefits__block-3 {
  top: 658px;
  left: 12px;
}
@media (max-width: 991px) {
  body.ordi_cpk1 .benefits__block-3 {
    top: 598px;
    left: 39%;
    max-width: 132px;
  }
}
@media (max-width: 767px) {
  body.ordi_cpk1 .benefits__block-3 {
    left: 35%;
  }
}
@media (max-width: 598px) {
  body.ordi_cpk1 .benefits__block-3 {
    left: 30%;
  }
}
@media (max-width: 450px) {
  body.ordi_cpk1 .benefits__block-3 {
    left: 24%;
  }
}
body.ordi_cpk1 .benefits__block-4 {
  top: 572px;
  right: 0;
  max-width: 232px;
}
@media (max-width: 991px) {
  body.ordi_cpk1 .benefits__block-4 {
    top: 600px;
    left: 60%;
    max-width: 142px;
  }
}
@media (max-width: 767px) {
  body.ordi_cpk1 .benefits__block-4 {
    left: 64%;
  }
}
@media (max-width: 598px) {
  body.ordi_cpk1 .benefits__block-4 {
    left: 69%;
  }
}
@media (max-width: 450px) {
  body.ordi_cpk1 .benefits__block-4 {
    left: 79%;
  }
}
body.ordi_cpk1 .benefits__footnote {
  display: flex;
  flex-direction: column;
  font-size: 12px;
  color: #979797;
  margin-top: 64px;
}
@media (max-width: 991px) {
  body.ordi_cpk1 .benefits__footnote {
    margin-top: 32px;
  }
}
body.ordi_cpk1 .benefits__text {
  position: relative;
}
@media (max-width: 991px) {
  body.ordi_cpk1 .benefits__text {
    font-size: 14px;
  }
}
body.ordi_cpk1 .benefits__text:not(:first-child) {
  margin-top: 12px;
}
body.ordi_cpk1 .benefits__text::before {
  content: "";
  position: absolute;
  width: 3px;
  height: 3px;
  border-radius: 50%;
  background-color: #2d2d2d;
  left: -12px;
  top: 9px;
}
body.ordi_cpk1 .achievements {
  padding: 100px 0 50px;
  position: relative;
  background-color: #c3d8e2;
}
@media (max-width: 991px) {
  body.ordi_cpk1 .achievements {
    padding: 64px 0;
  }
}
body.ordi_cpk1 .achievements__top {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
}
body.ordi_cpk1 .achievements__title, body.ordi_cpk1 .achievements__subtitle {
  font-size: 64px;
  font-weight: 700;
  display: flex;
  line-height: 1.2;
}
@media (max-width: 640px) {
  body.ordi_cpk1 .achievements__title, body.ordi_cpk1 .achievements__subtitle {
    font-size: 32px;
  }
}
body.ordi_cpk1 .achievements__title span, body.ordi_cpk1 .achievements__subtitle span {
  color: #fff;
}
body.ordi_cpk1 .achievements__subtitle {
  margin-left: 112px;
}
@media (max-width: 991px) {
  body.ordi_cpk1 .achievements__subtitle {
    margin-left: 12px;
  }
}
body.ordi_cpk1 .achievements__img {
  width: 500px;
  position: absolute;
  top: -142px;
  right: -56px;
}
@media (max-width: 991px) {
  body.ordi_cpk1 .achievements__img {
    width: 284px;
    top: -106px;
    right: -62px;
  }
}
@media (max-width: 991px) {
  body.ordi_cpk1 .achievements__img img {
    width: 100%;
  }
}
body.ordi_cpk1 .achievements__button {
  margin: 0 auto;
  display: block;
  margin-top: 14px;
  display: inline-block;
  border: none;
  transition: ease-in 0.24s;
}
@media (max-width: 991px) {
  body.ordi_cpk1 .achievements__button {
    margin: 20px auto 0 12px;
  }
}
body.ordi_cpk1 .achievements__button:hover {
  background-color: #57c5ff;
}
body.ordi_cpk1 .cards {
  margin-top: 56px;
  line-height: 1.2;
}
@media (max-width: 991px) {
  body.ordi_cpk1 .cards {
    margin-top: 44px;
  }
}
body.ordi_cpk1 .cards__title {
  font-size: 32px;
  font-weight: 700;
}
@media (max-width: 991px) {
  body.ordi_cpk1 .cards__title {
    font-size: 24px;
  }
}
body.ordi_cpk1 .cards__list {
  margin-top: 24px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
}
@media (max-width: 991px) {
  body.ordi_cpk1 .cards__list {
    margin-top: 20px;
    display: flex;
    gap: unset;
    overflow: scroll;
    margin: 20px -14px 0;
  }
}
body.ordi_cpk1 .cards__item {
  font-size: 16px;
  padding: 19px;
  border-radius: 20px;
  background-color: rgba(255, 255, 255, 0.4);
}
@media (max-width: 991px) {
  body.ordi_cpk1 .cards__item {
    width: 272px;
    flex-shrink: 0;
    padding: 16px 12px;
    margin: 0 4px;
  }
  body.ordi_cpk1 .cards__item:first-child {
    margin-left: 14px;
  }
  body.ordi_cpk1 .cards__item:last-child {
    margin-right: 14px;
  }
}
body.ordi_cpk1 .cards__number {
  font-weight: 700;
}
body.ordi_cpk1 .cards__text {
  margin-top: 4px;
}
@media (max-width: 991px) {
  body.ordi_cpk1 .cards__text {
    font-size: 14px;
  }
}
body.ordi_cpk1 .callback {
  background-color: #2d2d2d;
  border-radius: 20px;
  margin-top: 80px;
  padding: 34px 83px 40px 92px;
  display: flex;
  align-items: center;
  color: #fff;
}
@media (max-width: 991px) {
  body.ordi_cpk1 .callback {
    padding: 36px 12px 32px;
    position: relative;
    justify-content: center;
  }
}
body.ordi_cpk1 .callback__title {
  font-size: 32px;
  font-weight: 700;
  margin-right: 78px;
}
@media (max-width: 991px) {
  body.ordi_cpk1 .callback__title {
    font-size: 20px;
    margin-left: 110px;
    margin-right: 0;
  }
}
body.ordi_cpk1 .callback__img {
  width: 170px;
  margin-right: 62px;
  flex-shrink: 0;
}
@media (max-width: 991px) {
  body.ordi_cpk1 .callback__img {
    position: absolute;
    top: -24px;
    left: 18px;
    width: 99px;
  }
}
body.ordi_cpk1 .callback.--longread {
  margin-top: 60px;
  padding-bottom: 40px;
}
@media (max-width: 991px) {
  body.ordi_cpk1 .callback.--longread {
    margin-top: 40px;
    padding-bottom: 32px;
  }
}
body.ordi_cpk1 .form {
  margin-top: 24px;
}
body.ordi_cpk1 .form__input {
  width: 100%;
  border: none;
  padding: 12px 10px 5px;
}
body.ordi_cpk1 .form__input:not(:last-child) {
  margin-bottom: 8px;
}
body.ordi_cpk1 .form__input::placeholder {
  font-size: 16px;
}
body.ordi_cpk1 .form__button {
  margin-top: 24px;
  padding: 13px 22px;
}
@media (max-width: 991px) {
  body.ordi_cpk1 .form__button {
    width: 100%;
  }
}
body.ordi_cpk1 .header.--logged .header__btns {
  display: none;
}
body.ordi_cpk1 .header.--logged .header__btns.--logged {
  display: flex;
}
body.ordi_cpk1 .header__container {
  display: flex;
  align-items: center;
  padding: 16px 0;
}
@media (max-width: 991px) {
  body.ordi_cpk1 .header__container {
    padding: 12px 20px;
    justify-content: space-between;
    align-items: center;
  }
}
body.ordi_cpk1 .header__logo {
  width: 138px;
  margin-right: 24px;
}
@media (max-width: 991px) {
  body.ordi_cpk1 .header__logo {
    width: 127px;
  }
}
body.ordi_cpk1 .header__right {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-left: auto;
}
body.ordi_cpk1 .header__btns.--logged {
  display: none;
}
body.ordi_cpk1 .header__btn {
  padding: 10px;
  background-color: #f5f5f5;
  font-size: 16px;
  border-radius: 8px;
  font-weight: 700;
  width: 40px;
  height: 40px;
  text-transform: uppercase;
  text-align: center;
  line-height: 1;
  cursor: pointer;
  position: relative;
}
body.ordi_cpk1 .header__btn:not(:last-child) {
  margin-right: 12px;
}
body.ordi_cpk1 .header__btn.--text {
  border-radius: 50%;
  padding-top: 14px;
}
body.ordi_cpk1 .header .num {
  position: absolute;
  top: -4px;
  left: 70%;
  display: inline-block;
  vertical-align: middle;
  padding: 3px 6px 1px;
  font-weight: 700;
  font-size: 11px;
  line-height: 13px;
  color: #ffffff;
  background: #49E3A4;
  border-radius: 40px;
}
body.ordi_cpk1 .header__button {
  padding: 10px 20px;
  font-size: 16px;
  cursor: pointer;
  box-shadow: 0px 5px 10px rgba(34, 179, 255, 0.14);
}
@media (max-width: 991px) {
  body.ordi_cpk1 .header__button {
    display: none;
  }
}
body.ordi_cpk1 .header__button:not(:last-child) {
  margin-right: 8px;
}
body.ordi_cpk1 .header__search {
  width: 24px;
  height: 24px;
  cursor: pointer;
}
body.ordi_cpk1 .header__profile {
  width: 38px;
  height: 38px;
  cursor: pointer;
}
body.ordi_cpk1 .header__profile svg {
  width: 38px;
  height: 38px;
}
body.ordi_cpk1 .menu {
  display: flex;
  align-items: end;
  margin-right: 40px;
}
@media (max-width: 991px) {
  body.ordi_cpk1 .menu {
    display: none;
  }
}
body.ordi_cpk1 .menu__button {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 12px;
  background-color: #e9e9e9;
  border-radius: 6px;
  padding: 4px 6px;
  white-space: nowrap;
  cursor: pointer;
  transition: ease-in 0.24s color, ease-in 0.24s background-color;
}
body.ordi_cpk1 .menu__button:hover {
  background-color: #2D2D2D;
  color: #fff;
}
body.ordi_cpk1 .menu__button:not(:last-child) {
  margin-right: 8px;
}
body.ordi_cpk1 .menu__button img {
  width: 20px;
  height: 20px;
  margin-right: 4px;
  flex-shrink: 0;
  margin-bottom: 2px;
}
body.ordi_cpk1 .footer {
  border-top: 4px solid #D1D1D1;
}
body.ordi_cpk1 .footer__container {
  padding: 28px 0 32px;
}
@media (max-width: 991px) {
  body.ordi_cpk1 .footer__container {
    padding: 24px 12px 90px;
  }
}
body.ordi_cpk1 .footer__top {
  display: flex;
  justify-content: space-between;
}
body.ordi_cpk1 .footer__logo {
  width: 222px;
}
@media (max-width: 991px) {
  body.ordi_cpk1 .footer__logo {
    width: 160px;
  }
}
body.ordi_cpk1 .footer__socials {
  display: flex;
  align-items: center;
}
body.ordi_cpk1 .footer__link {
  width: 40px;
  height: 40px;
}
body.ordi_cpk1 .footer__link:not(:last-child) {
  margin-right: 12px;
}
body.ordi_cpk1 .footer__link svg {
  width: 100%;
  height: 100%;
}
body.ordi_cpk1 .footer__body {
  margin-top: 32px;
  display: flex;
}
@media (max-width: 991px) {
  body.ordi_cpk1 .footer__body {
    flex-direction: column;
    justify-content: start;
  }
}
body.ordi_cpk1 .footer__menu-list {
  display: flex;
  flex-direction: column;
  width: 33.3%;
}
@media (max-width: 991px) {
  body.ordi_cpk1 .footer__menu-list {
    width: 100%;
  }
  body.ordi_cpk1 .footer__menu-list:not(:first-child) {
    margin-top: 24px;
  }
}
body.ordi_cpk1 .footer__item {
  font-size: 11px;
  text-transform: uppercase;
  line-height: 1.6;
}
body.ordi_cpk1 .footer__item:not(:first-child) {
  margin-top: 12px;
}
body.ordi_cpk1 .footer__bottom {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  margin-top: 34px;
  gap: 24px;
}
@media (max-width: 991px) {
  body.ordi_cpk1 .footer__bottom {
    display: flex;
    gap: unset;
    flex-direction: column-reverse;
    margin-top: 28px;
  }
}
@media (max-width: 991px) {
  body.ordi_cpk1 .footer__left {
    margin-top: 12px;
    display: flex;
    flex-direction: row-reverse;
    align-items: end;
    margin-top: 24px;
  }
}
body.ordi_cpk1 .footer__info {
  font-size: 10px;
  line-height: 1.2;
  margin-top: 0;
}
@media (max-width: 991px) {
  body.ordi_cpk1 .footer__info {
    margin-right: 64px;
    margin-top: 0;
  }
}
body.ordi_cpk1 .footer__icon {
  width: 46px;
  height: 46px;
  flex-shrink: 0;
}
body.ordi_cpk1 .footer__icon svg {
  width: 100%;
  height: 100%;
}
body.ordi_cpk1 .footer__terms {
  grid-column-start: 2;
  grid-column-end: 4;
  font-size: 10px;
  color: #676767;
}
body.ordi_cpk1 .footer__text:not(:first-child) {
  margin-top: 6px;
}
body.ordi_cpk1 .header-new__logo {
  width: 58px;
  height: 58px;
  margin-right: 20px;
  border-radius: 50%;
  background-color: #22B3FF;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 14px 10px 10px;
}
@media (max-width: 991px) {
  body.ordi_cpk1 .header-new__logo {
    width: 40px;
    height: 40px;
    padding: 9px 7px 7px;
  }
}
body.ordi_cpk1 .header-nav {
  display: none;
}
@media (max-width: 991px) {
  body.ordi_cpk1 .header-nav {
    display: block;
    position: fixed;
    top: auto;
    bottom: 0;
    left: 0;
    width: 100vw;
    padding: 12px;
    background: #ffffff;
    z-index: 999;
    box-shadow: 0px -4px 12px rgba(19, 7, 31, 0.04);
  }
  body.ordi_cpk1 .header-nav__inner {
    width: 100%;
    overflow: auto;
  }
  body.ordi_cpk1 .header-nav .new-menu {
    margin: 0;
  }
  body.ordi_cpk1 .header-nav .new-menu__item {
    padding: 0;
    margin-right: 7px;
  }
  body.ordi_cpk1 .header-nav .new-menu__link {
    position: relative;
    overflow: hidden;
    white-space: nowrap;
    border-radius: 30px;
    padding: 2px;
    width: 48px;
    height: 52px;
    background: transparent;
    font-weight: 700;
    font-size: 14px;
    line-height: 18px;
  }
  body.ordi_cpk1 .header-nav .current .new-menu__link,
  body.ordi_cpk1 .header-nav .new-menu__link:focus,
  body.ordi_cpk1 .header-nav .new-menu__link:hover {
    width: auto;
    background: #2D2D2D;
    padding-right: 10px;
  }
  body.ordi_cpk1 .header-nav .current .new-menu__link img,
  body.ordi_cpk1 .header-nav .new-menu__link:focus img,
  body.ordi_cpk1 .header-nav .new-menu__link:hover img {
    margin-right: 10px;
  }
  body.ordi_cpk1 .header-nav .new-menu__link img {
    flex-shrink: 0;
    width: 48px;
    min-width: 48px;
    height: 48px;
  }
  body.ordi_cpk1 .header-nav .new-submenu__link {
    white-space: nowrap;
    transition: all 0.3s ease-in-out;
  }
  body.ordi_cpk1 .header-nav .new-submenu__link::before {
    display: none;
  }
  body.ordi_cpk1 .header-nav .new-submenu__link:hover, body.ordi_cpk1 .header-nav .new-submenu__link:focus {
    color: #22B3FF;
  }
  body.ordi_cpk1 .header-nav .current .new-submenu__link::before {
    display: block;
  }
}
body.ordi_cpk1 .new-menu {
  display: flex;
  margin: 0 -3.5px;
  padding: 0;
  list-style: none;
  margin-top: 4px;
}
body.ordi_cpk1 .new-menu__item {
  padding: 0 3.5px;
}
body.ordi_cpk1 .new-menu__link {
  display: flex;
  align-items: center;
  padding: 5px 8px 5px 5px;
  background-color: #E9E9E9;
  border-radius: 6px;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 19px;
  text-transform: uppercase;
  color: #2D2D2D;
}
body.ordi_cpk1 .new-menu__link > span {
  margin-top: 2px;
}
body.ordi_cpk1 .new-menu__link:hover, body.ordi_cpk1 .new-menu__link:focus {
  background-color: #2D2D2D;
  color: #ffffff;
}
body.ordi_cpk1 .new-menu__link .text-blue {
  color: #22B3FF;
}
body.ordi_cpk1 .new-menu__link .text-violet {
  color: #CCA2DB;
}
body.ordi_cpk1 .new-menu__link img {
  flex-shrink: 0;
  display: block;
  width: 14px;
  height: 14px;
  margin-right: 4px;
}
body.ordi_cpk1 .new-menu__item.current body.ordi_cpk1 .new-menu__link {
  pointer-events: none;
  background-color: #2D2D2D;
  color: #ffffff;
}
body.ordi_cpk1 .new-submenu {
  display: flex;
  margin: 17px 0 0;
  padding: 0;
  list-style: none;
  position: relative;
}
@inlcude mobile {
  body.ordi_cpk1 .new-submenu::before {
    content: "";
    position: absolute;
    top: 1px;
    left: 0;
    height: 1px;
    background-color: #e9e9e9;
    width: 100%;
  }
}
body.ordi_cpk1 .new-submenu__item {
  margin-right: 20px;
}
body.ordi_cpk1 .new-submenu__link {
  position: relative;
  display: inline-block;
  vertical-align: baseline;
  font-weight: 400;
  font-size: 14px;
  line-height: 1.2;
  padding: 8px 0;
  margin-top: -3px;
  color: #2D2D2D;
  overflow: hidden;
}
@media (max-width: 991px) {
  body.ordi_cpk1 .new-submenu__link {
    margin-top: 0;
  }
}
body.ordi_cpk1 .new-submenu__link::before {
  position: absolute;
  bottom: 0;
  height: 2px;
  width: 100%;
  background-color: #2D2D2D;
  content: "";
  transform: translateX(-101%);
  transition: all 0.3s ease-in-out;
}
@media (max-width: 991px) {
  body.ordi_cpk1 .new-submenu__link::before {
    bottom: auto;
    top: 0;
  }
}
body.ordi_cpk1 .new-submenu__link:hover::before, body.ordi_cpk1 .new-submenu__link:focus::before {
  transform: translateX(0);
}
body.ordi_cpk1 .new-submenu__item.current body.ordi_cpk1 .new-submenu__link::before {
  transform: translateX(0);
}
body.ordi_cpk1 .header-new + .top-search {
  min-height: 95px;
}

.ordi_academy_landing1 .cards-list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
  margin-top: 40px;
}
@media (max-width: 991px) {
  .ordi_academy_landing1 .cards-list {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-top: 24px;
  }
}
.ordi_academy_landing1 .card {
  padding: 30px 36px 20px 20px;
  background-color: #ECCEED;
  border-radius: 20px;
  min-height: 340px;
  display: flex;
  flex-direction: column;
  position: relative;
  cursor: pointer;
}
@media (max-width: 991px) {
  .ordi_academy_landing1 .card {
    padding: 0;
    min-height: unset;
  }
}
.ordi_academy_landing1 .card:hover .substrate {
  z-index: 10;
  transform: none;
  margin: 0;
  background-color: #ECCEED;
  top: 0;
  left: 0;
  color: #333;
}
.ordi_academy_landing1 .card:nth-child(2n) {
  background-color: #F5EFB8;
}
.ordi_academy_landing1 .card:nth-child(2n):hover .substrate {
  background-color: #F5EFB8;
}
.ordi_academy_landing1 .card:nth-child(2n) .substrate {
  border: 1px solid #F5EFB8;
}
.ordi_academy_landing1 .card:nth-child(2n) .card__img {
  width: 167px;
  margin-bottom: -2px;
  margin-left: -7px;
}
.ordi_academy_landing1 .card:last-child {
  background-color: #C3E7F5;
}
.ordi_academy_landing1 .card:last-child:hover .substrate {
  background-color: #C3E7F5;
}
.ordi_academy_landing1 .card:last-child .substrate {
  border: 1px solid #C3E7F5;
}
.ordi_academy_landing1 .card:last-child .card__img {
  width: 166px;
  margin-bottom: -4px;
  margin-left: -20px;
}
.ordi_academy_landing1 .card .substrate {
  position: absolute;
  left: 12px;
  top: 8px;
  width: 100%;
  min-height: 340px;
  border: 1px solid #ECCEED;
  transform: rotate(3deg);
  z-index: -1;
  border-radius: 20px;
  transition: ease-in 0.24s;
  padding: 31px 10px 16px 22px;
  color: transparent;
  display: flex;
  flex-direction: column;
  line-height: 1.2;
}
@media (max-width: 991px) {
  .ordi_academy_landing1 .card .substrate {
    position: static;
    z-index: 1;
    color: #333;
    transform: none;
    padding: 30px 12px;
    min-height: unset;
  }
}
.ordi_academy_landing1 .card .substrate__row {
  display: flex;
  align-items: start;
  font-size: 16px;
}
.ordi_academy_landing1 .card .substrate__row:not(:last-child) {
  margin-bottom: 8px;
}
.ordi_academy_landing1 .card .substrate__img {
  margin-right: 8px;
  width: 24px;
  height: 24px;
  flex-shrink: 0;
}
.ordi_academy_landing1 .card .substrate__img svg {
  width: 100%;
  height: 100%;
}
.ordi_academy_landing1 .card .substrate__footer {
  margin-top: auto;
  display: flex;
  flex-direction: column;
}
@media (max-width: 991px) {
  .ordi_academy_landing1 .card .substrate__footer {
    margin-top: 20px;
  }
}
.ordi_academy_landing1 .card .substrate__text {
  font-size: 12px;
  color: #979797;
  position: relative;
  padding-left: 8px;
}
.ordi_academy_landing1 .card .substrate__text:not(:last-child) {
  margin-bottom: 6px;
}
.ordi_academy_landing1 .card .substrate__text.--footnote::before {
  content: "*";
  position: absolute;
  left: 0;
  top: 0;
  font-family: "Roboto", Arial, sans-serif;
}
.ordi_academy_landing1 .card__mark {
  width: 38px;
  height: 38px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #333;
}
@media (max-width: 991px) {
  .ordi_academy_landing1 .card__mark {
    display: none;
  }
}
.ordi_academy_landing1 .card__mark svg {
  width: 26px;
  height: 26px;
}
.ordi_academy_landing1 .card__title {
  font-size: 30px;
  font-weight: 700;
  line-height: 1.05;
  margin-top: 12px;
  margin-bottom: 12px;
}
@media (max-width: 991px) {
  .ordi_academy_landing1 .card__title {
    display: none;
  }
}
.ordi_academy_landing1 .card__img {
  margin-top: auto;
  width: 106px;
  flex-shrink: 0;
  margin-bottom: -12px;
}
@media (max-width: 991px) {
  .ordi_academy_landing1 .card__img {
    display: none;
  }
}
.ordi_academy_landing1 .faq.--longread {
  transform: translateY(-258px);
  position: relative;
  z-index: 1;
  margin-top: 0;
  line-height: 1.2;
  padding: 0 12px;
}
.ordi_academy_landing1 .faq.--longread .slick-slider-dots {
  left: 50%;
  bottom: -46px;
  transform: translateX(-50%);
}
.ordi_academy_landing1 .faq.--longread .slick-slide {
  flex-shrink: 0;
}
.ordi_academy_landing1 .faq.--longread .faq__subtitle {
  font-size: 20px;
}
@media (max-width: 991px) {
  .ordi_academy_landing1 .faq.--longread .faq__subtitle {
    font-size: 18px;
  }
}
@media (max-width: 991px) {
  .ordi_academy_landing1 .faq.--longread .faq__left {
    min-height: 196px;
    margin-top: 0;
  }
}
.ordi_academy_landing1 .faq.--longread .faq__item {
  height: fit-content;
  position: relative;
}
.ordi_academy_landing1 .faq.--longread .faq__arrows {
  display: flex;
  position: absolute;
  left: 20px;
  bottom: 20px;
}
@media (max-width: 991px) {
  .ordi_academy_landing1 .faq.--longread .faq__arrows {
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
    display: none;
  }
}
.ordi_academy_landing1 .faq.--longread .faq__arrow {
  width: 36px;
  height: 36px;
  border: 2px solid #fff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  transition: ease-in 0.24s;
  cursor: pointer;
}
.ordi_academy_landing1 .faq.--longread .faq__arrow svg {
  width: 9px;
  height: 14px;
}
.ordi_academy_landing1 .faq.--longread .faq__arrow:hover {
  background-color: #84C9DC;
  color: #333;
  border: 1px solid #84C9DC;
}
.ordi_academy_landing1 .faq.--longread .faq__arrow:not(:last-child) {
  margin-right: 16px;
}
.ordi_academy_landing1 .faq.--longread .faq__arrow:first-child svg {
  transform: translateX(-1px);
}
.ordi_academy_landing1 .faq.--longread .faq__arrow:last-child svg {
  transform: translateX(2px);
}
@media (max-width: 991px) {
  .ordi_academy_landing1 .faq.--longread .faq__wrapper {
    padding-bottom: 16px;
  }
}
.ordi_academy_landing1 .faq.--longread .faq__ellipse-1 {
  top: 0;
}
@media (max-width: 991px) {
  .ordi_academy_landing1 .faq.--longread .faq__ellipse-1 {
    top: 10px;
    right: 38px;
  }
}
.ordi_academy_landing1 .faq.--longread .faq__ellipse-2 {
  bottom: auto;
  top: 50%;
}
@media (max-width: 991px) {
  .ordi_academy_landing1 .faq.--longread .faq__ellipse-2 {
    top: auto;
    bottom: -28px;
    display: block;
    left: 0;
  }
}
.ordi_academy_landing1 .faq.--longread .faq__ellipse-3 {
  width: 108px;
  height: 108px;
  right: 114px;
  bottom: -58px;
}
@media (max-width: 991px) {
  .ordi_academy_landing1 .faq.--longread .faq__ellipse-3 {
    display: none;
  }
}
.ordi_academy_landing1 .faq.--longread .faq__title {
  font-size: 36px;
}
@media (max-width: 991px) {
  .ordi_academy_landing1 .faq.--longread .faq__title {
    font-size: 24px;
  }
}
.ordi_academy_landing1 .advantages {
  margin-top: -168px;
  line-height: 1.2;
}
@media (max-width: 991px) {
  .ordi_academy_landing1 .advantages {
    margin-top: -218px;
  }
}
.ordi_academy_landing1 .advantages__title {
  font-size: 36px;
  font-weight: 700;
}
@media (max-width: 991px) {
  .ordi_academy_landing1 .advantages__title {
    font-size: 24px;
    font-weight: 700;
    margin-left: 12px;
    margin-right: 12px;
  }
}
.ordi_academy_landing1 .advantages__logo {
  width: 300px;
}
@media (max-width: 991px) {
  .ordi_academy_landing1 .advantages__logo {
    width: 100%;
    max-width: 270px;
    margin-left: 12px;
    margin-right: 12px;
  }
}
.ordi_academy_landing1 .advantages__list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: repeat(3, 1fr);
  gap: 8px;
  margin-top: 40px;
}
@media (max-width: 991px) {
  .ordi_academy_landing1 .advantages__list {
    margin-top: 36px;
    display: flex;
    overflow: auto;
    padding: 0 12px;
  }
  .ordi_academy_landing1 .advantages__list::-webkit-scrollbar {
    display: none;
  }
}
.ordi_academy_landing1 .advantages__item {
  padding: 20px;
  background-color: #fff;
  border-radius: 20px;
  display: flex;
  flex-direction: column;
}
@media (max-width: 991px) {
  .ordi_academy_landing1 .advantages__item {
    width: 100%;
    max-width: 272px;
    flex-shrink: 0;
  }
}
.ordi_academy_landing1 .advantages__item:first-child {
  grid-row-start: 1;
  grid-row-end: 4;
}
.ordi_academy_landing1 .advantages__item:nth-child(2n) {
  grid-column: 2;
  grid-row-start: 2;
  grid-row-end: 4;
}
.ordi_academy_landing1 .advantages__item:nth-child(3n) {
  grid-column-start: 2;
  grid-column-end: 4;
}
.ordi_academy_landing1 .advantages__item:nth-child(4n) {
  grid-column: 3;
  grid-row-start: 2;
  grid-row-end: 4;
}
.ordi_academy_landing1 .advantages__heading {
  font-size: 16px;
  font-weight: 800;
}
.ordi_academy_landing1 .advantages__content {
  font-size: 16px;
  margin-top: 8px;
}
.ordi_academy_landing1 .advantages__footer {
  color: #979797;
  font-size: 12px;
  margin-top: auto;
}
@media (max-width: 991px) {
  .ordi_academy_landing1 .advantages__footer {
    margin-top: 40px;
  }
}
.ordi_academy_landing1 .advantages__text {
  position: relative;
  padding-left: 8px;
}
.ordi_academy_landing1 .advantages__text:not(:last-child) {
  margin-bottom: 8px;
}
.ordi_academy_landing1 .advantages__text.--footnote:before {
  content: "*";
  position: absolute;
  left: 0;
  top: 0;
  font-family: "Roboto", Arial, sans-serif;
}
.ordi_academy_landing1 .advantages__buttons {
  display: flex;
  align-items: center;
  margin: 40px auto 0;
  width: fit-content;
}
@media (max-width: 991px) {
  .ordi_academy_landing1 .advantages__buttons {
    justify-content: space-between;
    margin: 36px 0 0;
    width: unset;
    padding: 0 12px;
  }
}
.ordi_academy_landing1 .advantages__btn {
  background-color: #22B3FF;
  padding: 13px 20px;
  border-radius: 50px;
  color: #fff;
  font-weight: 700;
  transition: color ease-in 0.24s, background-color ease-in 0.24s;
  border: 2px solid #22B3FF;
  font-size: 20px;
}
@media (max-width: 991px) {
  .ordi_academy_landing1 .advantages__btn {
    min-width: 167px;
  }
}
.ordi_academy_landing1 .advantages__btn:not(:last-child) {
  margin-right: 16px;
}
@media (max-width: 991px) {
  .ordi_academy_landing1 .advantages__btn:not(:last-child) {
    margin: 0;
  }
}
.ordi_academy_landing1 .advantages__btn:hover {
  background-color: #57c5ff;
  border: 2px solid #57c5ff;
}
.ordi_academy_landing1 .advantages__btn.--bordered {
  color: #333;
  border: 2px solid #333;
  background-color: transparent;
}
@media (max-width: 991px) {
  .ordi_academy_landing1 .advantages__btn.--bordered {
    border: 2px solid #333;
  }
}
.ordi_academy_landing1 .advantages__btn.--bordered:hover {
  background-color: #333;
  color: #fff;
}
.ordi_academy_landing1 .cycles {
  padding: 60px 0 80px;
  line-height: 1.2;
}
@media (max-width: 991px) {
  .ordi_academy_landing1 .cycles {
    padding: 40px 0 60px;
  }
}
@media (max-width: 991px) {
  .ordi_academy_landing1 .cycles__container {
    padding: 0;
  }
}
.ordi_academy_landing1 .cycles__list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 28px 20px;
  margin-top: 40px;
}
@media (max-width: 991px) {
  .ordi_academy_landing1 .cycles__list {
    display: flex;
    flex-direction: column;
    margin-top: 24px;
    padding: 0 10px;
  }
}
@media (max-width: 468px) {
  .ordi_academy_landing1 .cycles__list {
    padding: 0;
  }
}
.ordi_academy_landing1 .cycles__title {
  font-size: 36px;
  font-weight: 700;
}
@media (max-width: 991px) {
  .ordi_academy_landing1 .cycles__title {
    font-size: 24px;
    margin-left: 12px;
  }
}
.ordi_academy_landing1 .cycle {
  position: relative;
  padding: 16px 12px 12px;
  border-radius: 20px;
  background-color: #84C9DC;
}
.ordi_academy_landing1 .cycle.--wide {
  grid-column-start: 2;
  grid-column-end: 4;
  display: flex;
  flex-direction: column;
}
.ordi_academy_landing1 .cycle.--wide .cycle__img {
  width: 164px;
  height: 164px;
  position: absolute;
  right: 12px;
  top: 12px;
}
@media (max-width: 991px) {
  .ordi_academy_landing1 .cycle.--wide .cycle__img {
    width: 100px;
    height: 100px;
  }
}
.ordi_academy_landing1 .cycle.--wide .cycle__img-text {
  font-size: 24px;
}
@media (max-width: 991px) {
  .ordi_academy_landing1 .cycle.--wide .cycle__img-text {
    font-size: 16px;
  }
}
.ordi_academy_landing1 .cycle.--wide .cycle__buttons {
  position: absolute;
  right: 12px;
  bottom: 12px;
}
@media (max-width: 991px) {
  .ordi_academy_landing1 .cycle.--wide .cycle__buttons {
    position: static;
  }
}
.ordi_academy_landing1 .cycle.--wide .cycle__btn:not(:last-child) {
  margin-right: 10px;
}
.ordi_academy_landing1 .cycle.--wide .cycle__prices {
  flex-direction: row;
  align-items: end;
  margin-top: auto;
}
.ordi_academy_landing1 .cycle.--wide .cycle__middle {
  display: flex;
  height: 100%;
}
.ordi_academy_landing1 .cycle.--wide .cycle__left {
  display: flex;
  flex-direction: column;
}
@media (max-width: 991px) {
  .ordi_academy_landing1 .cycle.--wide .cycle__left {
    flex-direction: row-reverse;
  }
}
.ordi_academy_landing1 .cycle.--wide .cycle__price.--old {
  margin-bottom: 6px;
  margin-left: 8px;
}
.ordi_academy_landing1 .cycle.--wide .cycle__tags {
  flex-direction: row;
}
@media (max-width: 991px) {
  .ordi_academy_landing1 .cycle.--wide .cycle__tags {
    flex-direction: row-reverse;
  }
}
.ordi_academy_landing1 .cycle.--wide .cycle__tag:not(:last-child) {
  margin-right: 6px;
}
@media (max-width: 991px) {
  .ordi_academy_landing1 .cycle.--wide .cycle__tag:not(:last-child) {
    margin-right: 0;
  }
}
.ordi_academy_landing1 .cycle__mark {
  font-size: 12px;
  text-transform: uppercase;
  font-weight: 700;
}
.ordi_academy_landing1 .cycle__heading {
  max-width: 385px;
}
.ordi_academy_landing1 .cycle__title {
  font-size: 18px;
  font-weight: 700;
  margin-top: 4px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  overflow: hidden;
}
@media (max-width: 991px) {
  .ordi_academy_landing1 .cycle__title {
    font-size: 16px;
    max-width: 248px;
  }
}
.ordi_academy_landing1 .cycle__subtitle {
  font-size: 12px;
  margin-top: 4px;
}
@media (max-width: 991px) {
  .ordi_academy_landing1 .cycle__subtitle {
    margin-top: 10px;
  }
}
.ordi_academy_landing1 .cycle__tags {
  display: flex;
  flex-direction: column;
}
@media (max-width: 991px) {
  .ordi_academy_landing1 .cycle__tags {
    flex-direction: row-reverse;
  }
}
.ordi_academy_landing1 .cycle__tag {
  padding: 7.5px 8px 6.5px;
  width: fit-content;
  height: fit-content;
  font-size: 12px;
  border-radius: 4px;
  background: rgba(255, 255, 255, 0.4);
}
@media (max-width: 991px) {
  .ordi_academy_landing1 .cycle__tag {
    height: fit-content;
    font-size: 10px;
    padding: 6.5px 8px 5.5px;
  }
  .ordi_academy_landing1 .cycle__tag:not(:first-child) {
    margin-right: 3px;
  }
}
.ordi_academy_landing1 .cycle__tag:not(:last-child) {
  margin-bottom: 4px;
}
.ordi_academy_landing1 .cycle__tag.--with-points {
  background-color: #2D2D2D;
  color: #fff;
}
.ordi_academy_landing1 .cycle__prices {
  display: flex;
  flex-direction: column;
  margin-top: 12px;
}
@media (max-width: 991px) {
  .ordi_academy_landing1 .cycle__prices {
    flex-direction: row;
    align-items: end;
    margin-top: 0;
  }
}
.ordi_academy_landing1 .cycle__price {
  width: fit-content;
  font-size: 28px;
}
.ordi_academy_landing1 .cycle__price.--old {
  opacity: 0.6;
  text-decoration: line-through;
  font-size: 10px;
}
@media (max-width: 991px) {
  .ordi_academy_landing1 .cycle__price.--old {
    margin-bottom: 5px;
    margin-left: 6px;
  }
}
.ordi_academy_landing1 .cycle__buttons {
  font-size: 16px;
  margin-top: 12px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (max-width: 991px) {
  .ordi_academy_landing1 .cycle__buttons {
    margin-top: 16px;
  }
}
.ordi_academy_landing1 .cycle__btn {
  padding: 9px 20px 8px;
  border-radius: 40px;
  color: #fff;
  background-color: #22B3FF;
  cursor: pointer;
  transition: color ease-in 0.24s, background-color ease-in 0.24s;
  min-width: 134px;
  font-size: 16px;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 42px;
}
@media (max-width: 991px) {
  .ordi_academy_landing1 .cycle__btn {
    width: 100%;
    max-width: 178px;
  }
}
.ordi_academy_landing1 .cycle__btn:hover {
  background-color: #57c5ff;
}
.ordi_academy_landing1 .cycle__btn.--bordered {
  background-color: transparent;
  border: 2px solid #fff;
}
.ordi_academy_landing1 .cycle__btn.--bordered:hover {
  background-color: #fff;
  color: #333;
}
.ordi_academy_landing1 .cycle__middle {
  display: flex;
  justify-content: space-between;
  margin-top: 12px;
}
@media (max-width: 991px) {
  .ordi_academy_landing1 .cycle__middle {
    margin-top: 16px;
  }
}
.ordi_academy_landing1 .cycle__img {
  width: 104px;
  height: 104px;
  border-radius: 50%;
  overflow: hidden;
  position: relative;
}
@media (max-width: 991px) {
  .ordi_academy_landing1 .cycle__img {
    position: absolute;
    top: 16px;
    right: 12px;
    width: 80px;
    height: 80px;
  }
}
.ordi_academy_landing1 .cycle__img:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  background-color: rgba(45, 45, 45, 0.4);
}
.ordi_academy_landing1 .cycle__img-text {
  position: absolute;
  margin: auto;
  color: #fff;
  z-index: 3;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 16px;
  text-transform: uppercase;
  letter-spacing: -1px;
  width: fit-content;
  text-align: center;
}
@media (max-width: 991px) {
  .ordi_academy_landing1 .cycle__img-text {
    font-size: 14px;
  }
}
.ordi_academy_landing1 .cycle__img-text span {
  white-space: nowrap;
}
@media (max-width: 991px) {
  .ordi_academy_landing1 .cycle__left {
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
    width: 100%;
    align-items: center;
  }
}
.ordi_academy_landing1 .cycle.--purple {
  background-color: #C7BCE5;
}
.ordi_academy_landing1 .cycle.--green {
  background-color: #66A385;
}
.ordi_academy_landing1 .cycle.--yellow {
  background-color: #CDC896;
}
.ordi_academy_landing1 .cycle.--brown {
  background-color: #CDA096;
}
.ordi_academy_landing1 .cycle__more-btn {
  margin: 40px auto 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #22B3FF;
  color: #fff;
  border-radius: 50px;
  padding: 12px 20px;
  font-size: 20px;
  font-weight: 700;
  border: none;
}
@media (max-width: 991px) {
  .ordi_academy_landing1 .cycle__more-btn {
    display: none;
  }
}
.ordi_academy_landing1 .cycle__more-btn:hover {
  background-color: #57c5ff;
}

.questions {
  display: flex;
  margin-top: 60px;
}
@media (max-width: 991px) {
  .questions {
    flex-direction: column;
  }
}
.questions__title {
  font-size: 36px;
  font-weight: 700;
}
@media (max-width: 991px) {
  .questions__title {
    font-size: 24px;
  }
}
.questions__wrapper {
  width: 630px;
  padding: 20px 20px 24px;
  background-color: #EEF1F8;
  border-radius: 20px;
  flex-shrink: 0;
}
@media (max-width: 991px) {
  .questions__wrapper {
    width: auto;
    margin-top: 24px;
  }
}

.accordion {
  width: 100%;
}
.accordion:not(:last-child) {
  border-bottom: 1px solid #2d2d2d;
}
.accordion__control {
  display: flex;
  align-items: center;
  justify-content: space-between;
  list-style: none;
  border: none;
}
.accordion__control:hover .accordion__icon {
  background-color: #333;
  color: #fff;
}
.accordion__control::-webkit-details-marker {
  display: none;
}
.accordion__title {
  margin: 0;
  padding: 20px 0;
}
@media (max-width: 991px) {
  .accordion__title {
    margin-right: 16px;
    line-height: 1.05;
  }
}
.accordion__icon {
  position: relative;
  display: inline-block;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  flex-shrink: 0;
  border: 1px solid #333;
  transition: ease-in 0.24s;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: color ease-in 0.24s, background-color ease-in 0.24s;
}
.accordion__icon:hover {
  background-color: #333;
  color: #fff;
}
.accordion__icon svg {
  width: 14px;
  height: 8px;
  transform: translateY(1px);
}
.accordion.open .accordion__icon svg {
  transform: rotate(180deg) translateY(1px);
  flex-shrink: 0;
}
.accordion__control {
  width: 100%;
  background-color: transparent;
  cursor: pointer;
}
.accordion__content {
  max-height: 0;
  opacity: 0;
  overflow: hidden;
  will-change: max-height;
  transition: all 0.3s ease-out;
  box-sizing: content-box;
}
.accordion__content p {
  padding-bottom: 20px;
}
@media (max-width: 991px) {
  .accordion__content p {
    font-size: 16px;
  }
}
.accordion__title {
  font-size: 20px;
  font-weight: 700;
  text-align: left;
}
.open .accordion__content {
  opacity: 1;
  max-height: none;
}

.visually-hidden {
  position: absolute !important;
  clip: rect(1px 1px 1px 1px);
  /* IE6, IE7 */
  clip: rect(1px, 1px, 1px, 1px);
  padding: 0 !important;
  border: 0 !important;
  height: 1px !important;
  width: 1px !important;
  overflow: hidden;
}

@media (max-width: 991px) {
  .section.--faq .container {
    padding-left: 0;
    padding-right: 0;
  }
}

.slick-dots li button {
  color: transparent;
  border: none;
}

.thrive {
  line-height: 1.2;
}
.thrive__banner {
  background: linear-gradient(319deg, #E6FBFF 0%, #C3EBFF 100%);
  border-radius: 20px;
  display: flex;
  line-height: 1.2;
  position: relative;
  overflow: hidden;
}
.thrive__banner-left {
  padding: 36px 28px 32px;
  display: flex;
  flex-direction: column;
  max-width: 470px;
  position: relative;
}
@media (max-width: 998px) {
  .thrive__banner-left {
    z-index: 2;
    width: 100%;
    max-width: 460px;
  }
}
@media (max-width: 767px) {
  .thrive__banner-left {
    max-width: 340px;
    padding: 17px 0 16px 16px;
  }
}
@media (max-width: 580px) {
  .thrive__banner-left {
    max-width: 260px;
  }
}
.thrive__banner-title {
  font-size: 32px;
  font-weight: 700;
}
@media (max-width: 998px) {
  .thrive__banner-title {
    font-size: 22px;
  }
}
.thrive__img {
  width: 560px;
  flex-shrink: 0;
  position: absolute;
  right: -50px;
  top: -64px;
}
@media (max-width: 767px) {
  .thrive__img {
    width: 300px;
    right: -78px;
    top: -18px;
  }
}
.thrive__img img {
  width: 100%;
  height: 100%;
}
.thrive__banner-btn {
  padding: 13px 46px;
  width: fit-content;
  font-size: 20px;
  font-weight: 700;
  margin-top: 48px;
}
@media (max-width: 998px) {
  .thrive__banner-btn {
    margin-top: 22px;
  }
}
.thrive__banner-btn.btn--blue {
  box-shadow: none;
}
.thrive-wrapper {
  display: flex;
  margin-top: 42px;
}
@media (min-width: 768px) {
  .thrive-wrapper {
    position: relative;
    justify-content: flex-end;
  }
}
@media (max-width: 998px) {
  .thrive-wrapper {
    margin-top: 24px;
  }
}
.thrive__title {
  font-size: 26px;
  font-weight: 700;
}
.thrive__subtitle {
  font-size: 16px;
  margin-top: 16px;
}
.thrive__btns {
  display: flex;
  margin-top: 28px;
  flex-wrap: nowrap;
  overflow: auto;
}
.thrive__btns::-webkit-scrollbar {
  display: none;
}
@media (max-width: 998px) {
  .thrive__btns {
    margin-left: -14px;
    margin-right: -14px;
    padding-left: 14px;
  }
}
.thrive__btn {
  padding: 8px 16px 8px 9px;
  border-radius: 30px;
  color: #979797;
  background-color: #f5f5f5;
  cursor: pointer;
  transition: ease-in 0.24s;
  font-size: 14px;
  text-align: center;
}
.thrive__btn:not(:last-child) {
  margin-right: 8px;
}
.thrive__btn:last-child {
  margin-right: 14px;
}
.thrive__btn:hover, .thrive__btn.active {
  background-color: #2d2d2d;
}
.thrive__btn:hover .thrive__btn__name, .thrive__btn.active .thrive__btn__name {
  color: #fff;
  font-weight: 700;
}
.thrive__btn__name {
  margin-right: 8px;
  position: relative;
}
.thrive__btn__name::before {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 1px;
  height: 9px;
  background-color: #979797;
}
.thrive__btn.tab_experts .thrive__btn__name {
  width: 77px;
}
.thrive__btn.tab_communities .thrive__btn__name {
  width: 90px;
}
.thrive__btn.tab_themes .thrive__btn__name {
  width: 46px;
}
.thrive-aside {
  padding: 28px 16px 16px;
  border-radius: 30px;
  box-shadow: 0px 0px 32px 0px rgba(0, 0, 0, 0.14);
  width: 100%;
  max-width: 304px;
  flex-shrink: 0;
  height: fit-content;
  line-height: 1.2;
}
@media (max-width: 998px) {
  .thrive-aside {
    display: none;
  }
}
.thrive-aside__title {
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 12px;
}
.thrive-aside__row {
  margin-top: 0;
}
.thrive-aside__row:not(:last-child) {
  margin-bottom: 20px;
}
.thrive-aside__row-title {
  font-size: 14px;
  color: #979797;
}
.thrive-aside__row-list {
  display: flex;
  flex-direction: row-reverse;
  justify-content: start;
  margin-top: 8px;
}
.thrive-aside__row-item {
  width: 36px;
  height: 36px;
  position: relative;
  z-index: 2;
  border-radius: 50%;
  background-color: #fff;
  overflow: visible;
  border: 1px solid #fff;
  box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.2);
  cursor: pointer;
  display: flex;
  flex-shrink: 0;
}
.thrive-aside__row-item:not(:last-child) {
  margin-left: -5px;
}
.thrive-aside__row-item .image {
  background: 50% 50% no-repeat;
  background-size: cover;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
}
.thrive-aside__row-item:hover {
  position: relative;
  z-index: 5;
}
.thrive-aside__row-item.--without-img {
  display: flex;
  justify-content: center;
  color: #979797;
  background-color: #e9e9e9;
  font-size: 14px;
  border: none;
  box-shadow: none;
  line-height: 38px;
  margin-left: -4px;
  padding-left: 3px;
}
.thrive-aside__row-item:hover span::after {
  content: attr(data-title);
  padding: 8px 12px;
  border-radius: 8px;
  box-shadow: 0px 0px 16px 0px rgba(19, 7, 31, 0.14);
  background-color: #fff;
  position: absolute;
  left: 0;
  top: 120%;
  z-index: 100;
  font-size: 14px;
  white-space: nowrap;
}
@media (max-width: 998px) {
  .thrive-aside__row-item:hover span::after {
    top: 105%;
  }
}
.thrive-aside__btn.btn {
  width: 100%;
  padding: 13px;
  background-color: #22B3FF;
  color: #fff;
  font-size: 20px;
  font-weight: 700;
  border-radius: 41px;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: none;
  margin-top: 12px;
}
.thrive-aside__btn.btn:hover {
  box-shadow: none;
}
.thrive__left {
  max-width: 632px;
}
@media (min-width: 768px) {
  .thrive__left {
    margin-right: auto;
  }
}
@media (max-width: 998px) {
  .thrive__left {
    margin-right: 0;
    width: 100%;
  }
}
.thrive-content {
  margin-top: 28px;
}
.thrive-content__counter {
  display: flex;
  flex-direction: column;
  margin: 40px auto 0;
  width: fit-content;
  color: #979797;
  align-items: center;
}
.thrive-search {
  display: flex;
}
@media (max-width: 998px) {
  .thrive-search {
    flex-direction: column;
  }
}
.thrive-search__input {
  border-bottom: 1px solid #979797;
  margin-right: 24px;
  width: 100%;
  max-width: 386px;
  display: flex;
  akign-items: flex-end;
}
@media (max-width: 998px) {
  .thrive-search__input {
    width: 100%;
    max-width: unset;
    margin-right: 0;
  }
}
.thrive-search__input input {
  border: none;
  padding: 10px 0 3px;
  width: 100%;
}
.thrive-search__input input::placeholder {
  color: #979797;
}
.thrive-search .custom-select.checked > button {
  border: none;
  box-shadow: none;
  border-bottom: 1px solid #C2E5F7;
  border-radius: 0;
  background-color: transparent;
}
.thrive-search .custom-select {
  position: relative;
  width: 255px;
}
@media (max-width: 998px) {
  .thrive-search .custom-select {
    margin-top: 20px;
    width: 100% !important;
  }
}
.thrive-search .custom-select::before {
  content: "Специальность";
  color: #979797;
  position: absolute;
  left: 0;
  top: 0;
  font-size: 10px;
  transition: opacity ease-in 0.24s;
}
.thrive-search .custom-select > button {
  border-color: #C2E5F7;
  font-weight: 400;
  color: #2d2d2d;
}
.thrive-search .custom-select > button:after {
  top: 22px;
  right: 12px;
}
.thrive-search .custom-select__options {
  padding-top: 4px;
  padding-left: 0;
  transition: opacity ease-in 0.24s;
}
.thrive-search .custom-select__options span {
  position: relative;
  bottom: -3px;
}
.thrive-search .custom-select__dropdown {
  border-color: #C2E5F7;
}
.thrive-search .custom-select__list li.checked a:after {
  background-color: #C2E5F7;
}
.thrive-search .custom-select.checked.active .custom-select__options {
  opacity: 0;
}
.thrive-search .custom-select.checked.active::before {
  opacity: 0;
}
.thrive-list {
  margin-top: 28px;
  display: flex;
  flex-direction: column;
}
.thrive-card {
  padding: 12px 20px 12px;
  border-radius: 20px;
  border: 1px solid #e9e9e9;
  display: flex;
  line-height: 1.2;
}
@media (max-width: 767px) {
  .thrive-card {
    padding: 12px;
    position: relative;
  }
}
.thrive-card__right {
  overflow: hidden;
  flex-grow: 1;
}
.thrive-card:not(:last-child) {
  margin-bottom: 16px;
}
.thrive-card__img {
  width: 100px;
  height: 100px;
  border-radius: 50%;
  overflow: hidden;
  flex-shrink: 0;
  margin-right: 20px;
  background: 50% 50% no-repeat;
  background-size: cover;
  position: relative;
}
@media (max-width: 998px) {
  .thrive-card__img {
    width: 80px;
    height: 80px;
    margin-right: 16px;
  }
}
.thrive-card__img:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.05);
}
.thrive-card__tags {
  display: flex;
}
@media (max-width: 767px) {
  .thrive-card__tags {
    position: relative;
  }
}
.thrive-card__tag {
  padding: 4px 8px;
  background: #d0eaf4 50% 50% no-repeat;
  border-radius: 4px;
  white-space: nowrap;
  font-size: 12px;
  margin-bottom: 4px;
}
.thrive-card__tag:not(:last-child) {
  margin-right: 4px;
}
@media (min-width: 768px) {
  .thrive-card__tag:nth-child(3) {
    overflow: hidden;
    -webkit-line-clamp: 1;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
  }
}
@media (max-width: 767px) {
  .thrive-card__tag:nth-child(1) {
    overflow: hidden;
    -webkit-line-clamp: 1;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
  }
}
.thrive-card__tag.dots {
  cursor: pointer;
  background-image: url(../img/reg/ico-specs-dots.svg);
  width: 22px;
  flex-shrink: 0;
}
@media (min-width: 768px) {
  .thrive-card__tag.dots {
    position: relative;
  }
}
.thrive-card__tag.dots .more_specs_wrap {
  display: none;
  position: absolute;
  border-radius: 4px;
  right: 0;
  top: 28px;
  z-index: 1;
  overflow: hidden;
  height: 102px;
}
.thrive-card__tag.dots .more_specs_wrap ul {
  overflow: auto;
  max-height: 100%;
  background-color: #d0eaf4;
}
.thrive-card__tag.dots .more_specs_wrap ul::-webkit-scrollbar {
  display: none;
}
@media (max-width: 767px) {
  .thrive-card__tag.dots .more_specs_wrap {
    right: auto;
    left: 0;
    max-width: 100%;
    height: 120px;
  }
}
.thrive-card__tag.dots ul li {
  border-radius: 4px;
  padding: 4px 8px;
}
@media (max-width: 767px) {
  .thrive-card__tag.dots ul li {
    white-space: initial;
  }
}
.thrive-card__title {
  font-size: 18px;
  font-weight: 700;
  margin-top: 4px;
  display: block;
}
.thrive-card__text {
  margin-top: 4px;
  font-size: 14px;
}
.thrive-card__more-btn {
  background-color: transparent;
  text-decoration: underline;
  color: #979797;
  margin-top: 12px;
  cursor: pointer;
  transition: ease-in 0.24s;
}
@media (max-width: 998px) {
  .thrive-card__more-btn {
    font-size: 14px;
  }
}
.thrive-card__more-btn:hover {
  color: #2d2d2d;
}
.thrive-card__more-btn svg {
  margin-left: 7px;
}
.thrive-card__more-btn.active svg {
  transform: rotate(180deg);
}
.thrive-card__bottom {
  display: flex;
  justify-content: space-between;
  margin-top: 12px;
  font-size: 14px;
}
@media (max-width: 767px) {
  .thrive-card__bottom {
    font-size: 12px;
    margin-top: 16px;
  }
}
.thrive-card__bottom-right {
  display: flex;
  margin-left: auto;
}
.thrive-card__counter {
  display: flex;
  align-items: center;
  color: #979797;
  margin-left: 12px;
}
.thrive-card__counter svg {
  margin-right: 4px;
}
.thrive-card__counter span {
  line-height: 14px;
  margin-top: 2px;
}
.thrive-card__sub-btn {
  background-color: #22B3FF;
  border-radius: 40px;
  border: 2px solid #22B3FF;
  padding: 4px 18px;
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 36px;
  width: fit-content;
  min-width: 128px;
}
.thrive-card__sub-btn .mark {
  background-color: #fff;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  align-items: center;
  justify-content: center;
  margin-right: 8px;
  display: none;
}
.thrive-card__sub-btn.subscribed {
  padding-left: 3px;
}
.thrive-card__sub-btn.subscribed .mark {
  display: flex;
}
.thrive-card__sub-btn.subscribed .mark svg {
  color: #22B3FF;
}
.thrive-card__sub-btn.subscribed:after {
  content: "Подписан";
}
.thrive-card__sub-btn:after {
  content: "Подписаться";
}
.thrive-card__content-body {
  display: none;
}
.thrive-card__content-body.active {
  display: block;
  margin-top: 16px;
}
@media (max-width: 767px) {
  .thrive-card__content-body.active {
    height: 85px;
  }
}
.thrive-card__content-list {
  display: flex;
}
@media (max-width: 767px) {
  .thrive-card__content-list {
    overflow: auto;
    position: absolute;
    left: 0;
    right: 0;
    padding-left: 96px;
  }
  .thrive-card__content-list::-webkit-scrollbar {
    display: none;
  }
}
.thrive-card.specs_expanded .thrive-card__tag.dots {
  background-image: url(../img/reg/ico-specs-cross.svg);
}
.thrive-card.specs_expanded .thrive-card__tag.dots .more_specs_wrap {
  display: block;
}

.mini-card {
  border-radius: 16px;
  overflow: hidden;
  flex-shrink: 0;
  width: 100%;
  max-width: 155px;
  display: flex;
  flex-direction: column;
}
@media (max-width: 998px) {
  .mini-card {
    height: 85px;
    max-width: 68%;
    flex-direction: row;
  }
}
@media (max-width: 998px) {
  .mini-card:first-child {
    margin-left: 12px;
  }
}
@media (max-width: 998px) {
  .mini-card:last-child {
    margin-right: 12px;
  }
}
.mini-card:not(:last-child) {
  margin-right: 8px;
}
.mini-card__body {
  border: 1px solid #e9e9e9;
  padding: 8px 8px 10px;
  border-bottom-left-radius: 16px;
  border-bottom-right-radius: 16px;
  display: flex;
  flex-direction: column;
  height: 100%;
  flex-grow: 1;
}
@media (max-width: 767px) {
  .mini-card__body {
    border-bottom-left-radius: 0;
    border-top-right-radius: 16px;
  }
}
.mini-card__title {
  font-size: 14px;
  font-weight: 700;
  margin-bottom: auto;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
}
.mini-card__time {
  margin-top: auto;
  font-size: 10px;
  color: rgba(45, 45, 45, 0.4);
  margin-top: 6px;
}
.mini-card__img {
  width: 100%;
  height: 60px;
  background: 50% 50% no-repeat;
  background-size: cover;
  position: relative;
}
@media (max-width: 998px) {
  .mini-card__img {
    width: 40px;
    flex-shrink: 0;
    height: 100%;
  }
}
.mini-card__img:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.2);
}

.more-content-btn {
  padding: 13px 30px;
  color: #fff;
  font-size: 20px;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #22B3FF;
  transition: background-color ease-in 0.24s, color ease-in 0.24s;
  margin-top: 24px;
  white-space: nowrap;
}
.more-content-btn:hover {
  background-color: #57c5ff;
}

.progress-bar-new {
  width: 200px;
  height: 1px;
  background-color: #e9e9e9;
  margin-top: 12px;
  position: relative;
}
.progress-bar-new span {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  width: 0%;
  height: 2px;
  background-color: #22B3FF;
}

.feed_wrapper {
  background-color: #f5f5f5;
  padding-bottom: 48px;
  margin-bottom: -40px;
  padding-top: 36px;
}
@media (max-width: 767px) {
  .feed_wrapper {
    padding-top: 20px;
  }
}
@media (min-width: 768px) {
  .feed_wrapper .js-specialties-list {
    width: 180px;
    max-width: 180px;
  }
  .feed_wrapper .remote-control__container, .feed_wrapper .js-specialties-list {
    max-height: 44px;
    height: 44px;
  }
}
.feed_wrapper .custom-select > button {
  border-color: #C2E5F7;
  background-color: #f5f5f5;
}
.feed_wrapper .custom-select__options:after {
  color: #000;
}
.feed_wrapper .remote-control__time-slider {
  width: 110px;
  overflow: hidden;
}
.feed_wrapper .remote-control.remote-control--text .mobile-info, .feed_wrapper .remote-control.remote-control--text .remote-onboarding {
  display: none;
}
.feed_wrapper .remote-control__time .time-slider__item.light {
  opacity: 0.4;
}
.feed_wrapper .remote-control__title {
  display: none;
}
.feed_wrapper .remote-control__time-slider-wrapper:hover .remote-control__time-slider {
  border-color: #D5EBF5;
}
.feed_wrapper .remote-control__time-slider-wrapper:hover .current-time-slider {
  font-size: 1.8rem;
  line-height: 0.72;
  padding-top: 0;
}
.feed_wrapper .remote-control__time-slider-wrapper:hover .current-time-slider:before {
  background-color: #D5EBF5;
  border-color: #D5EBF5;
}
.feed_wrapper .remote-control__time-slider-wrapper:hover .current-time-slider:after {
  opacity: 1;
}
.feed_wrapper .remote-control__time-slider-wrapper:hover .current-time-slider .icon {
  margin-top: 0;
}
.feed_wrapper .remote-control__time-slider:hover {
  background-color: #fff;
  box-shadow: none;
}
.feed_wrapper .remote-control__type-item label {
  font-weight: 400;
  background-size: 14px;
  background-position: 12px 50%;
  padding-left: 35px;
  padding-right: 12px;
}
@media (max-width: 767px) {
  .feed_wrapper .remote-control__type-item label {
    padding-top: 11px;
  }
}
.feed_wrapper .remote-control__type-item label:hover {
  background-color: #D5EBF5;
}
.feed_wrapper .remote-control__type-item input {
  appearance: auto;
  width: 100%;
  height: 100%;
  z-index: 2;
}
.feed_wrapper .remote-control__type-item input:checked + label {
  box-shadow: none;
  background-color: #C2E5F7;
  opacity: 1;
  font-weight: 700;
}
.feed_wrapper .remote-control__type-item input:hover + label {
  background-color: #D5EBF5;
}
.feed_wrapper .remote-control__type-item.remote-control__type-item--watch label {
  background-size: 15px;
  padding-right: 14px;
}
.feed_wrapper .remote-control__type-item.remote-control__type-item--listen label {
  background-size: 16px;
}
.feed_wrapper .remote-control__sort, .feed_wrapper .remote-control__sort-item {
  flex-grow: 1;
}
.feed_wrapper .remote-control__sort-item .js-specialties-list {
  width: 100%;
  max-width: none;
}
.feed_wrapper .main-banners__list {
  opacity: 0;
  max-height: 325px;
}
.feed_wrapper .main-banners__list.slick-initialized {
  opacity: 1;
}
@media (max-width: 767px) {
  .feed_wrapper .card-item.card-item--new {
    box-shadow: none;
  }
  .feed_wrapper .card-item.card-item--new .card-item__title {
    height: auto;
    flex-grow: 0;
  }
}
@media (max-width: 767px) {
  .feed_wrapper .content .container {
    padding-left: 0;
    padding-right: 0;
  }
}
@media (max-width: 767px) {
  .feed_wrapper .content .container .card-list.--new {
    margin-left: 0;
    margin-right: 0;
  }
}
.feed_wrapper .course-list {
  margin-top: 24px;
  width: 100%;
}
.feed_wrapper .course-list-wrapper {
  width: 100%;
  max-width: 980px;
  padding: 0 10px;
  margin: 0 auto;
  position: relative;
  padding-bottom: 30px;
  margin-bottom: 40px;
}
@media (max-width: 767px) {
  .feed_wrapper .course-list-wrapper {
    padding: 0 14px;
  }
}
.feed_wrapper .course-list__title {
  font-size: 26px;
  font-weight: 700;
}
@media (max-width: 767px) {
  .feed_wrapper .course-list__title {
    line-height: 1.1;
  }
}
.feed_wrapper .course-list__item {
  width: 476px;
}
@media (max-width: 767px) {
  .feed_wrapper .course-list__item {
    width: auto;
  }
}
.feed_wrapper .course-list__btn {
  width: 140px;
  height: 268px;
  display: block;
  font-size: 12px;
  color: #979797;
  padding: 0 15px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 20px;
  border: 1px solid #e9e9e9;
  background-color: #fff;
}
@media (max-width: 767px) {
  .feed_wrapper .course-list__btn {
    width: auto;
    height: 290px;
  }
}
.feed_wrapper .course-list__btn:hover {
  opacity: 0.6;
}
.feed_wrapper .course-list__btn span {
  margin-right: 6px;
}
.feed_wrapper .course-list__btns {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  align-items: center;
}
@media (max-width: 767px) {
  .feed_wrapper .course-list__btns {
    display: none;
  }
}
@media (min-width: 768px) {
  .feed_wrapper .course-list .slick-list {
    overflow: visible;
  }
  .feed_wrapper .course-list.--new {
    transform: translateX(-6px);
  }
}
.feed_wrapper .course-item {
  padding: 16px 12px;
  max-width: 467px;
  min-height: unset;
}
@media (max-width: 767px) {
  .feed_wrapper .course-item {
    max-width: none;
  }
}
.feed_wrapper .course-item__section {
  font-size: 12px;
  font-weight: 700;
  line-height: 1.2;
  margin-bottom: 4px;
}
.feed_wrapper .course-item__title {
  font-size: 16px;
  margin-bottom: 8px;
}
@media (max-width: 767px) {
  .feed_wrapper .course-item__title {
    margin-bottom: 0;
    max-width: unset;
    height: auto;
  }
}
.feed_wrapper .course-item__img {
  width: 110px;
  height: 110px;
}
@media (max-width: 767px) {
  .feed_wrapper .course-item__img {
    position: relative;
    width: 104px;
    height: 104px;
    top: 0;
    right: 0;
  }
}
@media (max-width: 767px) {
  .feed_wrapper .course-item__img p {
    font-size: 16px;
    width: 68px;
  }
}
.feed_wrapper .course-item__top {
  width: 100%;
  max-width: calc(100% - 124px);
  min-height: 96px;
}
@media (max-width: 767px) {
  .feed_wrapper .course-item__top {
    max-width: unset;
  }
}
.feed_wrapper .course-item__bottom {
  position: static;
  margin-top: 20px;
}
@media (max-width: 767px) {
  .feed_wrapper .course-item__bottom {
    margin-top: 12px;
  }
}
.feed_wrapper .course-item__price {
  margin-top: 14px;
}
@media (max-width: 767px) {
  .feed_wrapper .course-item__price {
    margin-top: 12px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }
}
.feed_wrapper .course-item__btn-blue {
  box-shadow: none;
}
@media (max-width: 767px) {
  .feed_wrapper .course-item__btn-blue {
    padding: 11.5px 26px;
    margin-right: 0;
    display: flex;
    align-items: center;
    justify-content: center;
  }
}
.feed_wrapper .course-item__btn-border {
  border-width: 2px;
}
@media (max-width: 767px) {
  .feed_wrapper .course-item__btn-border {
    padding: 11.5px 26px;
    margin-left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
  }
}
@media (max-width: 767px) {
  .feed_wrapper .course-item__label {
    margin: 0;
    width: fit-content;
  }
  .feed_wrapper .course-item__label:not(:last-child) {
    margin-bottom: 4px;
  }
}
@media (max-width: 767px) {
  .feed_wrapper .course-item__labels {
    margin-right: 18px;
    display: flex;
    flex-direction: column;
  }
}
@media (max-width: 767px) {
  .feed_wrapper .course-item__col {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin-top: 12px;
    margin-bottom: 0;
  }
}
@media (max-width: 767px) {
  .feed_wrapper .course-item__middle {
    flex-direction: row;
  }
}
.feed_wrapper .new-channels {
  padding: 32px 12px;
  border-radius: 20px;
  background-color: #2B7931;
  line-height: 1.2;
  background-image: url(../img/feed-new/bg.png);
  background-repeat: no-repeat;
  background-size: 100%;
  width: 100%;
}
@media (max-width: 767px) {
  .feed_wrapper .new-channels {
    background-size: 124%;
    background-position: 70% 0;
    padding-top: 24px;
  }
}
.feed_wrapper .new-channels__subtitle {
  font-size: 12px;
  font-weight: 700;
}
.feed_wrapper .new-channels__title {
  font-size: 26px;
  font-weight: 700;
  width: 100%;
  max-width: 277px;
  margin-top: 8px;
}
@media (max-width: 767px) {
  .feed_wrapper .new-channels__title {
    font-size: 24px;
    line-height: 1;
  }
}
.feed_wrapper .new-channels__bottom {
  display: flex;
  flex-direction: column;
}
.feed_wrapper .new-channels__list {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
  margin-top: 92px;
}
@media (max-width: 767px) {
  .feed_wrapper .new-channels__list {
    margin-top: 70px;
    grid-template-columns: 1fr;
  }
}
.feed_wrapper .new-channels__list .card-item {
  position: relative;
  padding-left: 88px;
  width: calc(100% + 24px);
  min-height: 130px;
  max-width: 100%;
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 0;
  padding-bottom: 8px;
  box-shadow: 0px 0px 12px rgba(19, 7, 31, 0.069803);
  border-radius: 20px;
  overflow: hidden;
}
@media (max-width: 767px) {
  .feed_wrapper .new-channels__list .card-item {
    margin-bottom: 4px;
  }
}
.feed_wrapper .new-channels__list .card-item__img {
  position: absolute;
  left: 0;
  top: 0;
  width: 88px;
  height: 100%;
  border-radius: 0;
}
.feed_wrapper .new-channels__list .card-item__title {
  -webkit-line-clamp: 4;
  margin-top: 0;
  font-size: 16px;
  line-height: 19px;
  margin: 0 0 2px;
  width: 100%;
  max-height: 77px;
}
.feed_wrapper .new-channels__list .card-item__body {
  padding: 12px 12px 0 8px;
}
.feed_wrapper .new-channels__list .card-item__author-wrapper {
  display: none;
}
.feed_wrapper .new-channels__list .card-item__date {
  display: none;
}
.feed_wrapper .new-channels__list .card-item__meta {
  margin-left: auto;
}
.feed_wrapper .new-channels__list .card-item .material-type {
  left: 12px;
  flex-wrap: wrap;
  justify-content: flex-start;
  width: calc(100% - 24px);
}
.feed_wrapper .new-channels__list .card-item .material-type__item--fastest {
  width: auto;
}
.feed_wrapper .new-channels__list .card-item .material-type__item {
  margin-bottom: 4px;
}
.feed_wrapper .new-channels__list .card-item--new .card-item__meta-social {
  font-size: 12px;
}
.feed_wrapper .new-channels__btn {
  padding: 13px 35px;
  background-color: transparent;
  border: 2px solid #fff;
  color: #fff;
  font-size: 20px;
  font-weight: 700;
  transition: ease-in 0.24s;
  margin: 34px auto 0;
}
.feed_wrapper .new-channels__btn:hover {
  background-color: #fff;
  border: 2px solid #fff;
  color: #2D2D2D;
}
.feed_wrapper .new-channels .card-item__raitig,
.feed_wrapper .new-channels .card-item__views,
.feed_wrapper .new-channels .card-item__comment {
  display: flex;
  margin-left: 12px;
}
.feed_wrapper .channels-wrapper {
  display: flex;
}
@media (max-width: 767px) {
  .feed_wrapper .channels-wrapper {
    flex-direction: column;
  }
}
.feed_wrapper .channels-list {
  width: 100%;
  max-width: 304px;
  padding: 24px 20px 28px;
  border-radius: 20px;
  background-color: #fff;
  margin-left: 24px;
  line-height: 1.2;
}
@media (min-width: 768px) {
  .feed_wrapper .channels-list {
    display: flex;
    flex-direction: column;
  }
}
@media (max-width: 767px) {
  .feed_wrapper .channels-list {
    margin-top: 32px;
    margin-left: 0;
    max-width: none;
  }
}
.feed_wrapper .channels-list__title {
  font-size: 26px;
  font-weight: 700;
}
.feed_wrapper .channels-list__list {
  margin-top: 20px;
  display: flex;
  flex-direction: column;
}
@media (min-width: 768px) {
  .feed_wrapper .channels-list__list {
    flex-grow: 1;
    justify-content: space-between;
  }
}
.feed_wrapper .channels-list__item a {
  display: flex;
  align-items: center;
  cursor: pointer;
}
.feed_wrapper .channels-list__item a:hover {
  text-decoration: underline;
}
@media (max-width: 767px) {
  .feed_wrapper .channels-list__item:not(:last-child) {
    margin-bottom: 16px;
  }
}
.feed_wrapper .channels-list__img {
  border-radius: 50%;
  overflow: hidden;
  margin-right: 12px;
  flex-shrink: 0;
  width: 32px;
  height: 32px;
  position: relative;
}
.feed_wrapper .channels-list__img::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: rgba(0, 0, 0, 0.0509803922);
  z-index: 2;
}
.feed_wrapper .channels-list__img img {
  width: 100%;
  height: 100%;
}
.feed_wrapper .channels-list__name {
  font-size: 16px;
}
@media (min-width: 768px) {
  .feed_wrapper .channels-list__name {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
  }
}
.feed_wrapper .channels-list__btn {
  margin-top: 32px;
  color: #22B3FF;
  text-decoration: underline;
  font-size: 16px;
  transition: color ease-in 0.24s;
  display: flex;
}
.feed_wrapper .channels-list__btn:hover {
  color: #57c5ff;
}
.feed_wrapper .card-list.--new {
  margin: 24px -12px;
}
@media (max-width: 767px) {
  .feed_wrapper .card-list.--new + .card-list.--new {
    margin-top: 0;
  }
}
@media (max-width: 767px) {
  .feed_wrapper .card-list.--new + .card-list.--new {
    margin-top: -24px;
  }
}
.feed_wrapper .webinar-card {
  height: fit-content;
  overflow: visible;
  min-height: 316px;
  margin: 0 12px 24px;
}
@media (max-width: 767px) {
  .feed_wrapper .webinar-card {
    width: 100%;
    flex-direction: column-reverse;
    margin: 0;
    max-width: none;
  }
}
.feed_wrapper .webinar-card__left {
  padding: 12px 12px 20px;
  flex-grow: 1;
}
@media (max-width: 767px) {
  .feed_wrapper .webinar-card__left {
    border-radius: 0 0 20px 20px;
  }
}
.feed_wrapper .webinar-card__title {
  font-size: 18px;
  margin-top: 4px;
}
.feed_wrapper .webinar-card__img {
  height: 120px !important;
  width: 100%;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  overflow: hidden;
}
.feed_wrapper .webinar-card .category-name {
  margin-bottom: 0;
}
.feed_wrapper .webinar-card .card-item__author-wrapper {
  margin-top: 22px;
  margin-bottom: 0;
}
.feed_wrapper .webinar-card .event-date {
  margin-top: auto;
  font-size: 14px;
}
.feed_wrapper .webinar-card .event-date__value {
  margin-top: 1px;
}
.feed_wrapper .webinar-card .card-item__author {
  width: 100%;
}
.feed_wrapper .webinar-card .card-item__author-cont-img {
  display: flex;
  flex-shrink: 0;
}
.feed_wrapper .webinar-card .card-item__author-cont-img img ~ img {
  transform: translateX(-10px);
}
.feed_wrapper .webinar-card .card-item__author img {
  border: 1px solid #C3D8E2;
}
@media (max-width: 767px) {
  .feed_wrapper .webinar-card.--another .webinar-card__tags {
    right: 12px;
    top: 12px;
    left: auto;
    height: fit-content;
    width: fit-content;
  }
}
@media (max-width: 767px) {
  .feed_wrapper .webinar-card.--another .webinar-card__tag {
    padding: 7px 8px;
  }
}
.feed_wrapper .upcoming-webinars {
  position: relative;
  margin-bottom: 64px;
}
@media (max-width: 767px) {
  .feed_wrapper .upcoming-webinars {
    margin-bottom: 16px;
  }
}
.feed_wrapper .upcoming-webinars__title {
  font-size: 26px;
  font-weight: 700;
}
@media (max-width: 767px) {
  .feed_wrapper .upcoming-webinars__title {
    padding-left: 14px;
    padding-right: 14px;
  }
}
@media (max-width: 767px) {
  .feed_wrapper .upcoming-webinars__subtitle {
    padding-left: 14px;
    padding-right: 14px;
  }
}
.feed_wrapper .upcoming-webinars__list {
  margin: 24px -12px;
  display: flex;
  flex-wrap: wrap;
}
@media (max-width: 767px) {
  .feed_wrapper .upcoming-webinars__list {
    display: flex;
    gap: 12px;
    overflow: auto;
    margin-left: 0;
    margin-right: 0;
    width: 100%;
    max-width: none;
  }
  .feed_wrapper .upcoming-webinars__list .slick-track {
    padding-left: 7px;
  }
  .feed_wrapper .upcoming-webinars__list .slick-slide {
    padding: 0 7px;
  }
}
.feed_wrapper .slick-prev-new {
  padding-right: 3px;
  margin-right: 25px;
}
.feed_wrapper .slick-next-new {
  padding-left: 3px;
}
.feed_wrapper .some-block {
  padding: 40px 20px 94px;
  border-radius: 20px;
  background-color: #fff;
  line-height: 1.2;
  position: relative;
}
@media (min-width: 768px) {
  .feed_wrapper .some-block {
    width: calc(100% + 24px);
    transform: translateX(-12px);
  }
}
@media (max-width: 767px) {
  .feed_wrapper .some-block {
    padding: 24px 12px 28px;
  }
}
.feed_wrapper .some-block__title {
  font-size: 26px;
  font-weight: 700;
}
@media (max-width: 767px) {
  .feed_wrapper .some-block__title {
    font-size: 24px;
  }
}
.feed_wrapper .some-block__subtitle {
  font-size: 16px;
  margin-top: 6px;
}
.feed_wrapper .some-block__top {
  display: flex;
  justify-content: space-between;
  align-items: start;
}
@media (max-width: 767px) {
  .feed_wrapper .some-block__top {
    flex-direction: column;
  }
}
.feed_wrapper .some-block__btn {
  font-size: 16px;
  font-weight: 700;
  color: #fff;
  background-color: #22B3FF;
  border-radius: 40px;
  padding: 9px 20px;
  transition: background-color ease-in 0.24s;
  height: 42px;
}
@media (max-width: 767px) {
  .feed_wrapper .some-block__btn {
    margin-top: 12px;
    min-height: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .feed_wrapper .some-block__btn::-webkit-scrollbar {
    display: none;
  }
}
.feed_wrapper .some-block__btn:hover {
  background-color: rgba(34, 179, 255, 0.6980392157);
}
.feed_wrapper .some-block__list {
  display: flex;
  margin-top: 24px;
}
@media (max-width: 767px) {
  .feed_wrapper .some-block__list {
    gap: 8px;
    overflow: auto;
    width: calc(100% + 24px);
    transform: translateX(-12px);
    padding: 0 12px;
  }
  .feed_wrapper .some-block__list::-webkit-scrollbar {
    display: none;
  }
}
.feed_wrapper .some-block__name {
  font-size: 18px;
  font-weight: 700;
  margin-top: 12px;
}
.feed_wrapper .some-block__descr {
  margin-top: 4px;
  font-size: 12px;
}
.feed_wrapper .some-block .slick-slide {
  margin-left: 8px;
}
.feed_wrapper .some-block .slick-list [data-slick-index="0"] {
  margin-left: 0;
}
.feed_wrapper .some-block .slick-track {
  display: flex;
  flex-wrap: nowrap;
}
.feed_wrapper .some-block .course-list__btns {
  bottom: 40px;
}
.feed_wrapper .some-block .lk-subscriptions__inner {
  padding: 12px;
  box-shadow: none;
  border: 1px solid #e9e9e9;
  display: flex;
  flex-direction: column;
  min-height: 247px;
  justify-content: flex-start;
}
@media (max-width: 767px) {
  .feed_wrapper .some-block .lk-subscriptions__inner {
    width: 167px;
  }
}
.feed_wrapper .some-block .lk-subscriptions__check.active .label-check {
  background-color: #22B3FF;
  box-shadow: 0px 3px 7px rgba(34, 179, 255, 0.6);
}
.feed_wrapper .some-block .lk-subscriptions__check.active .label-check svg:first-child {
  transform: translate(-50%, -50%) scale(0);
}
.feed_wrapper .some-block .lk-subscriptions__check.active .label-check svg:last-child {
  transform: translate(-50%, -50%) scale(1);
  transition-delay: 0.3s;
}
.feed_wrapper .some-block .lk-subscriptions__check.active .label-check:hover, .feed_wrapper .some-block .lk-subscriptions__check.active .label-check:focus {
  box-shadow: 0 3px 7px 0 rgba(34, 179, 255, 0.2);
  background-color: #57c5ff;
}
.feed_wrapper .some-block .lk-subscriptions__right {
  padding: 0;
  margin-top: 12px;
  width: 100%;
  margin-bottom: 12px;
}
.feed_wrapper .some-block .lk-subscriptions__title {
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 0;
}
.feed_wrapper .some-block .lk-subscriptions__text {
  font-size: 12px;
  margin-top: 4px;
  -webkit-line-clamp: 5;
  max-height: 98px;
}
.feed_wrapper .some-block .lk-subscriptions__meta {
  margin-top: auto;
  font-size: 14px;
}
@media (max-width: 767px) {
  .feed_wrapper .some-block .lk-subscriptions__meta {
    font-size: 12px;
  }
}
.feed_wrapper .some-block .lk-subscriptions__meta > * {
  display: flex;
  align-items: center;
}
.feed_wrapper .some-block .commentary {
  margin: 4px;
  max-height: 148px;
  height: 148px;
  position: relative;
  padding: 18px 18px 16px;
}
@media (max-width: 767px) {
  .feed_wrapper .some-block .commentary {
    height: fit-content;
    max-height: unset;
    margin: 0;
    padding: 18px 14px 16px;
    height: 146px;
  }
}
.feed_wrapper .some-block .commentary .inner {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.feed_wrapper .some-block .commentary__text {
  margin-bottom: 12px;
}
.feed_wrapper .some-block .commentary__footer {
  margin-top: auto;
}
.feed_wrapper .some-block .commentary__name {
  letter-spacing: 1px;
}
.feed_wrapper .some-block .commentary__text {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
}
@media (max-width: 767px) {
  .feed_wrapper .some-block .commentary__text {
    font-size: 14px;
    margin-top: 8px;
  }
}
.feed_wrapper .some-block__questions {
  transform: translateX(-8px);
  width: calc(100% + 8px);
  margin-top: 16px;
}
@media (max-width: 767px) {
  .feed_wrapper .some-block__questions {
    display: grid;
    grid-auto-flow: column dense;
    grid-template-rows: 1fr;
    grid-auto-columns: 342px;
    gap: 8px;
    overflow: auto;
    width: calc(100% + 24px);
    transform: translateX(-12px);
    padding: 0 12px;
    margin-top: 24px;
  }
  .feed_wrapper .some-block__questions::-webkit-scrollbar {
    display: none;
  }
}
.feed_wrapper .some-block__questions .slick-slide {
  margin: 4px;
}
.feed_wrapper .slick-arrow {
  border-radius: 50%;
  border: 1px solid #979797;
  color: #979797;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  cursor: pointer;
  transition: ease-in 0.24s;
  margin: 0 12px;
  padding-left: 3px;
}
.feed_wrapper .slick-arrow:first-child {
  padding-left: 0px;
}
.feed_wrapper .slick-arrow:hover {
  background-color: #2d2d2d;
  border: none;
  color: #fff;
}
.feed_wrapper .slick-arrow svg {
  flex-shrink: 0;
}
@media (max-width: 767px) {
  .feed_wrapper .remote-control.remote-control--new-v2 {
    display: block;
    padding-bottom: 0;
  }
  .feed_wrapper .remote-control.remote-control--new-v2 .mobile-info,
  .feed_wrapper .remote-control.remote-control--new-v2 .remote-onboarding {
    display: none;
  }
  .feed_wrapper .remote-control.remote-control--new-v2 .remote-control__container {
    opacity: 1;
    height: auto;
    visibility: visible;
  }
  .feed_wrapper .remote-control.remote-control--new-v2 .remote-control__time {
    padding-right: 0;
    margin-right: 0;
    width: 100%;
    margin-bottom: 12px;
    justify-content: space-between;
  }
  .feed_wrapper .remote-control.remote-control--new-v2 .remote-control__time:after {
    content: none;
  }
  .feed_wrapper .remote-control.remote-control--new-v2 .remote-control__time-slider {
    width: 260px;
  }
  .feed_wrapper .remote-control.remote-control--new-v2 .remote-control__type {
    margin-right: 0;
    width: 100%;
    justify-content: space-between;
    gap: 4px;
    margin-bottom: 4px;
  }
  .feed_wrapper .remote-control.remote-control--new-v2 .remote-control__type-item {
    margin-right: 0;
    flex-grow: 1;
  }
  .feed_wrapper .remote-control.remote-control--new-v2 .remote-control__type-item label {
    font-size: 14px;
    width: 100%;
    background-color: #e4e4e4;
  }
  .feed_wrapper .remote-control.remote-control--new-v2 .remote-control__type-item label.hover-effect.active {
    background-color: #e4e4e4;
  }
  .feed_wrapper .remote-control.remote-control--new-v2 .remote-control__type-item input {
    width: 100%;
    height: 100%;
  }
  .feed_wrapper .remote-control.remote-control--new-v2 .remote-control__type-item input:checked + label {
    background-color: #C2E5F7;
  }
  .feed_wrapper .remote-control.remote-control--new-v2 .remote-control__type-item.remote-control__type-item--watch label {
    background-position: 12px center;
    background-size: 14px;
    padding-right: 10px;
    padding-left: 34px;
    padding-top: 11px;
  }
  .feed_wrapper .remote-control.remote-control--new-v2 .remote-control__type-item.remote-control__type-item--read label {
    background-position: 12px center;
    background-size: 16px;
    padding-right: 10px;
    padding-left: 34px;
  }
  .feed_wrapper .remote-control.remote-control--new-v2 .remote-control__type-item.remote-control__type-item--listen label {
    background-position: 12px center;
    background-size: 14px;
    padding-right: 10px;
    padding-left: 34px;
  }
  .feed_wrapper .remote-control.remote-control--new-v2 .remote-control__sort,
  .feed_wrapper .remote-control.remote-control--new-v2 .remote-control__sort-item .custom-select {
    width: 100%;
  }
  .feed_wrapper .remote-control.remote-control--new-v2 .remote-control__sort-item {
    flex-grow: 1;
  }
  .feed_wrapper .remote-control.remote-control--new-v2 .js-specialties-list {
    max-width: 247px;
  }
  .feed_wrapper .container2 {
    padding: 0;
  }
  .feed_wrapper .container2 .card-list.--new {
    margin-left: 0;
    margin-right: 0;
  }
}
@media (max-width: 767px) {
  .feed_wrapper .course-list__item--lg .course-item__price span {
    margin-left: 0;
  }
}
@media (max-width: 767px) {
  .feed_wrapper .course-list__item {
    padding: 0 6px;
  }
}
@media (max-width: 767px) {
  .feed_wrapper .webinar-card.--another .webinar-card__img {
    max-width: unset;
  }
}
.feed_wrapper .webinar-card.--cpk {
  background-color: #E2E4F3;
}
.feed_wrapper .webinar-card.--cpk .webinar-card__tags {
  display: none;
}
.feed_wrapper .webinar-card.--cpk .webinar-card__prices {
  display: flex;
  position: relative;
  margin-top: auto;
  align-items: end;
}
.feed_wrapper .webinar-card.--cpk .webinar-card__price {
  font-size: 28px;
  margin-right: 8px;
}
.feed_wrapper .webinar-card.--cpk .webinar-card__old-price {
  font-size: 10px;
  color: rgba(45, 45, 45, 0.6);
  transform: translateY(-5px);
  text-decoration: line-through;
  display: none;
}
.feed_wrapper .webinar-card.--cpk .webinar-card__discount-sticker {
  font-size: 12px;
  line-height: 1;
  font-weight: 700;
  background-color: #49E3A4;
  border-radius: 0px 16px 0px 16px;
  padding: 12px;
  width: fit-content;
  position: absolute;
  top: 0;
  right: 0;
  display: none;
}
.feed_wrapper .webinar-card.--cpk .webinar-card__discount {
  font-size: 14px;
  font-weight: 700;
  position: relative;
  margin-bottom: -14px;
  margin-left: 6px;
  display: none;
}
.feed_wrapper .webinar-card.--cpk .webinar-card__discount span {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(13deg);
}
.feed_wrapper .webinar-card.--cpk.--pre-order .webinar-card__discount-sticker {
  display: block;
}
.feed_wrapper .webinar-card.--cpk.--discount .webinar-card__old-price {
  display: block;
}
.feed_wrapper .webinar-card.--cpk.--discount .webinar-card__discount {
  display: block;
}
.feed_wrapper .webinar-card.--cpk .event-date {
  margin-top: 14px;
}
.feed_wrapper .webinar-card.--cpk .card-item__author-wrapper {
  display: none;
}
.feed_wrapper .course-list-wrapper.--cpk {
  padding-bottom: 24px;
  margin-bottom: 64px;
}
@media (max-width: 767px) {
  .feed_wrapper .course-list-wrapper.--cpk {
    margin-bottom: 44px;
    padding-bottom: 0;
  }
}
.feed_wrapper .course-list-wrapper.--cpk .upcoming-webinars__list {
  margin-top: 24px;
}
.feed_wrapper .course-list-wrapper.--cpk .course-list__btn {
  height: 100%;
  min-height: 316px;
}
@media (max-width: 767px) {
  .feed_wrapper .course-list-wrapper.--cpk .course-list__btn {
    width: fit-content;
    min-width: 136px;
  }
}
.feed_wrapper .course-list-wrapper.--cpk .course-list__btn svg {
  margin-left: 8px;
}
@media (max-width: 767px) {
  .feed_wrapper .course-list-wrapper.--cpk .course-list__btn svg {
    margin-left: 4px;
  }
}
.feed_wrapper .course-list-wrapper.--cpk .course-list__btn span {
  white-space: nowrap;
}
.feed_wrapper .course-list-wrapper.--cpk .course-list__btns {
  bottom: -24px;
}
.feed_wrapper .course-list-wrapper.--cpk .upcoming-webinars__list-2 .slick-list {
  overflow: visible;
}
.feed_wrapper .feed-load .btn.btn--lg {
  box-shadow: none;
}
@media (max-width: 767px) {
  .feed_wrapper .feed-load .btn.btn--lg {
    width: auto;
  }
}
.feed_wrapper .card-item__title:hover {
  color: #2d2d2d;
}
.feed_wrapper .card-item:hover {
  box-shadow: 0px 0px 12px 0px rgba(19, 7, 31, 0.07);
}

.feed-page .page-vers {
  padding-top: 126px;
}

.channels-page .thrive {
  padding-top: 0;
  line-height: 1.2;
}
@media (max-width: 767px) {
  .channels-page .thrive {
    padding-top: 0;
  }
}
.channels-page .thrive__banner {
  background: linear-gradient(319deg, #E6FBFF 0%, #C3EBFF 100%);
  border-radius: 20px;
  display: flex;
  line-height: 1.2;
  position: relative;
  overflow: hidden;
}
.channels-page .thrive__banner-left {
  padding: 36px 28px 32px;
  display: flex;
  flex-direction: column;
  max-width: 470px;
  position: relative;
}
@media (max-width: 767px) {
  .channels-page .thrive__banner-left {
    z-index: 2;
    width: 100%;
    max-width: 460px;
  }
}
@media (max-width: 767px) {
  .channels-page .thrive__banner-left {
    max-width: 340px;
    padding: 17px 0 16px 16px;
  }
}
@media (max-width: 580px) {
  .channels-page .thrive__banner-left {
    max-width: 260px;
  }
}
.channels-page .thrive__banner-title {
  font-size: 32px;
  font-weight: 700;
}
@media (max-width: 767px) {
  .channels-page .thrive__banner-title {
    font-size: 22px;
  }
}
.channels-page .thrive__img {
  width: 560px;
  flex-shrink: 0;
  position: absolute;
  right: -50px;
  top: -64px;
}
@media (max-width: 767px) {
  .channels-page .thrive__img {
    width: 300px;
    right: -78px;
    top: -18px;
  }
}
.channels-page .thrive__img img {
  width: 100%;
  height: 100%;
}
.channels-page .thrive__banner-btn {
  padding: 13px 46px;
  width: fit-content;
  font-size: 20px;
  font-weight: 700;
  margin-top: 48px;
}
@media (max-width: 767px) {
  .channels-page .thrive__banner-btn {
    margin-top: 22px;
  }
}
.channels-page .thrive__banner-btn.btn--blue {
  box-shadow: none;
}
.channels-page .thrive-wrapper {
  display: flex;
  margin-top: 50px;
  margin-bottom: 80px;
}
@media (max-width: 767px) {
  .channels-page .thrive-wrapper {
    margin-top: 26px;
    margin-bottom: 48px;
  }
}
.channels-page .thrive__title {
  font-size: 26px;
  font-weight: 700;
}
.channels-page .thrive__subtitle {
  font-size: 16px;
  margin-top: 12px;
}
@media (max-width: 767px) {
  .channels-page .thrive__subtitle {
    margin-top: 16px;
  }
}
.channels-page .thrive__btns {
  display: flex;
  margin-top: 24px;
  flex-wrap: nowrap;
  overflow: auto;
}
@media (max-width: 767px) {
  .channels-page .thrive__btns {
    margin-top: 20px;
    width: calc(100% + 28px);
    overflow: auto;
    padding: 0 14px;
  }
}
.channels-page .thrive__btn {
  padding: 8px 16px;
  border-radius: 30px;
  color: #979797;
  background-color: #f5f5f5;
  cursor: pointer;
  transition: ease-in 0.24s;
  font-size: 14px;
}
.channels-page .thrive__btn:not(:last-child) {
  margin-right: 6px;
}
.channels-page .thrive__btn:last-child {
  margin-right: 0;
}
.channels-page .thrive__btn:hover, .channels-page .thrive__btn.active {
  background-color: #2d2d2d;
}
.channels-page .thrive__btn:hover .thrive__name, .channels-page .thrive__btn.active .thrive__name {
  color: #fff;
}
.channels-page .thrive__name {
  font-weight: 700;
  padding-right: 8px;
  margin-right: 8px;
  position: relative;
}
.channels-page .thrive__name::before {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 1px;
  height: 9px;
  background-color: #979797;
  border-radius: 1px;
}
.channels-page .thrive-aside {
  padding: 28px 16px 16px;
  border-radius: 30px;
  box-shadow: 0px 0px 32px 0px rgba(0, 0, 0, 0.14);
  width: 100%;
  max-width: 304px;
  flex-shrink: 0;
  height: fit-content;
  line-height: 1.2;
}
@media (max-width: 767px) {
  .channels-page .thrive-aside {
    display: none;
  }
}
.channels-page .thrive-aside__title {
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 12px;
}
.channels-page .thrive-aside__row {
  margin-top: 0;
}
.channels-page .thrive-aside__row:not(:last-child) {
  margin-bottom: 20px;
}
.channels-page .thrive-aside__row-title {
  font-size: 14px;
  color: #979797;
}
.channels-page .thrive-aside__row-list {
  display: flex;
  flex-direction: row;
  justify-content: start;
  margin-top: 8px;
  transform: translateX(4px);
}
.channels-page .thrive-aside__row-item {
  width: 35px;
  height: 35px;
  position: relative;
  z-index: 2;
  border-radius: 50%;
  background-color: #fff;
  border: 1px solid #fff;
  box-shadow: 3px 3px 3px 0px rgba(0, 0, 0, 0.2);
  cursor: pointer;
  display: flex;
  flex-shrink: 0;
  overflow: hidden;
}
.channels-page .thrive-aside__row-item:not(:last-child) {
  margin-right: -5px;
}
.channels-page .thrive-aside__row-item img {
  object-fit: cover;
}
.channels-page .thrive-aside__row-item .image {
  background: 50% 50% no-repeat;
  background-size: cover;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
}
.channels-page .thrive-aside__row-item:hover {
  position: relative;
  z-index: 5;
}
.channels-page .thrive-aside__row-item.--without-img {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #979797;
  background-color: #e9e9e9;
  font-size: 14px;
  padding-left: 6px;
  border: none;
  box-shadow: none;
}
.channels-page .thrive-aside__row-item:hover span::after {
  content: attr(data-title);
  padding: 8px 12px;
  border-radius: 8px;
  box-shadow: 0px 0px 16px 0px rgba(19, 7, 31, 0.14);
  background-color: #fff;
  position: absolute;
  left: 0;
  top: 120%;
  z-index: 100;
  font-size: 14px;
  white-space: nowrap;
}
@media (max-width: 767px) {
  .channels-page .thrive-aside__row-item:hover span::after {
    top: 105%;
  }
}
.channels-page .thrive-aside__btn.btn {
  width: 100%;
  padding: 13px;
  background-color: #22B3FF;
  color: #fff;
  font-size: 20px;
  font-weight: 700;
  border-radius: 41px;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: none;
  margin-top: 12px;
}
.channels-page .thrive__left {
  margin-right: 24px;
}
@media (max-width: 767px) {
  .channels-page .thrive__left {
    margin-right: 0;
    width: 100%;
  }
}
.channels-page .thrive-content {
  margin-top: 16px;
}
@media (max-width: 767px) {
  .channels-page .thrive-content {
    margin-top: 20px;
  }
}
.channels-page .thrive-content__counter {
  display: flex;
  flex-direction: column;
  margin: 40px auto 0;
  width: fit-content;
  color: #979797;
  align-items: center;
}
.channels-page .thrive-search {
  display: flex;
}
@media (max-width: 767px) {
  .channels-page .thrive-search {
    flex-direction: column;
  }
}
.channels-page .thrive-search__input {
  border-bottom: 1px solid #979797;
  margin-right: 24px;
  width: 100%;
  max-width: 386px;
  height: fit-content;
  align-self: self-end;
}
@media (max-width: 767px) {
  .channels-page .thrive-search__input {
    width: 100%;
    max-width: unset;
    margin-right: 0;
  }
}
.channels-page .thrive-search__input input {
  border: none;
  padding: 10px 0 4px;
  width: 100%;
}
.channels-page .thrive-search__input input::placeholder {
  color: #979797;
}
.channels-page .thrive-search .custom-select.checked > button {
  border: none;
  box-shadow: none;
  border-bottom: 1px solid #22B3FF;
  border-radius: 0;
  background-color: transparent;
}
.channels-page .thrive-search .custom-select {
  position: relative;
  padding: 12px 0 0 18px;
  width: 222px;
}
@media (max-width: 767px) {
  .channels-page .thrive-search .custom-select {
    margin-top: 20px;
    width: 100% !important;
    padding-left: 0;
  }
}
.channels-page .thrive-search .custom-select::before {
  content: "Специальность";
  color: #979797;
  position: absolute;
  left: 18px;
  top: 12px;
  font-size: 10px;
  transition: opacity ease-in 0.24s, padding ease-in 0.24s;
  z-index: 100;
}
@media (max-width: 767px) {
  .channels-page .thrive-search .custom-select::before {
    left: 0;
  }
}
.channels-page .thrive-search .custom-select__options {
  padding-top: 4px;
  padding-left: 0;
  transition: opacity ease-in 0.24s, padding ease-in 0.24s;
}
.channels-page .thrive-search .custom-select.checked.active .custom-select__options {
  opacity: 0;
}
.channels-page .thrive-search .custom-select.checked.active::before {
  opacity: 0;
}
@media (max-width: 767px) {
  .channels-page .thrive-search .custom-select.active .custom-select__options {
    padding-left: 16px;
  }
}
@media (max-width: 767px) {
  .channels-page .thrive-search .custom-select.active::before {
    padding-left: 16px;
  }
}
.channels-page .thrive-search .custom-select button {
  border: none;
  box-shadow: none;
  border-radius: 0;
  border-bottom: 1px solid #C2E5F7;
}
.channels-page .thrive-search .custom-select__search {
  margin-top: 4px;
}
.channels-page .thrive-search .custom-select .cut {
  z-index: 100;
}
.channels-page .thrive-search .custom-select.checked.active .custom-select__options {
  opacity: 1;
}
.channels-page .thrive-list {
  margin-top: 28px;
  display: flex;
  flex-direction: column;
}
.channels-page .thrive-card {
  padding: 12px;
  border-radius: 20px;
  border: 1px solid #e9e9e9;
  display: flex;
  line-height: 1.2;
  max-width: 632px;
}
.channels-page .thrive-card__right {
  overflow: hidden;
  flex-grow: 1;
}
.channels-page .thrive-card:not(:last-child) {
  margin-bottom: 16px;
}
.channels-page .thrive-card__img {
  width: 100px;
  height: 100px;
  border-radius: 50%;
  overflow: hidden;
  flex-shrink: 0;
  margin-right: 20px;
  background: 50% 50% no-repeat;
  background-size: cover;
}
@media (max-width: 767px) {
  .channels-page .thrive-card__img {
    width: 80px;
    height: 80px;
    margin-right: 16px;
  }
}
.channels-page .thrive-card__tags {
  display: flex;
  flex-wrap: nowrap;
  overflow: hidden;
}
.channels-page .thrive-card__tag {
  padding: 4px 8px;
  background-color: rgba(132, 201, 220, 0.3);
  border-radius: 4px;
  white-space: nowrap;
  font-size: 12px;
  margin-bottom: 4px;
}
.channels-page .thrive-card__tag:not(:last-child) {
  margin-right: 4px;
}
.channels-page .thrive-card__tag:last-child {
  overflow: hidden;
  text-overflow: ellipsis;
}
@media (min-width: 768px) {
  .channels-page .thrive-card__tag:nth-child(3) ~ .thrive-card__tag:not(.dots) {
    display: unset;
  }
}
@media (max-width: 767px) {
  .channels-page .thrive-card__tag:nth-child(1) ~ .thrive-card__tag:not(.dots) {
    display: unset;
  }
}
.channels-page .thrive-card__tag.dots {
  cursor: pointer;
}
.channels-page .thrive-card__title {
  font-size: 18px;
  font-weight: 700;
  margin-top: 8px;
  display: block;
}
.channels-page .thrive-card__text {
  margin-top: 4px;
  font-size: 14px;
}
.channels-page .thrive-card__more-btn {
  background-color: transparent;
  text-decoration: underline;
  color: #979797;
  margin-top: 12px;
  cursor: pointer;
  transition: ease-in 0.24s;
}
@media (max-width: 767px) {
  .channels-page .thrive-card__more-btn {
    font-size: 14px;
  }
}
.channels-page .thrive-card__more-btn:hover {
  color: #2d2d2d;
}
.channels-page .thrive-card__more-btn svg {
  margin-left: 7px;
}
.channels-page .thrive-card__more-btn.active svg {
  transform: rotate(180deg);
}
.channels-page .thrive-card__bottom {
  display: flex;
  justify-content: space-between;
  margin-top: 12px;
}
.channels-page .thrive-card__bottom-right {
  display: flex;
}
.channels-page .thrive-card__counter {
  display: flex;
  align-items: center;
  color: #979797;
  margin-left: 12px;
}
.channels-page .thrive-card__counter svg {
  margin-right: 4px;
}
.channels-page .thrive-card__sub-btn {
  background-color: #fff;
  border-radius: 40px;
  border: 2px solid #22B3FF;
  padding: 4px 18px;
  color: #22B3FF;
  font-size: 16px;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all ease-in 0.24s;
  height: 36px;
  width: fit-content;
  min-width: 128px;
}
.channels-page .thrive-card__sub-btn:hover {
  color: #fff;
  background-color: #22B3FF;
}
.channels-page .thrive-card__sub-btn .mark {
  background-color: #fff;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  align-items: center;
  justify-content: center;
  margin-right: 8px;
  display: none;
}
.channels-page .thrive-card__sub-btn.subscribed {
  background-color: #22B3FF;
  color: #fff;
  padding-left: 4px;
}
.channels-page .thrive-card__sub-btn.subscribed .mark {
  display: flex;
}
.channels-page .thrive-card__sub-btn.subscribed .mark svg {
  color: #22B3FF;
}
.channels-page .thrive-card__sub-btn.subscribed:after {
  content: "Подписан";
}
.channels-page .thrive-card__sub-btn:after {
  content: "Подписаться";
}
.channels-page .thrive-card__content-body {
  display: none;
}
.channels-page .thrive-card__content-body.active {
  display: block;
  margin-top: 16px;
}
.channels-page .thrive-card__content-list {
  display: flex;
}
@media (max-width: 767px) {
  .channels-page .thrive-card__content-list {
    overflow: auto;
    margin: 0 -12px;
  }
}
@media (min-width: 768px) {
  .channels-page .thrive-card.specs_expanded .thrive-card__tag:nth-child(3) ~ .thrive-card__tag:not(.dots) {
    display: block;
  }
}
@media (max-width: 767px) {
  .channels-page .thrive-card.specs_expanded .thrive-card__tag:nth-child(1) ~ .thrive-card__tag:not(.dots) {
    display: block;
  }
}
.channels-page .thrive-card.specs_expanded .thrive-card__tag.dots {
  display: none;
}
.channels-page .mini-card {
  border-radius: 16px;
  overflow: hidden;
  flex-shrink: 0;
  width: 100%;
  max-width: 155px;
  display: flex;
  flex-direction: column;
}
@media (max-width: 767px) {
  .channels-page .mini-card {
    height: 85px;
    max-width: 232px;
    flex-direction: row;
  }
}
@media (max-width: 767px) {
  .channels-page .mini-card:first-child {
    margin-left: 12px;
  }
}
@media (max-width: 767px) {
  .channels-page .mini-card:last-child {
    margin-right: 12px;
  }
}
.channels-page .mini-card:not(:last-child) {
  margin-right: 8px;
}
.channels-page .mini-card__body {
  border: 1px solid #e9e9e9;
  padding: 8px 8px 10px;
  border-bottom-left-radius: 16px;
  border-bottom-right-radius: 16px;
  display: flex;
  flex-direction: column;
  height: 100%;
  flex-grow: 1;
}
.channels-page .mini-card__title {
  font-size: 14px;
  font-weight: 700;
  margin-bottom: auto;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
}
.channels-page .mini-card__time {
  margin-top: auto;
  font-size: 10px;
  color: rgba(45, 45, 45, 0.4);
  margin-top: 6px;
}
.channels-page .mini-card__img {
  width: 100%;
  height: 60px;
  background: 50% 50% no-repeat;
  background-size: cover;
}
@media (max-width: 767px) {
  .channels-page .mini-card__img {
    width: 40px;
    flex-shrink: 0;
    height: 100%;
  }
}
@media (max-width: 767px) {
  .channels-page .mini-card__img img {
    height: 100%;
  }
}
.channels-page .more-content-btn {
  padding: 13px 30px;
  color: #fff;
  font-size: 20px;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #22B3FF;
  transition: background-color ease-in 0.24s, color ease-in 0.24s;
  margin-top: 24px;
  white-space: nowrap;
}
.channels-page .more-content-btn:hover {
  background-color: #57c5ff;
}
.channels-page .progress-bar-new {
  width: 200px;
  height: 1px;
  background-color: #e9e9e9;
  margin-top: 12px;
  position: relative;
}
.channels-page .progress-bar-new::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  width: 10%;
  height: 2px;
  transform: translateY(-50%);
  background-color: #22B3FF;
}
@media (max-width: 767px) {
  .channels-page .page-vers {
    padding-top: 64px;
  }
}

.channels-banner {
  padding: 32px 28px 28px;
  background-image: url("../img/bg.png");
  background-repeat: no-repeat;
  background-size: cover;
  height: fit-content;
  min-height: 280px;
  border-radius: 28px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
@media (max-width: 767px) {
  .channels-banner {
    padding: 22px 12px 12px;
    min-height: 210px;
    background-image: url("../img/bg-mob.png");
  }
}
.channels-banner__tag {
  text-transform: uppercase;
  font-size: 16px;
  font-weight: 700;
}
@media (max-width: 767px) {
  .channels-banner__tag {
    font-size: 12px;
  }
}
.channels-banner__title {
  font-size: 32px;
  font-weight: 700;
  margin-top: 12px;
  max-width: 500px;
}
@media (max-width: 767px) {
  .channels-banner__title {
    font-size: 24px;
    margin-top: 8px;
  }
}
.channels-banner__btn {
  padding: 13px 20px;
  border-radius: 50px;
  color: #fff;
  border: 2px solid #fff;
  background-color: transparent;
  font-size: 20px;
  font-weight: 700;
  margin-top: auto;
  width: fit-content;
  cursor: pointer;
  transition: background-color ease-in 0.24s, border-color ease-in 0.24s;
}
@media (max-width: 767px) {
  .channels-banner__btn {
    padding: 8px 20px;
    font-size: 16px;
    border: 2px solid #fff;
  }
}
.channels-banner__btn:hover {
  background-color: #22B3FF;
  border-color: #22B3FF;
}

.channels-slider .slick-dots {
  display: flex;
  justify-content: center;
  margin: 16px auto 0;
}
.channels-slider .slick-dots button {
  border-radius: 50%;
  background-color: #d1d1d1;
  width: 11px;
  height: 11px;
  margin: 0 3px;
}
.channels-slider .slick-dots .slick-active button {
  background-color: #2d2d2d;
}

.quiz {
  width: 100%;
  height: 100vh;
  position: relative;
  overflow: hidden;
  margin-bottom: -40px;
}

.quiz-page {
  position: relative;
}

.quiz.none {
  display: none;
}

.quiz-img {
  position: absolute;
  right: -627px;
  top: -239px;
  width: 1920px;
  z-index: 0;
  transition: all 0.3s ease 0s;
}

.quiz-questions .quiz-img img {
  max-width: 100%;
}

.quiz-result .quiz-img {
  z-index: 1;
  right: -700px;
}

.quiz .block__title {
  display: flex;
  gap: 18px;
  max-width: 500px;
  padding-top: 31px;
}

.quiz-main .block__title {
  padding-top: 15px;
}

.quiz .block__title h1 {
  color: #fff;
  font-family: Playfair Display;
  font-size: 90px;
  font-style: normal;
  font-weight: 700;
  line-height: 84%;
}

.quiz .block__title img {
  width: 147px;
  height: 147px;
}

.quiz .info {
  display: flex;
  flex-direction: column;
  max-width: 434px;
  width: 100%;
  border-radius: 22px;
  background: #fff;
  margin-top: 55px;
  padding: 20px 24px;
}

.quiz-result .info {
  max-width: 601px;
  margin-top: 0px;
}

.quiz-result .quiz-img {
  right: -113px;
  top: -13px;
  width: 1200px;
}

.quiz-result .quiz-img img {
  width: 100%;
}

.quiz .info__text {
  color: #2d2d2d;
  font-family: Circe;
  font-style: normal;
  line-height: 120%;
}

.quiz-result .info__text {
  max-width: 408px;
  margin-bottom: 30px;
}

.quiz .info__text h3 {
  font-size: 26px;
  font-weight: 700;
  line-height: 120%;
  margin-bottom: 5px;
}

.quiz .info__text p {
  font-size: 16px;
  font-weight: 350;
}

.quiz .info__text p span {
  font-weight: 700;
}

.quiz .info_btn {
  display: flex;
  gap: 12px;
  margin-top: 21px;
}

.quiz-result .info_btn {
  margin-top: 5px;
  position: relative;
  z-index: 10;
}

.quiz .info .button {
  display: block;
  padding: 8px 27px;
  background: #0c6480;
  border-radius: 50px;
  min-width: 175px;
  width: max-content;
  color: #fff;
  font-size: 20px;
  transition: all 0.3s ease 0s;
  border: 2px solid #0c6480;
  text-align: center;
  font-weight: 700;
}

.quiz .info .button.first-page {
  padding: 12px 20px;
  min-width: 164px;
}

.quiz .info .button-repeat {
  background: transparent;
  color: #0c6480;
}

.quiz .button:hover {
  background: #084e65;
}

.quiz .button-repeat:hover {
  background: #084e65;
  color: #fff;
}

.quiz-questions {
  height: max-content;
  background-color: #20756d;
  padding: 0px 30px 80px;
}

.quiz-questions .quiz-img {
  top: 0px;
  right: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 1200px;
}

.quiz-card {
  display: none;
  justify-content: center;
  flex-direction: column;
  max-width: 632px;
  width: 100%;
  border-radius: 30px;
  background: #fff;
  margin: auto;
  z-index: 1;
  position: relative;
  padding: 24px;
}

.quiz-card.active {
  display: flex;
}

.quiz-card .number {
  color: #979797;
  font-family: Circe;
  font-size: 12px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
  letter-spacing: 0.6px;
  text-transform: uppercase;
}

.quiz-card .title {
  color: #2d2d2d;
  font-family: Circe;
  font-size: 26px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
  margin-top: 3px;
  margin-bottom: 5px;
}

.quiz-card p {
  color: #979797;
  font-family: Circe;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
  margin-bottom: 24px;
}

.quiz-card img {
  width: 100%;
  height: 328px;
  border-radius: 20px;
  margin-bottom: 15px;
  transition: all 0.3s ease 0s;
}

.quiz-card .list-item {
  display: flex;
}

.quiz-card .list-item__check {
  position: absolute;
  z-index: -1;
  opacity: 0;
}

.quiz-card .list-item__check + label {
  display: inline-flex;
  align-items: center;
  user-select: none;
}

.quiz-card .list-item .checkbox__check {
  content: "";
  display: inline-block;
  width: 22px;
  height: 23px;
  flex-shrink: 0;
  flex-grow: 0;
  border: 2px solid #2d2d2d;
  border-radius: 0.25em;
  margin-right: 7px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 50% 50%;
  overflow: hidden;
  position: relative;
  transition: all 0.3s ease 0s;
}

.quiz-card .list-item:hover .checkbox__check {
  transform: scale(1.1);
}

.quiz-card .list-item .checkbox__check::before {
  position: absolute;
  content: "";
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 12px;
  height: 12px;
  background: #fff;
}

.quiz-card .list-item .list-item__check:checked ~ .checkbox__check::before {
  background: #2d2d2d;
}

.quiz-card .list-block.error .list-item .checkbox__check {
  border: 2px solid #ff7272;
}

.quiz-card .list-block.error .list-item .list-item__check:checked ~ .checkbox__check::before {
  background: #ff7272;
}

.quiz-card .list-block.error .list-item .checkbox__title {
  color: #ff7272;
}

.quiz .quiz-loading__contant.description .list-block.error.active {
  border-radius: 20px;
  background: rgba(255, 114, 114, 0.12);
  padding: 16px 20px;
}

.quiz-card .list-block.succsess .list-item .checkbox__check {
  border: 2px solid #49e3a4;
}

.quiz-card .list-block.succsess .list-item .list-item__check:checked ~ .checkbox__check::before {
  background: #49e3a4;
}

.quiz-card .list-block.succsess .list-item .checkbox__title {
  color: #49e3a4;
}

.quiz-card .list-block .list-item input:checked ~ .checkbox__title {
  font-weight: 700;
}

.quiz .quiz-loading__contant.description .list-block.succsess.active {
  border-radius: 20px;
  background: rgba(73, 227, 164, 0.07);
  padding: 16px 20px;
}

.quiz-card .list-block .description {
  display: none;
  color: #2d2d2d;
  font-family: Circe;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
  margin-top: 8px;
}

.quiz-card .quiz-loading__contant.description .list-block.error.active .description {
  display: block;
}

.quiz-card .quiz-loading__contant.description .list-block.succsess.active .description {
  display: block;
}

.quiz-card .list-item .checkbox__title {
  color: #2d2d2d;
  font-family: Circe;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
}

.quiz-card .list {
  margin-top: 10px;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.quiz-card .button-group {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 30px;
  margin-top: 25px;
}

.quiz-card button {
  padding: 9px 32px;
  border-radius: 40px;
  font-family: Circe;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  transition: all 0.3s ease 0s;
  border: none;
}

.quiz-card .button__back {
  background: #e9e9e9;
  color: #979797;
}

.quiz-card .button__back:hover {
  opacity: 0.7;
}

.quiz-card .button__next {
  background: #0c6480;
  color: #fff;
  margin-left: auto;
}

.quiz-card .button__next:hover {
  background: #084e65;
}

.quiz-card .button__next:disabled {
  opacity: 0.7;
  pointer-events: none;
}

.quiz-card .all-description {
  margin-top: 30px;
  transition: all 0.3s ease 0s;
  height: 0;
}

.quiz-card .all-description.active {
  animation: height 1s linear;
  height: auto;
}

@keyframes height {
  0% {
    height: 0;
    opacity: 0;
  }
  100% {
    height: 100%;
    opacity: 1;
  }
}
.quiz-card .all-description,
.quiz-card .all-description p {
  color: #2d2d2d;
  font-family: Circe;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
}

.quiz-card .all-description b {
  font-weight: 700;
}

.quiz-card .all-description ul li {
  padding-left: 24px;
  position: relative;
}

.quiz-card .all-description ul li::before {
  content: "";
  position: absolute;
  left: 11px;
  top: 8px;
  width: 3px;
  height: 3px;
  background: #2d2d2d;
  border-radius: 50%;
}

.quiz-card .all-description span {
  display: block;
  margin-top: 15px;
  color: #979797;
  font-family: Circe;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
}

.quiz-card .all-description span a {
  color: #979797;
  font-family: Circe;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
  text-decoration: solid;
}

.quiz-result .quiz-page {
  margin-top: -73px;
}

.quiz-result .result {
  font-family: Playfair Display SC;
  font-style: normal;
  font-weight: 700;
  display: flex;
  align-items: center;
  color: #0c6480;
  font-size: 76px;
  line-height: 84%;
  position: relative;
  padding-left: 47px;
  display: block;
  margin-bottom: 56px;
}

.quiz-result .result span {
  color: #fff;
  font-size: 220px;
  line-height: 84%;
}

.quiz-result .result img {
  position: absolute;
  left: 1px;
  bottom: -48px;
  width: 110px;
  height: 133px;
}

.quiz-result .social {
  display: flex;
  gap: 12px;
  margin-top: 24px;
  position: relative;
  z-index: 10;
}

.quiz-result .social .social-item {
  width: 54px;
  height: 33px;
  border-radius: 8px;
  transition: all 0.3s ease 0s;
}

.quiz-result .social .social-item:hover {
  transform: scale(1.1);
}

.loading {
  position: relative;
  overflow: hidden;
  pointer-events: none;
}

.loading::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 20;
  display: block;
  width: 32px;
  height: 32px;
  transform: translate(-50%, -50%);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url("../img/quiz/loading.svg");
  animation: loadingRotate 1s linear infinite;
}

@keyframes loadingRotate {
  0% {
    transform: translate(-50%, -50%) rotate(0deg);
  }
  100% {
    transform: translate(-50%, -50%) rotate(360deg);
  }
}
.loading .quiz-loading {
  width: 100%;
  height: 100%;
  animation: opacity 2s ease-out infinite;
}

@keyframes opacity {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.quiz-loading__contant .cyrilic {
  padding-left: 15px;
  margin: 10px 0;
}

.quiz-loading__contant .cyrilic li {
  font-family: Circe;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 180%;
}

.quiz-loading__contant .cyrilic li::before {
  width: max-content;
  display: inline-block;
  font-weight: 800;
  padding-right: 3px;
}

.quiz-loading__contant .cyrilic li:nth-child(1)::before {
  content: "А.";
}

.quiz-loading__contant .cyrilic li:nth-child(2)::before {
  content: "Б.";
}

.quiz-loading__contant .cyrilic li:nth-child(3)::before {
  content: "В.";
}

.quiz-loading__contant .cyrilic li:nth-child(4)::before {
  content: "Г.";
}

.quiz .brd {
  padding-top: 5px;
  position: relative;
  z-index: 100;
  display: flex;
  align-items: self-start;
  justify-content: space-between;
}

.quiz .brd .breadcrubs {
  opacity: 0.5;
}

.quiz-questions .brd {
  margin-bottom: 10px;
}

.quiz-result .brd {
  margin-bottom: 0px;
}

.quiz .brd .block__title img {
  width: 53px;
  height: 53px;
}

.quiz .brd .block__title span {
  width: 41px;
  height: 55px;
  display: block;
  position: absolute;
  right: -4px;
  top: 13px;
}

.quiz .brd .block__title span img {
  width: 100%;
  height: 100%;
}

.quiz .brd .block__title {
  max-width: 163px;
  gap: 7px;
}

.quiz .brd .block__title h1 {
  font-size: 20.889px;
  font-style: normal;
  font-weight: 400;
  line-height: 110%;
  text-transform: uppercase;
  position: relative;
}

@media (max-width: 1200px) {
  .quiz {
    height: 598px;
  }
  .quiz-questions {
    height: max-content !important;
  }
  .quiz-result {
    height: 613px;
  }
}
@media (max-width: 991px) {
  .quiz-result .quiz-img {
    z-index: 0;
  }
}
@media (max-width: 767px) {
  .quiz-card .button-group {
    flex-wrap: nowrap;
    gap: 10px;
    margin-top: 35px;
  }
  .quiz-card .button__back {
    max-width: 108px;
    width: 100%;
    padding: 8px 30px;
  }
  .quiz-questions .quiz-img {
    top: 23px;
    left: -17%;
  }
  .quiz-questions {
    padding: 0px 12px 50px;
  }
  .quiz .brd .block__title h1 {
    font-size: 18px;
  }
  .quiz .brd .block__title img {
    width: 44px;
    height: 44px;
  }
  .quiz .brd .block__title span {
    width: 35px;
    height: 49px;
    right: -12px;
    top: 7px;
  }
  .quiz-card {
    padding: 24px 15px;
    border-radius: 20px;
  }
  .quiz-card .title {
    font-size: 24px;
    margin-top: 8px;
  }
  .quiz-card button[data-answer=uncheck] {
    width: 100%;
  }
  .quiz-card button {
    width: max-content;
    padding: 8px 29px;
  }
  .quiz-questions .brd {
    margin-bottom: 27px;
  }
  .quiz-card .list {
    gap: 15px;
  }
  .quiz-card .list-item .checkbox__check {
    width: 26px;
    height: 26px;
  }
  .quiz .breadcrubs li:not(:first-child) {
    display: block;
  }
  .quiz .breadcrubs li:first-child a {
    margin-right: 16px;
    padding-left: 0px;
  }
  .breadcrubs li:first-child a:after {
    right: -12px;
    left: unset;
    transform: none;
  }
  .breadcrubs li {
    font-size: 12px;
  }
  .quiz .info_btn {
    flex-wrap: wrap;
    justify-content: center;
  }
  .quiz .breadcrubs {
    padding: 18px 0 8px;
  }
  .quiz .info .button {
    min-width: 100%;
  }
  .quiz .info .button.first-page {
    min-width: 100%;
  }
  .quiz-card img {
    height: auto;
    border-radius: 10px;
  }
  .quiz .brd {
    padding-top: 0;
    flex-direction: column;
  }
  .quiz .brd .block__title {
    margin-left: auto;
    max-width: 121px;
  }
  .quiz {
    height: 675px;
  }
  .quiz-img {
    right: 0;
    left: -531px;
    top: -148px;
    z-index: 0;
  }
  .quiz-img img {
    max-width: 1500px;
  }
  .quiz .info {
    max-width: 100%;
    margin-top: 269px;
    padding: 22px 17px;
  }
  .quiz .block__title {
    max-width: 176px;
    padding-top: 0px;
    gap: 6px;
  }
  .quiz-main .block__title {
    padding-top: 13px;
  }
  .quiz .block__title h1 {
    font-size: 46px;
  }
  .quiz .block__title img {
    width: 74px;
    height: 74px;
  }
  .quiz .info__text h3 {
    font-size: 24px;
  }
  .quiz-result .social {
    display: none;
  }
  .quiz-result {
    height: 761px;
  }
  .quiz-result .quiz-page {
    margin-top: -82px;
  }
  .quiz-result .result {
    font-size: 58.779px;
    padding-left: 16px;
  }
  .quiz-result .result span {
    font-size: 170.15px;
  }
  .quiz-result .result img {
    left: -21px;
    bottom: -48px;
    width: 86px;
    height: 114px;
  }
  .quiz-result .info {
    margin-top: 264px;
  }
  .quiz-result .quiz-img {
    right: 0;
    left: -418px;
    top: 67px;
    width: 1028px;
  }
  .quiz-result .info__text {
    margin-bottom: 16px;
  }
}
.page-404 {
  background: #003b5a;
  padding-top: 100px;
  height: 587px;
  overflow: hidden;
}
.page-404 .info {
  width: 468px;
  height: auto;
  flex-shrink: 0;
  border-radius: 20px;
  background: #fff;
  padding: 44px 60px 44px 24px;
}
.page-404 .info h1 {
  font-family: Circe;
  font-size: 32px;
  font-weight: 700;
  line-height: 38px;
  letter-spacing: 0em;
  text-align: left;
  margin-bottom: 16px;
  color: #2d2d2d;
}
@media (max-width: 767px) {
  .page-404 .info h1 {
    font-size: 26px;
    margin-bottom: 9px;
  }
}
.page-404 .info div {
  font-family: Circe;
  font-size: 18px;
  font-weight: 400;
  line-height: 28px;
  letter-spacing: 0em;
  text-align: left;
  margin-bottom: 42px;
  color: #2d2d2d;
}
@media (max-width: 767px) {
  .page-404 .info div {
    font-size: 16px;
    line-height: 17px;
  }
}
.page-404 .info div a {
  background: #eeeeee;
  font-family: Circe;
  font-size: 15px;
  font-weight: 400;
  line-height: 10px;
  letter-spacing: 0em;
  text-align: left;
  padding-left: 27px;
  width: max-content;
  height: 25.5px;
  border-radius: 4.59px;
  display: inline-flex;
  justify-content: center;
  margin-bottom: 0;
  text-transform: uppercase;
  padding: 8px 5px 8px 30px;
  transition: all 0.3s ease 0s;
  cursor: pointer;
}
.page-404 .info div a span {
  display: block;
}
@media (any-hover: hover) {
  .page-404 .info div a:hover {
    background-color: #2d2d2d;
    color: #fff;
  }
}
.page-404 .info div .ordi {
  background-image: url(../img/menu-img-ordi.png);
  background-size: 26px;
  background-repeat: no-repeat;
  background-position: 1px 2px;
}
.page-404 .info div .ordi-acad {
  background-image: url(../img/button-3.png);
  background-size: 20px;
  background-repeat: no-repeat;
  background-position: 5px 4px;
}
.page-404 .info div .ordi-lab {
  background-image: url(../img/menu-img-lab.png);
  background-repeat: no-repeat;
  background-position: 6px 0px;
  background-size: 16px;
}
.page-404 .info div .ordi-acad span {
  font-weight: 700;
  color: #a55ebe;
}
.page-404 .info div .ordi-lab span {
  font-weight: 700;
  color: #4899b9;
}
.page-404 .info .button {
  display: block;
  font-family: Circe;
  font-size: 20px;
  font-weight: 700;
  line-height: 24px;
  letter-spacing: 0em;
  text-align: left;
  padding: 13px 37px;
  color: #fff;
  background: #22b3ff;
  border-radius: 50px;
  width: max-content;
  transition: all 0.3s ease 0s;
}
@media (any-hover: hover) {
  .page-404 .info .button:hover {
    background-color: rgba(34, 179, 255, 0.6980392157);
  }
}
@media (max-width: 767px) {
  .page-404 .info .button {
    width: 100%;
    text-align: center;
  }
}
@media (max-width: 991px) {
  .page-404 .info {
    margin: 0 auto;
  }
}
@media (max-width: 767px) {
  .page-404 .info {
    width: 100%;
    padding: 25px 16px;
  }
}
.page-404 .container {
  position: relative;
  z-index: 1;
}
.page-404 .lightbulb {
  position: absolute;
  z-index: -1;
  right: -181px;
  top: -115px;
  height: 587px;
}
@media (max-width: 991px) {
  .page-404 .lightbulb {
    right: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 526px;
    height: 393px;
    top: -290px;
    height: 400px;
    max-width: 600px;
  }
}
@media (max-width: 991px) {
  .page-404 {
    padding-top: 236px;
    margin-bottom: 8px;
    height: 100vh;
  }
}

.ordic-helper-grid {
  display: flex;
  flex-wrap: wrap;
  max-width: 1060px;
  margin: 48px auto;
  justify-content: space-between;
  align-items: flex-start;
}

.ordic-helper-wrapper {
  margin-bottom: 114px;
}
.ordic-helper-wrapper:nth-child(odd) {
  margin-right: 114px;
}

.oh {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 388px;
  border-radius: 20px 20px 0 0;
  box-shadow: 0 0 10px 0 rgba(19, 7, 31, 0.15);
  background-color: #ffffff;
  padding: 24px 24px 36px 60px;
  margin-left: 84px;
  transition: 0.4s ease 0s;
}
.oh.is-hidden {
  transform: scale(0.5, 0);
  opacity: 0;
}
.oh.oh--pt {
  padding-top: 45px;
}
.oh__icon {
  width: 120px;
  height: 120px;
  box-shadow: 0 0 10px 0 rgba(19, 7, 31, 0.15);
  background-color: #fff;
  border-radius: 50%;
  position: absolute;
  top: 16px;
  left: -84px;
}
.oh__icon:before {
  content: "";
  width: 76px;
  height: 68px;
  background: url("../img/svgSprite/logo-small.svg") no-repeat center center/contain;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}
.oh__close {
  position: absolute;
  top: -15px;
  right: -15px;
  width: 28px;
  height: 28px;
  box-shadow: 0 5px 10px 0 rgba(34, 179, 255, 0.6);
  background-color: #ffffff;
  border: 0;
  border-radius: 50%;
  transition: 0.3s ease 0s;
}
.oh__close:hover {
  box-shadow: 0 2px 7px 0 rgba(34, 179, 255, 0.4);
}
.oh__close:hover .icon {
  stroke: rgba(87, 197, 255, 0.65);
}
.oh__close .icon {
  font-size: 12px;
  stroke: #22b3ff;
  transition: 0.3s ease 0s;
}
.oh__title {
  font-size: 30px;
  font-weight: bold;
  line-height: 1.07;
  letter-spacing: 0.1px;
  color: #2d2d2d;
  margin-bottom: 24px;
}
.oh__txt {
  font-size: 18px;
  letter-spacing: 0.06px;
  color: rgba(0, 0, 0, 0.8);
  line-height: 26px;
  margin-bottom: 24px;
}
.oh__txt a {
  font-weight: 700;
  color: #22b3ff;
  text-decoration: underline;
}
.oh__txt a:hover {
  text-decoration: none;
}
.oh__txt + .oh__list {
  margin-top: -12px;
}
.oh__ke {
  max-width: 304px;
  margin: 0 auto;
  border-radius: 10px;
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.05);
  background-color: #ffffff;
  padding-bottom: 15px;
}
.oh__ke img {
  border-radius: 10px 10px 0 0;
}
.oh__ke-section {
  display: block;
  white-space: nowrap;
  font-size: 11px;
  text-transform: uppercase;
  line-height: 1.18;
  letter-spacing: 0.65px;
  color: #2d2d2d;
  max-width: 135px;
  margin: 16px 15px 10px 15px;
  text-overflow: ellipsis;
  transition: 0.3s ease 0s;
}
.oh__ke-section:hover {
  color: #49e3a4;
}
.oh__ke-title {
  display: block;
  margin: 10px 15px 8px 15px;
  font-size: 16px;
  font-weight: bold;
  line-height: 1.38;
  letter-spacing: 0.06px;
  color: #2d2d2d;
  transition: 0.3s ease 0s;
}
.oh__ke-title:hover {
  color: #49e3a4;
}
.oh__list li {
  position: relative;
  font-size: 18px;
  line-height: 26px;
  letter-spacing: 0.06px;
  padding-left: 12px;
  margin-bottom: 6px;
}
.oh__list li:last-child {
  margin-bottom: 0;
}
.oh__list li:before {
  content: "•";
  position: absolute;
  left: 0;
  top: 2px;
  font-size: 18px;
  line-height: 1;
  font-weight: 700;
}
.oh__list a {
  font-weight: 700;
  color: #22b3ff;
  text-decoration: underline;
}
.oh__list a:hover {
  text-decoration: none;
}

@media (max-width: 560px) {
  .ordic-helper-wrapper:nth-child(odd) {
    margin-right: 0;
  }
  .oh {
    margin-left: 68px;
    margin-right: 24px;
    padding-left: 40px;
    max-width: 100%;
    width: auto;
  }
  .oh__title {
    font-size: 24px;
    margin-bottom: 12px;
  }
  .oh__txt {
    font-size: 16px;
    line-height: 24px;
  }
  .oh__icon {
    width: 80px;
    height: 80px;
    left: -56px;
  }
  .oh__icon:before {
    width: 50px;
    height: 48px;
  }
  .oh__list li {
    font-size: 16px;
    line-height: 24px;
  }
}
.register-appeal-block {
  display: none;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  background: #22b3ff;
  box-shadow: 0 -10px 10px 0 rgba(19, 7, 31, 0.03);
  z-index: 99999;
  overflow: hidden;
}
.register-appeal-block__container {
  max-width: 980px;
  margin: 0 auto;
  padding: 24px 10px;
  display: flex;
  align-items: center;
  font-size: 2rem;
  line-height: 1.43;
  letter-spacing: 0.05px;
  color: #fff;
  font-weight: 700;
}
@media (max-width: 998px) {
  .register-appeal-block__container {
    max-width: 100%;
    padding-left: 24px;
    padding-right: 24px;
  }
}
@media (max-width: 580px) {
  .register-appeal-block__container {
    flex-direction: column;
    font-size: 16px;
  }
}
.register-appeal-block__body {
  margin-right: 36px;
}
.register-appeal-block__body a {
  display: inline-block;
  border-bottom: 1px solid;
  line-height: 1;
  font-weight: 700;
  color: #fff;
  transition: 0.3s ease 0s;
}
.register-appeal-block__body a:hover {
  border-bottom-color: transparent;
}
.register-appeal-block__title {
  font-size: 1.6rem;
  font-weight: 700;
}
@media (max-width: 767px) {
  .register-appeal-block__btn {
    margin-top: 24px;
  }
}

.pulse-button {
  color: #22b3ff;
  background-color: #fff;
  padding: 12px 36px;
  display: flex;
  justify-content: center;
  border: none;
  position: relative;
  transition: all 0.6s ease;
  font-size: 20px;
  line-height: 1.38;
  letter-spacing: 0;
  font-weight: 700;
  border-radius: 25px;
  box-shadow: 0 9px 12px rgba(255, 255, 255, 0.6);
  -webkit-animation: pulsenew 1.5s infinite;
}
.pulse-button:hover {
  -webkit-animation: none;
}

@-webkit-keyframes pulsenew {
  0% {
    -moz-transform: scale(0.9);
    -ms-transform: scale(0.9);
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }
  70% {
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
    box-shadow: 0 0 0 50px rgba(90, 153, 212, 0);
  }
  100% {
    -moz-transform: scale(0.9);
    -ms-transform: scale(0.9);
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
    box-shadow: 0 0 0 0 rgba(90, 153, 212, 0);
  }
}
.show-banner {
  position: relative;
  display: flex;
  padding: 40px;
  min-height: 300px;
  width: 100%;
  margin: 60px 0;
  border-radius: 20px;
  overflow: hidden;
  text-decoration: none;
  background-color: #d8f1fe;
}
@media (max-width: 767px) {
  .show-banner {
    flex-wrap: wrap;
    flex-direction: column-reverse;
    padding: 0;
    width: 327px;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    overflow: visible;
  }
}
.show-banner > picture {
  display: flex;
}
.show-banner > picture img,
.show-banner > img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media (max-width: 767px) {
  .show-banner > picture img,
  .show-banner > img {
    display: block;
    position: relative;
    z-index: 2;
    height: auto;
    object-fit: contain;
  }
}
.show-banner__content {
  position: relative;
  width: 330px;
  padding-right: 30px;
  max-width: 100%;
}
@media (max-width: 767px) {
  .show-banner__content {
    z-index: 4;
    width: 100%;
    padding: 16px;
  }
}
.show-banner__logo {
  width: 294px;
  max-width: 100%;
  margin-bottom: 14px;
}
@media (max-width: 767px) {
  .show-banner__logo {
    width: 222px;
    margin-left: auto;
    margin-right: auto;
  }
}
.show-banner__logo img {
  display: block;
  width: 100%;
  height: auto;
}
.show-banner__title {
  width: 100%;
  margin: 0;
  font-size: 29px;
  line-height: 35px;
}
@media (max-width: 767px) {
  .show-banner__title {
    font-size: 20px;
    line-height: 24px;
    max-width: 306px;
    margin-left: auto;
    margin-right: auto;
  }
}
.show-banner__tags {
  position: relative;
  display: flex;
  align-items: center;
  width: calc(100% - 330px);
  min-height: 100%;
  flex-grow: 2;
}
@media (max-width: 767px) {
  .show-banner__tags {
    width: 100%;
    height: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
  }
}
.show-banner__tag {
  display: inline-block;
  vertical-align: baseline;
  margin: 0;
  padding: 0 10px;
  font-size: 20px;
  line-height: 29px;
  font-weight: 700;
  color: #ffffff;
  white-space: nowrap;
  opacity: 0;
}
@media (max-width: 767px) {
  .show-banner__tag {
    font-size: 12px;
    line-height: 26px;
    vertical-align: middle;
    padding: 0 18px;
  }
}
.show-banner__tag:first-child {
  background-color: #01AB77;
  transform: rotate(20deg) translateY(-100%);
  transform-origin: left top;
  animation-name: ani-fade-in-out;
  animation-duration: 6s;
  animation-delay: 0s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
}
@media (max-width: 767px) {
  .show-banner__tag:first-child {
    position: absolute;
    right: 5px;
    top: 190px;
    transform: rotate(18deg) translateY(-100%);
  }
}
.show-banner__tag:nth-child(2) {
  position: absolute;
  bottom: -30px;
  left: 50%;
  background-color: #FDC651;
  transform: rotate(-10deg) translateX(-50%);
  transform-origin: left top;
  animation-name: ani-fade-in-out;
  animation-duration: 6s;
  animation-delay: 0.3s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
}
@media (max-width: 767px) {
  .show-banner__tag:nth-child(2) {
    z-index: 3;
    left: auto;
    right: 17px;
    bottom: 30px;
    transform: rotate(18deg) translate(0, -100%);
  }
}
.show-banner__tag:last-child {
  position: absolute;
  top: 47px;
  right: -35px;
  padding-left: 15px;
  background-color: #F68170;
  transform: rotate(-10deg);
  clip-path: polygon(15px 0%, 100% 0, 100% 100%, 0% 100%);
  animation-name: ani-fade-in-out;
  animation-duration: 6s;
  animation-delay: 0.9s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
}
@media (max-width: 767px) {
  .show-banner__tag:last-child {
    z-index: 3;
    clip-path: none;
    right: auto;
    left: 13px;
    top: auto;
    bottom: 82px;
  }
}

@keyframes ani-fade-in-out {
  0% {
    opacity: 0;
  }
  30% {
    opacity: 1;
  }
  60% {
    opacity: 1;
  }
  90% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
.bottom_bar_wrap {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  z-index: 1000;
}
.bottom_bar_wrap .container {
  display: flex;
  max-width: 1120px;
}
@media (max-width: 767px) {
  .bottom_bar_wrap .container {
    padding-left: 8px;
    padding-right: 8px;
  }
}
.bottom_bar_wrap .outer {
  background-color: #C7BCE5;
  border-radius: 24px 24px 0px 0px;
  padding: 8px;
  display: flex;
}
.bottom_bar_wrap .expander {
  cursor: pointer;
}
@media (max-width: 767px) {
  .bottom_bar_wrap .expander img {
    width: 47px;
  }
}
.bottom_bar_wrap .inner {
  display: none;
  align-items: center;
  padding-left: 13px;
}
.bottom_bar_wrap .inner .image2 {
  position: absolute;
  bottom: 0;
  right: 16px;
}
@media (max-width: 767px) {
  .bottom_bar_wrap .inner .image2 {
    width: 81%;
    bottom: -2px;
    right: 4px;
  }
}
.bottom_bar_wrap .inner .close {
  position: absolute;
  top: -26px;
  right: 24px;
  cursor: pointer;
}
@media (max-width: 767px) {
  .bottom_bar_wrap .inner .close {
    top: -25px;
    right: 4px;
  }
}
.bottom_bar_wrap.expanded .outer {
  flex-grow: 1;
}
.bottom_bar_wrap.expanded .inner {
  display: flex;
}

.reg-modal__btn-tooltip {
  display: none;
  position: absolute;
  top: -35px;
  right: 0;
  padding: 6px;
  font-size: 12px;
  line-height: 1.2;
  color: #2d2d2d;
  background-color: #fff;
  white-space: nowrap;
  border-radius: 6px;
  box-shadow: 0px 0px 16px rgba(19, 7, 31, 0.14);
  z-index: 500;
  transition: ease-in 0.24s;
}
@media (max-width: 767px) {
  .reg-modal__btn-tooltip {
    padding: 13px 6px;
    width: 100%;
    text-align: center;
    top: -52px;
    position: static;
    margin-bottom: 12px;
    white-space: initial;
    font-size: 14px;
    position: absolute;
  }
}

.req-marker {
  font-size: 12px;
  position: absolute;
  right: 0;
  top: -6px;
  font-family: "Roboto", Arial, sans-serif;
  color: #979797;
  z-index: 100;
}

@media (max-width: 998px) {
  .reg-modal--new {
    padding-bottom: 0;
  }
}
@media (max-width: 767px) {
  .reg-modal--new .top_card_2 {
    max-width: none;
  }
}
@media (max-width: 998px) {
  .reg-modal--new .reg-modal__step {
    padding-bottom: 24px;
  }
}
@media (max-width: 998px) {
  .reg-modal--new .reg-modal__group > * {
    width: 100%;
  }
}
.reg-modal--new .reg-modal__inner {
  height: fit-content;
  max-height: none;
}
@media (min-width: 768px) {
  .reg-modal--new .reg-modal__inner {
    min-height: 620px;
  }
}
@media (max-width: 998px) {
  .reg-modal--new .reg-modal__inner {
    padding: 42px 0 120px;
    height: 88%;
    box-sizing: content-box;
  }
}
.reg-modal--new .reg-modal__container {
  height: 100%;
  min-height: 540px;
}
@media (max-width: 998px) {
  .reg-modal--new .reg-modal__container {
    flex-direction: column;
  }
}
@media (max-width: 767px) {
  .reg-modal--new .reg-modal__container {
    padding-left: 14px !important;
    padding-right: 14px !important;
  }
}
.reg-modal--new .reg-modal__step-title {
  letter-spacing: 1px;
}
.reg-modal--new .reg-modal__close {
  display: block;
  border: none;
  background: transparent;
  position: absolute;
  right: -2px;
  top: -2px;
}
@media (max-width: 998px) {
  .reg-modal--new .reg-modal__title {
    margin-bottom: 8px;
  }
}
.reg-modal--new .reg-modal__subtitle {
  font-size: 16px;
  line-height: 1.2;
}
@media (max-width: 767px) {
  .reg-modal--new .reg-modal__subtitle {
    margin-top: 8px;
  }
}
.reg-modal--new .reg-modal__subtext {
  color: #979797;
  font-size: 12px;
  line-height: 1.2;
  margin-bottom: 8px;
  margin-top: 8px;
}
.reg-modal--new .reg-modal__subtext.active {
  display: block;
}
.reg-modal--new .reg-modal__code-btn {
  color: #22b3ff;
  font-size: 14px;
  border: none;
  background-color: transparent;
  width: fit-content;
  margin-top: 6px;
  text-decoration: underline;
  display: flex;
  align-items: center;
  margin-bottom: -26px;
}
.reg-modal--new .reg-modal__code-btn:hover {
  color: #57c5ff;
}
.reg-modal--new .reg-modal__code-btn img {
  margin-right: 5px;
}
.reg-modal--new .req-marker {
  top: 0;
}
.reg-modal--new .form-group label {
  font-weight: 400;
  top: 15px;
  font-size: 16px;
  bottom: auto;
}
.reg-modal--new .log-in {
  font-size: 14px;
  color: rgba(46, 46, 46, 0.6);
}
.reg-modal--new .log-in a {
  color: #22b3ff;
  position: relative;
  transition: all ease-in 0.3s;
}
.reg-modal--new .log-in a:hover {
  color: #98edfd;
}
.reg-modal--new .log-in a:hover::before {
  background-color: #98edfd;
}
.reg-modal--new .log-in a::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: #22b3ff;
  transition: all ease-in 0.3s;
}
.reg-modal--new input::placeholder {
  color: #979797;
}
.reg-modal--new .webinar-card.--another {
  height: auto;
}
@media (max-width: 767px) {
  .reg-modal--new .webinar-card.--another {
    height: 162px;
    max-width: none;
  }
  .reg-modal--new .webinar-card.--another .webinar-card__tag.--with-points {
    margin-top: auto;
  }
  .reg-modal--new .webinar-card.--another .webinar-card__left {
    flex-grow: 1;
  }
  .reg-modal--new .webinar-card.--another .event-date__value {
    font-size: 14px;
  }
  .reg-modal--new .webinar-card.--another .event-date__icon {
    position: relative;
    top: -1px;
  }
}
@media (max-width: 998px) {
  .reg-modal--new .reg-modal__form {
    padding-bottom: 0;
    margin-top: 24px;
    flex-grow: 2;
    position: relative;
    padding-bottom: 120px;
  }
}
.reg-modal--new .form-group--sms {
  display: none;
  flex-direction: column;
}
.reg-modal--new .reg-modal__step-1 .reg-modal__group {
  flex-direction: column;
  margin-top: 24px;
}
.reg-modal--new .reg-modal__step-1 .form-group__code-row.new-order-2,
.reg-modal--new .reg-modal__step-1 .form-group--password.new-order-2 {
  margin-top: -21px;
}
.reg-modal--new .reg-modal__step-1 .form-group__code-row.new-order-3 {
  margin-top: 6px;
}
.reg-modal--new .reg-modal__step-2.code-waiting .form-group {
  opacity: 0.4;
}
.reg-modal--new .reg-modal__step-2.code-waiting .form-group--sms {
  display: flex;
  opacity: 1;
}
.reg-modal--new .reg-modal__step-2.code-waiting .form-group--sms .form-group {
  opacity: 1;
}
.reg-modal--new .reg-modal__step-2.code-waiting .form-group.--tel {
  opacity: 1 !important;
}
.reg-modal--new .reg-modal__step-2 .reg-modal__title {
  margin-bottom: 16px;
}
.reg-modal--new .reg-modal__step-3 .text {
  font-size: 16px;
  width: 100%;
}
.reg-modal--new .reg-modal__step-3 .payment {
  display: grid;
  gap: 8px;
  font-size: 16px;
  grid-template-columns: 1fr;
  margin-bottom: 24px;
  margin-top: 20px;
}
@media (max-width: 767px) {
  .reg-modal--new .reg-modal__step-3 .payment {
    margin-top: 12px;
  }
}
.reg-modal--new .reg-modal__step-3 .payment > div {
  min-height: 94px;
  border-radius: 10px;
  background-color: #F5F5F5;
  padding: 12px;
  cursor: pointer;
}
.reg-modal--new .reg-modal__step-3 .payment > div.pay {
  background-color: #F5F5F5;
}
.reg-modal--new .reg-modal__step-3 .payment > div.pay .amount {
  font-weight: 700;
  font-size: 26px;
}
.reg-modal--new .reg-modal__step-3 .payment > div img {
  margin-top: 4px;
  display: block;
}
.reg-modal--new .reg-modal__step-docs .form-group.code_wrap {
  margin-top: 16px;
}
@media (min-width: 768px) {
  .reg-modal--new .reg-modal__step-docs .form-group.code_wrap {
    width: 49%;
  }
}
.reg-modal--new .reg-modal__step-docs .form-group.code_wrap.success:after {
  bottom: auto;
  top: 9px;
}
.reg-modal--new .reg-modal__step.docs .reg-modal__check {
  margin-top: 20px;
}
.reg-modal--new .reg-modal__step.docs .tab {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
}
.reg-modal--new .reg-modal__step.docs .tab .reg-modal__btn-wrapper {
  margin-top: auto;
}
.reg-modal--new .reg-modal__step.docs .tab.required .reg-modal__check {
  align-items: flex-start;
  font-size: 20px;
  line-height: 1.2;
}
.reg-modal--new .reg-modal__step.docs .tab.required .reg-modal__check img {
  margin-right: 16px;
}
.reg-modal--new .reg-modal__step.docs .tab.required .reg-modal__btn-wrapper {
  margin-left: 0;
  width: 100%;
  display: flex;
  justify-content: space-between;
}
.reg-modal--new .reg-modal__step.docs .tab.required .reg-modal__btn-wrapper .btn {
  margin-left: 0;
}
.reg-modal--new .reg-modal__step.docs .tab.required .reg-modal__btn-wrapper .to_index {
  border: #2d2d2d 2px solid;
  padding-top: 11px;
  padding-bottom: 11px;
}
@keyframes sending_btn {
  0% {
    opacity: 0.5;
  }
  50% {
    opacity: 0.1;
  }
  100% {
    opacity: 0.5;
  }
}
.reg-modal--new .btn {
  width: fit-content;
  margin-left: auto;
  box-shadow: none !important;
}
@media (max-width: 998px) {
  .reg-modal--new .btn {
    margin: 0 auto;
    font-size: 16px;
    margin-top: 24px;
    padding: 11.5px;
    line-height: 1.2;
    margin-top: auto;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: auto;
    height: 50px;
  }
}
.reg-modal--new .btn.sending {
  animation: 2s sending_btn both infinite !important;
}
.reg-modal--new .form-group__descr {
  font-size: 12px;
  color: #979797;
  line-height: 1.2;
  margin-top: 20px;
}
@media (max-width: 998px) {
  .reg-modal--new .form-group__descr {
    margin: 16px 0;
  }
}
.reg-modal--new .event-date {
  margin-top: 8px;
}
.reg-modal--new .event-author__name,
.reg-modal--new .event-place__name {
  font-size: 18px;
}
@media (max-width: 767px) {
  .reg-modal--new .event-place {
    display: flex;
  }
  .reg-modal--new .event-place__name {
    font-size: 14px;
  }
}
@media (max-width: 767px) {
  .reg-modal--new .event-author {
    display: flex;
  }
  .reg-modal--new .event-author__name {
    font-size: 14px;
  }
}
.reg-modal--new .event-author__img {
  position: relative;
  top: -1px;
}
@media (min-width: 768px) {
  .reg-modal--new .event-author__img {
    border-radius: 50%;
    height: 22px;
    width: 22px;
  }
}
.reg-modal--new .event-author__qty {
  position: relative;
  top: -2px;
}
.reg-modal--new .event-date__icon {
  box-sizing: content-box;
  padding-left: 2px;
}
@media (min-width: 768px) {
  .reg-modal--new .event-date__icon {
    width: 18px;
    height: 18px;
  }
}
@media (max-width: 767px) {
  .reg-modal--new .event-date__icon {
    margin-right: 10px;
  }
}
.reg-modal--new .form-control {
  padding-top: 0;
  position: relative;
  top: 6px;
  height: 30px;
}
.reg-modal--new .checkboxes_wrap {
  margin-top: 15px;
}
.reg-modal--new .form-group {
  display: flex;
  flex-direction: column;
  margin-bottom: 20px;
  position: relative;
}
.reg-modal--new .form-group .success {
  position: absolute;
  right: 12px;
  top: 17px;
  height: 15px;
  width: 15px;
  background: url(../img/reg/ico-reg-success.svg) 50% 50% no-repeat;
  z-index: 10;
}
.reg-modal--new .form-group--password.active {
  display: flex;
}
.reg-modal--new .form-group--password.success:before {
  content: none;
}
.reg-modal--new .form-group--password.success:after {
  width: 15px;
  height: 15px;
  border: 0;
  top: 21px;
  right: 8px;
  transform: none;
  background: url(../img/reg/ico-success-ticks.svg) 50% 50% no-repeat;
}
.reg-modal--new .form-group--password.success .form-control {
  border-color: #49e3a4;
}
.reg-modal--new .form-group__code-row {
  font-size: 14px;
  display: flex;
  align-items: center;
  flex-direction: row;
  margin-top: 10px;
  margin-bottom: 0;
}
.reg-modal--new .form-group__code-row .form-group__icon {
  margin-right: 5px;
  width: 17px;
  height: 17px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.reg-modal--new .form-group__code-row.cooldown {
  color: #979797;
}
.reg-modal--new .form-group__code-row.repeat {
  color: #22b3ff;
  text-decoration: underline;
}
.reg-modal--new .form-group.repeat button {
  height: 21px;
}
.reg-modal--new .form-group.email_code_input_wrap {
  margin-top: 10px;
}
.reg-modal--new .form-group.reg_form_phone_wrap {
  position: relative;
}
.reg-modal--new .form-group.reg_form_phone_wrap .prefix {
  position: absolute;
  left: 0;
  top: 16px;
  opacity: 0;
  transition-duration: 0.3s;
}
.reg-modal--new .form-group.reg_form_phone_wrap input {
  padding-left: 22px;
}
.reg-modal--new .form-group.reg_form_password_wrap .eye, .reg-modal--new .form-group.reg_form_password_repeat_wrap .eye {
  position: absolute;
  right: 12px;
  top: 17px;
  height: 15px;
  width: 15px;
  background: url(../img/reg/ico-reg-eye.svg) 50% 50% no-repeat;
  z-index: 10;
  cursor: pointer;
}
.reg-modal--new .form-group.reg_form_password_wrap .eye.revealed, .reg-modal--new .form-group.reg_form_password_repeat_wrap .eye.revealed {
  background-image: url(../img/reg/ico-reg-eye-open.svg);
}
.reg-modal--new .form-group.reg_form_password_wrap .reg-modal__btn-tooltip, .reg-modal--new .form-group.reg_form_password_repeat_wrap .reg-modal__btn-tooltip {
  font-size: 14px;
  padding: 8px 12px;
  width: 100%;
  top: 43px;
  left: 0;
  white-space: wrap;
  bottom: auto;
}
@media (max-width: 767px) {
  .reg-modal--new .form-group.reg_form_password_wrap .reg-modal__btn-tooltip, .reg-modal--new .form-group.reg_form_password_repeat_wrap .reg-modal__btn-tooltip {
    position: relative;
    top: auto;
    bottom: -8px;
  }
}
.reg-modal--new .form-group.reg_form_password_wrap input:active ~ .reg-modal__btn-tooltip, .reg-modal--new .form-group.reg_form_password_wrap input:focus ~ .reg-modal__btn-tooltip, .reg-modal--new .form-group.reg_form_password_repeat_wrap input:active ~ .reg-modal__btn-tooltip, .reg-modal--new .form-group.reg_form_password_repeat_wrap input:focus ~ .reg-modal__btn-tooltip {
  display: block;
}
.reg-modal--new .form-group.form-group--filled .prefix,
.reg-modal--new .form-group .form-control:focus ~ .prefix {
  opacity: 1;
}
.reg-modal--new .form-group.user_country > label, .reg-modal--new .form-group.user_city > label, .reg-modal--new .form-group.user_spec > label {
  transform: translateY(-16px);
  font-size: 10px;
  line-height: 12px;
  z-index: 100;
}
.reg-modal--new .form-group--checkbox.form-group {
  margin-bottom: 10px;
}
.reg-modal--new .form-group--checkbox.form-group label {
  font-size: 12px;
  line-height: 1.2;
  top: 0;
}
.reg-modal--new .form-group--checkbox.form-group label:before {
  border-radius: 2px;
  border-color: #EAEAEA;
  width: 16px;
  height: 16px;
}
.reg-modal--new .form-group--checkbox.form-group label:after {
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 12 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11.2015 0.324975C11.5129 0.620831 11.5255 1.11313 11.2297 1.42456L4.75469 8.24035L0.768578 4.04444C0.472723 3.73301 0.485346 3.24071 0.796773 2.94486C1.1082 2.649 1.6005 2.66163 1.89636 2.97305L4.75469 5.98183L10.1019 0.353169C10.3978 0.0417423 10.8901 0.0291192 11.2015 0.324975Z' fill='%23979797'/%3E%3C/svg%3E%0A");
  left: 0;
  background-size: 12px;
  top: -1px;
}
.reg-modal--new .form-group--checkbox.form-group input[type=checkbox] {
  appearance: auto;
  width: 16px;
  height: 16px;
  top: -2px;
  z-index: 1;
}
.reg-modal--new .form-group--checkbox.form-group input[type=checkbox]:checked + label:before {
  border-color: #979797;
}
.reg-modal--new .form-group--checkbox.form-group a {
  color: #22B3FF;
  text-decoration: underline;
}
.reg-modal--new .form-group--checkbox.form-group .req-marker {
  position: relative;
  top: -1px;
  right: -2px;
}
.reg-modal--new .form-group.error .form-control {
  color: #2d2d2d;
  border-color: rgba(45, 45, 45, 0.4);
}
.reg-modal--new .form-group.form-group--filled label, .reg-modal--new .form-group.code_wrap.success label {
  top: 18px;
}
.reg-modal--new .form-group.empty_error .form-control, .reg-modal--new .form-group.empty_error .custom-select > button, .reg-modal--new .form-group.empty_error label:before {
  border-color: red;
}
.reg-modal--new .form-group.empty_error .req-marker {
  color: red;
}
@media (max-width: 767px) {
  .reg-modal--new .checkboxes_wrap {
    margin-top: -12px;
  }
}
@media (max-width: 998px) {
  .reg-modal--new .webinar-card__title {
    font-size: 16px !important;
  }
}
.reg-modal--new .password-rec {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.reg-modal--new .password-rec.active {
  display: flex;
}
.reg-modal--new .password-rec .form-group--checkbox {
  margin-bottom: 0 !important;
}
.reg-modal--new .password-rec .form-group label {
  top: 0;
  left: 0;
  font-size: 14px;
}
.reg-modal--new .password-rec__text {
  margin-bottom: 0;
  font-size: 14px;
}
.reg-modal--new .form-group__code-btn {
  background-color: transparent;
  border: none;
  color: #22b3ff;
  cursor: pointer;
}
.reg-modal--new .reg-modal__btn-wrapper {
  width: fit-content;
  margin-top: auto;
  margin-left: auto;
  position: relative;
}
@media (max-width: 998px) {
  .reg-modal--new .reg-modal__btn-wrapper {
    width: 100%;
    display: flex;
    flex-direction: column-reverse;
  }
}
@media (min-width: 768px) {
  .reg-modal--new .reg-modal__btn-wrapper:hover > .reg-modal__btn-tooltip {
    display: block;
  }
}
.reg-modal--new .reg-modal__group .error-message {
  color: #ff7272;
  display: block;
  font-size: 12px;
  font-weight: 400;
  margin-top: 10px;
}
.reg-modal--new .reg-modal__group .custom-select {
  padding-top: 8px;
}
.reg-modal--new .reg-modal__group .custom-select > button {
  height: 34px;
  border-bottom: solid 1px #98edfd;
}
.reg-modal--new .reg-modal__error-msg {
  color: #ff7272;
  display: flex;
  align-items: center;
  justify-content: start;
  margin-top: 8px;
}
@media (max-width: 998px) {
  .reg-modal--new .reg-modal__error-msg {
    margin-bottom: 24px;
    margin-top: 0;
  }
}
.reg-modal--new .reg-modal__error-msg svg {
  margin-right: 8px;
}
@media (max-width: 998px) {
  .reg-modal--new .new-order-1 {
    order: 1;
  }
  .reg-modal--new .new-order-2 {
    order: 2;
  }
  .reg-modal--new .new-order-3 {
    order: 3;
  }
  .reg-modal--new .new-order-4 {
    order: 4;
  }
  .reg-modal--new .new-order-5 {
    order: 5;
  }
  .reg-modal--new .new-order-6 {
    order: 6;
  }
  .reg-modal--new .new-order-7 {
    order: 7;
  }
  .reg-modal--new .new-order-8 {
    order: 8;
  }
  .reg-modal--new .new-order-9 {
    order: 9;
  }
  .reg-modal--new .new-order-10 {
    order: 10;
  }
  .reg-modal--new .new-order-20 {
    order: 20;
  }
}
.reg-modal--new .popup-card {
  border-radius: 30px;
  background: linear-gradient(312deg, rgba(34, 179, 255, 0.25) 0%, rgba(187, 244, 255, 0.25) 84.04%), #FFF;
  padding-top: 66px;
  padding-bottom: 40px;
  width: 100%;
  max-width: 304px;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-right: 24px;
  overflow: hidden;
  position: relative;
}
@media (max-width: 998px) {
  .reg-modal--new .popup-card {
    max-width: unset;
    padding-bottom: 108px;
    padding-top: 14px;
    min-height: 170px;
  }
}
.reg-modal--new .popup-card__logo {
  margin: 0 auto;
}
.reg-modal--new .popup-card__items {
  display: flex;
  flex-direction: column;
  margin-top: auto;
  width: 100%;
}
.reg-modal--new .popup-card__item {
  background-color: #fff;
  text-transform: uppercase;
  width: fit-content;
  display: flex;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
}
.reg-modal--new .popup-card__item:first-child {
  padding: 10px 24px 8px 15px;
  font-size: 41px;
  border-radius: 16px;
  transform: rotate(7deg);
  box-shadow: 16px 28px 36px 0px rgba(14, 78, 109, 0.18);
  position: relative;
  z-index: 3;
  margin-left: 32px;
  margin-bottom: 16px;
}
@media (max-width: 998px) {
  .reg-modal--new .popup-card__item:first-child {
    position: absolute;
    right: 32px;
    bottom: 48px;
    font-size: 24px;
    padding: 4px 13px 4px 8px;
    border-radius: 10px;
    margin-bottom: 0;
    box-shadow: 9.3330440521px 16.3328266144px 10px 0px rgba(14, 78, 109, 0.15);
  }
}
.reg-modal--new .popup-card__item:first-child img {
  width: 71px;
  height: 71px;
  flex-shrink: 0;
  margin-right: 6px;
}
@media (max-width: 998px) {
  .reg-modal--new .popup-card__item:first-child img {
    width: 41px;
    height: 41px;
  }
}
.reg-modal--new .popup-card__item:nth-child(2n) {
  font-size: 26px;
  padding: 2px 10px 0 3px;
  border-radius: 11px;
  position: relative;
  z-index: 2;
  margin-bottom: 36px;
  transform: translateX(-8px) rotate(-9.8deg);
  box-shadow: 8px 19px 29px 0px rgba(14, 78, 109, 0.15);
}
@media (max-width: 998px) {
  .reg-modal--new .popup-card__item:nth-child(2n) {
    padding: 1.6px 5px 0 1.6px;
    font-size: 14px;
    position: absolute;
    bottom: 28px;
    left: 24px;
    transform: rotate(-12deg);
    margin-bottom: 0;
    bottom: 40px;
  }
}
.reg-modal--new .popup-card__item:nth-child(2n) img {
  width: 53px;
  height: 53px;
  margin-right: 4px;
  flex-shrink: 0;
}
@media (max-width: 998px) {
  .reg-modal--new .popup-card__item:nth-child(2n) img {
    width: 28px;
    height: 28px;
  }
}
.reg-modal--new .popup-card__item:last-child {
  font-size: 28px;
  padding: 5px 16px 5px 10px;
  border-radius: 12px;
  transform: rotate(10deg);
  margin-left: 20px;
}
@media (max-width: 998px) {
  .reg-modal--new .popup-card__item:last-child {
    font-size: 15px;
    position: absolute;
    left: 50%;
    bottom: 26px;
    transform: rotate(-10deg) translateX(-50%);
    margin-bottom: 0;
  }
}
.reg-modal--new .popup-card__item:last-child img {
  width: 53px;
  height: 53px;
  margin-right: 8px;
  flex-shrink: 0;
}
@media (max-width: 998px) {
  .reg-modal--new .popup-card__item:last-child img {
    width: 26px;
    height: 26px;
  }
}
.reg-modal--new .popup-card .text-violet {
  color: #CCA2DB;
}
.reg-modal--new .reg-modal__buttons {
  display: flex;
  margin: 16px 0 20px;
  flex-wrap: nowrap;
  overflow: auto;
}
.reg-modal--new .reg-modal__buttons::-webkit-scrollbar {
  display: none;
}
@media (max-width: 998px) {
  .reg-modal--new .reg-modal__buttons {
    margin-left: -14px;
    margin-right: -14px;
  }
}
.reg-modal--new .reg-modal__buttons .btn {
  margin: 0;
}
.reg-modal--new .reg-modal__buttons .btn:last-child {
  margin-right: 14px;
}
.reg-modal--new .reg-btn {
  padding: 7px 16px;
  border-radius: 30px;
  color: #979797;
  white-space: nowrap;
  background-color: #F5F5F5;
  font-size: 14px;
}
.reg-modal--new .reg-btn.active {
  color: #fff;
  background-color: #2d2d2d;
  font-weight: 700;
}
.reg-modal--new .reg-btn:hover {
  color: #fff;
  background-color: #e9e9e9;
}
@media (max-width: 767px) {
  .reg-modal--new .reg-btn:first-child {
    margin-left: 14px;
  }
}
.reg-modal--new .reg-btn:not(:last-child) {
  margin-right: 8px;
}
@media (max-width: 998px) {
  .reg-modal--new .popup-hint {
    position: relative;
  }
}
.reg-modal--new .popup-hint span {
  position: relative;
  text-decoration: underline;
  cursor: pointer;
}
@media (max-width: 998px) {
  .reg-modal--new .popup-hint span {
    position: static;
  }
}
.reg-modal--new .popup-hint span:hover::after {
  content: attr(data-title);
  padding: 12px;
  border-radius: 8px;
  box-shadow: 0px 0px 16px 0px rgba(19, 7, 31, 0.14);
  background-color: #fff;
  position: absolute;
  left: 0;
  top: 100%;
  z-index: 100;
  font-size: 14px;
}
@media (max-width: 998px) {
  .reg-modal--new .popup-hint span:hover::after {
    top: 105%;
  }
}
.reg-modal--new .file-upload-wrapper {
  width: 100%;
  margin-top: 16px;
}
@media (max-width: 998px) {
  .reg-modal--new .file-upload-wrapper {
    margin-top: 20px;
  }
}
.reg-modal--new .file-upload-wrapper .reg-modal__text {
  margin-top: 12px;
  font-size: 14px;
}
.reg-modal--new .file-upload {
  position: relative;
  overflow: hidden;
  padding: 16px 12px;
  border: 1px solid #d1d1d1;
  width: 100%;
  border-radius: 10px;
  line-height: 1.2;
  max-width: 304px;
}
@media (max-width: 998px) {
  .reg-modal--new .file-upload {
    max-width: unset;
  }
}
.reg-modal--new .file-upload input[type=file] {
  display: none;
}
.reg-modal--new .file-upload:label {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
}
.reg-modal--new .file-upload span {
  line-height: 36px;
}
.reg-modal--new .file-upload__label {
  display: flex;
}
.reg-modal--new .file-upload__img {
  margin-right: 12px;
  flex-shrink: 0;
}
.reg-modal--new .file-upload__img.success {
  display: none;
}
.reg-modal--new .file-upload__right {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.reg-modal--new .file-upload__title {
  font-size: 16px;
  font-weight: 700;
}
.reg-modal--new .file-upload__subtitle {
  font-size: 12px;
  color: #676767;
  margin-top: 4px;
}
.reg-modal--new .file-upload__btn {
  color: #22B3FF;
  position: relative;
  margin-top: 4px;
  transition: color ease-in 0.24s;
}
.reg-modal--new .file-upload__btn.success {
  display: none;
}
.reg-modal--new .file-upload__btn:after {
  content: "";
  background-color: #22B3FF;
  width: 100%;
  display: block;
  position: absolute;
  bottom: 2px;
  left: 0;
  height: 1px;
}
.reg-modal--new .file-upload__btn:hover {
  color: #57c5ff;
}
.reg-modal--new .file-upload__btn:hover:after {
  content: none;
}
.reg-modal--new .file-upload.success {
  background-color: rgba(73, 227, 164, 0.05);
  border-color: rgba(73, 227, 164, 0.05);
}
.reg-modal--new .file-upload.success .file-upload__img {
  display: none;
}
.reg-modal--new .file-upload.success .file-upload__img.success {
  display: block;
}
.reg-modal--new .file-upload.success .file-upload__title {
  color: #49E3A4;
}
.reg-modal--new .file-upload.success .file-upload__btn {
  display: none;
}
.reg-modal--new .file-upload.success .file-upload__btn.success {
  display: block;
  color: rgba(45, 45, 45, 0.4);
}
.reg-modal--new .file-upload.success .file-upload__btn.success:hover {
  color: #22b3ff;
}
.reg-modal--new .file-upload.success .filename {
  display: block;
}
.reg-modal--new .filename {
  font-size: 14px;
  margin-top: 4px;
  position: relative;
  padding-right: 12px;
  display: none;
  word-break: break-all;
}
.reg-modal--new .filename img {
  position: absolute;
  top: 6px;
  right: 0;
  cursor: pointer;
}
@media (max-width: 998px) {
  .reg-modal--new .reg-modal__title.--new {
    padding-right: 40px;
    margin-bottom: 0;
  }
}
.reg-modal--new .later {
  font-size: 16px;
  margin-top: 16px;
  padding: 16px 12px;
  border-radius: 10px;
  border: 1px solid #E9E9E9;
}
.reg-modal--new .later__title {
  font-weight: 700;
}
.reg-modal--new .later__list {
  display: flex;
  flex-direction: column;
  margin-top: 12px;
}
.reg-modal--new .later__item {
  display: flex;
  align-items: center;
}
.reg-modal--new .later__item:not(:last-child) {
  margin-bottom: 4px;
}
.reg-modal--new .later__img {
  border-radius: 50%;
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 8px;
  background-color: #2d2d2d;
  flex-shrink: 0;
}
.reg-modal--new.restore_modal .reg-modal__step-1 {
  position: relative;
}
.reg-modal--new.restore_modal .back {
  color: #979797;
  text-decoration: underline;
  font-size: 14px;
  position: absolute;
  left: 0;
  bottom: 8px;
  cursor: pointer;
}
@media (max-width: 767px) {
  .reg-modal--new.restore_modal .back {
    width: 100%;
    text-align: center;
    bottom: 90px;
  }
}
.reg-modal--new.restore_modal .back:hover {
  text-decoration: none;
}
.reg-modal--new.restore_modal .reg-modal__group > .ordik {
  width: 100%;
}
.reg-modal--new.new_password_modal .reg-modal__group {
  flex-direction: column;
}
@media (max-width: 767px) {
  .reg-modal--new.reg-modal .dropdown-single {
    margin-bottom: 26px;
  }
}
.reg-modal--new.funnel_202402 form.phone .form-group.reg_form_phone_wrap .prefix {
  top: 16px;
}
.reg-modal--new.funnel_202402 form.phone .form-group.form-group__code-row {
  height: 21px;
  margin-bottom: 0;
  margin-top: -12px;
}
.reg-modal--new.funnel_202402 form.phone .reg-modal__code-btn {
  margin-top: 0;
  margin-bottom: 0;
}
.reg-modal--new.funnel_202402 form.payment .text {
  margin-bottom: 4px;
}

.file-upload.--new {
  max-width: unset;
}
.file-upload.--new .file-upload__label {
  align-items: flex-start;
}
.file-upload.--new .file-upload__title {
  font-weight: 400;
}
.file-upload.--new .file-upload__img {
  border-radius: 50%;
  height: 52px;
  width: 52px;
  background-color: #fff;
  border: #22B3FF 2px solid;
}
.file-upload.--new .file-upload__img svg {
  width: 100%;
  height: 100%;
}
.file-upload.--new .file-upload__img svg use {
  fill: #22B3FF;
}
.file-upload.--new .file-upload .filename {
  align-items: center;
  position: relative;
  padding-right: 0;
}
.file-upload.--new .file-upload .filename:hover svg {
  color: #FF7272;
}
.file-upload.--new .file-upload .filename:last-child svg {
  display: none;
}
.file-upload.--new .file-upload .filename svg {
  width: 7px;
  height: 7px;
  margin-left: 8px;
  cursor: pointer;
  color: #979797;
  flex-shrink: 0;
}
.file-upload.--new .file-upload .filename__title {
  max-width: 211px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.file-upload.--new .file-upload__span {
  font-size: 12px;
  color: #979797;
  margin-top: 4px;
}
.file-upload.--new .file-upload span {
  line-height: 1;
}
.file-upload.--new.success {
  background-color: rgba(73, 227, 163, 0.0509803922);
  border-color: rgba(73, 227, 163, 0.0509803922);
}
.file-upload.--new.success .file-upload__title {
  color: #49E3A4;
  font-weight: 700;
}
.file-upload.--new.success .file-upload__img {
  display: block;
  border-color: #49E3A4;
}
.file-upload.--new.success .file-upload__img svg use {
  fill: #49E3A4;
}
.file-upload.--new.success .filename {
  display: flex;
  align-items: center;
}
.file-upload.--new.success .filename svg {
  margin-left: 8px;
  flex-shrink: 0;
}
.file-upload.--new.loading2 .file-upload__img {
  background: url(../img/cpk/cpk_docs_spinner.gif) 50% 50% no-repeat;
  border-color: transparent;
}
.file-upload.--new.loading2 .file-upload__img svg {
  display: none;
}
.file-upload.--new.loading2 .file-upload__right {
  position: relative;
}
.file-upload.--new.loading2 .file-upload__right:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.8);
}

.reg-modal--new .file-upload-wrapper {
  margin-top: 14px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 6px;
  margin-bottom: 18px;
}
@media (max-width: 767px) {
  .reg-modal--new .file-upload-wrapper {
    grid-template-columns: 1fr;
    margin-bottom: 0;
  }
}
.reg-modal--new .file-upload__headline {
  font-size: 16px;
  color: #979797;
  margin-top: 4px;
}
.reg-modal--new .file-upload__later {
  position: absolute;
  top: 32px;
  right: 10px;
  transform: translateY(-50%);
  font-size: 14px;
  color: #979797;
  text-decoration: underline;
  border: none;
  outline: none;
  background-color: transparent;
  cursor: pointer;
}
@media (max-width: 767px) {
  .reg-modal--new .file-upload__later {
    position: static;
    transform: none;
    margin: 24px 0 22px;
  }
}
.reg-modal--new .reg-modal__btn-tooltip {
  top: auto;
  bottom: 58px;
}

.popup-card-new {
  border-radius: 30px;
  background-color: #84C9DC;
  padding: 24px 16px 16px;
  width: 100%;
  max-width: 304px;
  display: flex;
  flex-direction: column;
  margin-right: 24px;
  overflow: hidden;
  position: relative;
}
@media (max-width: 767px) {
  .popup-card-new {
    max-width: unset;
    padding: 16px 12px 12px;
    min-height: 162px;
    border-radius: 20px;
  }
}
.popup-card-new__tags {
  display: flex;
}
@media (max-width: 767px) {
  .popup-card-new__tags {
    position: absolute;
    right: 12px;
    bottom: 12px;
  }
}
.popup-card-new__tag {
  padding: 6px 8px 5px;
  font-size: 12px;
  border-radius: 4px;
  background-color: rgba(255, 255, 255, 0.4);
}
@media (max-width: 767px) {
  .popup-card-new__tag {
    font-size: 10px;
    border-radius: 6px;
  }
}
.popup-card-new__tag:not(:last-child) {
  margin-right: 6px;
}
.popup-card-new__tag.--black {
  background-color: #2d2d2d;
  color: #fff;
}
.popup-card-new__title {
  font-size: 20px;
  font-weight: 700;
  line-height: 1.2;
  margin-top: 12px;
}
@media (max-width: 767px) {
  .popup-card-new__title {
    font-size: 16px;
    max-width: 238px;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin-top: 0;
  }
}
.popup-card-new__subtitle {
  font-size: 14px;
  margin-top: 12px;
  line-height: 1.2;
}
@media (max-width: 767px) {
  .popup-card-new__subtitle {
    display: none;
  }
}
.popup-card-new__bottom {
  display: flex;
  align-items: end;
  justify-content: space-between;
  margin-top: auto;
}
@media (max-width: 767px) {
  .popup-card-new__bottom {
    margin-top: auto;
  }
}
.popup-card-new .course-item__img {
  width: 127px;
  height: 127px;
  margin-left: 0;
}
@media (max-width: 767px) {
  .popup-card-new .course-item__img {
    width: 82px;
    height: 82px;
  }
}
.popup-card-new .course-item__img p {
  font-size: 24px;
  width: 104px;
}
@media (max-width: 767px) {
  .popup-card-new .course-item__img p {
    font-size: 12px;
    max-width: 45px;
    width: auto;
  }
}
.popup-card-new__prices {
  display: flex;
  flex-direction: column;
  line-height: 1.2;
}
@media (max-width: 767px) {
  .popup-card-new__prices {
    flex-direction: row;
    align-items: center;
  }
}
.popup-card-new__price {
  font-size: 28px;
}
.popup-card-new__price.--old {
  color: rgba(45, 45, 45, 0.6);
  font-size: 10px;
  text-decoration: line-through;
}
@media (max-width: 767px) {
  .popup-card-new__price.--old {
    margin-left: 12px;
  }
}

.reg-modal--new .reg-modal__container {
  height: auto;
}
@media (max-width: 767px) {
  .reg-modal--new .reg-modal__container {
    height: 100%;
  }
}

.reg-finish.--new {
  padding: 80px 0 88px;
}
@media (max-width: 767px) {
  .reg-finish.--new {
    background-color: #CCA2DB;
    padding: 60px 0 158px;
  }
}
.reg-finish.--new .reg-finish__block {
  max-width: 630px;
}
.reg-finish.--new .reg-finish__title {
  font-size: 26px;
}
.reg-finish.--new .reg-finish__row {
  padding-left: 0;
  margin-top: 16px;
}
.reg-finish.--new .reg-finish__row svg {
  width: 20px;
  height: 20px;
}
.reg-finish.--new .reg-finish__text {
  font-size: 16px;
}
.reg-finish.--new .reg-finish__part {
  margin-top: 0;
  margin-bottom: 36px;
}
.reg-finish.--new .reg-finish__block {
  min-height: unset;
}
.reg-finish.--new .popup-card-new {
  padding: 16px;
  flex-shrink: 0;
  max-width: 250px;
}
.reg-finish.--new .popup-card-new__title {
  font-size: 16px;
  margin-bottom: auto;
  margin-top: 0;
}
@media (max-width: 767px) {
  .reg-finish.--new .popup-card-new__title {
    max-width: 210px;
  }
}
.reg-finish.--new .popup-card-new__subtitle {
  display: none;
}
.reg-finish.--new .popup-card-new__tag {
  font-size: 10px;
  width: fit-content;
}
@media (max-width: 767px) {
  .reg-finish.--new .popup-card-new__tag {
    margin-top: 16px;
  }
}
.reg-finish.--new .popup-card-new__tag:not(:last-child) {
  margin-right: 0;
  margin-bottom: 4px;
}
@media (max-width: 767px) {
  .reg-finish.--new .popup-card-new__tag:not(:last-child) {
    margin-bottom: 0;
    margin-right: 4px;
  }
}
.reg-finish.--new .popup-card-new__tags {
  flex-direction: column;
}
@media (max-width: 767px) {
  .reg-finish.--new .popup-card-new__tags {
    position: static;
    flex-direction: row;
  }
}
.reg-finish.--new .popup-card-new__bottom {
  margin-top: auto;
}
.reg-finish.--new .course-item__img {
  width: 90px;
  height: 90px;
}
@media (max-width: 767px) {
  .reg-finish.--new .course-item__img {
    width: 82px;
    height: 82px;
  }
}
.reg-finish.--new .course-item__img p {
  font-size: 16px;
  max-width: 74px;
}

.reg-modal-substep {
  margin-top: 20px;
}
.reg-modal-substep__link {
  color: #22B3FF;
  text-decoration: underline;
  margin-top: 4px;
}
.reg-modal-substep .file-upload-wrapper {
  margin-top: 8px;
}

.about-page {
  line-height: 1.2;
  padding-top: 96px;
}
@media (max-width: 767px) {
  .about-page {
    padding-top: 64px;
  }
}
.about-page__title {
  font-size: 32px;
  font-weight: 700;
  margin-top: 20px;
  line-height: 1.1;
}
@media (max-width: 767px) {
  .about-page__title {
    margin-top: 16px;
    font-size: 24px;
  }
}
.about-page__tabs {
  display: flex;
  flex-direction: column;
  border-right: 1px solid #d1d1d1;
  width: 100%;
  max-width: 304px;
  margin-right: 24px;
}
@media (max-width: 767px) {
  .about-page__tabs {
    max-width: unset;
    border: none;
    display: none;
  }
}
.about-page__row {
  padding: 12px;
  display: flex;
  cursor: pointer;
  transition: background-color ease-in 0.24s;
  position: relative;
}
@media (max-width: 767px) {
  .about-page__row {
    align-items: flex-start;
    padding: 16px 0;
  }
}
.about-page__row::before {
  content: "";
  position: absolute;
  top: 0;
  right: -1px;
  height: 100%;
  width: 2px;
  background-color: #22B3FF;
  opacity: 0;
  transition: opacity ease-in 0.24s;
}
@media (max-width: 767px) {
  .about-page__row::before {
    display: none;
  }
}
.about-page__row:hover, .about-page__row.active {
  background-color: rgba(232, 232, 232, 0.4);
}
@media (max-width: 767px) {
  .about-page__row:hover, .about-page__row.active {
    background-color: transparent;
  }
}
.about-page__row:hover::before, .about-page__row.active::before {
  opacity: 1;
}
.about-page__row-img {
  width: 18px;
  height: 18px;
  margin-right: 12px;
  flex-shrink: 0;
}
.about-page__row-name {
  font-size: 16px;
  margin-right: 12px;
}
.about-page__wrapper {
  display: flex;
  margin-top: 36px;
}
@media (max-width: 767px) {
  .about-page__wrapper {
    flex-direction: column;
    margin-top: 20px;
  }
}

.about-block:not(:first-child) {
  margin-top: 16px;
}
.about-block.--big:not(:first-child) {
  margin-top: 32px;
}
.about-block__title {
  font-size: 20px;
  font-weight: 700;
}
@media (max-width: 767px) {
  .about-block__title {
    font-size: 18px;
  }
}
.about-block__title.--large {
  font-size: 26px;
}
@media (max-width: 767px) {
  .about-block__title.--large {
    font-size: 20px;
  }
}
@media (max-width: 767px) {
  .about-block__title.--big {
    font-size: 24px;
  }
}
.about-block__title.main_title {
  margin-bottom: -8px;
  line-height: 1.1;
}
.about-block__list {
  display: flex;
  flex-direction: column;
  margin-top: 12px;
}
.about-block__list.--big {
  margin-top: 24px;
}
.about-block__list.--medium {
  margin-top: 16px;
}
.about-block__list.--medium .about-block__item:not(:last-child) {
  margin-bottom: 16px;
}
.about-block__list.--medium .about-block__row {
  flex-direction: column;
}
.about-block__list.--medium .about-block__row-name {
  font-size: 20px;
}
@media (max-width: 767px) {
  .about-block__list.--medium .about-block__row-name.--big {
    font-size: 18px;
  }
}
.about-block__list.--medium .about-block__row-value {
  margin-top: 12px;
}
@media (max-width: 767px) {
  .about-block__list.--medium .about-block__row-value {
    margin-left: 0;
  }
}
.about-block__row {
  font-size: 16px;
  display: flex;
}
.about-block__row-name {
  font-weight: 700;
}
.about-block__row-value {
  margin-left: 4px;
}
.about-block__row-value a {
  text-decoration: underline;
}
.about-block__row.inline {
  display: block;
}
.about-block__row.inline div {
  display: inline;
}
.about-block__item:not(:last-child) {
  margin-bottom: 8px;
}
.about-block__text-block {
  font-size: 16px;
  margin-top: 24px;
}
.about-block__text-block p:not(:last-child) {
  margin-bottom: 16px;
}
.about-block__text-block.--small {
  margin-top: 12px;
}
.about-block__text-block a {
  text-decoration: underline;
}
.about-block__cards {
  margin-top: 24px;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 8px;
}
@media (max-width: 767px) {
  .about-block__cards {
    display: flex;
    flex-direction: column;
    gap: 10px;
  }
}
.about-block__card {
  padding: 12px;
  border-radius: 10px;
  border: 1px solid #e9e9e9;
}
.about-block__card-title {
  font-size: 18px;
  font-weight: 700;
}
.about-block__card-name {
  font-size: 16px;
  margin-top: 4px;
  color: #979797;
}
.about-block__card-mail {
  font-size: 16px;
  margin-top: 4px;
  color: #22B3FF;
}
.about-block__card.--docs {
  padding: 20px 16px;
}
.about-block__card.--docs .about-block__card-name {
  margin-top: 12px;
}
.about-block__subtitle {
  font-size: 20px;
  font-weight: 700;
}
.dotted-list {
  display: flex;
  flex-direction: column;
  margin-top: 24px;
  padding-left: 0;
}
.dotted-list__item {
  margin-left: 15px;
  position: relative;
}
.dotted-list__item::before {
  content: "";
  position: absolute;
  top: 10px;
  left: -12px;
  width: 3px;
  height: 3px;
  border-radius: 50%;
  background-color: #2d2d2d;
}

.tabs-arrow {
  flex-shrink: 0;
  width: 8px;
  height: 16px;
  margin-left: auto;
}

@media (max-width: 767px) {
  .about-content {
    margin-top: 28px;
  }
}

.tabs-mobile {
  padding: 8px;
  border-radius: 10px;
  box-shadow: 0px 0px 12px 0px rgba(19, 7, 31, 0.07);
  background-color: #fff;
  display: flex;
  align-items: center;
  font-size: 13px;
  margin: 20px 0 28px;
}
.tabs-mobile__btn {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  border: 1px solid #979797;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-right: 3px;
  margin-right: 12px;
}
.tabs-mobile__left {
  white-space: nowrap;
  margin-right: 16px;
  display: flex;
  align-items: center;
}
.tabs-mobile__next {
  margin-left: auto;
  display: flex;
  align-items: center;
}
.tabs-mobile__next .tabs-mobile__btn {
  padding-left: 3px;
  margin-left: 12px;
  background-color: #22B3FF;
  color: #fff;
  border-color: #22B3FF;
  margin-right: 0;
}

@media (max-width: 767px) {
  body.feed-modal-active {
    height: 100vh;
    overflow: hidden;
  }
}
body.feed-modal-active .feed-modal-wrapper {
  display: flex;
}

.feed-modal-wrapper {
  width: 100vw;
  height: 100vh;
  display: none;
  position: fixed;
  background: rgba(0, 0, 0, 0.46);
  z-index: 1000;
  align-items: center;
  justify-content: center;
  padding: 32px 12px 20px;
  left: 0;
  top: 0;
  cursor: pointer;
}
@media (max-width: 767px) {
  .feed-modal-wrapper {
    height: fit-content;
    height: 100vh;
    overflow: auto;
    padding-top: 32px;
    overflow: scroll;
    padding-bottom: 120px;
    align-items: flex-start;
  }
}

.feed-modal {
  width: 100%;
  max-width: 796px;
  padding: 40px 12px 40px 27px;
  background: linear-gradient(133deg, #22B3FF 4.36%, #B8E7FF 112.75%);
  border-radius: 20px;
  overflow: hidden;
  color: #fff;
  display: flex;
  line-height: 1.2;
  position: relative;
  height: 480px;
  cursor: default;
}
@media (max-width: 767px) {
  .feed-modal {
    flex-direction: column;
    padding: 29px 0 13px;
    height: 700px;
  }
}
.feed-modal__left {
  margin-right: 20px;
}
.feed-modal__right {
  position: relative;
  flex-grow: 1;
}
.feed-modal__right .dots {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  position: absolute;
  left: 0;
  top: 400px;
}
.feed-modal__right .dots div {
  width: 11px;
  height: 11px;
  background-color: #D1D1D1;
  border-radius: 50%;
  margin: 0 3px;
}
.feed-modal__right .dots div.active {
  background-color: #2D2D2D;
}
.feed-modal__title {
  font-size: 56px;
  font-weight: 700;
}
@media (max-width: 767px) {
  .feed-modal__title {
    font-size: 41px;
    margin: 0 20px;
  }
}
.feed-modal__subtitle {
  font-size: 20px;
  margin-top: -6px;
}
@media (max-width: 767px) {
  .feed-modal__subtitle {
    margin-top: 7px;
    font-size: 20px;
    margin: 0 20px 20px;
  }
}
.feed-modal__img {
  width: 420px;
  height: 400px;
  flex-shrink: 0;
  background: 50% 0 no-repeat;
  width: 490px;
  height: 470px;
  opacity: 0;
  transition-duration: 0.24s;
  position: absolute;
  top: 0;
  right: -10px;
}
@media (max-width: 767px) {
  .feed-modal__img {
    background-position: -6px 0;
    width: 366px;
    right: auto;
    left: calc((100% - 366px) / 2);
  }
}
.feed-modal__img--first {
  background-image: url("../img/modal/modal-1.png");
  background-size: 440px auto;
  background-position: 34px 0;
}
@media (max-width: 767px) {
  .feed-modal__img--first {
    background-image: url("../img/modal/modal-1-mob.png");
    background-size: 368px auto;
    background-position: -6px 0;
  }
}
.feed-modal__img--second {
  background-image: url("../img/modal/modal-2.png");
  background-size: 407px auto;
  background-position: 33px 0;
}
@media (max-width: 767px) {
  .feed-modal__img--second {
    background-image: url("../img/modal/modal-2-mob.png");
    background-size: 373px auto;
    background-position: -6px 0;
  }
}
.feed-modal__img--third {
  background-image: url("../img/modal/modal-3.png");
  background-size: 477px auto;
  background-position: 18px -3px;
}
@media (max-width: 767px) {
  .feed-modal__img--third {
    background-image: url("../img/modal/modal-3-mob.png");
    background-size: 383px auto;
    background-position: -5px -21px;
  }
}
.feed-modal__img.active {
  opacity: 1;
}
.feed-modal__btns {
  margin-top: 24px;
  display: flex;
  flex-direction: column;
  gap: 7px;
}
@media (max-width: 767px) {
  .feed-modal__btns {
    display: none;
  }
}
.feed-modal__close-button {
  margin: 29px 12px 0;
  padding: 13px 0;
  background-color: #2d2d2d;
  border-radius: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  font-weight: 700;
  cursor: pointer;
}
@media (max-width: 767px) {
  .feed-modal__close-button {
    margin-top: 438px;
    position: relative;
  }
}
.feed-modal__btn {
  font-size: 14px;
  border-radius: 6px;
  padding: 0 8px 0 5px;
  background-color: #fff;
  width: fit-content;
  color: #000;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 30px;
  text-transform: uppercase;
  transition: background-color ease-in 0.24s, color ease-in 0.24s;
  cursor: pointer;
}
.feed-modal__btn span {
  font-weight: 700;
}
.feed-modal__btn span.purple {
  color: #A95FD7;
}
.feed-modal__btn span.blue {
  color: #4899B9;
}
.feed-modal__btn.active {
  background-color: #2d2d2d;
  color: #fff;
}
.feed-modal__close-btn {
  position: absolute;
  top: 14px;
  right: 20px;
  cursor: pointer;
}

.notices-modal {
  background-color: #fff;
  border-radius: 20px;
  display: none;
  position: absolute;
  top: 88px;
  right: 82px;
  width: 550px;
  box-shadow: 0px 0px 32px 0px rgba(0, 0, 0, 0.14);
  line-height: 1.2;
  flex-direction: column;
  padding: 20px 0 24px 16px;
  z-index: 100;
}
@media (max-width: 767px) {
  .notices-modal {
    top: 68px;
    left: 0;
    right: auto;
    width: unset;
    margin: 0 12px;
  }
}
.notices-modal.active {
  display: flex;
}
.notices-modal__title {
  font-size: 26px;
  font-weight: 700;
}
.notices-modal__wrapper {
  position: relative;
}

.notices {
  display: flex;
  flex-direction: column;
  max-height: 630px;
  overflow: auto;
}
.notices::-webkit-scrollbar-track {
  background: #f1f1f1;
}
.notices::-webkit-scrollbar-thumb {
  border-radius: 50%;
  width: 2px;
  background-color: rgba(45, 45, 45, 0.2);
}
@media (max-width: 767px) {
  .notices {
    max-height: 60vh;
  }
}
.notices-top {
  display: flex;
  margin-top: 12px;
  border-bottom: 1px solid rgba(45, 45, 45, 0.4);
  padding-bottom: 12px;
  margin-right: 16px;
}
.notices-top__img {
  width: 59px;
  height: 59px;
  flex-shrink: 0;
  margin-right: 16px;
  border-radius: 50%;
  overflow: hidden;
}
.notices-top__img img {
  width: 100%;
}
.notices-top__right-title {
  font-size: 16px;
  font-weight: 700;
}
.notices-top__right-text {
  font-size: 14px;
  margin-top: 12px;
}
.notices-top__right-btn {
  margin-top: 8px;
  font-size: 16px;
  font-weight: 700;
  border-radius: 40px;
  background-color: #22B3FF;
  padding: 9px 20px;
  width: fit-content;
  color: #fff;
  height: 42px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.notices__close-btn {
  position: absolute;
  top: 0;
  right: 16px;
}
.notices-list {
  display: flex;
  flex-direction: column;
  padding-right: 16px;
}
.notices-row {
  display: flex;
  flex-direction: column;
  padding: 12px 0;
  border-bottom: 1px solid rgba(45, 45, 45, 0.4);
}
.notices-row--viewed {
  color: #979797;
}
.notices-row__title {
  font-size: 16px;
  font-weight: 700;
}
.notices-row__text {
  font-size: 16px;
  margin-top: 8px;
}

.bubble-info__bubble {
  padding: 24px;
  margin: 0;
  background-color: #fff;
  border: #f5f5f5 1px solid;
  border-bottom-left-radius: 0;
}
@media (max-width: 767px) {
  .bubble-info__bubble {
    flex-direction: column;
    align-items: start;
    padding: 16px 20px;
    border-radius: 30px;
    border-bottom-left-radius: 0;
    max-width: 286px;
  }
}
@media (max-width: 580px) {
  .bubble-info__bubble {
    padding: 34px 16px;
    max-width: 236px;
  }
}
.bubble-info__bubble::before, .bubble-info__bubble::after {
  content: none;
  background: none;
  filter: none;
  box-shadow: none;
}
.bubble-info__bubble--lg {
  font-size: 20px;
  margin-bottom: 0;
}
@media (max-width: 998px) {
  .bubble-info__bubble--lg {
    text-align: left;
  }
}
@media (max-width: 767px) {
  .bubble-info__bubble--lg {
    font-size: 18px;
  }
}
@media (max-width: 580px) {
  .bubble-info__bubble--lg {
    font-size: 26px;
    margin-right: 20px;
  }
}
.bubble-info__bubble--md {
  color: #979797;
  margin-top: 4px;
  max-width: 223px;
  margin-bottom: 0;
}
@media (max-width: 998px) {
  .bubble-info__bubble--md {
    text-align: left;
  }
}
@media (max-width: 767px) {
  .bubble-info__bubble--md {
    font-size: 14px;
  }
}
@media (max-width: 580px) {
  .bubble-info__bubble--md {
    font-size: 16px;
    margin-top: 16px;
  }
}
@media (max-width: 998px) {
  .bubble-info__bubble > div {
    width: fit-content;
  }
}
.bubble-info .btn {
  padding: 11.5px 20px;
  box-shadow: none;
  flex-shrink: 0;
}
@media (max-width: 998px) {
  .bubble-info .btn {
    font-size: 16px;
    padding: 11.5px 20px;
  }
}
@media (max-width: 767px) {
  .bubble-info .btn {
    margin-top: 16px;
  }
}
@media (max-width: 580px) {
  .bubble-info .btn {
    margin-top: 70px;
  }
}
.bubble-info .btn:hover {
  box-shadow: none;
}
.bubble-info__img {
  width: 92px;
  flex-shrink: 0;
  margin-right: 25px;
}
@media (max-width: 998px) {
  .bubble-info__img {
    flex-shrink: 0;
    max-width: unset;
  }
}
@media (max-width: 767px) {
  .bubble-info__img {
    width: 61px;
    margin-right: 18px;
  }
}
@media (max-width: 580px) {
  .bubble-info__img {
    width: 50px;
    margin-right: 12px;
  }
}
.bubble-info__img img {
  width: 100%;
}
.bubble-info .js-bubble-close {
  background: #22B3FF url(../img/ico-bubble-close.svg) 50% 50% no-repeat;
  box-shadow: none;
  height: 30px;
  width: 30px;
}
.bubble-info .js-bubble-close svg {
  display: none;
}

.ordilab-wrapper {
  padding: 46px 0 86px;
  background-color: #7CB0D4;
  position: relative;
  line-height: 1.2;
  margin-bottom: -40px;
}
@media (max-width: 767px) {
  .ordilab-wrapper {
    padding: 46px 0 48px;
  }
}
.ordilab-wrapper__img {
  position: absolute;
  top: -10px;
  left: 45%;
  z-index: 10;
}
@media (max-width: 767px) {
  .ordilab-wrapper__img {
    display: none;
  }
}
.ordilab-wrapper__img-1 {
  width: 100%;
  max-width: 773px;
  position: absolute;
  top: 0;
  right: 0;
}
.ordilab-wrapper__img-1 img {
  width: 100%;
}
.ordilab-wrapper__img-2 {
  position: absolute;
  top: -46px;
  left: -82px;
  z-index: 1;
}
@media (max-width: 767px) {
  .ordilab-wrapper__img-2 {
    display: none;
  }
}
.ordilab-wrapper__img-4 {
  position: absolute;
  top: -18px;
  left: -18px;
}
.ordilab-wrapper__btn {
  width: 100%;
  padding: 13px;
  border-radius: 50px;
  background-color: #2d2d2d;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  margin-top: 20px;
}

.ordilab-banner {
  padding: 30px 38px 40px 30px;
  background-color: #fff;
  border-radius: 22px;
  width: 100%;
  max-width: 552px;
  position: relative;
  overflow: hidden;
  z-index: 2;
}
@media (max-width: 767px) {
  .ordilab-banner {
    padding: 29px 29px 0 17px;
    margin: 0 auto;
    width: fit-content;
    max-width: 400px;
  }
}
.ordilab-banner__title {
  font-size: 98px;
  display: flex;
}
@media (max-width: 767px) {
  .ordilab-banner__title {
    font-size: 52px;
    margin-left: 63px;
  }
}
.ordilab-banner__title .colored {
  color: #4899B9;
}
.ordilab-banner__subtitle {
  font-size: 24px;
  font-weight: 700;
  margin-top: -12px;
  margin-right: 30px;
}
@media (max-width: 767px) {
  .ordilab-banner__subtitle {
    font-size: 20px;
    margin-top: 18px;
    margin-right: 0;
  }
}
.ordilab-banner__subtitle .with-bg {
  position: relative;
  color: #fff;
  z-index: 2;
  display: inline-block;
}
.ordilab-banner__subtitle .with-bg::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: calc(100% + 12px);
  transform: translate(-6px, 0);
  height: 100%;
  background-color: #4899B9;
  z-index: -1;
  border-radius: 22px;
}
@media (max-width: 767px) {
  .ordilab-banner__subtitle .with-bg::before {
    display: none;
  }
}
.ordilab-banner__subtitle .with-bg:first-child {
  margin-left: 4px;
}
@media (max-width: 767px) {
  .ordilab-banner__subtitle .with-bg:first-child {
    margin: 0;
  }
}
.ordilab-banner__subtitle .with-bg:last-child {
  margin-right: 4px;
}
@media (max-width: 767px) {
  .ordilab-banner__subtitle .with-bg:last-child {
    margin: 0;
  }
}
.ordilab-banner__subtitle .with-bg-parrent {
  display: inline;
}
@media (max-width: 767px) {
  .ordilab-banner__subtitle .with-bg-parrent {
    display: block;
    margin-right: auto;
    position: relative;
    width: fit-content;
  }
  .ordilab-banner__subtitle .with-bg-parrent:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: calc(100% + 12px);
    height: 100%;
    transform: translateX(-6px);
    background-color: #4899B9;
    border-radius: 22px;
  }
}
.ordilab-banner__text {
  max-width: 252px;
  margin-top: 38px;
}
@media (max-width: 767px) {
  .ordilab-banner__text {
    margin-top: 12px;
    max-width: unset;
    margin-right: 80px;
  }
}
.ordilab-banner__btn {
  padding: 9px 26px;
  border-radius: 50px;
  background-color: #22B3FF;
  margin-top: 38px;
  font-size: 20px;
  font-weight: 700;
  color: #fff;
  min-height: 50px;
}
@media (max-width: 767px) {
  .ordilab-banner__btn {
    display: none;
  }
}
.ordilab-banner__img {
  position: absolute;
  right: 0;
  bottom: 0;
  max-width: 305px;
}
@media (max-width: 767px) {
  .ordilab-banner__img {
    position: static;
    margin: 6px auto 0;
  }
}

.ordilab-page .page-vers {
  padding-top: 97px;
  margin-bottom: 0;
}
@media (max-width: 767px) {
  .ordilab-page .page-vers {
    padding-top: 65px;
  }
}

@media (max-width: 767px) {
  .channels_index .channels-banner {
    border-radius: 18px;
  }
}
.channels_index .channels-banner__title {
  line-height: 1.1;
  margin-top: 6px;
}
@media (max-width: 767px) {
  .channels_index .channels-banner__title {
    max-width: 80%;
  }
}
.channels_index .channels-banner__btn:hover {
  background-color: #fff;
  color: #2b7931;
  border-color: #fff;
}

.channels-detail__block {
  margin-top: 50px;
}
@media (max-width: 767px) {
  .channels-detail__block {
    margin-top: 40px;
  }
}
.channels-detail__block-title {
  font-size: 26px;
  font-weight: 700;
}
@media (max-width: 767px) {
  .channels-detail__block-title {
    font-size: 24px;
  }
}
.channels-detail__block-showcase {
  margin-top: 20px;
  display: grid;
  gap: 24px;
  grid-template-columns: repeat(3, 1fr);
}
@media (max-width: 767px) {
  .channels-detail__block-showcase {
    gap: 16px;
    display: flex;
    flex-direction: column;
    margin-top: 24px;
    width: calc(100% + 28px);
    transform: translateX(-14px);
  }
}
.channels-detail__block-showcase .card-item__meta-social > a:hover, .channels-detail__block-showcase .card-item__meta-social > div:hover {
  color: rgba(19, 7, 31, 0.4);
}
.channels-detail__block-showcase .card-item__meta-social > a:hover .icon, .channels-detail__block-showcase .card-item__meta-social > div:hover .icon {
  fill: rgba(19, 7, 31, 0.4);
}
@media (max-width: 767px) {
  .channels-detail.channel-type-experts .detail-banner__top .detail-banner__descr {
    margin-top: 0;
  }
}
.channels-detail .more_goods_wrap {
  display: flex;
  justify-content: center;
}
.channels-detail .more_goods_wrap a {
  box-shadow: none;
}
.channels-detail .more_goods_wrap a:hover {
  box-shadow: none;
}

.channels-detail-page {
  line-height: 1.2;
}
.channels-detail-page .page-vers {
  padding-top: 97px;
  margin-bottom: 0;
}
@media (max-width: 767px) {
  .channels-detail-page .page-vers {
    padding-top: 65px;
  }
}
.channels-detail-page .breadcrumbs {
  padding-top: 13px;
}
@media (max-width: 767px) {
  .channels-detail-page .breadcrumbs {
    padding: 20px 16px;
  }
}
.channels-detail-page .webinar-card.--another {
  height: 100%;
  margin-right: 0;
  overflow: visible;
  min-height: 316px;
}
@media (max-width: 767px) {
  .channels-detail-page .webinar-card.--another {
    min-height: 150px;
    max-width: none;
  }
}
.channels-detail-page .webinar-card.--another .material-type {
  position: absolute;
  top: 12px;
  right: 12px;
}
.channels-detail-page .webinar-card.--another .material-type__item {
  background-color: rgba(255, 255, 255, 0.6);
}
.channels-detail-page .webinar-card.--another .category-name {
  margin-bottom: 0;
}
.channels-detail-page .webinar-card.--another .event-date {
  margin-top: 9px;
}
@media (max-width: 767px) {
  .channels-detail-page .webinar-card.--another .event-date {
    margin-top: 6px;
  }
}
.channels-detail-page .webinar-card.--another .event-date__value {
  font-size: 14px;
}
@media (max-width: 767px) {
  .channels-detail-page .webinar-card.--another .bottom_part {
    position: absolute;
    bottom: 12px;
    left: 12px;
  }
}
.channels-detail-page .webinar-card.--another .webinar-card__img {
  height: 120px;
  max-width: 100%;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  overflow: hidden;
}
@media (max-width: 767px) {
  .channels-detail-page .webinar-card.--another .webinar-card__img {
    height: auto;
    max-width: 26vw;
    border-bottom-left-radius: 20px;
    border-top-right-radius: 0;
  }
}
.channels-detail-page .webinar-card.--another .webinar-card__img img {
  object-fit: cover;
  object-position: right;
}
.channels-detail-page .webinar-card.--another .webinar-card__left {
  padding: 12px 12px 22px;
}
@media (max-width: 767px) {
  .channels-detail-page .webinar-card.--another .webinar-card__left {
    padding: 12px 40px 12px 12px;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
    flex-grow: 1;
    position: relative;
    min-height: 150px;
  }
}
.channels-detail-page .webinar-card.--another .webinar-card__title {
  font-size: 20px;
  margin-top: 4px;
  line-height: 1.07;
  margin-bottom: auto;
}
@media (max-width: 767px) {
  .channels-detail-page .webinar-card.--another .webinar-card__title {
    font-size: 16px;
    margin-top: 0;
    line-height: 1.2;
  }
}
@media (max-width: 767px) {
  .channels-detail-page .webinar-card.--another .webinar-card__tags {
    height: auto;
  }
}
.channels-detail-page .webinar-card.--another .webinar-card__tag {
  display: none;
}
@media (max-width: 767px) {
  .channels-detail-page .webinar-card.--another .webinar-card__tag {
    min-height: auto;
    margin-left: 0;
    line-height: 23px;
    padding: 1px 6px 0;
  }
}
.channels-detail-page .webinar-card.--another .webinar-card__tag.--with-points, .channels-detail-page .webinar-card.--another .webinar-card__tag.--with-rsf {
  display: block;
}
.channels-detail-page .webinar-card.--another .webinar-card__tag.--with-rsf {
  display: block;
  overflow: hidden;
  padding: 0;
}
.channels-detail-page .webinar-card.--another .webinar-card__tag.--with-rsf img {
  max-height: 30px;
}
@media (max-width: 767px) {
  .channels-detail-page .webinar-card.--another .webinar-card__tag:not(:first-child) {
    margin-top: 6px;
  }
}
@media (max-width: 767px) {
  .channels-detail-page .webinar-card.--another .webinar-card .webinar-card__tag.--with-points .webinar-card__tag-name {
    font-size: 7px;
  }
}
.channels-detail-page .webinar-card.--another.--cpk {
  background-color: #E2E4F3;
}
.channels-detail-page .webinar-card.--another.--cpk .event-date {
  margin-top: 14px;
}
@media (max-width: 767px) {
  .channels-detail-page .webinar-card.--another.--cpk .event-date {
    margin-top: 6px;
  }
}
.channels-detail-page .webinar-card.--another.--cpk .webinar-card__left {
  padding-bottom: 12px;
  min-height: 196px;
}
@media (max-width: 767px) {
  .channels-detail-page .webinar-card.--another.--cpk .webinar-card__left {
    padding-right: 12px;
    background-color: #E2E4F3;
    padding-bottom: 4px;
    min-height: 150px;
    flex-grow: 1;
    position: relative;
    padding-bottom: 40px;
  }
}
.channels-detail-page .webinar-card.--another.--cpk .webinar-card__price {
  font-size: 28px;
}
@media (max-width: 767px) {
  .channels-detail-page .webinar-card.--another.--cpk .webinar-card__price {
    font-size: 24px;
    margin-bottom: -6px;
    margin-top: 4px;
  }
}
@media (max-width: 767px) {
  .channels-detail-page .webinar-card.--another.--cpk .webinar-card__title {
    margin-bottom: unset;
  }
}
.channels-detail-page .webinar-card.--another.--cpk .card-item__author-wrapper {
  display: none;
}
.channels-detail-page .webinar-card.--another.--cpk .event-date {
  margin-bottom: 0;
  margin-top: auto;
}
@media (max-width: 767px) {
  .channels-detail-page .webinar-card.--another.--cpk .event-date {
    margin-top: 6px;
  }
}
.channels-detail-page .webinar-card.--another.--cpk .webinar-card__prices {
  margin-top: 12px;
}
@media (max-width: 767px) {
  .channels-detail-page .webinar-card.--another.--cpk .webinar-card__prices {
    margin-top: auto;
  }
}
.channels-detail-page .webinar-card.--another .author-list {
  z-index: 30;
}
.channels-detail-page .card-item__author-wrapper {
  margin: auto 0 0;
}
@media (max-width: 767px) {
  .channels-detail-page .card-item__author-wrapper {
    margin: 0;
  }
}
.channels-detail-page .card-item__author span {
  margin-left: 8px;
}
@media (max-width: 767px) {
  .channels-detail-page .card-item__author span {
    font-size: 14px;
  }
}
.channels-detail-page .card-item__author-cont {
  margin-top: 0;
}
.channels-detail-page .card-item__author-cont .author_2_images {
  margin-bottom: 0;
  display: inline-flex;
  max-width: 100%;
  overflow: hidden;
  white-space: nowrap;
  align-items: center;
}
.channels-detail-page .card-item__author-cont-img {
  display: flex;
}
.channels-detail-page .card-item__author-cont-img .image {
  border-radius: 50%;
  height: 32px;
  width: 32px;
  background: 50% 50% no-repeat;
  background-size: cover;
  position: relative;
  overflow: hidden;
}
@media (max-width: 767px) {
  .channels-detail-page .card-item__author-cont-img .image {
    border-radius: 50%;
    height: 24px;
    width: 24px;
  }
}
.channels-detail-page .card-item__author-cont-img .image:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.05);
}
.channels-detail-page .card-item__author-cont-img .image:not(:first-child) {
  margin-left: -8px;
  border: 1px solid #C3D8E2;
  max-width: 32px;
}
@media (max-width: 767px) {
  .channels-detail-page .card-item__author-cont-img .image:not(:first-child) {
    max-width: 26px;
  }
}
.channels-detail-page .card-item__author-cont-img .image:hover {
  z-index: 2;
}
.channels-detail-page .card-item__author-cont button {
  margin: 0;
  margin-left: 8px;
  padding-top: 4px;
  padding-bottom: 1px;
  letter-spacing: 0;
}
.channels-detail-page .card-item__author-cont .author-list > div {
  display: flex;
  align-items: center;
}
.channels-detail-page .card-item__author-cont .author-list > div:not(:first-child) {
  margin-top: 6px;
}
.channels-detail-page .card-item {
  margin: 0;
  border: 0;
  padding-bottom: 12px;
  outline: 1px solid rgba(112, 5, 5, 0.1);
  outline-offset: -1px;
  box-shadow: none;
}
.channels-detail-page .card-item .card-item__title {
  margin-top: 12px;
}
@media (max-width: 767px) {
  .channels-detail-page .card-item .card-item__title {
    margin-top: 0;
  }
}
.channels-detail-page .card-item .card-item__title:hover {
  color: #2d2d2d;
}
.channels-detail-page .card-item:before {
  content: none;
}
@media (max-width: 767px) {
  .channels-detail-page .card-item.card-item--new {
    padding: 0;
    padding-left: 26vw;
    overflow: visible;
  }
}
@media (max-width: 767px) {
  .channels-detail-page .card-item.card-item--new .card-item__body {
    padding: 12px 16px 0 12px;
    flex-grow: 2;
  }
}
@media (max-width: 767px) {
  .channels-detail-page .card-item.card-item--new .card-item__author a {
    margin-bottom: 0;
  }
}
@media (max-width: 767px) {
  .channels-detail-page .card-item.card-item--new .card-item__meta {
    margin: 12px 0;
  }
}
@media (max-width: 767px) {
  .channels-detail-page .card-item.card-item--new .card-item__title {
    height: unset;
    margin-bottom: 14px;
  }
}
@media (max-width: 767px) {
  .channels-detail-page .card-item__img {
    max-width: 26vw;
    width: 100%;
    border-radius: 20px 0 0 20px;
  }
}
.channels-detail-page .card-item .card-item__author-wrapper {
  margin-bottom: 18px;
}
@media (max-width: 767px) {
  .channels-detail-page .card-item .card-item__author-wrapper {
    margin-bottom: 0;
  }
}
.channels-detail-page .card-item .material-type__item {
  padding: 3px 6px 0;
  width: auto;
  margin-left: 0;
}
.channels-detail-page .card-item .material-type__item .icon {
  margin-right: 0;
  margin-top: -1px;
}
.channels-detail-page .card-item .material-type__item span {
  margin-left: 5px;
}
.channels-detail-page .card-item .material-type__item.material-type__item--fastest .icon {
  margin-top: -3px;
}
.channels-detail-page .more-content-btn {
  margin: 32px auto 0;
}
.channels-detail-page .webinar-card__discount,
.channels-detail-page .webinar-card__discount-sticker,
.channels-detail-page .webinar-card__discount-sticker {
  display: none;
}
.channels-detail-page .webinar-card__old-price {
  display: none;
}
@media (max-width: 767px) {
  .channels-detail-page .detail-banner__img__wrap {
    display: flex;
    align-items: center;
  }
}
@media (max-width: 767px) {
  .channels-detail-page--expert .detail-banner {
    position: relative;
    padding: 12px;
  }
}
@media (max-width: 767px) {
  .channels-detail-page--expert .detail-banner__title {
    margin-left: 136px;
    min-height: 120px;
    display: flex;
    align-items: center;
    margin-right: 32px;
  }
}
@media (max-width: 767px) {
  .channels-detail-page--expert .detail-banner__img {
    position: absolute;
    top: 12px;
    left: 12px;
  }
}
@media (max-width: 767px) {
  .channels-detail-page--expert .detail-banner__top {
    margin-top: 0;
  }
}
.channels-detail-page--expert .channels-detail__block-showcase {
  margin-top: 20px;
}
.channels-detail-page--channel .page-vers {
  padding-bottom: 80px;
}
@media (max-width: 767px) {
  .channels-detail-page--channel .page-vers {
    padding-bottom: 40px;
  }
}
.channels-detail-page--community .detail-banner__title {
  margin-top: 16px;
}
@media (max-width: 767px) {
  .channels-detail-page--community .detail-banner__title {
    margin-top: 0;
  }
}
.channels-detail-page--community .detail-banner__img, .channels-detail-page--community .channels-footer__img {
  background-size: cover;
  background-repeat: no-repeat;
}
.channels-detail-page--community .detail-banner__img::before, .channels-detail-page--community .channels-footer__img::before {
  display: none;
}
.channels-detail-page--community .detail-banner__img.--neurologist, .channels-detail-page--community .channels-footer__img.--neurologist {
  background-image: url(../img/neurologist.jpg);
}
.channels-detail-page--community .detail-banner__img.--therapist, .channels-detail-page--community .channels-footer__img.--therapist {
  background-image: url(../img/therapist.jpg);
}

.banner-bg {
  border-radius: 30px 30px 0 0;
  overflow: hidden;
}
@media (max-width: 767px) {
  .banner-bg {
    border-radius: 20px 20px 0 0;
  }
}
.banner-bg img {
  width: 100%;
}
.banner-bg + .detail-banner {
  margin-top: -50px;
  position: relative;
  z-index: 2;
}
@media (max-width: 767px) {
  .banner-bg + .detail-banner {
    margin-top: -40px;
    border-radius: 20px;
  }
}
.banner-bg + .detail-banner .detail-banner__title, .banner-bg + .detail-banner .detail-banner__img__wrap {
  display: none;
}
.banner-bg + .detail-banner .detail-banner__right {
  max-width: none;
}
@media (max-width: 767px) {
  .banner-bg + .detail-banner .detail-banner__right {
    padding-top: 0;
  }
}
@media (max-width: 767px) {
  .banner-bg + .detail-banner .detail-banner__top {
    margin-top: 0;
  }
}
@media (max-width: 767px) {
  .banner-bg + .detail-banner .detail-banner__descr {
    margin-top: 12px;
  }
}
@media (max-width: 767px) {
  .banner-bg + .detail-banner .banner-tags {
    order: initial;
    margin-top: 0;
  }
}

.detail-banner {
  display: flex;
  padding: 24px;
  border-radius: 30px;
  box-shadow: 0px 0px 32px 0px rgba(0, 0, 0, 0.14);
  background-color: #fff;
}
@media (max-width: 767px) {
  .detail-banner {
    flex-direction: column;
    padding: 24px 12px 12px;
  }
}
.detail-banner__img {
  width: 198px;
  height: 198px;
  border-radius: 50%;
  overflow: hidden;
  flex-shrink: 0;
  background-color: #fff;
  margin-right: 24px;
  position: relative;
  background: 50% 50% no-repeat;
  background-size: cover;
}
.detail-banner__img::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.05);
  z-index: 2;
}
@media (max-width: 767px) {
  .detail-banner__img {
    width: 120px;
    height: 120px;
  }
}
.detail-banner__right {
  flex-grow: 1;
  padding-top: 8px;
  display: flex;
  flex-direction: column;
  max-width: 690px;
}
.detail-banner__top {
  display: flex;
  flex-direction: column;
}
@media (max-width: 767px) {
  .detail-banner__top {
    margin-top: 8px;
  }
}
.detail-banner__title {
  font-size: 32px;
  font-weight: 700;
  margin-top: 8px;
}
@media (max-width: 767px) {
  .detail-banner__title {
    font-size: 24px;
    margin-top: 0;
  }
}
.detail-banner__descr {
  font-size: 16px;
  margin-top: 8px;
}
@media (max-width: 767px) {
  .detail-banner__descr {
    margin-top: 10px;
  }
}
.detail-banner__btns {
  display: flex;
}
.detail-banner__btns .thrive-card__sub-btn {
  height: 40px;
}
.detail-banner__btn {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color: #22B3FF;
  margin-left: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: background-color ease-in 0.24s;
}
.detail-banner__btn:hover {
  background-color: #57C5FF;
}
.detail-banner__bottom {
  display: flex;
  justify-content: space-between;
  padding-top: 20px;
  margin-top: auto;
}
@media (max-width: 767px) {
  .detail-banner__bottom {
    margin-top: 26px;
    padding-top: 0;
    padding-right: 4px;
  }
}
.detail-banner .thrive-card__bottom-right {
  height: fit-content;
  align-self: flex-end;
}
.detail-banner .thrive-card__counter {
  align-items: initial;
  font-size: 14px;
}

.banner-tags {
  gap: 4px;
  display: flex;
}
@media (max-width: 767px) {
  .banner-tags {
    order: 1;
    margin-top: 20px;
    position: relative;
  }
}
.banner-tags__tag {
  padding: 7px 8px 6px;
  border-radius: 6px;
  background: #DAEFF5 50% 50% no-repeat;
  width: fit-content;
  font-size: 12px;
  white-space: nowrap;
}
@media (min-width: 768px) {
  .banner-tags__tag:nth-child(3) {
    overflow: hidden;
    -webkit-line-clamp: 1;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
  }
}
@media (max-width: 767px) {
  .banner-tags__tag:nth-child(1) {
    overflow: hidden;
    -webkit-line-clamp: 1;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
  }
}
.banner-tags__tag.dots {
  cursor: pointer;
  background-image: url(../img/reg/ico-specs-dots.svg);
  width: 27px;
  flex-shrink: 0;
}
@media (min-width: 768px) {
  .banner-tags__tag.dots {
    position: relative;
  }
}
.banner-tags__tag.dots .more_specs_wrap {
  display: none;
  position: absolute;
  border-radius: 6px;
  right: 0;
  top: 32px;
  z-index: 1;
  overflow: hidden;
  height: 122px;
}
.banner-tags__tag.dots .more_specs_wrap ul {
  overflow: auto;
  max-height: 100%;
  background-color: #DAEFF5;
}
.banner-tags__tag.dots .more_specs_wrap ul::-webkit-scrollbar {
  display: none;
}
@media (max-width: 767px) {
  .banner-tags__tag.dots .more_specs_wrap {
    right: auto;
    left: 0;
    max-width: 100%;
  }
}
.banner-tags__tag.dots ul li {
  border-radius: 4px;
  padding: 4px 8px;
}
@media (max-width: 767px) {
  .banner-tags__tag.dots ul li {
    white-space: initial;
  }
}
.banner-tags.expanded .banner-tags__tag.dots {
  background-image: url(../img/reg/ico-specs-cross.svg);
}
.banner-tags.expanded .banner-tags__tag.dots .more_specs_wrap {
  display: block;
}

.authors-list_wrap {
  overflow: hidden;
  margin-left: -12px;
  margin-right: -12px;
  padding-bottom: 2px;
}
.authors-list2 {
  margin-top: 20px;
  width: 690px;
  gap: 12px;
}
@media (max-width: 767px) {
  .authors-list2 {
    width: auto;
  }
}
.authors-list2 .slick-dots {
  display: flex;
  justify-content: center;
  margin: 16px auto 0;
}
.authors-list2 .slick-dots button {
  border-radius: 50%;
  background-color: #d1d1d1;
  width: 11px;
  height: 11px;
  margin: 0 3px;
}
.authors-list2 .slick-dots li {
  height: 11px;
}
.authors-list2 .slick-dots .slick-active button {
  background-color: #2d2d2d;
}
.authors-list2 .slick-track {
  display: flex;
  gap: 12px;
}

.channel-author {
  padding: 12px 20px 12px 12px;
  border-radius: 20px;
  border: 1px solid #E9E9E9;
  display: flex !important;
  min-height: 86px;
  width: 100%;
  max-width: 331px;
}
@media (max-width: 767px) {
  .channel-author {
    max-width: 320px;
  }
}
.channel-author__img {
  width: 62px;
  height: 62px;
  border-radius: 50%;
  overflow: hidden;
  margin-right: 12px;
  flex-shrink: 0;
  background: 50% 50% no-repeat;
  background-size: cover;
}
.channel-author__name {
  font-size: 16px;
  font-weight: 700;
}
.channel-author__descr {
  font-size: 12px;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 3;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}

.channels-footer {
  background-color: #f5f5f5;
  padding: 36px 0;
  margin-top: 50px;
}
@media (max-width: 767px) {
  .channels-footer {
    margin-top: 40px;
    padding: 24px 0 32px;
  }
}
.channels-footer__img {
  width: 133px;
  height: 133px;
  margin-right: 31px;
  flex-shrink: 0;
  border-radius: 50%;
  overflow: hidden;
}
@media (max-width: 767px) {
  .channels-footer__img {
    display: none;
  }
}
.channels-footer__img img {
  width: 100%;
}
.channels-footer__container {
  display: flex;
}
.channels-footer__title {
  font-size: 26px;
  font-weight: 700;
}
@media (max-width: 767px) {
  .channels-footer__title {
    font-size: 24px;
  }
}
.channels-footer__links {
  display: flex;
  margin-top: 20px;
  gap: 6px;
}
.channels-footer__link {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color: #22B3FF;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  transition: background-color ease-in 0.24s;
}
.channels-footer__link:hover {
  background-color: #57c5ff;
}
.channels-footer .tg-icon {
  margin-right: 3px;
}

.channel-banner {
  padding: 24px 20px 20px;
  grid-column-start: 1;
  grid-column-end: 3;
  background-image: url(../img/channel-card-bg.png);
  background-size: cover;
  background-repeat: no-repeat;
  border-radius: 20px;
  overflow: hidden;
}
@media (max-width: 767px) {
  .channel-banner {
    padding: 20px 12px 12px;
    background-image: url(../img/channel-card-bg-mob.jpg);
  }
}
.channel-banner__top {
  display: flex;
}
@media (max-width: 767px) {
  .channel-banner__top {
    flex-direction: column;
  }
}
.channel-banner__left {
  margin-right: 60px;
}
@media (max-width: 767px) {
  .channel-banner__right {
    margin-top: 16px;
  }
}
.channel-banner__right-img {
  width: 176px;
  flex-shrink: 0;
}
@media (max-width: 767px) {
  .channel-banner__right-img {
    display: none;
  }
}
.channel-banner__right-img img {
  width: 100%;
}
.channel-banner__right-text {
  font-size: 20px;
  margin-right: 12px;
}
.channel-banner__right-text .big {
  font-size: 60px;
}
.channel-banner__tag {
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
}
.channel-banner__title {
  font-size: 24px;
  color: #7C4E9C;
  margin-top: 16px;
}
@media (max-width: 767px) {
  .channel-banner__title {
    font-size: 21px;
    margin-top: 8px;
  }
}
.channel-banner__title .bold {
  font-weight: 700;
}
.channel-banner__cards {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 12px;
  margin-top: 40px;
}
@media (max-width: 767px) {
  .channel-banner__cards {
    gap: 22px;
    display: flex;
    flex-direction: column;
    margin-top: 17px;
  }
}

.channel-card {
  border-radius: 12px;
  background-color: #fff;
  padding: 28px 0 14px 110px;
  display: flex;
  position: relative;
}
@media (max-width: 767px) {
  .channel-card {
    padding: 32px 17px 30px 140px;
  }
}
.channel-card:first-child .channel-card__name::before {
  content: "";
  position: absolute;
  top: -13px;
  left: -40px;
  width: 176px;
  height: 40px;
  background-image: url(../img/sticker-1.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  z-index: -1;
}
@media (max-width: 767px) {
  .channel-card:first-child .channel-card__name::before {
    width: 218px;
    left: -54px;
  }
}
.channel-card:first-child .channel-card__img {
  bottom: -2px;
}
@media (max-width: 767px) {
  .channel-card:first-child .channel-card__sticker {
    left: 154px;
  }
}
@media (max-width: 767px) {
  .channel-card:last-child {
    padding: 30px 110px 12px 27px;
  }
}
.channel-card:last-child .channel-card__name::before {
  content: "";
  position: absolute;
  top: -16px;
  left: -20px;
  width: 171px;
  height: 51px;
  background-image: url(../img/sticker-2.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  z-index: -1;
}
@media (max-width: 767px) {
  .channel-card:last-child .channel-card__name::before {
    width: 216px;
    left: -34px;
  }
}
@media (max-width: 767px) {
  .channel-card:last-child .channel-card__img {
    right: 0;
    left: auto;
  }
}
@media (max-width: 767px) {
  .channel-card:last-child .channel-card__sticker {
    left: 46px;
  }
}
.channel-card__img {
  position: absolute;
  left: 0;
  bottom: 0;
}
.channel-card__text {
  font-size: 12px;
  opacity: 0.57;
}
.channel-card__name {
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  position: relative;
  z-index: 2;
}
.channel-card__sticker {
  position: absolute;
  left: 120px;
  top: -2px;
}

.channel-promo {
  padding: 20px;
  background-repeat: no-repeat;
  border-radius: 20px;
  overflow: hidden;
  margin-top: 50px;
  position: relative;
}
@media (max-width: 767px) {
  .channel-promo {
    background-size: cover;
    padding: 16px 12px;
  }
}
.channel-promo__img {
  width: 254px;
}
@media (max-width: 767px) {
  .channel-promo__img {
    width: 214px;
  }
}
.channel-promo__title {
  font-size: 32px;
  font-weight: 700;
  color: #7C4E9C;
  max-width: 400px;
  margin-top: 5px;
}
@media (max-width: 767px) {
  .channel-promo__title {
    font-size: 29px;
    margin-top: 8px;
    max-width: 249px;
  }
}
.channel-promo__btn {
  padding: 13px 18px;
  border-radius: 50px;
  background-color: #22B3FF;
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  margin-top: 18px;
  transition: background-color ease-in 0.24s;
  cursor: pointer;
}
@media (max-width: 767px) {
  .channel-promo__btn {
    padding: 10px 18px;
  }
}
.channel-promo__btn:hover {
  background-color: #57c5ff;
}
.channel-promo__btn svg {
  margin-right: 10px;
}
.channel-promo__code {
  position: absolute;
  right: 16px;
  bottom: 16px;
  padding: 12px;
  border-radius: 16px;
  overflow: hidden;
  background-color: #f5f5f5;
}
@media (max-width: 767px) {
  .channel-promo__code {
    display: none;
  }
}

body.channels-detail-page main {
  margin-bottom: 80px;
}

@keyframes share_button_tooltip {
  0% {
    visibility: hidden;
  }
  100% {
    visibility: visible;
  }
}
.share_button_v2 {
  position: relative;
}
.share_button_v2 .tooltip {
  display: block;
  position: absolute;
  bottom: 110%;
  background-color: #fff;
  box-shadow: 0px 0px 16px 0px rgba(19, 7, 31, 0.14);
  border-radius: 6px;
  padding: 7px 8px 6px;
  font-size: 12px;
  visibility: hidden;
}
.share_button_v2 .tooltip > div {
  display: flex;
  align-items: center;
}
.share_button_v2 .tooltip > div.copied {
  display: none;
}
.share_button_v2 .tooltip svg {
  margin-right: 4px;
  flex-shrink: 0;
}
.share_button_v2 .tooltip .copied {
  width: 135px;
}
@media (min-width: 768px) {
  .share_button_v2:not(.copied):hover .tooltip {
    animation: share_button_tooltip 0.1s 1s forwards;
  }
}
.share_button_v2.copied .tooltip {
  visibility: visible !important;
}
.share_button_v2.copied .tooltip > div {
  display: none;
}
.share_button_v2.copied .tooltip > div.copied {
  width: 145px;
  display: flex;
}

.material_detail main, .material_detail .main-no-mb {
  margin-bottom: 0;
  padding-top: 0;
}
.material_detail .content {
  line-height: 1.2;
}
.material_detail .tabs-content-unregister_cover {
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.25) 0%, #fff 12%);
}
.material_detail .breadcrubs.bc2 li {
  color: #fff;
}
.material_detail .breadcrubs.bc2 li a {
  color: #fff;
}
.material_detail .breadcrubs.bc2 li a:after {
  background-image: url(../img/materials/ico-bc2-caret-white.svg);
}
.material_detail .material_to_favorite {
  background-color: #22B3FF;
  border: #22B3FF 2px solid;
}
.material_detail .material_to_favorite.active path {
  fill: #fff;
}
@media (min-width: 768px) {
  .material_detail .material_to_favorite:hover {
    background-color: #57C5FF;
    border-color: #57C5FF;
  }
}
.material_detail .key_points + .material_tab_read.active {
  margin-top: 40px;
}
.material_detail .material_tab_watch.active + .key_points, .material_detail .material_tab_listen.active + .key_points {
  margin-top: 40px;
}
.material_detail .channels-detail__block {
  margin-bottom: 40px;
}
.material_detail .channels-detail__block .card-item--new .material-type__item {
  width: auto;
  padding: 3px 6px 0;
}
.material_detail .channels-detail__block .card-item--new .material-type__item .icon {
  margin-right: 0;
  margin-top: -1px;
}
.material_detail .channels-detail__block .card-item--new .material-type__item span {
  margin-left: 5px;
}
.material_detail .channels-detail__block .card-item--new .material-type__item.material-type__item--fastest .icon {
  margin-top: -3px;
}
.material_detail .channels-detail__block .card-item {
  margin: 0;
  border: #E9E9E9 1px solid;
  padding-bottom: 12px;
}
.material_detail .channels-detail__block .card-item:before {
  content: none;
}
.material_detail .channels-detail__block .card-item__title:hover {
  color: #2d2d2d;
}
.material_detail .select2-container--default .select2-dropdown {
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  box-shadow: 0px -4px 12px -4px rgba(19, 7, 31, 0.07);
}
.material_detail .select2-container--default .select2-results__options {
  padding-top: 8px;
}
.material_detail .select2-container--default .select2-results__option {
  padding: 2px 0;
  margin-bottom: 6px;
  color: #979797;
  text-align: center;
}
.material_detail .select2-container--default .select2-results__option[aria-selected=true] {
  background-color: #22B3FF;
  position: relative;
  border-radius: 50px;
  color: #fff;
}
.material_detail .select2-container--default .select2-results__option.select2-results__option--highlighted[aria-selected] {
  background-color: transparent;
  color: #979797;
}
.material_detail .select2-container--default .select2-results__option.select2-results__option--highlighted[aria-selected][aria-selected=true] {
  background-color: #22B3FF;
  color: #fff;
}
.material_detail .select2-container--default .select2-results__option:not(:first-child) {
  border: 0;
}
.material_detail .detail-banner__btn {
  border: transparent 2px solid;
}
.material_detail .share_button_v2 .tooltip {
  display: block;
}
.material_detail .article-entery__section {
  padding-left: 0;
}
.material_detail .bubble-info {
  margin: 30px auto 40px;
}
@media (max-width: 767px) {
  .material_detail .bubble-info {
    margin-left: 0;
    margin-right: 0;
  }
  .material_detail .bubble-info__img {
    width: 60px;
  }
}
@media (max-width: 767px) {
  .material_detail .bubble-info__bubble {
    max-width: none;
    padding-top: 20px;
    padding-bottom: 20px;
  }
}
.material_detail .bubble-info__bubble > div {
  width: 440px;
}
@media (max-width: 767px) {
  .material_detail .bubble-info__bubble > div {
    width: auto;
  }
}
.material_detail .bubble-info__bubble--md {
  max-width: none;
  color: #2d2d2d;
}
.material_detail .bubble-info a {
  text-decoration: underline;
}
.material_detail .material-banner {
  width: 100%;
  height: 265px;
  background: 50% 50% no-repeat;
  background-size: cover;
  position: absolute;
  z-index: -1;
}
.material_detail .material-banner::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.4);
}
.material_detail .material-top {
  margin-top: 60px;
  padding: 24px;
  border-radius: 30px;
  background-color: #fff;
  box-shadow: 0px 0px 32px 0px rgba(0, 0, 0, 0.14);
  position: relative;
}
@media (max-width: 767px) {
  .material_detail .material-top {
    margin-top: 32px;
    padding: 0 12px 24px;
    border-radius: 34px;
    margin-left: -14px;
    margin-right: -14px;
  }
}
.material_detail .material-top__title {
  font-size: 32px;
  font-weight: 700;
  margin-top: 16px;
  line-height: 1.1;
}
@media (max-width: 767px) {
  .material_detail .material-top__title {
    font-size: 24px;
    margin-top: 12px;
  }
}
.material_detail .material-top__text {
  font-size: 16px;
  margin-top: 12px;
}
@media (max-width: 767px) {
  .material_detail .material-top__text {
    font-size: 16px;
    -webkit-line-clamp: 4;
  }
}
.material_detail .material-top__text.clamped {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
}
.material_detail .material-top__more-btn {
  font-size: 16px;
  margin-top: 8px;
  color: #979797;
  text-decoration: underline;
  cursor: pointer;
  display: none;
}
.material_detail .material-top__more-btn.is_visible {
  display: block;
}
.material_detail .material-top__btns {
  display: flex;
  gap: 4px;
}
@media (max-width: 767px) {
  .material_detail .material-top__btns {
    gap: 8px;
    overflow: auto;
    margin-left: -14px;
    padding-left: 14px;
    margin-right: -14px;
    padding-right: 14px;
  }
}
.material_detail .material-top__bottom {
  margin-top: 24px;
  display: flex;
  justify-content: space-between;
}
@media (max-width: 767px) {
  .material_detail .material-top__bottom {
    margin-top: 20px;
  }
}
.material_detail .material-top__head {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
@media (max-width: 767px) {
  .material_detail .material-top__head {
    flex-direction: row-reverse;
  }
}
.material_detail .material-top__legend_wrap {
  position: absolute;
}
.material_detail .material-top__legend_wrap .inner {
  padding: 24px;
  border-radius: 20px;
  background-color: #fff;
  bottom: 0;
  left: 0;
  position: relative;
}
.material_detail .material-top__legend_wrap .title {
  font-size: 20px;
  font-weight: 700;
}
.material_detail .material-top__legend_wrap .close {
  position: absolute;
  top: -15px;
  right: 12px;
  cursor: pointer;
}
.material_detail .material-content {
  width: 100%;
  max-width: 632px;
  margin-right: 24px;
}
@media (max-width: 767px) {
  .material_detail .material-content {
    margin-right: 0;
    margin-top: 40px;
  }
}
.material_detail .material-content.active_tab_read .key_points {
  margin-top: 0;
}
.material_detail .material-sticky {
  width: 304px;
}
.material_detail .material-body {
  display: flex;
  margin-top: 50px;
  padding-bottom: 40px;
}
@media (max-width: 767px) {
  .material_detail .material-body {
    margin-top: 40px;
    flex-direction: column;
  }
}
.material_detail .material-sticky {
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
@media (max-width: 767px) {
  .material_detail .material-sticky {
    display: none;
  }
}
.material_detail .material-sticky__block {
  padding: 12px;
  border: 1px solid #e9e9e9;
  border-radius: 20px;
  width: 100%;
  display: flex;
}
@media (max-width: 767px) {
  .material_detail .material-sticky__block {
    border: none;
    padding: 0;
  }
}
.material_detail .material-sticky__block-img {
  flex-shrink: 0;
  margin-right: 12px;
  width: 66px;
  height: 66px;
  border-radius: 50%;
  overflow: hidden;
  background: 50% 50% no-repeat;
  background-size: cover;
  position: relative;
}
.material_detail .material-sticky__block-img:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.05);
}
@media (max-width: 767px) {
  .material_detail .material-sticky__block-img {
    width: 44px;
    height: 44px;
  }
  .material_detail .material-sticky__block-img:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.05);
  }
}
.material_detail .material-sticky__block-title {
  font-size: 16px;
  font-weight: 700;
}
.material_detail .material-sticky__block-descr {
  font-size: 12px;
  margin-top: 4px;
}
@media (max-width: 767px) {
  .material_detail .material-sticky__block-descr {
    margin-top: 0;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
  }
}
.material_detail .material-channel {
  align-items: center;
}
.material_detail .material-block {
  margin-top: 40px;
}
.material_detail .material-block.material-block--big {
  margin-top: 50px;
}
.material_detail .material-block__title {
  font-size: 26px;
  font-weight: 700;
}
@media (max-width: 767px) {
  .material_detail .material-block__title {
    font-size: 24px;
  }
}
.material_detail .material-block__wrapper {
  margin-top: 16px;
}
.material_detail .material-block__text:not(:first-child) {
  margin-top: 16px;
}
.material_detail .material-block__text--colored {
  font-size: 20px;
  font-weight: 700;
  padding: 24px 20px;
  border-radius: 20px;
  background-color: #C2E5F7;
}
@media (max-width: 767px) {
  .material_detail .material-block__text--colored {
    padding: 20px 12px;
    font-size: 18px;
  }
}
.material_detail .material-block__files-list {
  display: flex;
  flex-direction: column;
  margin-top: 16px;
  gap: 12px;
}
.material_detail .material-block__more-btn {
  color: #979797;
  margin-top: 16px;
  text-decoration: underline;
}
.material_detail .material-points {
  display: flex;
  flex-direction: column;
  gap: 12px;
  counter-reset: myCounter;
}
@media (max-width: 767px) {
  .material_detail .material-points {
    gap: 8px;
  }
}
.material_detail .material-points__item {
  padding: 24px 20px;
  border-radius: 20px;
  background-color: #f5f5f5;
  display: flex;
}
@media (max-width: 767px) {
  .material_detail .material-points__item {
    padding: 20px 12px;
  }
}
.material_detail .material-points__item:before {
  counter-increment: myCounter;
  content: counter(myCounter, decimal-leading-zero);
  width: 28px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background-color: #2d2d2d;
  flex-shrink: 0;
  margin-right: 16px;
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  padding-top: 3px;
}
@media (max-width: 767px) {
  .material_detail .material-points__item:before {
    margin-right: 12px;
  }
}
.material_detail .material-img {
  margin-top: 24px;
}
.material_detail .material-img__img {
  border-radius: 16px;
  overflow: hidden;
  position: relative;
}
.material_detail .material-img__img img {
  width: 100%;
}
.material_detail .material-img__text {
  font-size: 14px;
  color: #979797;
  margin-top: 16px;
}
.material_detail .material-img__text a {
  color: inherit;
  position: relative;
  cursor: pointer;
}
.material_detail .material-img__text a::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 3px;
  width: 100%;
  height: 1px;
  background-color: #979797;
}
.material_detail .material-img__btn {
  position: absolute;
  bottom: 12px;
  right: 12px;
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 6px;
  background-color: rgba(255, 255, 255, 0.6);
  cursor: pointer;
}
@media (max-width: 767px) {
  .material_detail .material-img__btn {
    display: none;
  }
}
.material_detail .material-video {
  padding-bottom: 8px;
  margin-top: 24px;
}
.material_detail .material-video__video {
  border-radius: 20px;
  overflow: hidden;
  position: relative;
  padding-bottom: 56.964%;
}
.material_detail .material-video video, .material_detail .material-video iframe {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.material_detail .material-video__poster {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: 50% 50% no-repeat;
  background-size: cover;
  display: flex;
  justify-content: center;
  align-items: center;
}
.material_detail .material-video__play-btn {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  background-color: #22B3FF;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
@media (max-width: 767px) {
  .material_detail .material-video__play-btn {
    z-index: 200;
  }
}
.material_detail .material-video__play-btn.hide {
  display: none;
}
.material_detail .material_content_tab {
  display: none;
}
.material_detail .material_content_tab.active {
  display: block;
  margin-top: 0;
}
.material_detail .material-page {
  line-height: 1.2;
}
.material_detail .material-page .page-vers {
  padding-top: 97px;
}
@media (max-width: 767px) {
  .material_detail .material-page .page-vers {
    padding-top: 64px;
  }
}
.material_detail .material-page--video .material-video:first-of-type, .material_detail .material-page--audio .material-video:first-of-type {
  margin-top: 0;
}
.material_detail .material-page .breadcrubs.--event {
  padding: 36px 0 0;
}
@media (max-width: 767px) {
  .material_detail .material-page .breadcrubs.--event {
    padding-top: 20px;
  }
}
.material_detail .material-page .breadcrubs.--event .breadcrumb-lnk,
.material_detail .material-page .breadcrubs.--event .breadcrumb-lnk::before {
  color: #fff;
  border-color: #fff;
}
@media (max-width: 767px) {
  .material_detail .material-page .banner-tags {
    margin-top: 0;
  }
}
.material_detail .type-btn {
  padding: 6px 8px 6px 6px;
  border-radius: 20px;
  background-color: #f5f5f5;
  width: fit-content;
  display: flex;
  align-items: center;
  font-size: 16px;
  transition: background-color ease-in 0.24s;
  color: #2d2d2d;
  border: 0;
}
@media (max-width: 767px) {
  .material_detail .type-btn {
    padding: 4px 12px 4px 4px;
    border-radius: 40px;
  }
}
.material_detail .type-btn:not(:disabled).active, .material_detail .type-btn:not(:disabled):hover {
  background-color: #C2E5F7;
  font-weight: 700;
}
.material_detail .type-btn:disabled {
  padding-left: 16px;
  cursor: default;
}
.material_detail .type-btn__icon {
  margin-right: 5px;
  width: 16px;
  height: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 767px) {
  .material_detail .type-btn__icon {
    display: none;
  }
}
.material_detail .type-btn__left {
  padding: 7px 8px;
  border-radius: 20px;
  background-color: rgba(255, 255, 255, 0.6);
  display: flex;
  align-items: center;
  font-size: 12px;
  font-weight: 700;
}
@media (max-width: 767px) {
  .material_detail .type-btn__left {
    flex-wrap: nowrap;
    white-space: nowrap;
    padding: 11px 7px;
  }
}
.material_detail .type-btn__text {
  text-align: center;
}
.material_detail .type-btn span {
  margin-top: 2px;
}
.material_detail .type-btn.tab_watch .type-btn__text {
  width: 99px;
}
.material_detail .type-btn.tab_read .type-btn__text {
  width: 79px;
}
.material_detail .type-btn.tab_listen .type-btn__text {
  width: 91px;
}
.material_detail .question-block {
  padding: 24px 20px 20px;
  background-color: #f5f5f5;
  border-radius: 20px;
  margin-top: 40px;
}
@media (max-width: 767px) {
  .material_detail .question-block {
    padding: 24px 12px 20px;
  }
}
.material_detail .question-block .material-img {
  margin-top: 12px;
}
.material_detail .question-block__succes {
  margin-top: 20px;
  display: flex;
  align-items: center;
}
.material_detail .question-block__succes svg {
  margin-right: 8px;
  flex-shrink: 0;
}
.material_detail .question-block__row {
  font-size: 12px;
  color: #979797;
  text-transform: uppercase;
  font-weight: 700;
}
.material_detail .question-block__title {
  font-size: 20px;
  font-weight: 700;
  margin-top: 4px;
}
.material_detail .question-block__subtitle {
  font-size: 12px;
  color: #979797;
  margin-top: 4px;
}
.material_detail .question-block__form {
  display: flex;
  flex-direction: column;
}
.material_detail .question-block__input {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  flex-grow: 1;
}
.material_detail .question-block__input:not(:first-child) {
  margin-top: 18px;
}
.material_detail .question-block__input input[type=radio] {
  width: 14px;
  height: 14px;
  border-radius: 50%;
  -webkit-appearance: none;
  appearance: none;
  border: 1px solid #000;
  position: relative;
  display: grid;
  place-content: center;
  margin-right: 9px;
}
.material_detail .question-block__input input[type=radio]::before {
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 50%;
  transform: scale(0);
  transition: 120ms transform ease-in-out;
  box-shadow: inset 8px 8px #000;
}
.material_detail .question-block__input input[type=radio]:checked::before {
  transform: scale(1);
}
.material_detail .question-block__input input[type=checkbox] {
  width: 14px;
  height: 14px;
  border-radius: 2px;
  -webkit-appearance: none;
  appearance: none;
  border: 1px solid #000;
  position: relative;
  display: grid;
  place-content: center;
  margin-right: 9px;
}
.material_detail .question-block__input input[type=checkbox]::before {
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 2px;
  transform: scale(0);
  transition: 120ms transform ease-in-out;
  box-shadow: inset 8px 8px #000;
}
.material_detail .question-block__input input[type=checkbox]:checked::before {
  transform: scale(1);
}
.material_detail .question-block__input-img {
  width: 100%;
}
.material_detail .question-block__input-img .material-img {
  width: 100%;
  max-width: 284px;
  margin-top: 8px;
  margin-bottom: 8px;
}
.material_detail .question-block__input--with-img:not(:last-child) {
  margin-bottom: 18px;
}
.material_detail .question-block__text-input {
  padding: 10px 12px 4px 0;
  margin-top: 10px;
}
.material_detail .question-block__text-input input {
  border: none;
  font-size: 16px;
  width: 100%;
  background-color: transparent;
  border-bottom: 1px solid #979797;
}
.material_detail .question-block__text-input input::placeholder {
  color: #979797;
}
.material_detail .question-block__btn {
  font-size: 16px;
  font-weight: 700;
  color: #fff;
  padding: 12px 20px;
  margin-top: 12px;
  width: fit-content;
  border-radius: 40px;
  background-color: #22B3FF;
}
.material_detail .accent-block {
  border-radius: 20px;
  padding: 24px 20px;
  background-color: #C2E5F7;
  display: flex;
  margin-top: 8px;
}
@media (max-width: 767px) {
  .material_detail .accent-block {
    padding: 20px 12px;
  }
}
.material_detail .accent-block__icon {
  flex-shrink: 0;
  margin-right: 16px;
}
@media (max-width: 767px) {
  .material_detail .accent-block__icon {
    margin-right: 12px;
  }
}
.material_detail .accent-block__title {
  font-size: 16px;
  font-weight: 700;
}
@media (max-width: 767px) {
  .material_detail .accent-block__title {
    font-size: 18px;
  }
}
.material_detail .accent-block__list {
  margin-top: 12px;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.material_detail .accent-block__item {
  position: relative;
  padding-left: 22px;
}
.material_detail .accent-block__item::before {
  content: "";
  position: absolute;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: #000;
  left: 5px;
  top: 5px;
}
.material_detail .material-slider__btns {
  margin: 16px auto 0;
  display: flex;
  gap: 25px;
}
@media (max-width: 767px) {
  .material_detail .material-slider__btns {
    display: none;
  }
}
.material_detail .material-slider__btn {
  border: 1px solid #979797;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.material_detail .material-slider__btn:first-child {
  padding-right: 4px;
}
.material_detail .material-slider__btn:last-child {
  padding-left: 4px;
}
.material_detail .material-slider .slick-dots {
  display: flex;
  align-items: center;
  margin: 16px auto 0;
  width: fit-content;
}
.material_detail .material-slider .slick-dots button {
  width: 11px;
  height: 11px;
  border-radius: 50%;
  background-color: #d1d1d1;
  margin: 0 3px;
}
.material_detail .material-slider .slick-dots .slick-active button {
  background-color: #000;
}
.material_detail .material-slider .material-img__img {
  max-width: unset;
}
.material_detail .material-slider-wrapp {
  display: flex;
  flex-direction: column;
  padding-bottom: 8px;
}
.material_detail .text-block {
  margin-top: 16px;
}
.material_detail .text-block__row {
  display: flex;
}
.material_detail .text-block__row--bold {
  font-weight: 700;
}
.material_detail .text-block__row-number {
  margin-right: 4px;
}
.material_detail .text-block__par {
  margin-top: 8px;
}
@media (max-width: 767px) {
  .material_detail .text-block__par {
    letter-spacing: -0.3px;
  }
}
.material_detail .text-block__list {
  margin-top: 8px;
}
.material_detail .text-block__item {
  padding-left: 24px;
  position: relative;
}
.material_detail .text-block__item::before {
  content: "";
  position: absolute;
  left: 10.5px;
  top: 9px;
  width: 3px;
  height: 3px;
  border-radius: 50%;
  background-color: #000;
}
.material_detail .text-block__about {
  color: #979797;
  margin-top: 16px;
}
.material_detail .text-block__about--with-bg {
  padding: 6px 8px;
  border-radius: 4px;
  background-color: #e9e9e9;
  width: fit-content;
  margin-top: 24px;
}
.material_detail .text-tooltip {
  position: relative;
  cursor: pointer;
  z-index: 2;
  transition: all ease-in 0.24s;
}
@media (max-width: 767px) {
  .material_detail .text-tooltip {
    display: block;
    width: fit-content;
  }
}
.material_detail .text-tooltip::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: calc(100% + 4px);
  transform: translate(-1.5px, 2px);
  height: 20px;
  background-color: #C2E5F7;
  z-index: -1;
  display: none;
}
@media (max-width: 767px) {
  .material_detail .text-tooltip::before {
    transform: translate(-1.5px, 0);
  }
}
.material_detail .text-tooltip:hover::before {
  display: block;
}
.material_detail .text-tooltip:hover .text-tooltip__wrapp {
  display: flex;
}
.material_detail .text-tooltip__wrapp {
  position: absolute;
  width: 300px;
  padding: 12px;
  border-radius: 6px;
  background-color: #fff;
  box-shadow: 0px 0px 16px 0px rgba(19, 7, 31, 0.14);
  top: 110%;
  right: 0;
  transform: translateX(50%);
  display: none;
  font-size: 14px;
  z-index: 2;
}
@media (max-width: 767px) {
  .material_detail .text-tooltip__wrapp {
    transform: none;
    right: -40px;
    top: 140%;
  }
}
.material_detail .text-tooltip__count {
  margin-right: 5px;
  display: inline-block;
}
.material_detail .material-file {
  padding: 16px;
  border-radius: 20px;
  border: 1px solid #e9e9e9;
  width: 100%;
  max-width: 386px;
  display: flex;
  align-items: flex-start;
  gap: 0;
}
.material_detail .material-file__icon {
  flex-shrink: 0;
  margin-right: 12px;
}
.material_detail .material-file__bottom {
  margin-top: 10px;
  display: flex;
  display: flex;
  align-items: center;
}
.material_detail .material-file__size {
  font-size: 14px;
  color: rgba(45, 45, 45, 0.6);
  margin-right: 12px;
}
.material_detail .material-file__btn {
  text-decoration: underline;
  color: #22B3FF;
  display: flex;
  align-items: center;
}
.material_detail .material-file__btn:hover {
  text-decoration: none;
}
.material_detail .material-file__btn svg {
  margin-left: 4px;
}
.material_detail .sources_block .material-sources {
  margin-top: 16px;
  font-size: 14px;
}
.material_detail .sources_block .text-block__row:nth-child(2) ~ div {
  display: none;
}
.material_detail .sources_block .material-block__more-btn {
  cursor: pointer;
}
.material_detail .sources_block.expanded .text-block__row:nth-child(2) ~ div {
  display: flex;
}
.material_detail .sources_block.expanded .material-block__more-btn {
  display: none;
}
.material_detail .comments-new {
  padding: 60px 0;
  background-color: #f5f5f5;
  margin-top: 46px;
}
@media (max-width: 767px) {
  .material_detail .comments-new {
    padding: 40px 0;
    margin-top: 40px;
  }
}
.material_detail .comments-new__wrapper {
  width: 100%;
  max-width: 632px;
}
.material_detail .comments-new__title {
  font-size: 26px;
  font-weight: 700;
}
@media (max-width: 767px) {
  .material_detail .comments-new__title {
    font-size: 24px;
  }
}
.material_detail .comments-new__input {
  display: flex;
  align-items: self-end;
  margin-top: 24px;
}
@media (max-width: 767px) {
  .material_detail .comments-new__input {
    margin-top: 20px;
  }
}
.material_detail .comments-new__input-img {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  font-weight: 700;
  background-color: #e9e9e9;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 16px;
  flex-shrink: 0;
  position: relative;
  overflow: hidden;
}
@media (max-width: 767px) {
  .material_detail .comments-new__input-img {
    width: 40px;
    height: 40px;
  }
}
.material_detail .comments-new__input-img .image {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: 50% 50% no-repeat;
  background-size: cover;
}
.material_detail .comments-new__input-aria {
  width: 100%;
  position: relative;
}
.material_detail .comments-new__input-aria textarea {
  border: none;
  background-color: transparent;
  padding: 16px 32px 5px 0;
  border-bottom: 1px solid #979797;
  width: 100%;
  height: 40px;
}
.material_detail .comments-new__input-aria textarea::placeholder {
  color: #979797;
}
.material_detail .comments-new__input-aria button {
  position: absolute;
  top: 9px;
  right: 9px;
  background-color: transparent;
  border: 0;
}
.material_detail .comments-new__comments-list {
  margin-top: 40px;
  gap: 16px;
  display: grid;
}
@media (max-width: 767px) {
  .material_detail .comments-new__comments-list {
    margin-top: 28px;
  }
}
.material_detail .comments-new__comments-list:not(:last-child) {
  margin-bottom: 16px;
}
.material_detail .comments-new__comments-body {
  padding: 20px;
  border-radius: 20px;
  border: 1px solid #e9e9e9;
  background-color: #fff;
}
.material_detail .comment-list .comment-list {
  padding-left: 20px;
}
.material_detail .comment {
  position: relative;
}
.material_detail .comment-child:not(:last-child) {
  border-left: 1px solid #e9e9e9;
}
.material_detail .comment-child .comment {
  padding: 20px 0 0 20px;
}
.material_detail .comment-child .comment::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0px;
  width: 12px;
  height: 32px;
  border-bottom-left-radius: 7px;
  border-left: 1px solid #e9e9e9;
  border-bottom: 1px solid #e9e9e9;
}
.material_detail .comment-child .comments-new__input.comment {
  margin-top: 8px;
  padding-top: 12px;
}
.material_detail .comment-child .comments-new__input.comment::before {
  height: 38px;
  left: -1px;
}
.material_detail .comment__top {
  display: flex;
  align-items: center;
}
.material_detail .comment__top-img {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  overflow: hidden;
  flex-shrink: 0;
  margin-right: 4px;
  background: 50% 50% no-repeat;
  background-size: cover;
}
.material_detail .comment__top-name {
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  margin-top: 4px;
}
.material_detail .comment__text {
  margin-top: 8px;
}
.material_detail .comment__bottom {
  display: flex;
  justify-content: space-between;
  margin-top: 12px;
  color: #979797;
}
.material_detail .comment__bottom-right {
  display: flex;
  align-items: center;
  font-size: 14px;
}
.material_detail .comment__time {
  margin-right: 16px;
}
.material_detail .comment__stars {
  display: flex;
  cursor: pointer;
  line-height: 1;
}
.material_detail .comment__stars svg {
  flex-shrink: 0;
}
.material_detail .comment__stars path.for_active {
  display: none;
}
.material_detail .comment__stars-count {
  font-size: 14px;
  height: fit-content;
  margin-left: 5px;
}
.material_detail .comment__stars.active path {
  display: none;
}
.material_detail .comment__stars.active path.for_active {
  display: block;
}
.material_detail .comment__btn {
  transition: color ease-in 0.24s;
  cursor: pointer;
}
.material_detail .comment__btn:hover {
  color: #000;
}
.material_detail .comment .answer_input_wrap {
  display: none;
}
.material_detail .comment.answer_expanded .answer_input_wrap {
  display: block;
}
@media (max-width: 767px) {
  .material_detail .material-author {
    margin-top: 24px;
  }
}
@media (max-width: 767px) {
  .material_detail .material-channel {
    margin-top: 12px;
  }
}
.material_detail .survey {
  border-radius: 20px;
  overflow: hidden;
  padding: 24px 20px 20px;
  background: #23354e 50% 50% no-repeat;
  color: #fff;
  margin-top: 50px;
}
.material_detail .survey__title {
  font-size: 26px;
  font-weight: 700;
}
.material_detail .survey__subtitle {
  margin-top: 8px;
  max-width: 260px;
}
.material_detail .survey__btn {
  padding: 11px 20px;
  border-radius: 40px;
  background-color: #22B3FF;
  width: fit-content;
  color: #fff;
  margin-top: 24px;
  cursor: pointer;
}
.material_detail .material-tags {
  display: flex;
  gap: 4px;
  flex-wrap: wrap;
  margin-top: 16px;
}
.material_detail .material-tags__tag {
  font-size: 12px;
  padding: 7px 8px;
  border-radius: 4px;
  background-color: #f5f5f5;
  transition: background-color ease-in 0.24s, color ease-in 0.24s;
  cursor: pointer;
}
@media (max-width: 767px) {
  .material_detail .material-tags__tag {
    padding: 7px;
    font-size: 14px;
  }
}
.material_detail .material-tags__tag:hover {
  background-color: #2d2d2d;
  color: #fff;
}
.material_detail .material-tags__tag:hover a {
  color: #fff;
}
.material_detail .grade {
  display: flex;
  align-items: center;
  margin-top: 12px;
}
@media (max-width: 767px) {
  .material_detail .grade {
    padding: 20px;
    border-radius: 60px;
    margin-top: 0;
    position: relative;
    background-color: #fff;
    z-index: 3;
  }
}
.material_detail .grade::before {
  content: "";
  background-color: #fff;
  display: block;
  height: 30px;
  width: 35px;
  position: absolute;
  bottom: 6px;
  transform: rotate(112deg) skew(36deg);
  box-shadow: 0 0 10px 0 rgba(19, 7, 31, 0.11);
  left: 7px;
  z-index: 2;
  filter: none;
  box-shadow: none;
  border: 1px solid #f5f5f5;
  display: none;
}
@media (max-width: 767px) {
  .material_detail .grade::before {
    display: block;
  }
}
.material_detail .grade::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: #fff;
  left: 0;
  top: 0;
  border-radius: 60px;
  z-index: 2;
  border: 1px solid #f5f5f5;
  display: none;
}
@media (max-width: 767px) {
  .material_detail .grade::after {
    display: block;
  }
}
.material_detail .grade__value {
  font-size: 44px;
  font-weight: 700;
}
.material_detail .grade__text {
  font-size: 14px;
  color: rgba(45, 45, 45, 0.4);
  text-align: center;
  line-height: 1;
}
@media (max-width: 767px) {
  .material_detail .grade__text {
    max-width: 90px;
    font-size: 10px;
  }
}
.material_detail .grade__left {
  margin-right: 12px;
}
@media (max-width: 767px) {
  .material_detail .grade__left {
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    z-index: 3;
  }
}
@media (max-width: 767px) {
  .material_detail .grade__right {
    position: relative;
    z-index: 3;
  }
}
.material_detail .grade__right .grade__star {
  cursor: default;
}
.material_detail .grade__right .grade__star svg {
  cursor: pointer;
  color: #22B3FF;
}
.material_detail .grade__right .grade__star svg.voted_this ~ svg {
  color: #e9e9e9;
}
.material_detail .grade__right .grade__star:hover svg {
  color: #22B3FF;
}
.material_detail .grade__right .grade__star:hover svg.voted_this ~ svg {
  color: #22B3FF;
}
.material_detail .grade__right .grade__star:hover svg:hover ~ svg {
  color: #e9e9e9;
}
.material_detail .grade__title {
  font-weight: 700;
  max-width: 168px;
}
.material_detail .grade__list {
  margin-top: 4px;
  gap: 4px;
}
.material_detail .grade__star {
  cursor: pointer;
  color: #e9e9e9;
  display: flex;
  flex-wrap: nowrap;
}
.material_detail .grade-wrapper {
  display: flex;
  align-items: flex-end;
  margin-top: 40px;
}
.material_detail .grade-wrapper__img {
  height: fit-content;
  margin-right: 12px;
  flex-shrink: 0;
}
.material_detail .timestamps {
  display: flex;
  flex-direction: column;
  margin: 36px 0 24px;
}
.material_detail .timestamps__row {
  display: flex;
}
.material_detail .timestamps__row:not(:last-child) {
  margin-bottom: 8px;
}
.material_detail .timestamps__time {
  color: #22B3FF;
  font-size: 16px;
  text-decoration: underline;
  margin-right: 8px;
  min-width: 44px;
  cursor: pointer;
}
.material_detail .timestamps__time:hover {
  text-decoration: none;
}
.material_detail .answers {
  display: flex;
  flex-direction: column;
  margin-top: 16px;
}
.material_detail .answers__row:not(:last-child) {
  margin-bottom: 12px;
}
.material_detail .answers__row.is-selected .answers__icon {
  display: flex;
}
.material_detail .answers__top {
  display: flex;
}
.material_detail .answers__precent {
  font-weight: 700;
  margin-right: 6px;
}
.material_detail .answers__bottom {
  margin-top: 11px;
  display: flex;
  position: relative;
  margin-left: 45px;
  flex-wrap: wrap;
  flex-grow: 1;
}
.material_detail .answers__bottom .material-img {
  width: 100%;
  max-width: 284px;
}
.material_detail .answers__progress {
  width: 0;
  height: 4px;
  border-radius: 4px;
  background-color: #22B3FF;
}
.material_detail .answers__progress_wrap {
  width: 100%;
}
.material_detail .answers__icon {
  width: 17px;
  height: 17px;
  flex-shrink: 0;
  background-color: #22B3FF;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: -6.5px;
  left: -23px;
  display: none;
}
.material_detail .aplayer {
  width: 100%;
  position: fixed;
  left: 0;
  bottom: 0;
  background-color: #fff;
  border-top: 4px solid #e9e9e9;
  padding: 12px 0;
  z-index: 1000;
}
@media (max-width: 767px) {
  .material_detail .aplayer {
    border-top-left-radius: 30px;
    border-top-right-radius: 30px;
    height: 38px;
    background-color: transparent;
    left: 0;
    padding: 0;
    margin-top: 0;
    border: none;
    background-color: #fff;
    background: rgba(45, 45, 45, 0.4);
    display: flex;
    flex-direction: column;
    justify-content: end;
    padding-top: 1px;
    transition-duration: 0.4s;
  }
}
.material_detail .aplayer__container {
  display: flex;
  align-items: center;
}
@media (max-width: 767px) {
  .material_detail .aplayer__container {
    flex-direction: column;
    height: fit-content;
    background-color: #fff;
    padding: 12px 12px 28px;
    border-radius: 30px 30px 0 0;
    position: relative;
    max-height: 100%;
  }
  .material_detail .aplayer__container .toggler {
    position: absolute;
    width: 62px;
    height: 8px;
    background-color: #2d2d2d;
    border-radius: 20px;
    top: 12px;
  }
}
@media (max-width: 767px) {
  .material_detail .aplayer .material_to_favorite {
    background-color: transparent;
    border: 0;
  }
  .material_detail .aplayer .material_to_favorite path {
    fill: #979797;
  }
  .material_detail .aplayer .material_to_favorite.active {
    background-color: transparent;
  }
  .material_detail .aplayer .material_to_favorite.active path {
    fill: #22B3FF;
  }
}
.material_detail .aplayer .select_wrap {
  width: 40px;
}
.material_detail .aplayer .select2-container--default .select2-selection--single {
  border: 0;
  border-radius: 12px;
  height: 32px;
}
.material_detail .aplayer .select2-container--default .select2-selection--single .select2-selection__rendered {
  padding: 0;
  text-align: center;
  line-height: 32px;
}
.material_detail .aplayer .select2-container--default .select2-selection__arrow {
  display: none;
}
.material_detail .aplayer .select2-container--default.select2-container--open .select2-selection--single {
  box-shadow: 0px 0px 12px 0px rgba(19, 7, 31, 0.07);
}
.material_detail .player-control {
  display: flex;
  align-items: center;
}
@media (max-width: 767px) {
  .material_detail .player-control {
    order: 1;
  }
}
.material_detail .player-control__time-btn {
  cursor: pointer;
  transition: color ease-in 0.24s;
  color: #979797;
  position: relative;
}
.material_detail .player-control__time-btn:hover {
  color: #000;
}
.material_detail .player-control__time-btn:hover .tooltip {
  display: block;
}
@media (max-width: 767px) {
  .material_detail .player-control__time-btn svg {
    width: 25px;
    height: auto;
  }
}
.material_detail .player-control__stop {
  margin: 0 20px;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background-color: #22B3FF;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: background-color ease-in 0.24s;
  position: relative;
}
@media (max-width: 767px) {
  .material_detail .player-control__stop {
    width: 70px;
    height: 70px;
    margin: 0 36px;
  }
}
.material_detail .player-control__stop svg {
  width: 20px;
  height: auto;
}
.material_detail .player-control__stop .icon_pause {
  display: none;
  width: 14px;
  height: auto;
}
.material_detail .player-control__stop.playing svg {
  display: none;
}
.material_detail .player-control__stop.playing svg.icon_pause {
  display: block;
}
.material_detail .player-control__stop .tooltip {
  left: 50%;
  transform: translateX(-50%);
}
.material_detail .player-control__stop:hover {
  background-color: #57C5FF;
}
.material_detail .player-control__stop:hover .tooltip {
  display: block;
}
.material_detail .player-info {
  margin-left: 42px;
  margin-right: 36px;
  display: flex;
  max-width: 456px;
  flex-grow: 1;
}
@media (max-width: 767px) {
  .material_detail .player-info {
    flex-direction: column;
    margin: 0;
    margin-top: 24px;
  }
}
.material_detail .player-info__img {
  width: 66px;
  height: 66px;
  border-radius: 8px;
  overflow: hidden;
  margin-right: 12px;
  flex-shrink: 0;
  background: 50% 50% no-repeat;
  background-size: cover;
}
@media (max-width: 767px) {
  .material_detail .player-info__img {
    width: 100%;
    height: 120px;
  }
}
.material_detail .player-info__title {
  font-weight: 700;
  margin-bottom: 8px;
}
@media (max-width: 767px) {
  .material_detail .player-info__title {
    font-size: 18px;
    font-weight: 700;
    margin-top: 24px;
    margin-bottom: 0;
  }
}
.material_detail .player-info__right {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}
.material_detail .player-info__progress {
  display: flex;
  flex-direction: column;
  margin-top: auto;
}
@media (max-width: 767px) {
  .material_detail .player-info__progress {
    flex-direction: column-reverse;
    margin-top: 20px;
  }
}
.material_detail .player-info__progress-row {
  display: flex;
  justify-content: space-between;
  font-size: 12px;
  color: #979797;
}
@media (max-width: 767px) {
  .material_detail .player-info__progress-row {
    margin-top: 8px;
  }
}
.material_detail .player-info__progress-bar {
  height: 4px;
  width: 100%;
  background-color: #d1d1d1;
  margin-top: 2px;
  position: relative;
  cursor: pointer;
}
.material_detail .player-info__progress-bar span {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 100%;
  background-color: #57C5FF;
}
.material_detail .player-tools {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  margin-left: auto;
}
@media (max-width: 767px) {
  .material_detail .player-tools {
    order: 2;
    margin-top: 36px;
    margin-left: 0;
    justify-content: space-between;
    width: 100%;
  }
}
.material_detail .player-tools__btn {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color: #22B3FF;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: background-color ease-in 0.24s;
  color: #fff;
}
@media (min-width: 768px) {
  .material_detail .player-tools__btn {
    border: #22B3FF 2px solid;
  }
}
@media (max-width: 767px) {
  .material_detail .player-tools__btn {
    width: auto;
    height: auto;
    background-color: transparent;
    color: #979797;
  }
}
.material_detail .player-tools__btn:not(:last-child) {
  margin-right: 8px;
}
@media (max-width: 767px) {
  .material_detail .player-tools__btn:not(:last-child) {
    margin-right: 0;
  }
}
.material_detail .player-tools__btn:hover {
  background-color: #57C5FF;
}
@media (max-width: 767px) {
  .material_detail .player-tools__btn:hover {
    background-color: transparent;
  }
}
.material_detail .player-tools__buttons {
  display: flex;
  flex-wrap: nowrap;
}
.material_detail .player-tools__wrapper {
  margin-left: 20px;
  display: flex;
  align-items: center;
}
@media (max-width: 767px) {
  .material_detail .player-tools__wrapper {
    flex-direction: row-reverse;
    margin-left: 0;
    width: 29%;
    justify-content: space-between;
  }
}
.material_detail .player-tools__wrapper .custom-select {
  cursor: pointer;
}
@media (max-width: 767px) {
  .material_detail .player-tools__wrapper .custom-select {
    margin-left: 30px;
  }
}
.material_detail .player-tools__wrapper .custom-select.active button {
  color: #000;
}
.material_detail .player-tools__wrapper .custom-select__dropdown {
  top: auto;
  bottom: 0;
  padding: 22px 3px 36px;
  border-radius: 12px;
  border: none;
  box-shadow: 0px 0px 12px 0px rgba(19, 7, 31, 0.07);
  display: flex;
  justify-content: center;
  margin: 0 auto;
}
.material_detail .player-tools__wrapper .custom-select__dropdown ul {
  padding: 0;
}
.material_detail .player-tools__wrapper .custom-select__dropdown li {
  width: 34px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50px;
  color: #979797;
  cursor: pointer;
  transition: background-color ease-in 0.24s;
}
.material_detail .player-tools__wrapper .custom-select__dropdown li:hover {
  background-color: #57C5FF;
}
.material_detail .player-tools__wrapper .custom-select__dropdown li:hover span {
  color: #fff;
}
.material_detail .player-tools__wrapper .custom-select__dropdown li span {
  color: #979797;
  transition: color ease-in 0.24s;
  font-weight: 400;
}
.material_detail .player-tools__wrapper .custom-select__dropdown li a {
  padding: 0;
  width: fit-content;
  display: flex;
}
.material_detail .player-tools__wrapper .custom-select__dropdown li a:after {
  display: none;
}
.material_detail .player-tools__wrapper .custom-select .scroll-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.material_detail .player-tools__wrapper .custom-select__options {
  padding: 0 12px;
}
@media (max-width: 767px) {
  .material_detail .player-tools__wrapper .custom-select__options {
    padding: 0 12px;
  }
}
.material_detail .player-tools__wrapper .custom-select__list {
  width: 100%;
}
.material_detail .player-tools__wrapper .custom-select button {
  margin: 0;
  border: none;
  box-shadow: none;
  color: #979797;
  font-weight: 400;
}
.material_detail .player-tools__wrapper .custom-select button:after {
  display: none;
}
.material_detail .player-speed {
  color: #979797;
  border: none;
}
.material_detail .tooltip {
  padding: 8px 12px;
  background-color: #fff;
  box-shadow: 0px 0px 16px 0px rgba(19, 7, 31, 0.14);
  border-radius: 6px;
  font-size: 14px;
  color: #2d2d2d;
  position: absolute;
  bottom: 110%;
  white-space: nowrap;
  display: none;
  z-index: 10;
  transform: translateX(-50%);
  left: 50%;
}
.material_detail .volume {
  height: 122px;
  width: 6px;
}
.material_detail .volume .noUi-connect {
  background-color: #D1D1D1;
}
.material_detail .volume .noUi-origin {
  background-color: #22B3FF;
}
.material_detail .volume .noUi-base {
  cursor: pointer;
}
.material_detail .volume .slider-styled .noUi-handle .noUi-touch-area {
  border: 1px solid red;
  position: absolute;
  top: -10px;
  left: -10px;
  right: -10px;
  bottom: -10px;
  width: auto;
  height: auto;
}
.material_detail .volume-wrapper {
  margin-left: 8px;
  padding: 8px 8px;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
}
@media (max-width: 767px) {
  .material_detail .volume-wrapper {
    margin-left: 0;
    padding: 8px;
  }
}
.material_detail .volume-wrapper.active .volume-body {
  display: flex;
}
.material_detail .volume-wrapper.active .volume__icon {
  color: #000;
}
.material_detail .volume-body {
  position: absolute;
  bottom: 0;
  padding-bottom: 40px;
  padding-top: 12px;
  border-radius: 12px;
  box-shadow: 0px 0px 12px 0px rgba(19, 7, 31, 0.07);
  background-color: #fff;
  width: 100%;
  z-index: 10;
  display: flex;
  align-items: center;
  flex-direction: column;
  display: none;
}
.material_detail .volume__icon {
  position: relative;
  z-index: 11;
  cursor: pointer;
  color: #979797;
}
.material_detail .player-close {
  margin-left: 18px;
  cursor: pointer;
  color: #979797;
  transition: color ease-in 0.24s;
}
@media (max-width: 767px) {
  .material_detail .player-close {
    margin-left: 12px;
  }
}
.material_detail .player-close:hover {
  color: #FF7272;
}
.material_detail .material-modal-wrapp {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: fit-content;
  min-height: 100vh;
  background-color: rgba(0, 0, 0, 0.5019607843);
  z-index: 1000;
  display: flex;
  align-items: center;
  justify-content: center;
}
.material_detail .material-modal-wrapp--with-tags .material-modal-inner {
  display: flex;
  justify-content: start;
  padding-top: 60px;
}
@media (max-width: 767px) {
  .material_detail .material-modal-wrapp--with-tags .material-modal-inner {
    padding: 12px;
  }
}
@media (max-width: 767px) {
  .material_detail .material-modal-wrapp--with-tags .material-modal {
    width: calc(100% + 24px);
    transform: translateX(-12px);
  }
}
@media (max-width: 767px) {
  .material_detail .material-modal-wrapp--with-tags .material-top__btns {
    width: calc(100% + 24px);
    transform: translateX(-12px);
    padding: 0 12px;
    overflow: auto;
  }
}
.material_detail .material-modal-inner {
  display: flex;
  align-items: center;
  justify-content: center;
}
.material_detail .material-modal {
  padding: 24px;
  background-color: #fff;
  border-radius: 20px;
  position: relative;
  width: 586px;
}
@media (max-width: 767px) {
  .material_detail .material-modal {
    width: 100%;
    padding: 20px 12px;
  }
}
.material_detail .material-modal__title {
  font-size: 26px;
  font-weight: 700;
}
@media (max-width: 767px) {
  .material_detail .material-modal__title {
    font-size: 24px;
  }
}
.material_detail .material-modal__title--small {
  font-size: 20px;
}
@media (max-width: 767px) {
  .material_detail .material-modal__title--small {
    font-size: 18px;
  }
}
.material_detail .material-modal__text {
  font-size: 16px;
  margin-top: 5px;
}
.material_detail .material-modal__btn {
  margin-top: 16px;
  background-color: #ff7272;
  color: #fff;
  border: none;
  padding: 12px 20px;
  border-radius: 40px;
  cursor: pointer;
  transition: background-color ease-in 0.24s;
}
.material_detail .material-modal__btn:hover {
  background-color: #f38686;
}
.material_detail .material-modal__close {
  width: 30px;
  height: 30px;
  background-color: #fff;
  border: 1px solid #e9e9e9;
  position: absolute;
  top: -15px;
  right: 12px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.material_detail .material-modal .material-top__btns {
  margin-top: 20px;
}
.material_detail .question-popup-wrapp {
  width: 100%;
  height: fit-content;
  min-height: 100vh;
  background-color: #fff;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000;
  padding: 30px 0;
  display: none;
  max-height: 100vh;
  overflow: auto;
}
@media (max-width: 767px) {
  .material_detail .question-popup-wrapp {
    padding: 40px 0;
  }
}
.material_detail .question-popup-wrapp .question-block {
  margin-top: 0;
  padding: 0;
  background-color: transparent;
  border-radius: 0;
}
.material_detail .question-popup-wrapp .question-block__row {
  color: #000;
}
.material_detail .question-popup-wrapp .question-block__row span {
  color: rgba(45, 45, 45, 0.4);
}
.material_detail .question-popup-wrapp .question-block:not(:first-child) {
  margin-top: 40px;
}
.material_detail .question-popup-wrapp .question-block__btn {
  display: none;
}
.material_detail .question-popup-wrapp .question-block__btn--special {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 16px;
}
@media (max-width: 767px) {
  .material_detail .question-popup-wrapp .question-block__btn--special {
    width: 100%;
  }
}
.material_detail .question-popup-wrapp .question-block__btn--special.disabled {
  opacity: 0.5;
  pointer-events: none;
}
.material_detail .question-popup-wrapp--small {
  background-color: rgba(0, 0, 0, 0.4);
  backdrop-filter: blur(5px);
  padding: 0;
}
.material_detail .question-popup-wrapp--small .question-popup-inner {
  height: fit-content;
  min-height: 600px;
  background-color: #fff;
  padding: 30px 0;
}
@media (max-width: 767px) {
  .material_detail .question-popup-wrapp--small .question-popup-inner {
    min-height: 100vh;
  }
}
.material_detail .question-popup-wrapp--small .question-popup__btn {
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 767px) {
  .material_detail .question-popup-wrapp--small .question-popup__btn {
    width: 100%;
    margin-top: auto;
  }
}
.material_detail .question-popup-wrapp--small .question-popup-wrapp__container {
  display: flex;
  flex-direction: column;
}
.material_detail .question-popup-wrapp.quiz .question-block__row {
  font-size: 11px;
}
.material_detail .question-popup-wrapp.quiz .question-block__title {
  font-size: 17px;
  margin-top: 2px;
}
.material_detail .question-popup-wrapp.quiz .question-block__input:not(:first-child) {
  margin-top: 10px;
}
.material_detail .question-popup-wrapp.quiz .question-block__text-input {
  margin-top: 18px;
}
.material_detail .question-popup__title {
  font-size: 32px;
  font-weight: 700;
}
@media (max-width: 767px) {
  .material_detail .question-popup__title {
    max-width: 85%;
    font-size: 26px;
  }
}
.material_detail .question-popup__body {
  margin-top: 24px;
  width: 100%;
  max-width: 550px;
}
.material_detail .question-popup__text {
  margin-top: 14px;
  max-width: 640px;
}
@media (max-width: 767px) {
  .material_detail .question-popup__text {
    margin-top: 24px;
  }
}
.material_detail .question-popup__btn {
  font-size: 16px;
  font-weight: 700;
  color: #fff;
  padding: 12px 20px;
  margin-top: 12px;
  width: fit-content;
  border-radius: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #22B3FF;
}
@media (max-width: 767px) {
  .material_detail .question-popup__btn {
    width: 100%;
  }
}
.material_detail .question-popup__btn:hover {
  background-color: #57C5FF;
}
.material_detail .question-popup__btn.disabled {
  opacity: 0.5;
  pointer-events: none;
}
.material_detail .question-popup__btn--special {
  margin-top: 28px;
}
.material_detail .question-popup-close {
  position: absolute;
  top: 0;
  right: 0;
  cursor: pointer;
}
@media (max-width: 767px) {
  .material_detail .question-popup-close {
    right: 12px;
  }
}
.material_detail .banner-date {
  color: rgba(45, 45, 45, 0.4);
  font-size: 14px;
  margin-top: 8px;
  flex-shrink: 0;
}
@media (max-width: 767px) {
  .material_detail .banner-date {
    margin-top: 24px;
  }
}
.material_detail .material-audio__buttons {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 24px;
}
@media (max-width: 767px) {
  .material_detail .material-audio__buttons {
    grid-template-columns: 1fr;
    gap: 16px;
  }
}
.material_detail .material-audio__item {
  display: flex;
}
.material_detail .material-audio__item-btn {
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #22B3FF;
  color: #fff;
  border-radius: 50%;
  overflow: hidden;
  margin-right: 16px;
  flex-shrink: 0;
  transition: background-color ease-in 0.24s;
  cursor: pointer;
}
.material_detail .material-audio__item-btn:hover {
  background-color: #57C5FF;
}
.material_detail .material-audio__item-btn svg {
  margin-left: 1px;
  margin-bottom: 1px;
}
.material_detail .material-audio__item-btn.material-audio__play-btn .icon_pause {
  display: none;
  width: 14px;
  height: auto;
}
.material_detail .material-audio__item-btn.material-audio__play-btn.playing svg {
  display: none;
}
.material_detail .material-audio__item-btn.material-audio__play-btn.playing svg.icon_pause {
  display: block;
}
.material_detail .material-audio__item-right {
  padding-top: 4px;
}
.material_detail .material-audio__item-title {
  font-size: 20px;
  font-weight: 700;
}
.material_detail .material-audio__item-subtitle {
  font-size: 14px;
  color: rgba(45, 45, 45, 0.6);
}
.material_detail .material_legend {
  display: none;
  position: fixed;
  z-index: 2000;
  transform: none;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: rgba(0, 0, 0, 0.4);
  backdrop-filter: blur(5px);
  transition: none;
  padding: 0;
  overflow: auto;
}
.material_detail .article-entery > :first-child {
  margin-top: 0;
}
.material_detail .article-entery__section {
  margin-top: 40px;
  margin-bottom: 0;
}
.material_detail .article-entery__section > :first-child {
  margin-top: 0;
}
.material_detail .article-entery__section h2 {
  margin-bottom: 0;
}
.material_detail .article-entery__body {
  max-width: none;
  margin-top: 16px;
  width: 100%;
}
.material_detail .article-entery__body > :first-child {
  margin-top: 0;
}
.material_detail .article-entery__body > img {
  margin: 16px 0;
}
.material_detail .article-entery .numeric-list {
  display: flex;
  flex-direction: column;
  gap: 12px;
  counter-reset: myCounter;
  margin-top: 16px;
}
.material_detail .article-entery .numeric-list:first-child {
  margin-top: 0;
}
@media (max-width: 767px) {
  .material_detail .article-entery .numeric-list {
    gap: 8px;
  }
}
.material_detail .article-entery .numeric-list > li {
  padding: 24px 20px 24px 64px;
  border-radius: 20px;
  background-color: #f5f5f5;
  font-size: 1.6rem;
  line-height: inherit;
  letter-spacing: 0;
}
@media (max-width: 767px) {
  .material_detail .article-entery .numeric-list > li {
    padding: 20px 12px 20px 52px;
  }
}
.material_detail .article-entery .numeric-list > li:before {
  counter-increment: myCounter;
  content: counter(myCounter, decimal-leading-zero);
  width: 28px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background-color: #2d2d2d;
  flex-shrink: 0;
  letter-spacing: 0;
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  padding-top: 3px;
  top: 20px;
  left: 20px;
}
@media (max-width: 767px) {
  .material_detail .article-entery .numeric-list > li:before {
    margin-right: 12px;
    left: 12px;
  }
}
.material_detail .article-entery .numeric-list > li a:hover {
  color: #2d2d2d;
  text-decoration: underline;
}
.material_detail .article-entery .numeric-list ul {
  margin-top: 16px;
}
.material_detail .article-entery .numeric-list ul li {
  font-size: 1.6rem;
  line-height: inherit;
  line-height: inherit;
  color: #2d2d2d;
  padding-left: 0;
  margin: 12px 0 0;
}
.material_detail .article-entery p {
  font-size: 1.6rem;
  line-height: inherit;
  margin-bottom: 0;
  margin-top: 16px;
}
.material_detail .article-entery h2, .material_detail .article-entery h3 {
  font-size: 26px;
  font-weight: 700;
  line-height: inherit;
  letter-spacing: 0;
  color: #2d2d2d;
  margin-bottom: 0;
  margin-top: 24px;
}
.material_detail .article-entery__bg-block {
  font-size: 1.6rem;
  line-height: inherit;
  margin: 0;
  margin-top: 16px;
  padding: 24px 20px;
  border-radius: 20px;
  background-color: #C2E5F7;
}
.material_detail .article-entery__bg-block > :first-child {
  margin-top: 0;
}
.material_detail .article-entery .article-quote {
  font-size: 20px;
  line-height: inherit;
  margin: 0;
  margin-top: 16px;
  padding: 24px 20px;
  border-radius: 20px;
  background-color: #C2E5F7;
}
.material_detail .article-entery .article-quote ul {
  margin-top: 12px;
}
.material_detail .article-entery .article-quote ul li {
  font-size: 20px;
  line-height: inherit;
}
.material_detail .article-entery .article-quote p {
  font-size: 20px;
  line-height: inherit;
}
.material_detail .article-entery .article-quote:before {
  content: none;
}
.material_detail .article-entery ul {
  margin-top: 16px;
}
.material_detail .article-entery ul li {
  font-size: 1.6rem;
  line-height: inherit;
  margin-bottom: 0;
  margin-top: 12px;
}
.material_detail .article-entery .marked-text {
  display: block;
  margin: 16px 0;
  font-size: 20px;
  font-weight: 700;
  padding: 24px 20px;
  border-radius: 20px;
  background-color: #C2E5F7;
}
.material_detail .article-entery .scrollable-table {
  margin-top: 16px;
  margin-bottom: 0;
}
.material_detail .article-entery .scrollable-table table tr:nth-child(even) td {
  background-color: #C2E5F7;
}
.material_detail .article-entery .scrollable-table table tr td {
  font-size: 1.6rem;
  line-height: inherit;
}

body.material_quiz_popup_active {
  overflow: hidden;
}
body.material_quiz_popup_active .question-popup-wrapp.quiz {
  display: block;
}

body.material_quiz_thanks_active {
  overflow: hidden;
}
body.material_quiz_thanks_active .question-popup-wrapp.thanks {
  display: block;
}

body.material_legend_show .material_legend {
  display: block;
}

@media (max-width: 767px) {
  body.material_audio_player_expanded {
    overflow: hidden;
  }
  body.material_audio_player_expanded .aplayer {
    height: 100%;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }
}
.promo-page {
  line-height: 1.2;
}
.promo-page main {
  margin-bottom: 0;
}
.promo-page .bubble-info {
  margin: 48px auto;
}
.promo-page .bubble-info__bubble--md {
  max-width: none;
}
.promo-page .page-vers {
  padding-top: 97px;
  margin-bottom: 0;
}
@media (max-width: 767px) {
  .promo-page .page-vers {
    padding-top: 65px;
  }
}
@media (max-width: 767px) {
  .promo-page .container {
    padding: 0 12px;
  }
}
.promo-page .questions {
  margin-top: 50px;
}
@media (max-width: 767px) {
  .promo-page .questions {
    margin-top: 40px;
  }
}
.promo-page .questions__title {
  font-size: 26px;
}
.promo-page .questions__wrapper {
  background-color: #EFF7FC;
  margin-left: auto;
}

.promo-banner {
  border-radius: 20px;
  margin-top: 36px;
  background: linear-gradient(276deg, #ABE0FC 18.75%, #E8F7FF 82.7%);
  padding: 50px 24px 24px;
  position: relative;
  overflow: hidden;
  z-index: 3;
}
@media (max-width: 767px) {
  .promo-banner {
    padding: 32px 20px 22px 16px;
    max-width: 390px;
    margin-left: auto;
    margin-right: auto;
  }
}
.promo-banner__title {
  font-size: 38px;
  font-weight: 700;
  max-width: 460px;
  line-height: 1.05;
  position: relative;
  z-index: 3;
}
@media (max-width: 767px) {
  .promo-banner__title {
    font-size: 26px;
  }
}
.promo-banner__btn {
  padding: 13px 32px;
  border-radius: 50px;
  background-color: #22B3FF;
  font-size: 20px;
  font-weight: 700;
  color: #fff;
  cursor: pointer;
  margin-top: 20px;
  position: relative;
  z-index: 2;
}
@media (max-width: 767px) {
  .promo-banner__btn {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 326px;
    margin: -60px auto 0;
  }
}
.promo-banner__subtitle {
  margin-top: 12px;
}
.promo-banner__subtitle img {
  width: 100%;
  max-width: 17px;
}
.promo-banner__text {
  line-height: 1;
  position: absolute;
  top: 30px;
  right: 124px;
  z-index: 3;
}
@media (max-width: 767px) {
  .promo-banner__text {
    position: relative;
    top: 0;
    right: 0;
    margin-top: 12px;
  }
}
.promo-banner__light {
  position: absolute;
  top: -200px;
  right: -40px;
  z-index: 1;
}
@media (max-width: 767px) {
  .promo-banner__light {
    top: 0;
  }
}
.promo-banner__img {
  position: absolute;
  top: 10px;
  right: -5px;
  z-index: 2;
}
.promo-banner__img img {
  width: 100%;
}
@media (max-width: 767px) {
  .promo-banner__img {
    position: relative;
    margin-top: -20px;
    margin-left: -18px;
    width: calc(100% + 30px);
    z-index: 2;
  }
}

.promo-block {
  margin-top: 50px;
}
@media (max-width: 767px) {
  .promo-block {
    margin-top: 40px;
  }
}
.promo-block__title {
  font-size: 26px;
  font-weight: 700;
}
@media (max-width: 767px) {
  .promo-block__title {
    font-size: 24px;
  }
}
.promo-block.howto {
  position: relative;
}
@media (min-width: 768px) {
  .promo-block.howto .sticky_indicator {
    position: absolute;
    left: 0;
    width: 100%;
    height: 1px;
  }
  .promo-block.howto .sticky_indicator.sticky_indicator5 {
    top: -94px;
  }
  .promo-block.howto .sticky_indicator.sticky_indicator6 {
    bottom: 510px;
  }
}

.promo-benefits {
  margin-top: 24px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
}
@media (max-width: 767px) {
  .promo-benefits {
    display: flex;
    gap: unset;
    overflow: auto;
    width: calc(100% + 24px);
    transform: translateX(-12px);
    padding: 0 12px;
  }
}
.promo-benefits__item {
  padding: 20px 12px 20px 16px;
  border-radius: 20px;
  background-color: #EFF7FC;
  display: flex;
}
@media (max-width: 767px) {
  .promo-benefits__item {
    width: 312px;
    flex-shrink: 0;
  }
  .promo-benefits__item:not(:last-child) {
    margin-right: 12px;
  }
}
.promo-benefits__img {
  width: 40px;
  flex-shrink: 0;
  margin-right: 10px;
}
.promo-benefits__title {
  font-size: 20px;
  font-weight: 700;
}
.promo-benefits__text {
  margin-top: 4px;
}

.points-list {
  display: flex;
  flex-direction: column;
  margin-top: 50px;
}
@media (max-width: 767px) {
  .points-list {
    margin-top: 20px;
  }
}

.point {
  width: 100%;
  border-radius: 20px;
  background: linear-gradient(305deg, #AAD8F0 -15.57%, #EFF7FC 64.21%);
  padding: 24px 65px 24px 394px;
  display: flex;
  min-height: 171px;
  position: relative;
}
@media (max-width: 767px) {
  .point {
    flex-direction: column;
    padding: 20px 14px 0 20px;
  }
}
.point:not(:last-child) {
  margin-bottom: 32px;
}
@media (max-width: 767px) {
  .point--reverse .point__img {
    margin-bottom: -30px;
  }
}
@media (min-width: 768px) {
  .point--reverse {
    padding: 24px 394px 24px 65px;
  }
  .point--reverse .point__img {
    left: auto;
    right: 0;
  }
}
.point__content {
  font-size: 20px;
  font-weight: 700;
}
.point__title {
  margin-top: 8px;
}
.point__title img {
  width: 24px;
  transform: translateY(-4px);
}
.point__img {
  position: absolute;
  left: 2px;
  bottom: 1px;
}
@media (max-width: 767px) {
  .point__img {
    position: static;
    margin: 12px auto 0;
  }
  .point__img img {
    width: 100%;
  }
}

.steps {
  margin-top: 40px;
  display: flex;
}
@media (max-width: 767px) {
  .steps {
    flex-direction: column;
    margin-top: 24px;
  }
}
@media (min-width: 768px) {
  .steps__list {
    width: 630px;
    margin-left: auto;
  }
}
@media (max-width: 767px) {
  .steps__list {
    margin-top: 24px;
  }
}

.promo-wrapp {
  max-width: 304px;
  margin-right: 26px;
  flex-shrink: 0;
}
@media (max-width: 767px) {
  .promo-wrapp {
    margin: 0 auto;
    max-width: 366px;
  }
}

.promocode {
  padding: 24px;
  border-radius: 20px;
  background-color: #22B3FF;
  color: #fff;
}
.promocode:not(:last-child) {
  margin-bottom: 20px;
}
.promocode.--active .promocode__btn {
  display: none;
}
.promocode.--active .promocode__btn.--code {
  display: flex;
  border-radius: 8px;
  background-color: #fff;
  color: #2d2d2d;
  padding: 13px 8px 10px;
  position: relative;
}
.promocode.--active .promocode__btn.--code svg {
  position: absolute;
  top: 50%;
  right: 8px;
  transform: translateY(-50%);
  color: #979797;
  transition: color ease-in 0.24s;
}
.promocode.--active .promocode__btn.--code:hover svg {
  color: #2d2d2d;
}
.promocode__title {
  font-size: 24px;
  font-weight: 700;
  margin-top: 6px;
  margin-bottom: 8px;
}
.promocode__text {
  margin-top: 2px;
}
.promocode__btn {
  padding: 13px 24px;
  border-radius: 50px;
  background-color: #2D2D2D;
  font-size: 20px;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  margin-top: 57px;
  cursor: pointer;
  position: relative;
  color: #fff;
  height: 50px;
}
.promocode__btn.--code {
  display: none;
}
.promocode__btn.--copied .promocode__btn-text {
  display: block;
}
.promocode__btn-text {
  position: absolute;
  top: -24px;
  left: 0;
  font-size: 14px;
  color: #fff;
  font-weight: 400;
  display: none;
}
.promocode__btn:not(.promocode__btn.--code):hover {
  background-color: #383838;
}

.step {
  padding: 24px 328px 24px 32px;
  background-color: #EFF7FC;
  border-radius: 20px;
  min-height: 348px;
  position: relative;
}
@media (max-width: 767px) {
  .step {
    padding: 24px 20px 0;
  }
}
.step:not(:last-child) {
  margin-bottom: 40px;
}
@media (max-width: 767px) {
  .step:not(:last-child) {
    margin-bottom: 24px;
  }
}
.step.--reverse {
  padding: 24px 32px 24px 328px;
}
@media (max-width: 767px) {
  .step.--reverse {
    padding: 24px 20px 0;
  }
}
.step__count {
  padding: 12px 16px 9px;
  border-radius: 20px;
  border: 1px solid #2d2d2d;
  width: fit-content;
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  line-height: 1;
}
@media (max-width: 767px) {
  .step__count {
    padding: 10px 16px 9px;
  }
}
.step__title {
  font-size: 26px;
  font-weight: 700;
  margin-top: 16px;
}
@media (max-width: 767px) {
  .step__title {
    font-size: 24px;
  }
}
.step__title img {
  width: 30px;
  transform: translateY(-4px);
}
.step__text {
  margin-top: 12px;
  line-height: 1.3;
}
.step__text-btn {
  background-color: #fff;
  padding: 3px 3px 2px;
  border-radius: 6px;
  text-transform: uppercase;
  line-height: 0.7;
  font-size: 14px;
}
.step__text-btn img {
  width: 18px;
}
.step__text-btn .colored {
  color: #A55EBE;
  font-weight: 700;
}
.step__text a {
  text-decoration: underline;
}
.step__text a.step__text-btn {
  text-decoration: none;
  white-space: nowrap;
}
.step__img {
  position: absolute;
  right: 40px;
  bottom: 0;
  width: 252px;
}
@media (max-width: 767px) {
  .step__img {
    position: static;
    margin: 30px auto 0;
  }
}
.step-2 .step__img {
  width: 364px;
  left: -13px;
  right: auto;
}
@media (max-width: 767px) {
  .step-2 .step__img {
    transform: translateX(-20px);
  }
}
.step-4 .step__img {
  width: 340px;
  left: 0;
  right: auto;
}
@media (max-width: 767px) {
  .step-4 .step__img {
    transform: translateX(-6px);
  }
}
@media (min-width: 768px) {
  .step-4.--reverse {
    padding: 24px 8px 24px 320px;
  }
}

.promo-share {
  padding: 21px 32px;
  border-radius: 20px;
  background-color: #22B3FF;
  color: #fff;
  margin-top: 50px;
  position: relative;
  overflow: hidden;
}
@media (max-width: 767px) {
  .promo-share {
    padding: 20px 20px 18px;
    margin-top: 40px;
  }
}
.promo-share__title {
  font-size: 26px;
  font-weight: 700;
  max-width: 460px;
  position: relative;
  z-index: 2;
}
.promo-share__btn {
  margin-top: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: fit-content;
  background-color: #2d2d2d;
  border-radius: 41px;
  padding: 4px 20px 4px 4px;
  font-weight: 700;
  cursor: pointer;
  position: relative;
  z-index: 2;
}
@media (max-width: 767px) {
  .promo-share__btn {
    margin-top: 40px;
  }
}
.promo-share__btn:hover {
  background-color: #383838;
}
.promo-share__btn-icon {
  width: 42px;
  height: 42px;
  border-radius: 50%;
  background-color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 12px;
}
.promo-share__btn-text {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 100%;
  white-space: nowrap;
  margin-left: 18px;
  font-size: 14px;
  display: none;
}
@media (max-width: 767px) {
  .promo-share__btn-text {
    top: -6px;
    transform: translateY(-100%);
    right: auto;
    left: 0;
    margin: 0;
  }
}
.promo-share__btn.--copied .promo-share__btn-text {
  display: block;
}
.promo-share__img {
  position: absolute;
  width: 624px;
  right: -74px;
  top: -150px;
}
@media (max-width: 767px) {
  .promo-share__img {
    right: -250px;
    top: -94px;
    width: 460px;
  }
}
.promo-share__img img {
  width: 100%;
}

.promo-info {
  background: linear-gradient(300deg, #ABE0FC 34.74%, #E7F4FB 67.98%);
  padding: 40px 0 28px;
  position: relative;
  overflow: hidden;
  margin-top: 50px;
}
@media (max-width: 767px) {
  .promo-info {
    padding: 32px 0 16px;
  }
}
.promo-info__title {
  font-size: 20px;
}
@media (max-width: 767px) {
  .promo-info__title {
    font-size: 16px;
  }
}
.promo-info__link {
  font-size: 26px;
  font-weight: 700;
  margin-top: 8px;
}
@media (max-width: 767px) {
  .promo-info__link {
    font-size: 24px;
  }
}
.promo-info__bottom {
  font-size: 14px;
  opacity: 0.4;
  margin-top: 38px;
}
@media (max-width: 767px) {
  .promo-info__bottom {
    margin-top: 52px;
    font-size: 12px;
    max-width: 221px;
  }
}
.promo-info__img {
  position: absolute;
  top: -90px;
  right: 31px;
  width: 378px;
}
@media (max-width: 767px) {
  .promo-info__img {
    top: auto;
    bottom: -120px;
    right: -78px;
    width: 266px;
  }
}
.promo-info__img img {
  width: 100%;
}

@media (min-width: 768px) {
  body.promo_ym_2023_howto_top_sticky .promo-wrapp {
    position: fixed;
    top: 160px;
  }
  body.promo_ym_2023_howto_bottom_sticky .promo-wrapp {
    position: static;
    margin-top: auto;
  }
}
.seconadry-color {
  color: #22b3ff;
}

.event-registration .row {
  flex-direction: column;
}

/* mod.css */
figcaption.main.main_new,
figure.main.main_new,
main.main.main_new {
  padding-top: 0;
}

.course-item__bottom > a {
  text-align: center;
}

.breadcrubs li {
  opacity: 1 !important;
}

/* modal reg form by Step */
.reg-modal__step .steps {
  display: none;
}

.reg-modal__step .steps.active,
.reg-modal__step .steps.active form {
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  min-height: 100%;
}

.reg-modal__step reg-modal__btn.hidden {
  display: none;
}

.reg-modal__step .reg-modal__btm {
  margin-top: auto;
  align-self: flex-end;
}

.reg-modal__step #step-1.active .form-group.form-group--checkbox.form-group--allow.error label,
.reg-modal__step #step-1.active .form-group.form-group--checkbox.form-group--allow.error label a {
  color: #EB5757 !important;
}

.reg-modal__step #step-2.active,
.reg-modal__step #step-2.active form {
  flex: fit-content;
}

.reg-modal__step #step-2-check.active,
.reg-modal__step #step-2-check.active form {
  flex: fit-content;
}

.reg-modal__step #step-2-return.active,
.reg-modal__step #step-2-return.active form {
  flex: fit-content;
}

.reg-modal__step #step-3.active,
.reg-modal__step #step-3.active form {
  flex: fit-content;
}

.reg-modal__step #step-1-login.active,
.reg-modal__step #step-1-login.active form {
  flex: fit-content;
}

.reg-modal__step .p-icon {
  position: absolute;
  z-index: 99;
  right: 12px;
  top: 17px;
  display: none;
  width: 15px;
  height: 15px;
  cursor: pointer;
  opacity: 0.6;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.reg-modal__step .p-icon.active {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.reg-modal__step .reg-modal__row.js-error {
  color: #EB5757;
}

.reg-modal__step .error-message.visible {
  display: block !important;
}

/* \ modal reg form by Step */
.reg-modal {
  backdrop-filter: none;
  z-index: 10011;
}

.reg-modal-close {
  z-index: 10012;
}

.form-group.form-group--allow label a:hover {
  text-decoration: none;
  color: #22b3ff;
}

.reg-modal .custom-select__list .scroll-wrapper,
.reg-modal .custom-select .custom-select__list ul,
.reg-modal .custom-select__list {
  max-height: 200px;
}

.reg-modal .custom-select.active .custom-select__dropdown {
  box-shadow: 0 3px 7px 0 rgba(19, 7, 31, 0.05);
}

.form-group--checkbox.error label::before,
.form-group--checkbox input.error + label::before {
  border-color: #eb5f60 !important;
}

.reg-modal .dropdown-single {
  margin-bottom: 0;
}

.reg-modal__spec {
  display: block !important;
}

/* ! mod.css */
/** ORDI2 **/
.select2 {
  opacity: 0;
}
.select2.select2-container {
  opacity: 1;
}

.daterangepicker .btn-default {
  background-color: #ddd;
  line-height: initial;
}
@media (max-width: 767px) {
  .daterangepicker {
    z-index: 10000;
  }
}

.select2-container--default {
  font-size: 16px;
}
.select2-container--default .select2-dropdown {
  border: 0;
  border-radius: 15px;
  overflow: hidden;
}
.select2-container--default .select2-results__option {
  padding: 10px 12px;
}
.select2-container--default .select2-results__option:not(:first-child) {
  border-top: #eee 1px solid;
}
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
  background-color: #C2E5F7;
  color: #2d2d2d;
}

@media (max-width: 767px) {
  .footer-menu-col {
    margin-bottom: 24px;
  }
}

.sticky_indicator {
  display: none;
}

@media (min-width: 768px) {
  .sticky_indicator {
    display: block;
    position: absolute;
    width: 100%;
    height: 1px;
  }
  .sticky_indicator.sticky_indicator1 {
    top: -102px;
  }
  .sticky_indicator.sticky_indicator2 {
    bottom: 453px;
  }
  .sticky_indicator.sticky_indicator3 {
    top: -100px;
  }
  .sticky_indicator.sticky_indicator4 {
    bottom: 460px;
  }
  .sticky_indicator.sticky_indicator7 {
    top: -100px;
  }
  body.event-aside_sticky-top .event-aside {
    position: fixed;
    right: calc((100% - 960px) / 2);
    z-index: 1000;
    top: 100px;
  }
  body.event-aside_sticky-top.event-aside_sticky-bottom .event-aside {
    position: absolute;
    right: 0;
    top: auto;
    bottom: 0;
  }
  body.cpk-aside_sticky-top .page-sidebar {
    position: fixed;
    right: calc((100% - 960px) / 2);
    z-index: 1000;
    top: 100px;
    width: 300px;
    min-height: 0;
  }
  body.cpk-aside_sticky-top.cpk-aside_sticky-bottom .page-sidebar {
    position: absolute;
    right: 0;
    top: auto;
    bottom: 0;
  }
  body.thrive_top_sticky .thrive-aside {
    position: fixed;
    top: 100px;
  }
}
.iframe_wrapper {
  position: relative;
  width: 100%;
  height: 0;
}
.iframe_wrapper iframe, .iframe_wrapper .video-js {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.iframe_wrapper.pdf-container {
  padding-bottom: 138%;
}
.iframe_wrapper.video-container {
  padding-bottom: 59%;
}

@media (max-width: 767px) {
  body.nonauth .header-new__container .header-nav {
    display: none;
  }
}

.page-vers.--feed {
  background-color: #f5f5f5;
}

.archive_tag_wrap {
  margin-top: 16px;
}

.archive_tag {
  border-radius: 4px;
  background-color: #EFFDFF;
  padding: 6px 8px;
  display: inline-block;
}
/*# sourceMappingURL=main.css.map */

/* нет в scss */

.playback_rate {
	cursor: pointer;
	background-color: #C2E5F7;
	font-weight: 700;
	padding: 6px 8px 6px 10px;
	border-radius: 20px;
	width: fit-content;
	display: flex;
	align-items: center;
	font-size: 16px;
	transition: background-color ease-in 0.24s;
	color: #2d2d2d;
	border: 0;
	margin: 20px 0 25px;
}

.playback_rate-slider__list {
	padding: 7px 8px;
	border-radius: 20px;
	background-color: rgba(255, 255, 255, 0.6);
	display: flex;
	align-items: center;
	font-size: 12px;
	font-weight: 700;
	margin: 0 0 0 5px;
}

.playback_rate-title {}